:root{--background:#f7f4ee;--ink:#1b1b18;--muted:#64645d;--line:#d8d3c8;--surface:#fffdf8;--teal:#0e8074;--teal-dark:#096158;--amber:#c07a23;--red:#b83a32;--charcoal:#2b2b29}*{box-sizing:border-box}html{background:var(--background);min-height:100%}body{min-height:100%;color:var(--ink);background:linear-gradient(180deg, #fffdf8db, #f7f4eefa), var(--background);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,a{font:inherit}a{color:inherit;text-decoration:none}.voice-app{min-height:100vh}.call-stage{flex-direction:column;min-height:min(860px,92vh);padding:24px;display:flex}.topbar{justify-content:space-between;align-items:center;gap:16px;width:min(1120px,100%);margin:0 auto;display:flex}.brand{min-width:0;color:var(--charcoal);align-items:center;gap:10px;font-weight:760;display:inline-flex}.brand-mark{border:1px solid var(--line);background:var(--surface);width:38px;height:38px;color:var(--teal);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.status-pill{border:1px solid var(--line);min-height:34px;color:var(--muted);white-space:nowrap;background:#fffdf8b8;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:.9rem;font-weight:680;display:inline-flex}.status-pill span{background:var(--muted);border-radius:50%;width:9px;height:9px}.status-ready span,.status-connected span{background:var(--teal)}.status-queued span,.status-connecting span{background:var(--amber)}.status-error span{background:var(--red)}.stage-grid{flex:1;grid-template-columns:minmax(0,1fr) minmax(360px,440px);align-items:center;gap:clamp(32px,7vw,96px);width:min(1120px,100%);margin:0 auto;padding:clamp(52px,9vh,112px) 0 28px;display:grid}.intro-copy{max-width:720px}.eyebrow{color:var(--teal-dark);letter-spacing:0;text-transform:uppercase;margin:0 0 14px;font-size:.82rem;font-weight:800}.intro-copy h1{letter-spacing:0;max-width:720px;margin:0;font-size:clamp(3.2rem,9vw,7.5rem);line-height:.91}.intro-copy p{max-width:620px;color:var(--muted);margin:26px 0 0;font-size:1.18rem;line-height:1.62}.control-surface{border:1px solid var(--line);background:#fffdf8db;border-radius:8px;gap:22px;width:100%;padding:24px;display:grid;box-shadow:0 24px 80px #39352b1f}.meter-row{border:1px solid var(--line);background:#f3efe6;border-radius:8px;grid-template-columns:repeat(14,minmax(8px,1fr));align-items:end;gap:7px;height:96px;padding:18px;display:grid}.meter-bar{background:#d9d1c3;border-radius:999px;height:18%;min-height:12px;transition:height .12s,background .12s}.meter-bar:nth-child(2n){height:26%}.meter-bar:nth-child(3n){height:42%}.meter-bar.active{background:var(--teal);height:100%}.state-readout{min-height:42px;color:var(--muted);justify-content:space-between;align-items:center;gap:12px;display:flex}.state-readout span{color:var(--ink);font-size:1.1rem;font-weight:760}.state-readout strong{color:var(--teal-dark)}.error-text{color:var(--red);margin:0;line-height:1.4}.primary-controls{grid-template-columns:58px 1fr 58px;align-items:center;gap:12px;display:grid}.icon-button,.start-button,.utility-controls button,.utility-controls a{cursor:pointer;border:1px solid #0000;transition:transform .14s,border-color .14s,background .14s,color .14s}.icon-button:disabled,.utility-controls button:disabled{cursor:not-allowed;opacity:.44}.icon-button:hover:not(:disabled),.start-button:hover,.utility-controls button:hover:not(:disabled),.utility-controls a:hover{transform:translateY(-1px)}.icon-button{width:58px;height:58px;color:var(--charcoal);background:#f4efe5;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.icon-button.secondary{border-color:var(--line)}.icon-button.danger{color:var(--red);background:#f7e4df}.start-button{background:var(--teal);color:#fff;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:62px;padding:0 18px;font-weight:820;display:inline-flex}.start-button.waiting{background:var(--charcoal)}.utility-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.utility-controls button,.utility-controls a{border-color:var(--line);min-height:42px;color:var(--muted);background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:8px 10px;font-size:.92rem;font-weight:720;display:inline-flex}.spin{animation:.9s linear infinite spin}.seo-content{border-top:1px solid var(--line);width:min(1120px,100% - 48px);margin:0 auto;padding:44px 0 72px}.seo-content h2{max-width:760px;margin:0;font-size:clamp(2rem,4vw,3.4rem);line-height:1}.seo-content p{max-width:760px;color:var(--muted);line-height:1.65}.seo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px;display:grid}.seo-grid article{border-top:2px solid var(--teal);padding-top:16px}.seo-grid h3{margin:0 0 8px}.seo-grid p{margin:0}.content-page{width:min(780px,100% - 40px);margin:0 auto;padding:56px 0 80px}.content-page h1{margin:24px 0 18px;font-size:clamp(2.4rem,8vw,4.8rem);line-height:.95}.content-page h2{margin:32px 0 10px;font-size:1.25rem}.content-page p,.content-page li{color:var(--muted);font-size:1.03rem;line-height:1.68}.content-page ul{margin:0;padding-left:22px}.text-link{color:var(--teal-dark);text-underline-offset:4px;font-weight:760;text-decoration:underline;display:inline-flex}audio{display:none}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:820px){.call-stage{min-height:auto;padding:18px}.topbar{align-items:flex-start}.brand{max-width:210px}.stage-grid{grid-template-columns:1fr;padding-top:52px}.intro-copy h1{font-size:clamp(3.2rem,16vw,5.4rem)}.intro-copy p{font-size:1rem}.control-surface{padding:18px}.utility-controls{grid-template-columns:1fr}.seo-content{width:calc(100% - 36px)}.seo-grid{grid-template-columns:1fr}}@media (max-width:460px){.topbar{flex-direction:column}.primary-controls{grid-template-columns:50px 1fr 50px}.icon-button{width:50px;height:50px}.start-button{min-height:56px}}