html:has(.landing),.landing{overflow-x:clip}.nav{position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;gap:28px;padding:16px 28px;background:linear-gradient(180deg,#07070ad9,#07070a00)}.nav nav{display:flex;gap:24px;margin-left:auto;font-size:14.5px;color:var(--muted)}.nav nav a{text-decoration:none;transition:color .2s}.nav nav a:hover{color:var(--ink)}@media(max-width:720px){.nav{padding:14px 18px}.nav nav{display:none}.nav .btn{margin-left:auto}}.hero{position:relative;isolation:isolate;height:100vh;height:100svh;min-height:700px;max-height:1100px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:32px;padding:0 28px 36px}.hero-dust{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;cursor:crosshair;touch-action:pan-y}.hero:after{content:"";position:absolute;inset:auto 0 0;height:46%;z-index:-1;pointer-events:none;background:linear-gradient(0deg,var(--bg) 8%,rgba(7,7,10,.6) 55%,transparent)}.hud{position:absolute;top:76px;right:22px;bottom:22px;left:22px;pointer-events:none;color:var(--faint)}.hud .mono{position:absolute}.hud b{font-weight:500;color:var(--muted);font-variant-numeric:tabular-nums}.hud .tl{left:18px;top:4px}.hud .tr{right:18px;top:4px}.hud .x{position:absolute;width:11px;height:11px}.hud .x:before,.hud .x:after{content:"";position:absolute;background:var(--line2)}.hud .x:before{left:5px;top:0;width:1px;height:11px}.hud .x:after{top:5px;left:0;height:1px;width:11px}.hud .x1{left:0;top:0}.hud .x2{right:0;top:0}.hud .x3{left:0;bottom:0}.hud .x4{right:0;bottom:0}.hero-copy{position:relative;max-width:700px}.hero h1{margin:0;font:400 clamp(54px,7.2vw,112px)/.9 var(--serif);letter-spacing:-.025em;text-wrap:balance}.hero h1 em{font-style:italic;color:var(--accent)}.lede{margin:22px 0 0;max-width:34em;color:var(--muted);font-size:17.5px;line-height:1.55}.cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.try{position:relative;width:340px;padding:16px;border-radius:20px;background:#1010159e;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px var(--line),0 30px 60px -30px #000c;display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.try label{color:var(--faint)}.try-row{display:flex;gap:6px;min-width:0}.try-row input{flex:1;min-width:0;height:40px;padding:0 14px;border:0;border-radius:999px;background:#f3eee30f;box-shadow:inset 0 0 0 1px var(--line2);font-size:15px}.try-row input:focus{outline:none;box-shadow:inset 0 0 0 1px var(--ink)}.try-row .btn{height:40px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chips button{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 11px 0 5px;border:0;border-radius:999px;background:#f3eee30d;box-shadow:inset 0 0 0 1px var(--line);font-size:13px;color:var(--muted);cursor:pointer;transition:color .2s,box-shadow .2s}.chips button img{width:22px;height:22px;border-radius:50%;background:#000;padding:3px}.chips button.txt{padding-left:11px;font-family:var(--serif);font-style:italic;font-size:16px}.chips button:hover,.chips button[aria-pressed=true]{color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}@media(max-width:900px){.hero{height:auto;max-height:none;min-height:100svh;grid-template-columns:minmax(0,1fr);align-content:end;padding:54vh 18px 28px;gap:22px}.hero:after{height:62%}.try{width:100%}.hud{inset:68px 12px auto;height:44vh}.hud .tr{top:22px;left:18px;right:auto}}.sec{max-width:1240px;margin:0 auto;padding:130px 28px 0}.sec-head{display:grid;gap:14px;max-width:760px}.sec-head .mono{color:var(--faint)}.sec-head h2,.band h2{margin:0;font:400 clamp(42px,5.4vw,78px)/.98 var(--serif);letter-spacing:-.02em}.sec-head p{margin:0;color:var(--muted);font-size:17px;max-width:34em}.demo{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:18px;margin-top:44px}.demo-stage{position:relative;aspect-ratio:16 / 10;border-radius:24px;overflow:hidden;box-shadow:0 0 0 1px var(--line);cursor:crosshair;touch-action:pan-y;transition:background .5s}.demo-side{display:grid;align-content:start;gap:18px}.mtabs{display:grid;gap:6px}.mtabs button{display:grid;gap:2px;text-align:left;padding:13px 16px;border:0;border-radius:16px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;transition:background .2s,box-shadow .2s}.mtabs button b{font-size:16px;font-weight:600;display:flex;justify-content:space-between;align-items:center}.mtabs button b span{font:500 11px var(--mono);color:var(--faint);letter-spacing:.08em}.mtabs button small{font-size:13.5px;color:var(--muted)}.mtabs button[aria-checked=true]{background:#17171d;box-shadow:inset 0 0 0 1px var(--ink)}.row{display:grid;gap:8px}.row .mono{color:var(--faint)}.lk,.mk{display:flex;flex-wrap:wrap;gap:6px}.lk button{width:36px;height:36px;border:0;border-radius:50%;cursor:pointer;position:relative;box-shadow:inset 0 0 0 1px var(--line2)}.lk button i{position:absolute;top:11px;right:11px;bottom:11px;left:11px;border-radius:50%}.lk button[aria-checked=true]{box-shadow:0 0 0 2px var(--bg),0 0 0 3.5px var(--ink)}.mk button{height:36px;padding:0 12px;border:0;border-radius:999px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line);font-size:13.5px;color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;gap:6px}.mk button img{width:20px;height:20px}.mk button[aria-checked=true]{color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}@media(max-width:900px){.demo{grid-template-columns:minmax(0,1fr)}.mtabs{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.mtabs button small{display:none}}.out-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:44px}.card{padding:22px;border-radius:24px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line);display:grid;align-content:start;gap:10px}.card h3{margin:14px 0 0;font:400 32px/1.05 var(--serif)}.card p{margin:0;color:var(--muted);font-size:15.5px}.ticks{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:6px;font-size:14px;color:var(--muted)}.ticks li{display:flex;gap:10px;align-items:baseline}.ticks li:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent);flex:none;transform:translateY(-2px)}.frames{height:190px;border-radius:16px;background:#050507;box-shadow:inset 0 0 0 1px var(--line);display:flex;align-items:center;justify-content:center;gap:18px}.frames span{position:relative;border-radius:6px;box-shadow:inset 0 0 0 1px var(--line2);overflow:hidden}.frames .f169{width:150px;height:84px}.frames .f11{width:92px;height:92px}.frames .f916{width:62px;height:110px}.frames i{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(243,238,227,.9) .7px,transparent 1.2px),radial-gradient(circle,rgba(243,238,227,.55) .6px,transparent 1.1px),radial-gradient(circle,rgba(255,210,122,.7) .6px,transparent 1.1px);background-size:5px 5px,7px 7px,11px 11px;background-position:0 0,2px 3px,4px 1px;-webkit-mask-image:radial-gradient(closest-side,#000 30%,transparent);mask-image:radial-gradient(closest-side,#000 30%,transparent);animation:fdrift 6s ease-in-out infinite alternate}.frames .f11 i{animation-delay:-2s}.frames .f916 i{animation-delay:-4s}@keyframes fdrift{0%{transform:scale(.82) rotate(-3deg);opacity:.6}to{transform:scale(1.04) rotate(3deg);opacity:1}}.snip{position:relative}.snip .code{margin:0;height:190px;padding:18px;border-radius:16px;background:#050507;box-shadow:inset 0 0 0 1px var(--line);font:400 12.5px/1.65 var(--mono);color:#d9d4c8;white-space:pre-wrap;word-break:break-all;overflow:auto}.snip .code .k{color:var(--accent)}.snip .btn{position:absolute;right:12px;bottom:12px;background:#050507}@media(max-width:900px){.out-grid{grid-template-columns:minmax(0,1fr)}}.steps{list-style:none;margin:44px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.steps li{padding-top:18px;border-top:1px solid var(--line2);display:grid;gap:8px;align-content:start}.steps li .mono{color:var(--accent)}.steps b{font:400 30px/1.05 var(--serif)}.steps p{margin:0;color:var(--muted);font-size:15.5px}@media(max-width:900px){.steps{grid-template-columns:minmax(0,1fr)}}.band{position:relative;isolation:isolate;overflow:hidden;max-width:1240px;margin:140px auto 0;padding:120px 28px;border-radius:28px;text-align:center;display:grid;justify-items:center;gap:30px}.band:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(circle,rgba(255,210,122,.75) .7px,transparent 1.3px) 0 0 / 6px 6px,radial-gradient(60% 80% at 50% 50%,#1b130c,var(--bg));-webkit-mask-image:radial-gradient(70% 90% at 50% 50%,#000 20%,rgba(0,0,0,.25) 70%,transparent);mask-image:radial-gradient(70% 90% at 50% 50%,#000 20%,rgba(0,0,0,.25) 70%,transparent)}.band h2 em{font-style:italic;color:var(--accent)}.band:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:28px;box-shadow:inset 0 0 0 1px var(--line);pointer-events:none}.foot{max-width:1240px;margin:0 auto;padding:70px 28px 44px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;color:var(--faint);font-size:14px}.foot a{color:var(--muted)}.hl-mask{padding-bottom:.2em;margin-bottom:-.2em}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-property:overflow;transition-duration:1ms;transition-behavior:allow-discrete}
