:root{--magenta:#d50060;--magenta-deep:#91004c;--purple:#6c4cff;--purple-deep:#6000b7;--violet:#ad17df;--blue:#3898ec;--blue-soft:#92dbff;--orange:#ff9104;--pink:#ff50c8;--bg-lavender:#f9f5ff;--thistle:#ded1ff;--ink:#101828;--ink-soft:#475467;--white:#fff;--grad-hero:linear-gradient(135deg,#6000b7,#6c4cff 38%,#d50060);--grad-orb:conic-gradient(from 210deg,#6c4cff,#d50060,#ff50c8,#3898ec,#6c4cff);--radius:18px;--shadow-lg:0 24px 60px -18px rgba(96,0,183,.35);--shadow-orb:0 18px 50px -12px rgba(213,0,96,.45)}*{box-sizing:border-box}body,html{height:100%}body{margin:0;color:var(--ink);background:var(--bg-lavender);font-family:Avenir Next,Segoe UI,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5}a{color:var(--purple-deep)}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;isolation:isolate;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:hsla(0,0%,100%,.82);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(96,0,183,.08)}.nav,.nav-spacer{height:64px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand img{height:30px;width:auto;display:block}.brand .tag{font-size:12px;color:var(--ink-soft);letter-spacing:.02em}.nav-cta{display:inline-flex;align-items:center;gap:8px;background:var(--magenta);color:#fff;text-decoration:none;font-weight:600;font-size:14px;padding:9px 16px;border-radius:999px;box-shadow:0 8px 20px -8px rgba(213,0,96,.5);transition:transform .12s ease,background .12s ease}.nav-cta:hover{background:var(--magenta-deep);transform:translateY(-1px)}.hero{min-height:calc(100vh - 64px);display:grid;grid-template-columns:1.05fr .95fr;grid-gap:48px;gap:48px;align-items:center;max-width:1180px;margin:0 auto;padding:48px 28px 72px}@media (max-width:900px){.hero{grid-template-columns:1fr;gap:28px;padding-top:24px}}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--purple-deep);background:var(--thistle);padding:6px 12px;border-radius:999px;margin-bottom:18px}.eyebrow .dot{width:8px;height:8px;border-radius:50%;background:var(--magenta)}h1.title{font-size:clamp(34px,4.6vw,56px);line-height:1.04;letter-spacing:-.02em;margin:0 0 18px;font-weight:800}.title .accent{background:linear-gradient(90deg,var(--purple-deep),var(--magenta));-webkit-background-clip:text;background-clip:text;color:transparent}.lede{font-size:18px;color:var(--ink-soft);max-width:34ch;margin:0 0 28px}.points{list-style:none;padding:0;margin:0 0 8px;display:grid;grid-gap:12px;gap:12px}.points li{display:flex;gap:12px;align-items:flex-start;font-size:15px;color:var(--ink)}.points svg{flex:0 0 auto;margin-top:2px}.hero-mascot{display:flex;justify-content:center;align-items:flex-end}.hero-mascot img{width:min(420px,80%);height:auto;filter:drop-shadow(0 24px 40px rgba(96,0,183,.25))}@media (max-width:900px){.hero-mascot{display:none}}.panel{grid-column:1/-1;width:100%;max-width:760px;margin:8px auto 0;background:var(--white);border-radius:26px;box-shadow:var(--shadow-lg);border:1px solid rgba(96,0,183,.08);padding:30px 30px 26px}.panel-head{justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}.panel-head,.panel-title{display:flex;align-items:center}.panel-title{gap:12px}.panel-title img{width:40px;height:40px;border-radius:12px;background:var(--grad-hero);padding:6px}.panel-title h2{font-size:18px;margin:0;font-weight:800;letter-spacing:-.01em}.panel-title p{margin:0;font-size:13px;color:var(--ink-soft)}.timer{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:13px;color:var(--ink-soft);background:var(--bg-lavender);border:1px solid rgba(96,0,183,.1);padding:5px 10px;border-radius:999px}.stage{display:flex;flex-direction:column;align-items:center;gap:18px;padding:8px 0 4px}.orb-wrap{position:relative;width:168px;height:168px;display:grid;place-items:center}.orb-ring{position:absolute;inset:0;background:var(--grad-orb);filter:blur(6px);opacity:.55;transition:transform .3s ease,opacity .3s ease}.orb,.orb-ring{border-radius:50%}.orb{position:relative;width:132px;height:132px;background:var(--grad-hero);display:grid;place-items:center;cursor:pointer;border:none;box-shadow:var(--shadow-orb);transition:transform .15s ease,box-shadow .2s ease}.orb:hover{transform:scale(1.03)}.orb:active{transform:scale(.98)}.orb img{width:64px;height:64px;object-fit:contain}.orb .orb-label{position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);font-size:11px;font-weight:700;letter-spacing:.06em;color:#fff;background:rgba(16,24,40,.35);padding:2px 8px;border-radius:999px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.connected .orb-ring{animation:pulse 2.2s ease-in-out infinite;opacity:.8}.agent-speaking .orb-ring{animation:pulse 1s ease-in-out infinite;opacity:.95}.agent-speaking .orb{animation:bob 1s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}@keyframes bob{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}.status{font-size:14px;color:var(--ink-soft);min-height:20px;text-align:center}.status strong{color:var(--ink)}.controls{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.btn{border:none;cursor:pointer;font-weight:700;font-size:14px;padding:11px 18px;border-radius:999px;transition:transform .12s ease,background .12s ease,box-shadow .12s ease}.btn-primary{background:var(--magenta);color:#fff;box-shadow:0 10px 22px -10px rgba(213,0,96,.55)}.btn-primary:hover{background:var(--magenta-deep);transform:translateY(-1px)}.btn-ghost{background:var(--bg-lavender);color:var(--purple-deep);border:1px solid rgba(96,0,183,.18)}.btn-ghost:hover{background:var(--thistle)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.ask{width:100%;margin-top:6px}.ask-row{display:flex;gap:10px;width:100%}.ask input{flex:1 1 auto;min-width:0;border:1.5px solid rgba(96,0,183,.2);border-radius:14px;padding:13px 16px;font-size:15px;font-family:inherit;color:var(--ink);background:#fff;outline:none;transition:border-color .12s ease,box-shadow .12s ease}.ask input:focus{border-color:var(--purple);box-shadow:0 0 0 4px rgba(108,76,255,.14)}.ask .hint{font-size:12.5px;color:var(--ink-soft);margin-top:8px;text-align:center}.suggest{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:12px}.chip{font-size:12.5px;color:var(--purple-deep);background:var(--bg-lavender);border:1px solid rgba(96,0,183,.16);padding:6px 12px;border-radius:999px;cursor:pointer;transition:background .12s ease,transform .12s ease}.chip:hover{background:var(--thistle);transform:translateY(-1px)}.settings{margin-top:14px;width:100%}.settings summary{cursor:pointer;font-size:13px;color:var(--ink-soft);text-align:center;list-style:none}.settings summary::-webkit-details-marker{display:none}.settings summary span{border-bottom:1px dashed rgba(96,0,183,.4)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px;margin-top:16px}@media (max-width:560px){.settings-grid{grid-template-columns:1fr}}.set-group h3{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin:0 0 8px}.opt{display:flex;flex-direction:column;gap:6px}.opt label{display:flex;align-items:center;gap:8px;font-size:14px;padding:8px 10px;border-radius:10px;cursor:pointer;border:1px solid transparent}.opt label:hover{background:var(--bg-lavender)}.opt input[type=radio]{accent-color:var(--magenta)}.opt .sel{border-color:var(--purple);background:var(--bg-lavender)}.opt small,.privacy{color:var(--ink-soft);font-size:12px}.privacy{margin-top:16px;text-align:center}.error-box{width:100%;background:#fff1f4;border:1px solid #ffd1dd;color:#a1003f;border-radius:14px;padding:14px 16px;font-size:14px;margin-top:6px}footer.site{text-align:center;color:var(--ink-soft);font-size:12.5px;padding:40px 20px 56px}footer.site img{height:22px;opacity:.8;vertical-align:middle;margin-right:8px}