:root{--background:#f4f1eb;--foreground:#151515;--muted:#68645f;--card:#fff;--card-border:#15151514;--accent:#111;--accent-foreground:#fff;--success:#197a4f;--warning:#a15c00;--danger:#b42318;--ring:#1111112e}*{box-sizing:border-box}html{background:var(--background);min-height:100%}body{min-height:100%;color:var(--foreground);background:radial-gradient(circle at 0 0,#ffffffe6,#0000 32rem),linear-gradient(135deg,#f7f3eb 0%,#ddd8d0 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}.page-shell{place-items:center;width:min(680px,100vw - 32px);min-height:100svh;margin:0 auto;padding:32px 0;display:grid}.hero{align-items:start;gap:40px;display:grid}.eyebrow{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;margin:0 0 14px;font-size:.78rem;font-weight:800}h1{letter-spacing:-.075em;max-width:680px;margin:0;font-size:clamp(2.3rem,6vw,5.4rem);line-height:.92}.lede{color:#3d3935;max-width:600px;margin:22px 0 0;font-size:clamp(1.02rem,2vw,1.22rem);line-height:1.65}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:30px;display:flex}.pill-note{border:1px solid var(--card-border);color:var(--muted);background:#ffffff94;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:.9rem;font-weight:650;display:inline-flex}.demo-card{border:1px solid var(--card-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc2;border-radius:30px;padding:clamp(18px,3vw,28px);box-shadow:0 24px 80px #14120f24}.demo-card h2{letter-spacing:-.04em;margin:0;font-size:clamp(1.45rem,3vw,2.15rem);line-height:1.05}.demo-card p{color:var(--muted);line-height:1.65}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px;display:grid}.feature-card{border:1px solid var(--card-border);background:#ffffff8c;border-radius:20px;padding:18px}.feature-card strong{margin-bottom:8px;font-size:.98rem;display:block}.feature-card span{color:var(--muted);font-size:.9rem;line-height:1.5}.voice-widget{gap:18px;width:min(100%,560px);margin:0 auto;display:grid}.voice-widget__panel{border:1px solid var(--card-border);color:#fff;background:#101010;border-radius:28px;overflow:hidden;box-shadow:inset 0 1px #ffffff1a}.voice-widget__topbar{text-align:center;justify-content:center;align-items:center;gap:16px;padding:22px 22px 0;display:flex}.voice-widget__status{color:#ffffffb8;letter-spacing:.04em;text-transform:uppercase;font-size:.88rem;font-weight:700}.status-dot{background:#858585;border-radius:999px;width:10px;height:10px;margin-right:8px;display:inline-block;box-shadow:0 0 0 5px #ffffff0f}.status-dot[data-state=connected],.status-dot[data-state=listening],.status-dot[data-state=speaking]{background:#76e1b7}.status-dot[data-state=thinking],.status-dot[data-state=connecting]{background:#ffd166}.status-dot[data-state=error]{background:#ff6b6b}.voice-widget__orb-wrap{place-items:center;padding:38px 18px 30px;display:grid}.voice-orb{isolation:isolate;color:#fff;background:radial-gradient(circle at 50% 42%,#fffffff0 0 4%,#0000 5%),radial-gradient(circle at 36% 24%,#ffffffe6 0 8%,#b3ffea94 9% 18%,#0000 36%),radial-gradient(circle at 60% 72%,#19ffdb70,#0000 34%),conic-gradient(from 210deg,#65ffd6,#2b7cff,#8f5bff,#20f4d2,#65ffd6),linear-gradient(145deg,#071b24,#071014 62%,#0a322d);border:1px solid #b4ffef6b;border-radius:999px;place-items:center;width:178px;height:178px;transition:transform .18s,box-shadow .18s,filter .18s;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 1px #76e1b742,0 0 34px #22f4d26b,0 0 92px #2b7cff47,inset 0 0 34px #ffffff38,inset 0 -28px 54px #0000007a}.voice-orb:before,.voice-orb:after{border-radius:inherit;content:"";pointer-events:none;position:absolute}.voice-orb:before{z-index:-1;background:conic-gradient(from 0deg, transparent 0 18%, #62ffdbe6 24%, transparent 31% 58%, #7870ffd9 66%, transparent 74% 100%);filter:blur(10px);opacity:.72;animation:5s linear infinite orb-rotate;inset:-2px}.voice-orb:after{mix-blend-mode:screen;opacity:.55;background:linear-gradient(#ffffff1f 1px,#0000 1px) 0 0/100% 14px,radial-gradient(circle,#0000 50%,#00000038 70%);border:1px solid #ffffff2e;inset:14px}.voice-orb:hover:not(:disabled){transform:translateY(-2px)scale(1.025);box-shadow:0 0 0 1px #76e1b757,0 0 44px #22f4d28a,0 0 112px #2b7cff5c,inset 0 0 34px #ffffff3d,inset 0 -28px 54px #0000007a}.voice-orb[data-active=true]{box-shadow:0 0 0 10px #22f4d214,0 0 42px #22f4d280,0 0 118px #2b7cff5c,inset 0 0 34px #ffffff3d,inset 0 -28px 54px #0000007a}.voice-orb[data-speaking=true]{filter:saturate(1.24);animation:.9s ease-in-out infinite alternate speaking-breathe}.voice-orb__icon{z-index:1;text-shadow:0 0 12px #ffffffb8,0 0 28px #22f4d2bd;font-size:3.7rem;line-height:1}.voice-orb__bars{z-index:1;align-items:end;gap:5px;height:30px;display:flex;position:absolute;bottom:34px}.voice-orb__bars span{background:#ffffffdb;border-radius:999px;width:5px;height:10px;animation:.78s ease-in-out infinite paused equalize}.voice-orb[data-speaking=true] .voice-orb__bars span,.voice-orb[data-listening=true] .voice-orb__bars span{animation-play-state:running}.voice-orb__bars span:nth-child(2){animation-delay:90ms}.voice-orb__bars span:nth-child(3){animation-delay:.18s}.voice-orb__bars span:nth-child(4){animation-delay:.27s}.voice-orb__bars span:nth-child(5){animation-delay:.36s}.voice-widget__controls{flex-wrap:wrap;justify-content:center;gap:10px;padding:0 18px 22px;display:flex}.control-button{color:#fff;background:#ffffff1a;border:1px solid #ffffff24;border-radius:999px;padding:12px 16px;font-weight:800}.control-button--primary{color:#111;background:#fff;border-color:#0000}.control-button--danger{color:#ffd4d4;border-color:#ff6b6b66}.voice-widget__error{color:#ffe2e0;background:#b4231838;border-radius:16px;margin:0 18px 20px;padding:12px 14px;font-size:.92rem}.transcript{overscroll-behavior:contain;scroll-behavior:smooth;border:1px solid var(--card-border);text-align:left;background:#ffffffad;border-radius:20px;gap:10px;width:100%;max-height:min(34svh,320px);margin:0 auto;padding:14px;display:grid;overflow:auto}.transcript__empty{color:var(--muted);text-align:center;margin:0;font-size:.92rem}.transcript-message{background:#fff;border-radius:16px;gap:4px;padding:12px;display:grid}.transcript-message[data-role=user]{background:#f1f7ff;margin-left:28px}.transcript-message[data-role=assistant]{background:#f4fff9;margin-right:28px}.transcript-message strong{letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}.transcript-message span{color:#2f2b27;line-height:1.45}.hidden-widget-host{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}@keyframes orb-rotate{to{transform:rotate(360deg)}}@keyframes pulse-ring{0%{opacity:.85;transform:scale(.92)}to{opacity:0;transform:scale(1.35)}}@keyframes speaking-breathe{0%{filter:saturate();transform:scale(1)}to{filter:saturate(1.18);transform:scale(1.045)}}@keyframes equalize{0%,to{height:8px}50%{height:28px}}@media (max-width:900px){.feature-grid{grid-template-columns:1fr}}@media (max-width:520px){.page-shell{width:min(100vw - 20px,1180px);padding:24px 0}.demo-card{border-radius:24px}.voice-orb{width:142px;height:142px}}