/* AZAI-S4 Talk 5 minutes, get a business */
.tk [hidden] { display:none !important }
.tk-hero h1 { font-size:clamp(28px,5vw,44px); line-height:1.1; margin:16px 0 8px } .tk-hero h1 em { font-style:normal; background:linear-gradient(90deg,#61f2dd,#6aa8ff); -webkit-background-clip:text; background-clip:text; color:transparent }
.tk-sub { font-size:17px; color:#cfe0ff; max-width:760px; margin:0 0 18px }
.tk-panel { background:var(--card); border:1px solid var(--line); border-radius:20px; padding:20px; margin:0 0 16px; max-width:860px }
.tk-top { display:flex; align-items:center; gap:12px; margin-bottom:10px } .tk-step { margin:0; font-weight:700; color:var(--mut); font-size:14px; white-space:nowrap }
.tk-bar { flex:1; height:8px; border-radius:99px; background:#13234a; overflow:hidden } .tk-bar i { display:block; height:100%; width:0; background:linear-gradient(90deg,#61f2dd,#6aa8ff); transition:width .3s }
.tk-question { font-size:clamp(20px,3.2vw,26px); line-height:1.3; margin:6px 0 4px; text-align:left }
.tk-hint { color:var(--mut); margin:0 0 12px; font-size:15px }
.tk textarea { font-size:17px; line-height:1.5; min-height:120px }
.tk-msg { min-height:20px; margin:6px 0 0; font-size:14px; color:#ffd27a } .tk-msg.ok { color:var(--ok) }
.tk-row { display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin-top:12px } .tk-gap { flex:1 }
.tk-mic.on { border-color:#ff6b6b; color:#ff6b6b }
.tk-read, .tk-logo { display:inline-flex; align-items:center; gap:8px; min-height:44px; margin-top:8px; color:var(--mut); font-size:14px } .tk-read input, .tk-logo input { width:20px; height:20px; min-height:0 }
.tk-answers { margin:8px 0 12px; padding-left:22px; display:grid; gap:10px }
.tk-answers button { all:unset; cursor:pointer; display:block; padding:8px 10px; border-radius:10px; border:1px solid var(--line); width:100%; box-sizing:border-box; min-height:44px }
.tk-answers button:focus-visible, .tk-answers button:hover { border-color:var(--cy) } .tk-answers b { display:block; font-size:13px; color:var(--mut); font-weight:600 } .tk-answers span { white-space:pre-wrap }
.tk-price { margin:6px 0; font-size:16px } .tk-price b { color:#fff }
.tk-out-h { text-align:left; font-size:clamp(22px,3.4vw,30px); margin:22px 0 12px }
.tk-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px }
.tk-box { background:var(--card); border:1px solid var(--line); border-radius:18px; padding:18px } .tk-box h3 { margin:0 0 10px; font-size:18px } .tk-box.wide { grid-column:1/-1 }
.tk-box ul { margin:0; padding-left:20px; display:grid; gap:6px }
.tk-names { list-style:none; padding:0 !important } .tk-names li { display:flex; flex-wrap:wrap; gap:6px 10px; align-items:center; padding:8px 0; border-bottom:1px solid var(--line) }
.tk-names b { font-size:17px } .tk-names small { flex-basis:100%; color:var(--mut) }
.tk-tag { font-size:12px; font-weight:700; padding:3px 9px; border-radius:99px; border:1px solid var(--line) } .tk-tag.ok { background:var(--ok); color:#041022; border-color:var(--ok) } .tk-tag.no { color:#fca5a5; border-color:#6b1d1d }
.tk-logos { display:flex; gap:12px; flex-wrap:wrap } .tk-logos img { width:160px; height:160px; object-fit:contain; background:#fff; border-radius:14px }
.tk-colors { display:flex; gap:8px } .tk-colors i { width:36px; height:36px; border-radius:10px; border:1px solid #ffffff33 }
.tk-cta { display:flex; flex-wrap:wrap; gap:10px; margin-top:12px }
@media (max-width:760px) { .tk-grid { grid-template-columns:1fr } .tk-panel, .tk-box { padding:15px } .tk-row .btn { flex:1 1 auto } .tk-gap { display:none } }