:root{--bg:#111216;--fg:#f2f2f4;--muted:#ebebf5b8;--faint:#ebebf599;--line:#ffffff1f;--card:#ffffff0a;--accent:#8f9bff;--accent-rgb:143, 155, 255;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif}a{color:var(--fg)}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}.page{position:relative;overflow-x:clip}.glow{filter:blur(120px);pointer-events:none;border-radius:50%;width:60%;height:900px;position:absolute;top:-200px}.glow-violet{background:#aa78ff33;left:-15%}.glow-blue{background:#606edc38;top:-100px;right:-15%}.container{flex-direction:column;gap:120px;max-width:1160px;margin:0 auto;padding:0 24px 64px;display:flex;position:relative}.nav-bar{z-index:10;-webkit-backdrop-filter:blur(20px)saturate(160%);backdrop-filter:blur(20px)saturate(160%);border-bottom:.5px solid var(--line);background:#111216b3;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;max-width:1160px;margin:0 auto;padding:12px 24px;display:flex}.brand{align-items:center;gap:10px;font-size:17px;font-weight:700;text-decoration:none;display:flex}.button{border-radius:999px;align-items:center;min-height:48px;padding:0 24px;font-size:16px;font-weight:600;text-decoration:none;transition:background .12s,transform .12s;display:inline-flex}.button:active{transform:translateY(1px)}.button.primary{background:var(--fg);color:var(--bg);font-weight:700}.button.primary:hover{background:#fff;transform:translateY(-1px)}.button.ghost{border:.5px solid #ffffff40}.button.ghost:hover{background:#ffffff0f}.button.small{min-height:44px;padding:0 16px;font-size:14px}.actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.hero{text-align:center;flex-direction:column;align-items:center;gap:24px;margin-top:72px;display:flex}.hero h1{letter-spacing:-.03em;max-width:820px;font-size:clamp(40px,6vw,76px);font-weight:800;line-height:1.02}.lead{max-width:620px;color:var(--muted);font-size:clamp(17px,1.6vw,21px);line-height:1.5}kbd{background:#ffffff1a;border-radius:7px;padding:1px 8px;font-family:inherit;font-size:.9em}.meta{color:var(--faint);font-size:13px}.hero>*{animation:.7s cubic-bezier(.2,.7,.2,1) both rise}.hero>:nth-child(2){animation-delay:80ms}.hero>:nth-child(3){animation-delay:.16s}.hero>:nth-child(4){animation-delay:.24s}.hero>:nth-child(5){animation-delay:.32s}.hero>.hero-icon{animation:.7s cubic-bezier(.2,.7,.2,1) both rise,6s ease-in-out .7s infinite float}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}[data-reveal]{opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1);transform:translateY(28px)}[data-reveal].revealed{opacity:1;transform:none}.screenshot{border-radius:24px;width:100%;margin-top:-40px;box-shadow:0 40px 120px #00000080}h2{letter-spacing:-.02em;font-size:clamp(28px,3.4vw,48px);font-weight:800;line-height:1.05}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:13px;font-weight:700}.body{color:var(--muted);font-size:18px;line-height:1.55}.split{flex-wrap:wrap;align-items:center;gap:56px;display:flex}.split-text{flex-direction:column;flex:320px;gap:20px;display:flex}.split-scene{flex:2 520px;min-width:0}.levels{flex-direction:column;gap:10px;margin:0;padding:0;font-size:15px;list-style:none;display:flex}.levels li{align-items:center;gap:12px;display:flex}.level{text-align:center;border-radius:999px;min-width:56px;padding:3px 0;font-size:13px;font-weight:700}.levels li{opacity:.5;transition:opacity .3s}.levels li.active{opacity:1}.level{background:#ffffff14;transition:background .3s,color .3s}.levels li.active .level{background:rgba(var(--accent-rgb), .22);color:var(--accent)}.scene{aspect-ratio:16/10;background:#1a1d26;border-radius:20px;width:100%;margin:0;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000059}.scene-glow{filter:blur(80px);border-radius:50%;position:absolute}.scene-glow.a{background:#aa78ff52;width:60%;height:80%;top:-20%;left:-10%}.scene-glow.b{background:#606edc59;width:55%;height:70%;top:-10%;right:-10%}.scene-glow.c{background:#28a08c40;width:60%;height:60%;bottom:-30%;left:30%}.call{border:.5px solid var(--line);background:#17181d;border-radius:14px;flex-direction:column;width:64%;height:82%;display:flex;position:absolute;top:8%;left:5%;overflow:hidden;box-shadow:0 24px 60px #00000073}.call-bar{border-bottom:.5px solid #ffffff14;align-items:center;gap:6px;height:7%;min-height:20px;padding:0 2.5%;display:flex}.light{background:#4a4c55;border-radius:50%;width:9px;height:9px}.call-title{text-align:center;color:#ebebf5b3;flex-grow:1;font-size:clamp(9px,1vw,13px);font-weight:600}.call-grid{flex-grow:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5%;padding:2%;display:grid}.tile{border-radius:10px;justify-content:center;align-items:center;display:flex;position:relative}.avatar{aspect-ratio:1;border-radius:50%;justify-content:center;align-items:center;width:22%;font-size:clamp(9px,1.5vw,22px);font-weight:600;display:flex}.name{background:#00000073;border-radius:6px;padding:2px 8px;font-size:clamp(8px,.9vw,12px);position:absolute;bottom:6%;left:4%}.call-controls{justify-content:center;align-items:center;gap:2%;height:11%;display:flex}.ctrl{aspect-ratio:1;background:#2e3038;border-radius:50%;height:60%}.ctrl.leave{aspect-ratio:1.8;background:#b83a32;border-radius:999px}.scene-notes{opacity:.65;border-radius:14px;width:46%;transition:opacity .45s,transform .45s,box-shadow .45s;position:absolute;top:24%;left:50%;box-shadow:0 24px 60px #00000080}.phase-hover .scene-notes{opacity:.8}.phase-focus .scene-notes{opacity:1;transform:translateY(-4px);box-shadow:0 30px 70px #0009}.cursor{z-index:2;filter:drop-shadow(0 2px 4px #0006);transition:left .8s cubic-bezier(.4,0,.2,1),top .8s cubic-bezier(.4,0,.2,1);position:absolute;top:64%;left:30%}.phase-hover .cursor,.phase-focus .cursor{top:56%;left:70%}.click-ring{border:2px solid var(--accent);border-radius:50%;width:22px;height:22px;animation:.6s ease-out both click-ring;position:absolute;top:-9px;left:-9px}.phase-away .click-ring{animation-delay:.75s}@keyframes click-ring{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.6)}}.avatar.speaking{animation:1.6s ease-in-out infinite speaking}@keyframes speaking{0%,to{box-shadow:0 0 0 0 rgba(var(--accent-rgb), .5)}50%{box-shadow:0 0 0 6px rgba(var(--accent-rgb), 0)}}.scene-label{z-index:3;white-space:nowrap;background:#14151bd1;border:.5px solid #ffffff2e;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:clamp(9px,1vw,13px);display:flex;position:absolute;top:14%;left:50%}.dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:8px;height:8px}.features{flex-direction:column;gap:32px;display:flex}.features h2{font-size:clamp(28px,3vw,40px)}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.feature{aspect-ratio:1;background:var(--card);border:.5px solid var(--line);border-radius:20px;flex-direction:column;gap:10px;padding:20px;transition:transform .25s,border-color .25s,background .25s;display:flex}.feature:hover{background:#ffffff0f;border-color:#ffffff38;transform:translateY(-4px)}.feature h3{font-size:17px;font-weight:700}.feature p{color:#ebebf5b3;font-size:15px;line-height:1.5}.feature-art{background:var(--card);border-radius:14px;flex-grow:1;justify-content:center;align-items:center;min-height:160px;display:flex}.keys{gap:8px;display:flex}.key{background:#2a2c33;border:.5px solid #ffffff2e;border-radius:11px;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;animation:3.2s ease-in-out infinite press;display:flex;box-shadow:0 3px #0a0b0e}.key:nth-child(2){animation-delay:.12s}.key:nth-child(3){animation-delay:.24s}@keyframes press{0%,45%,to{transform:translateY(0);box-shadow:0 3px #0a0b0e}10%,35%{border-color:rgba(var(--accent-rgb), .55);transform:translateY(2px);box-shadow:0 1px #0a0b0e}}.key.wide{letter-spacing:.04em;align-items:flex-end;width:104px;padding-bottom:8px;font-size:13px;font-weight:600}.slash-menu{background:#24262d;border:.5px solid #ffffff29;border-radius:12px;flex-direction:column;gap:2px;width:70%;padding:6px;font-size:13px;display:flex;box-shadow:0 12px 30px #00000059}.slash{color:#ebebf58c;padding:2px 8px 4px;font-size:11px}.slash-item{border-radius:8px;align-items:center;gap:10px;padding:6px 8px;animation:4.5s infinite slash-hl;display:flex}.slash-item:nth-of-type(3){animation-delay:1.5s}.slash-item:nth-of-type(4){animation-delay:3s}@keyframes slash-hl{0%,30%{background:#ffffff1a}33.4%,to{background:0 0}}.slash-icon{color:#ebebf5bf;width:22px;display:flex}.slash-icon.h1{font-weight:800}.slash-icon.mono{font-family:ui-monospace,Menlo,monospace;font-size:12px}.handoff{flex-direction:column;align-items:center;gap:12px;display:flex;position:relative}.file-chip{background:#24262d;border:.5px solid #ffffff29;border-radius:12px;align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:600;display:flex;box-shadow:0 12px 30px #00000059}.copied{background:var(--accent);color:#10121c;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;animation:3.4s ease-in-out infinite copied;display:flex;position:absolute;top:-12px;right:-14px}@keyframes copied{0%,20%{opacity:0;transform:scale(.6)}28%,75%{opacity:1;transform:scale(1)}85%,to{opacity:0;transform:scale(.9)}}.paste{color:var(--accent);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.beta{background:var(--card);border:.5px solid var(--line);text-align:center;border-radius:28px;flex-direction:column;align-items:center;gap:18px;padding:56px 24px;display:flex}.beta .body{max-width:560px;font-size:17px}.badge{background:rgba(var(--accent-rgb), .14);border:.5px solid rgba(var(--accent-rgb), .45);color:var(--accent);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:700;display:flex}.badge .dot{width:7px;height:7px}.footer{border-top:.5px solid var(--line);color:var(--faint);flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:24px;font-size:14px;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}[data-reveal]{opacity:1;transform:none}.cursor,.copied{display:none}}@media (width<=640px){.container{gap:80px}.feature{aspect-ratio:auto}.scene-label{display:none}}