.landing-wrap{width:100%;max-width:1440px;margin-inline:auto;padding:0 40px}.landing a{text-decoration:none}.landing a:hover{color:var(--color-accent)}.landing a:focus-visible,.landing button:focus-visible{outline:2px solid var(--color-focus);outline-offset:5px}.landing-header{background:var(--color-ink)}.landing-nav{display:flex;justify-content:space-between;align-items:center;padding:22px 40px;border-bottom:1px solid var(--color-line)}.landing-brand{font-weight:700;font-size:21px}.landing-brand span,.landing-stars{color:var(--color-accent)}.landing-cta{display:inline-block;padding:12px 20px;border:1px solid var(--color-line);border-radius:8px;font-size:14px}.landing-stage{position:relative;display:flex;flex-direction:column;min-height:clamp(540px,86vh,960px);background:var(--color-stage);overflow:hidden}.landing-stage>canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;display:block;pointer-events:none}.landing-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(98deg,color-mix(in oklab,var(--color-ink) 97%,transparent),color-mix(in oklab,var(--color-ink) 90%,transparent) 24%,color-mix(in oklab,var(--color-ink) 52%,transparent) 46%,transparent 68%)}.landing-stage>*:not(canvas){position:relative;z-index:2}.landing-hero{padding:clamp(30px,6vh,74px) 40px 0}.landing-hero h1{font-size:clamp(40px,5.8vw,76px);line-height:1.02;letter-spacing:-.055em;font-weight:600;margin:20px 0}.landing-hero p{font-size:17px;line-height:1.6;max-width:480px;color:var(--color-ink-300);margin-bottom:24px}.landing-hero-cta{background:var(--color-accent);color:var(--color-accent-ink);font-weight:600;border-color:transparent}.landing-stage-title{margin-top:auto;padding:44px 40px 30px}.landing-stage-title>*{max-width:min(760px,56%)}.landing-stage-title h2{font-size:clamp(24px,3.4vw,40px);letter-spacing:-.04em;line-height:1.05;font-weight:600;margin:10px 0 8px;overflow-wrap:anywhere}.landing-stage-title p{font:11px var(--font-mono);color:var(--color-ink-300)}.landing-status{display:flex;align-items:center;gap:12px;margin-top:10px;color:var(--color-ink-300);font-size:13px}.landing button{border:1px solid var(--color-line);padding:9px 15px;border-radius:6px;cursor:pointer;background:color-mix(in oklab,var(--color-ink) 55%,transparent)}.landing-playback{background:var(--color-panel);border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line)}.landing-playback-inner{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:14px 40px;font:11px var(--font-mono);color:var(--color-ink-300)}.landing-playback button:disabled{opacity:.5;cursor:wait}.landing-playback input{flex:1;min-width:120px;accent-color:var(--color-accent)}.landing-playback time{min-width:100px;color:var(--color-ink-100)}.landing-about{display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between;align-items:start;padding:32px 40px}.landing-about-text{max-width:560px}.landing-language{color:var(--color-accent);font:10px var(--font-mono);letter-spacing:1px}.landing-about-text p{color:var(--color-ink-300);font-size:15px;line-height:1.6;margin:10px 0 18px}.landing-about-text .landing-links{font-size:13px}.landing-stats{display:flex;flex-wrap:wrap;gap:14px 40px;margin:0}.landing-stats dt{font:9px var(--font-mono);letter-spacing:2px;text-transform:uppercase;color:var(--color-ink-500)}.landing-stats dd{margin:7px 0 0;font-size:22px;letter-spacing:-.02em}.landing-legend{border-top:1px solid var(--color-line);margin-top:8px;padding:58px 0 10px}.landing-legend-head{max-width:680px}.landing-legend-head h2{font-size:clamp(25px,3vw,36px);letter-spacing:-.035em;line-height:1.1;font-weight:600;margin:12px 0 14px}.landing-legend-head p{color:var(--color-ink-300);font-size:16px;line-height:1.65}.landing-legend-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:44px}.landing-legend-grid article{border-top:1px solid var(--color-line);padding-top:20px}.landing-legend-grid svg{color:var(--color-accent);display:block}.landing-legend-grid h3{font-size:16px;font-weight:600;letter-spacing:-.02em;margin:16px 0 9px}.landing-legend-grid p{color:var(--color-ink-300);font-size:14px;line-height:1.6}.landing-key{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 24px;margin:44px 0 0;padding:22px 24px;border:1px solid var(--color-line);border-radius:12px;background:var(--color-panel)}.landing-key dt{grid-column:1 / -1;font:9px var(--font-mono);letter-spacing:2px;text-transform:uppercase;color:var(--color-ink-500)}.landing-key dd{display:grid;grid-template-columns:9px minmax(0,1fr);column-gap:10px;margin:0}.landing-key dd i{width:9px;height:9px;border-radius:50%;margin-top:5px}.landing-key dd b{font-size:13px;font-weight:500}.landing-key dd span{grid-column:2;color:var(--color-ink-500);font-size:12px;line-height:1.45;margin-top:3px}.landing-switch{display:flex;align-items:center;gap:18px;padding:13px 40px;border-bottom:1px solid var(--color-line);overflow-x:auto;scrollbar-width:none}.landing-switch::-webkit-scrollbar{display:none}.landing-switch .eyebrow{white-space:nowrap}.landing-switch>div{display:flex;gap:8px}.landing-switch button{display:inline-flex;align-items:center;gap:9px;border-radius:999px;padding:7px 15px;font-size:13px;white-space:nowrap;color:var(--color-ink-300);background:transparent}.landing-switch button:hover{color:var(--color-ink-100);border-color:var(--color-accent-dim)}.landing-switch button span{font:10px var(--font-mono);color:var(--color-ink-500)}.landing-switch button[aria-pressed=true]{color:var(--color-ink-100);border-color:var(--color-accent-dim);background:color-mix(in oklab,var(--color-accent) 14%,transparent)}.landing-switch button[aria-pressed=true] span{color:var(--color-accent)}.landing-source{margin-top:26px;margin-bottom:0;font-size:11px;color:var(--color-ink-500)}.landing-source a{color:inherit}.landing-footer{display:flex;justify-content:space-between;gap:20px;margin-top:56px;padding:24px 40px;border-top:1px solid var(--color-line);font-size:12px;color:var(--color-ink-300)}.landing-links{display:flex;gap:14px;flex-shrink:0}.landing-nav .landing-links{align-items:center;gap:20px}.landing-nav-link{font-size:14px;color:var(--color-ink-300)}.landing-nav-link:hover{color:var(--color-ink-100)}@media(max-width:700px){.landing-wrap,.landing-nav,.landing-hero,.landing-playback-inner,.landing-about,.landing-footer{padding-left:18px;padding-right:18px}.landing-legend{padding-top:44px}.landing-legend-head p{font-size:15px}.landing-legend-grid{grid-template-columns:1fr;gap:0;margin-top:32px}.landing-legend-grid article{padding:20px 0}.landing-key{grid-template-columns:1fr;gap:14px;margin-top:32px}.landing-stage{min-height:clamp(520px,88svh,860px)}.landing-stage:before{background:linear-gradient(180deg,color-mix(in oklab,var(--color-ink) 93%,transparent),color-mix(in oklab,var(--color-ink) 72%,transparent) 44%,color-mix(in oklab,var(--color-ink) 34%,transparent) 68%,color-mix(in oklab,var(--color-ink) 88%,transparent))}.landing-hero{padding-top:30px}.landing-hero p{font-size:16px}.landing-stage-title{padding:34px 18px 24px}.landing-stage-title>*{max-width:100%}.landing-switch{padding-left:18px;padding-right:18px;gap:12px}.landing-footer{flex-direction:column;gap:14px}.landing-about{gap:26px}.landing-stats{gap:14px 28px}.landing-nav .landing-cta{padding:9px 12px}}@media(max-width:480px){.landing-nav-link{display:none}}