@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=Syne:wght@600;700;800&display=swap";:root{--ink:#ecf4ff;--cyan:#2792dc;--ice:#9ce6e6;--font-display:"Syne", sans-serif;--font-body:"Outfit", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--ink);background:#080c12}button,input{font:inherit}img{max-width:100%;display:block}.page{min-height:100svh;color:var(--ink)}.hero{isolation:isolate;grid-template-rows:auto 1fr auto;min-height:100svh;display:grid;position:relative;overflow:hidden}.hero-media{z-index:-2;position:absolute;inset:0}.hero-image{object-fit:cover;object-position:center 40%;width:100%;height:100%;animation:28s ease-in-out infinite alternate drift;transform:scale(1.04)}.hero-veil{background:linear-gradient(#080c128c 0%,#080c12b8 42%,#080c12eb 100%),radial-gradient(70% 55% at 70% 35%,#2792dc47,#0000 60%);position:absolute;inset:0}.topbar{z-index:2;justify-content:space-between;align-items:center;padding:1.25rem clamp(1.25rem,4vw,3rem);display:flex}.mark{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--ice);font-size:.95rem}.live{letter-spacing:.08em;text-transform:uppercase;color:#ecf4ff9e;align-items:center;gap:.5rem;font-size:.78rem;display:inline-flex}.live .dot{background:#ecf4ff59;border-radius:50%;width:.45rem;height:.45rem}.live.on{color:var(--ice)}.live.on .dot{background:var(--cyan);animation:1.8s ease-out infinite pulse;box-shadow:0 0 #2792dc8c}.hero-copy{z-index:2;align-self:end;max-width:38rem;padding:0 clamp(1.25rem,4vw,3rem) 1.5rem;animation:.9s ease-out both rise}.brand{font-family:var(--font-display);letter-spacing:-.03em;color:#f4f8ff;text-shadow:0 12px 40px #00000073;margin:0 0 .35rem;font-size:clamp(3.6rem,12vw,7.5rem);line-height:.9}.hero-copy h1{font-family:var(--font-body);letter-spacing:.01em;color:#ecf4ffe0;margin:0 0 .85rem;font-size:clamp(1.05rem,2.4vw,1.35rem);font-weight:500}.lede{color:#d6e2f0c7;max-width:32rem;margin:0 0 1.5rem;font-size:1rem;line-height:1.55}.cta-row{flex-wrap:wrap;gap:.75rem;display:flex}.cta{appearance:none;cursor:pointer;font-family:var(--font-body);letter-spacing:.02em;border:0;padding:.9rem 1.35rem;font-size:.95rem;font-weight:600;transition:transform .16s,background-color .16s,color .16s,opacity .16s}.cta:disabled{opacity:.45;cursor:not-allowed}.cta:not(:disabled):hover{transform:translateY(-1px)}.cta:not(:disabled):active{transform:translateY(1px)}.cta.primary{background:linear-gradient(135deg, var(--cyan), #4fc3e0);color:#061018}.cta.danger{color:#3a1d12;background:#f0d7c8}.cta.ghost{color:var(--ice);background:0 0;box-shadow:inset 0 0 0 1px #9ce6e673}.error{color:#ffb4a8;margin:1rem 0 0;font-size:.92rem}.orb-stage{z-index:2;place-self:end;justify-items:center;gap:.65rem;margin:0 clamp(1.25rem,4vw,3rem) 2rem;display:grid}.orb{background:radial-gradient(circle at 35% 30%, #e8ffff 0%, var(--ice) 28%, var(--cyan) 58%, #0b2a3d 100%);border-radius:50%;width:clamp(5.5rem,14vw,8.5rem);height:clamp(5.5rem,14vw,8.5rem);animation:3.4s ease-in-out infinite breathe;box-shadow:0 0 0 1px #9ce6e640,0 20px 60px #2792dc59}.mode-speaking .orb{animation:.9s ease-in-out infinite speak;box-shadow:0 0 0 1px #9ce6e666,0 0 40px #4fc3e08c,0 20px 60px #2792dc73}.mode-listening .orb{animation:2.2s ease-in-out infinite listen}.orb-label{letter-spacing:.16em;text-transform:uppercase;color:#d6e2f0b3;margin:0;font-size:.75rem}.console{background:#0b1016;border-top:1px solid #9ce6e61f;padding:2.5rem clamp(1.25rem,4vw,3rem) 3rem}.console-head{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.25rem;display:flex}.console-head h2{font-family:var(--font-display);letter-spacing:.04em;margin:0;font-size:1.4rem}.console-head p{color:#d6e2f08c;text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.85rem}.transcript{gap:.85rem;min-height:12rem;max-height:22rem;padding-right:.35rem;display:grid;overflow:auto}.empty{color:#d6e2f073;margin:0}.line{border-bottom:1px solid #9ce6e614;gap:.25rem;padding-bottom:.85rem;display:grid}.line .who{letter-spacing:.14em;text-transform:uppercase;color:#9ce6e6b3;font-size:.72rem}.line.user .who{color:#f0d7c8cc}.line.system .who{color:#d6e2f073}.line p{color:#ecf4ffe6;margin:0;line-height:1.5}.composer{grid-template-columns:1fr auto;gap:.65rem;margin-top:1.25rem;display:grid}.composer input{appearance:none;color:#f4f8ff;font:inherit;background:#ffffff0a;border:0;padding:.95rem 1rem;box-shadow:inset 0 0 0 1px #9ce6e62e}.composer input:focus{outline-offset:1px;outline:2px solid #2792dc8c}.composer input:disabled{opacity:.5}.composer button{appearance:none;background:var(--ice);color:#061018;font:inherit;cursor:pointer;border:0;padding:0 1.2rem;font-weight:600}.composer button:disabled{opacity:.4;cursor:not-allowed}@keyframes drift{0%{transform:scale(1.04)translate(0,0)}to{transform:scale(1.08)translate(-1.5%,-1%)}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes speak{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes listen{0%,to{filter:saturate();transform:scale(1)}50%{filter:saturate(1.15);transform:scale(1.03)}}@keyframes pulse{0%{box-shadow:0 0 #2792dc8c}70%{box-shadow:0 0 0 10px #2792dc00}to{box-shadow:0 0 #2792dc00}}@media (width>=900px){.hero{grid-template-rows:auto 1fr;grid-template-columns:1.2fr .8fr}.topbar{grid-column:1/-1}.hero-copy{align-self:center;padding-bottom:4rem}.orb-stage{place-self:center;margin-bottom:4rem}}@media (width<=640px){.orb-stage{justify-self:start;margin-top:1.5rem}.composer{grid-template-columns:1fr}.composer button{padding:.9rem 1.2rem}}