.demo-hero{padding-bottom:clamp(120px,14vw,180px)}.demo-copy{max-width:760px}.demo-how{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.demo-how li{border:1px solid var(--d-line);color:var(--d-text);background:#ffffff0f;border-radius:999px;align-items:center;gap:10px;padding:8px 16px 8px 8px;font-size:14.5px;font-weight:500;display:inline-flex}.demo-how li span{background:var(--d-amber);width:26px;height:26px;color:var(--ink);font:600 12px/1 var(--mono);border-radius:50%;place-items:center;display:grid}.demo-bench{z-index:2;margin-top:clamp(-120px,-12vw,-80px);padding-top:0;position:relative}.demo-note{max-width:44em;color:var(--text-3);text-align:center;margin:20px auto 0;font-size:14px}.tb{gap:18px;display:grid}@media (min-width:980px){.tb{grid-template-columns:minmax(0,1fr) minmax(0,420px);align-items:start;gap:22px}}.tb-controls{border-radius:var(--r-xl);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-2);gap:18px;padding:clamp(20px,3vw,30px);display:grid}.tb-presets{gap:8px;display:grid}@media (min-width:560px){.tb-presets{grid-template-columns:1fr 1fr}}.tb-preset{border:1px solid var(--line-2);background:var(--card);text-align:left;min-height:64px;transition:border-color var(--fast) var(--ease), background-color var(--fast) var(--ease), box-shadow var(--fast) var(--ease);border-radius:16px;align-items:center;gap:12px;padding:10px 14px;display:flex}.tb-preset:hover{border-color:#c3b9a9}.tb-preset[aria-checked=true]{border-color:var(--blue);background:var(--blue-soft);box-shadow:0 0 0 3px #2c348024}.tb-av{background:var(--paper-2);width:38px;height:38px;color:var(--text);font:600 13px/1 var(--sans);border-radius:12px;flex:none;place-items:center;display:grid}.tb-preset[aria-checked=true] .tb-av{background:var(--blue);color:#fff}.tb-preset b{color:var(--text);font-size:14.5px;display:block}.tb-preset small{color:var(--text-3);font-size:12.5px;line-height:1.3;display:block}.tb-build{border-top:1px solid var(--line);gap:10px;padding-top:18px;display:grid}.tb-build-label{color:var(--text);font-size:14px;font-weight:600}.tb-domain{border:1px solid var(--line-2);background:var(--card);min-height:56px;transition:border-color var(--fast) var(--ease), box-shadow var(--fast) var(--ease);border-radius:16px;align-items:center;gap:6px;padding:6px 6px 6px 16px;display:flex}.tb-domain:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px #2c348029}.tb-domain>span{color:var(--text-3);font:500 14px/1 var(--mono)}.tb-domain input{background:0 0;border:0;outline:none;flex:1;min-width:0;height:42px;font-size:16px}.tb-paste summary{cursor:pointer;color:var(--blue-ink);font-size:14px;font-weight:500}.tb-paste textarea{margin-top:10px}.tb-flash{color:#b3332c;font-size:14px;font-weight:500}.tb-steps{gap:6px;font-size:14px;display:grid}.tb-steps li{color:var(--text-3);align-items:center;gap:10px;display:flex}.tb-steps li:before{content:"";border:1.5px solid;border-radius:50%;width:10px;height:10px}.tb-steps li[data-state=now]{color:var(--blue-ink)}.tb-steps li[data-state=done]{color:#12724c}.tb-steps li[data-state=done]:before{background:currentColor}.tb-facts{background:var(--paper);border-radius:14px;gap:8px;padding:14px 16px;font-size:14px;display:grid}.tb-facts div{grid-template-columns:76px 1fr;gap:8px;display:grid}.tb-facts dt{color:var(--text-3)}.tb-facts dd{color:var(--text);margin:0}.tb-step2{margin-bottom:12px}@media (min-width:980px){.tb-step2{display:none}}.tb-phone{color:var(--d-text-2);background:linear-gradient(#141936 0%,#0b0d1c 100%);border-radius:36px;gap:16px;padding:22px 20px 20px;display:grid;position:relative;box-shadow:0 40px 80px -36px #0a0c1eb3,inset 0 0 0 1px #ffffff14,inset 0 0 0 6px #070912}.tb-status{font:500 11.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--d-text-3);justify-content:space-between;align-items:center;gap:12px;padding:2px 6px 0;display:flex}.tb-line{color:var(--d-text-2);align-items:center;gap:8px;display:inline-flex}.tb-line i{background:#ffffff4d;border-radius:50%;width:8px;height:8px}.tb-line i[data-live=true]{background:#4fd39b;box-shadow:0 0 0 4px #4fd39b33}.tb-who{text-align:center;justify-items:center;gap:4px;padding:8px 0 4px;display:grid}.tb-avatar{color:#fff;background:radial-gradient(circle at 34% 30%,#e2e6ff 0%,#5969d6 34%,#2c3480 66%,#111538 100%);border-radius:50%;place-items:center;width:76px;height:76px;margin-bottom:8px;font-size:22px;font-weight:600;display:grid;position:relative;box-shadow:0 0 0 6px #7180f529}@media (prefers-reduced-motion:no-preference){.tb-avatar[data-speaking=true]:after{content:"";border:2px solid #8299ff99;border-radius:50%;animation:1.4s ease-out infinite pcRing;position:absolute;inset:-6px}}.tb-who b{color:#fff;letter-spacing:-.02em;font-size:19px}.tb-who small{color:var(--d-text-3);font:500 13px/1 var(--mono)}.tb-callstatus{color:var(--d-amber);margin-top:6px;font-size:13.5px;font-weight:600}.tb-captions{background:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;gap:10px;min-height:132px;padding:16px;display:grid}.tb-cap{font-size:15px;line-height:1.5}.tb-cap small{font:500 10.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px;display:block}.tb-cap.ai{color:#fff}.tb-cap.ai small{color:var(--d-blue)}.tb-cap.you{color:#ffe9d2}.tb-cap.you small{color:var(--d-amber)}.tb-say{gap:10px;display:grid}.tb-say-label{color:var(--d-text-3);font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}.tb-chips{flex-wrap:wrap;gap:6px;display:flex}.tb-chips button{color:#fff;min-height:40px;transition:background-color var(--fast) var(--ease);background:#ffffff12;border:1px solid #ffffff1f;border-radius:999px;padding:0 14px;font-size:13.5px}.tb-chips button:hover{background:#ffffff21}.tb-ask{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;gap:6px;padding:5px 5px 5px 14px;display:flex}.tb-ask input{color:#fff;background:0 0;border:0;outline:none;flex:1;min-width:0;height:40px;font-size:16px}.tb-ask input::placeholder{color:var(--d-text-3)}.tb-ask button{background:var(--blue);color:#fff;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.tb-ask .arr{width:17px;height:17px}.tb-controls-row{justify-content:space-between;align-items:center;padding:6px 18px 0;display:flex}.tb-round{color:#fff;background:#ffffff14;border-radius:50%;place-items:center;width:52px;height:52px;display:grid}.tb-round svg{width:22px;height:22px}.tb-spacer{visibility:hidden}.tb-call{color:#fff;width:72px;height:72px;transition:transform var(--fast) var(--ease), background-color var(--fast) var(--ease);background:#2fbf71;border-radius:50%;place-items:center;display:grid;box-shadow:0 16px 34px -12px #2fbf71cc}.tb-call svg{fill:currentColor;stroke:none;width:28px;height:28px;transition:transform var(--med) var(--ease)}.tb-call[data-live=true]{background:#e5484d;box-shadow:0 16px 34px -12px #e5484dcc}.tb-call[data-live=true] svg{transform:rotate(135deg)}.tb-call:active{transform:scale(.95)}@media (prefers-reduced-motion:no-preference){.tb-phone[data-call=idle] .tb-call{animation:tbNudge 2.6s var(--ease) infinite}}@keyframes tbNudge{0%,70%,to{box-shadow:0 16px 34px -12px #2fbf71cc,0 0 #2fbf7173}85%{box-shadow:0 16px 34px -12px #2fbf71cc,0 0 0 14px #2fbf7100}}.tb-hint{color:var(--d-text-3);text-align:center;font-size:13px}.tb-summary{color:var(--text-2);background:#fff;border-radius:20px;gap:8px;padding:16px;font-size:14px;display:grid}.tb-summary-head{color:var(--text);justify-content:space-between;align-items:center;font-weight:600;display:flex}.tb-summary .link{min-height:36px}.tb>*,.tb-controls>*,.tb-preset>span:last-child{min-width:0}.tb-preset small{overflow-wrap:anywhere}.tb-build>*{min-width:0}.tb-domain input{width:0}.tb-transcript-section{border-top:1px solid var(--line);gap:12px;padding-top:16px;display:grid}.tb-transcript-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.tb-th-title{flex-direction:column;gap:4px;display:flex}.tb-th-title h4{color:var(--text);letter-spacing:-.01em;margin:0;font-size:16px;font-weight:700}.tb-live-indicator{color:var(--text-3);font:600 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;display:inline-flex}.tb-live-indicator .dot{background:var(--text-4);width:7px;height:7px;transition:background-color var(--fast) var(--ease);border-radius:50%}.tb-live-indicator[data-live=true]{color:#12724c}.tb-live-indicator[data-live=true] .dot{background:#14a065;animation:1.8s infinite pulse;box-shadow:0 0 0 3px #14a06540}.tb-live-pill{color:#12724c;font:700 11px/1 var(--mono);letter-spacing:.08em;background:#14a0651a;border:1px solid #14a06540;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;display:inline-flex}.tb-live-pill .pulse-dot{background:#14a065;border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulse;box-shadow:0 0 0 2px #14a06540}.tb-transcript-desc{color:var(--text-3);margin:0;font-size:13px;line-height:1.45}.tb-live-standby{text-align:center;background:var(--paper);border:1px dashed var(--line-2);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:240px;padding:38px 24px;display:flex}.tb-soundwave-anim{align-items:center;gap:5px;height:36px;display:flex}.tb-soundwave-anim span{background:var(--blue);border-radius:4px;width:4px;animation:1.4s ease-in-out infinite waveIdle}.tb-soundwave-anim span:first-child{height:10px;animation-delay:0s}.tb-soundwave-anim span:nth-child(2){height:18px;animation-delay:.15s}.tb-soundwave-anim span:nth-child(3){height:28px;animation-delay:.3s}.tb-soundwave-anim span:nth-child(4){height:14px;animation-delay:.45s}.tb-soundwave-anim span:nth-child(5){height:24px;animation-delay:.6s}.tb-soundwave-anim span:nth-child(6){height:16px;animation-delay:.75s}.tb-soundwave-anim span:nth-child(7){height:8px;animation-delay:.9s}@keyframes waveIdle{0%,to{opacity:.35;transform:scaleY(.5)}50%{opacity:.95;transform:scaleY(1.2)}}.tb-standby-title{color:var(--text);margin:0;font-size:15px;font-weight:600}.tb-standby-sub{max-width:360px;color:var(--text-3);margin:0;font-size:13px;line-height:1.5}.tb-transcript-list{flex-direction:column;display:flex;position:relative}.tb-transcript-list.live-single{min-height:180px;padding:4px}.tb-transcript-list.completed-review{scroll-behavior:smooth;gap:10px;height:380px;max-height:480px;padding:6px 8px 10px;overflow-y:auto}.tb-transcript-list::-webkit-scrollbar{width:5px}.tb-transcript-list::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:4px}.tb-review-banner{background:var(--paper-2);border:1px solid var(--line-2);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:2px;padding:10px 14px;display:flex}.tb-review-badge{color:#12724c;font:700 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;background:#14a0651f;border-radius:6px;align-items:center;padding:3px 8px;display:inline-flex}.tb-review-hint{color:var(--text-3);font-size:12.5px;font-weight:500}.tb-t-row{background:var(--paper);border:1px solid var(--line-2);cursor:pointer;border-radius:14px;flex-direction:column;flex-shrink:0;gap:6px;padding:16px 18px;transition:opacity .3s,background-color .25s,border-color .25s,box-shadow .25s,transform .2s;animation:.28s cubic-bezier(.16,1,.3,1) slideFadeIn;display:flex;position:relative}@keyframes slideFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tb-t-row.live-active-card{opacity:1;border-color:var(--blue);cursor:default;background:#2c348040;box-shadow:0 0 0 3px #7180f533,0 8px 24px -8px #2c348066}.tb-t-row.review-row{opacity:.95}.tb-t-row.review-row:hover{opacity:1;border-color:var(--blue);background:#2c348026;transform:translateY(-1px);box-shadow:0 0 0 2px #7180f533}.tb-history-btn{border:1px solid var(--line);color:#fff;font:600 12.5px/1 var(--sans);cursor:pointer;transition:all var(--fast) var(--ease);background:#ffffff0f;border-radius:10px;justify-content:center;align-items:center;gap:6px;margin-top:6px;padding:8px 14px;display:inline-flex}.tb-history-btn:hover{color:#fff;background:#ffffff1f;border-color:#ffffff4d}.tb-t-meta{align-items:center;gap:8px;font-size:12px;display:flex}.tb-t-avatar{width:22px;height:22px;font:700 10px/1 var(--sans);border-radius:6px;place-items:center;display:grid}.tb-t-avatar.ai{background:var(--blue);color:#fff}.tb-t-avatar.caller{color:#fff;background:#64748b}.tb-t-speaker{color:var(--text);font-size:12.5px;font-weight:600}.tb-t-time{color:var(--text-3);font:500 11px/1 var(--mono);margin-left:auto}.tb-t-speaking-pill{color:#fff;font:700 9.5px/1 var(--sans);text-transform:uppercase;letter-spacing:.05em;background:#14a065;border-radius:6px;padding:2px 6px;animation:1.5s infinite pulse}.tb-t-text{color:var(--text);margin:0;font-size:13.5px;line-height:1.5}.tb-t-row.active .tb-t-text{color:#fff;font-weight:500}.tb-t-note{margin-top:2px;display:flex}.tb-t-note-tag{color:var(--blue-ink);font:500 11px/1 var(--sans);background:#2c348014;border:1px solid #2c348029;border-radius:6px;align-items:center;padding:3px 8px;display:inline-flex}@media (max-width:480px){.tb-controls{border-radius:20px;padding:18px 14px}.tb-phone{border-radius:24px;padding:18px 14px 16px}.tb-presets{grid-template-columns:1fr;gap:8px}.tb-preset{min-height:58px;padding:8px 12px}}@media (max-width:360px){.tb-controls-row{padding:4px 0 0}.tb-round{width:44px;height:44px}.tb-call{width:62px;height:62px}.tb-phone{border-radius:18px;padding:16px 10px 14px}.tb-t-row{padding:12px}}@media (max-height:640px) and (orientation:landscape){.demo-hero{padding-top:calc(var(--nav-h) + 12px);padding-bottom:24px}.tb-transcript-list{height:250px;max-height:250px}}
