.demo-page{background:#f4f7fa;min-height:100vh}.demo-layout{grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding-block:70px 85px;display:grid}.demo-kicker{letter-spacing:.14em;color:#0877c9;font-size:14px;font-weight:800}.demo-intro h1{margin:24px 0;font-size:clamp(40px,4.5vw,64px);line-height:1.08}.demo-intro>p{color:#526170;max-width:520px;font-size:18px;line-height:1.7}.demo-prompts{border-left:2px solid #138df0;margin:34px 0;padding-left:22px}.demo-prompts h2{letter-spacing:0;margin:0 0 16px;font-size:16px}.demo-prompts p{color:#4b5c6b;margin:12px 0;font-size:16px}.demo-intro .demo-small{font-size:14px}.demo-call-card{color:#fff;text-align:center;background:#080d15;border:1px solid #27394b;border-radius:26px;min-width:0;padding:30px;box-shadow:0 30px 65px #102c4b20}.demo-card-top{color:#a8b8c8;letter-spacing:.09em;justify-content:space-between;gap:15px;font-size:12px;display:flex}.demo-orb{background:radial-gradient(circle at 32% 25%,#158dda,#07243c 62%,#08121d);border:1px solid #258aca;border-radius:50%;place-items:center;width:150px;height:150px;margin:45px auto 32px;display:grid;box-shadow:0 0 0 16px #138df008,0 0 0 33px #138df005}.demo-orb span{letter-spacing:-.09em;font-size:46px;font-style:italic;font-weight:850}.demo-orb-active{animation:2s ease-in-out infinite demo-breathe}.demo-call-card h2{letter-spacing:-.025em;margin:0 0 12px;font-size:25px;line-height:1.3}.demo-call-description{color:#a7b7c6;max-width:340px;margin:0 auto 26px;font-size:16px;line-height:1.6}.demo-start{width:100%;min-height:58px;font-size:16px}.demo-start:disabled{opacity:.55;cursor:not-allowed;transform:none}.demo-controls{gap:12px;display:flex}.demo-controls button{cursor:pointer;color:#fff;border:1px solid #45586b;border-radius:8px;flex:1;padding:17px;font-size:16px}.demo-mute{background:#162637}.demo-end{background:#b93642}.demo-disclosure{color:#9caebf;margin:22px 0;font-size:13px;line-height:1.6}.demo-disclosure a{text-decoration:underline}.demo-business-link{color:#82ceff;border-top:1px solid #293847;padding-top:23px;font-size:14px;font-weight:650;display:block}.demo-error{background:#412329;border:1px solid #a94e59;border-radius:8px;padding:12px;font-size:14px;line-height:1.6}.demo-footer{color:#536270;border-top:1px solid #d7e0e9;justify-content:space-between;gap:20px;padding-block:25px;font-size:14px;display:flex}.demo-footer div{gap:22px;display:flex}:is(.demo-page button:focus-visible,.demo-page a:focus-visible){outline-offset:5px;outline:3px solid #56baff}@keyframes demo-breathe{50%{box-shadow:0 0 0 23px #138df013,0 0 0 42px #138df008}}@media (max-width:900px){.demo-layout{grid-template-columns:1fr;gap:36px;padding-top:42px}.demo-intro{max-width:650px}.demo-intro h1{font-size:44px}.demo-prompts{display:none}.demo-call-card{width:100%;max-width:550px;margin:auto}.demo-footer{flex-direction:column}.demo-page .nav .text-link{text-align:right;max-width:140px;font-size:13px}.demo-orb{margin-top:35px}}@media (max-width:400px){.demo-intro h1{font-size:36px}.demo-call-card{padding:22px}.demo-card-top{letter-spacing:0;font-size:12px}.demo-footer div{gap:16px}}.demo-selection{text-align:left;border:0;min-width:0;margin:28px 0 0;padding:0}.demo-selection legend{color:#b5c5d4;margin-bottom:10px;font-size:13px}.demo-selection>div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.demo-selection button{font:inherit;color:#d6e1ec;cursor:pointer;background:#111e2d;border:1px solid #405165;border-radius:9px;padding:13px 8px;font-size:14px;line-height:1.35}.demo-selection button[aria-pressed=true]{color:#fff;background:#0c4267;border-color:#62bcf5}.demo-selection:disabled button{cursor:default;opacity:.65}.demo-selection+.demo-orb{margin-top:32px}
