.landing{z-index:2;position:relative;overflow-x:clip}.landing h1,.landing h2{font-family:var(--font-display)}.landing .btn{font:500 15px var(--font-display);border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:12px;padding:12px 24px;transition:transform .2s;display:inline-block}.landing .btn:hover{color:var(--text);transform:translateY(-2px)}.landing .btn.primary{background:linear-gradient(var(--grad-angle,90deg), var(--a), var(--b));color:var(--on-accent);border:0}.landing .eyebrow{color:var(--a);font:500 13px var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.grad{background:linear-gradient(var(--grad-angle,90deg), var(--a), var(--b), var(--hot));color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:6s ease-in-out infinite alternate gshift}@keyframes gshift{to{background-position:100% 0}}.caret{background:var(--a);vertical-align:-.08em;width:.08em;height:.86em;margin-left:.06em;animation:1s steps(2,end) infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.landing .hero{align-items:center;min-height:100svh;margin-top:-64px;padding:100px 0 70px;display:grid;position:relative}.landing .wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 20px}.landing .hero .wrap{z-index:2;text-align:center;grid-template-columns:1fr;place-items:center;gap:44px;display:grid;position:relative}.landing h1{white-space:nowrap;letter-spacing:-.03em;margin:14px 0 16px;font-size:clamp(36px,4.5vw,64px);line-height:1.02}.landing .lede{color:var(--mute);max-width:50ch;margin:0 auto;font-size:18px}.landing .cta{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:26px;display:flex}.up{opacity:0;animation:.9s cubic-bezier(.2,.8,.2,1) forwards up;transform:translateY(22px)}@keyframes up{to{opacity:1;transform:none}}.d1{animation-delay:.1s}.d2{animation-delay:.3s}.d3{animation-delay:.5s}.d4{animation-delay:.7s}.landing .scroll-hint{z-index:3;font:500 11px var(--font-mono);letter-spacing:.2em;color:var(--mute);text-transform:uppercase;text-align:center;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.landing .scroll-hint i{background:linear-gradient(var(--a), transparent);width:1px;height:34px;margin:8px auto 0;animation:1.8s ease-in-out infinite drip;display:block}@keyframes drip{0%{transform-origin:top;transform:scaleY(0)}50%{transform-origin:top;transform:scaleY(1)}51%{transform-origin:bottom}to{transform-origin:bottom;transform:scaleY(0)}}.landing .pc{background:linear-gradient(160deg, var(--card2), var(--card));border:1px solid var(--line);box-shadow:var(--shadow);text-align:left;border-radius:14px;width:100%;max-width:540px;margin-top:30px;padding:22px;animation:.9s cubic-bezier(.2,.8,.2,1) .6s both up;position:relative}.landing .pc:before{content:"";background:linear-gradient(135deg, var(--a), transparent 40%, var(--b));-webkit-mask-composite:xor;pointer-events:none;border-radius:14px;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.landing .pc-id{align-items:center;gap:16px;display:flex}.landing .pc-id>div{min-width:0}.landing .pc-avatar{object-fit:cover;border:2px solid var(--line);width:64px;height:64px;box-shadow:0 0 0 3px color-mix(in srgb, var(--a) 28%, transparent);border-radius:50%;flex:none}.landing .pc h2{align-items:center;gap:10px;margin:0;font-size:22px;display:flex}.landing .pc .cls{color:var(--mute);font-size:14px}.landing .pc .lv{font:500 11px var(--font-mono);color:var(--on-gold);background:var(--gold);letter-spacing:.06em;border-radius:6px;padding:2px 7px}.landing .pc .row{font:500 12px var(--font-mono);color:var(--mute);text-transform:uppercase;letter-spacing:.08em;flex-wrap:wrap;justify-content:space-between;gap:0 12px;margin-top:16px;display:flex}.landing .bar{background:var(--line);border-radius:9px;height:8px;margin-top:6px;overflow:hidden}.landing .bar i{background:linear-gradient(var(--grad-angle,90deg), var(--a), var(--b));border-radius:9px;width:0;height:100%;transition:width 1.4s cubic-bezier(.2,.8,.2,1);display:block}.landing .pc.in .bar i{width:var(--w)}.landing .pc .sample{color:var(--mute);opacity:.7;margin-top:14px;font-size:12px}.landing .pc-stats{font:400 12px var(--font-mono);color:var(--mute);flex-wrap:wrap;gap:6px 16px;margin:12px 0 0;padding:0;list-style:none;display:flex}.landing .pc-stats b{color:var(--text);font-weight:500}.landing .pc-mods{white-space:nowrap;flex-wrap:nowrap;gap:0 14px}.landing .pc .lv.pc-tip{cursor:help;border-bottom:0;position:static}.landing .pc .lv.pc-tip .tip{width:auto;min-width:0;max-width:none;font-size:11.5px;top:80px;left:22px;right:22px}@media (max-width:430px){.landing .pc .row{letter-spacing:.04em;font-size:11px}}@media (max-width:520px){.landing .pc-mods{white-space:normal;flex-wrap:wrap;gap:6px 14px}}.landing .pc-tip{cursor:help;border-bottom:1px dotted var(--mute);position:relative}.landing .pc-tip:focus-visible{outline:2px solid var(--a);outline-offset:3px;border-radius:4px}.landing .pc-tip .tip{width:max-content;max-width:min(440px,84vw);font:400 12px / 1.5 var(--font-mono);letter-spacing:0;text-transform:none;text-align:left;z-index:5;background:var(--card2);border:1px solid var(--line);min-width:240px;box-shadow:var(--shadow);color:var(--mute);border-radius:8px;padding:10px 12px;display:none;position:absolute;top:calc(100% + 8px);left:0}.landing .pc-mods .pc-tip .tip{left:auto;right:0}.landing .pc-tip .tip span{white-space:normal;display:block}.landing .pc-tip .tip .trow{flex-wrap:wrap;justify-content:space-between;gap:0 16px;display:flex}.landing .pc-tip .tip .trow>span:first-child{color:var(--text)}.landing .pc-tip:hover .tip,.landing .pc-tip:focus .tip{display:block}.landing .pc-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.landing .pc-foot .sample{margin:0}.landing .pc-support{border:1px solid color-mix(in srgb, var(--hot) 55%, var(--line));color:var(--hot);font:500 12px var(--font-mono);cursor:pointer;background:0 0;border-radius:99px;padding:5px 14px;transition:background .2s,color .2s}.landing .pc-support:hover,.landing .pc-support:focus-visible{background:var(--hot);color:#fff}.landing .hud{z-index:25;border:1px solid var(--line);background:color-mix(in srgb, var(--card) 82%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font:500 13px var(--font-mono);box-shadow:var(--shadow);border-radius:99px;align-items:center;gap:10px;padding:8px 14px;display:flex;position:fixed;top:78px;right:18px}.landing .hud b{color:var(--gold);font-weight:500}.landing .hud .sep{opacity:.35}.landing .dots{z-index:25;flex-direction:column;gap:14px;display:flex;position:fixed;top:50%;right:16px;transform:translateY(-50%)}.landing .dots a{border:2px solid var(--mute);border-radius:50%;width:10px;height:10px;transition:all .3s;display:block}.landing .dots a.on{background:var(--ca);border-color:var(--ca);box-shadow:0 0 14px var(--ca);transform:scale(1.35)}.landing .sec{z-index:2;align-items:flex-end;padding:100svh 0 5vh;scroll-margin-top:0;display:flex;position:relative}.landing .sec .wrap{width:100%}.landing .cat{text-align:center;max-width:840px;margin:0 auto;scroll-margin-bottom:5vh;transition:transform .35s,box-shadow .3s,border-color .3s;display:block;position:relative}.landing .cat .tb,.landing .cat .node{display:none}.landing .cat h2{letter-spacing:-.05em;margin:10px 0 14px;line-height:.94;transition:letter-spacing .5s}.landing .cat p{max-width:50ch;color:var(--mute);margin:0 auto;font-size:clamp(16px,1.7vw,18.5px)}.landing .cat .pills{text-align:center;margin:16px 0 0;padding:0;list-style:none}.landing .cat .pills li{font:400 13px var(--font-mono);color:var(--text);margin:2px 10px;display:inline-block}.landing .cat .pills li:before{content:"✓ ";color:var(--ca)}.landing .cat .dtoggle{font:500 13px var(--font-mono);color:var(--ca);margin-top:18px;padding:6px 4px;text-decoration:none;display:inline-block}.landing .cat .dtoggle:before{content:"[ ";opacity:.6}.landing .cat .dtoggle:after{content:" ]";opacity:.6}.landing .cat .dtoggle:hover,.landing .cat .dtoggle:focus-visible{color:var(--text)}.landing .cat .node{font:500 12px var(--font-mono);letter-spacing:.14em;color:var(--ca);text-transform:uppercase;align-items:center;gap:12px}.rv{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(30px)}.rv.in{opacity:1;transform:none}:is([data-panel=bare],[data-panel=reveal]) .landing .cat .node{justify-content:center;display:flex}:is([data-panel=bare],[data-panel=reveal]) .landing .cat .node:before,:is([data-panel=bare],[data-panel=reveal]) .landing .cat .node:after{content:"";background:linear-gradient(90deg, transparent, var(--ca));width:70px;height:1px}:is([data-panel=bare],[data-panel=reveal]) .landing .cat .node:after{background:linear-gradient(90deg, var(--ca), transparent)}:is([data-panel=bare],[data-panel=reveal]) .landing .cat:before{content:"";background:radial-gradient(62% 75% at 50% 58%, color-mix(in srgb, var(--bg) 84%, transparent), transparent 78%);z-index:-1;pointer-events:none;position:absolute;inset:-50px -70px -30px}:is([data-panel=bare],[data-panel=reveal]) .landing .cat h2{background:linear-gradient(var(--grad-angle,90deg), var(--ca), var(--cb));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(46px,min(15vw,17vh),128px)}:is([data-panel=bare],[data-panel=reveal]) .landing .cat:hover h2{letter-spacing:-.03em}[data-panel=terminal] .landing .cat{text-align:left;border:1px solid color-mix(in srgb, var(--ca) 55%, var(--line));background:color-mix(in srgb, var(--card) 80%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);max-width:500px;box-shadow:var(--shadow);font-family:var(--font-mono);border-radius:8px;overflow:hidden}[data-panel=terminal] .landing .cat:hover{border-color:var(--ca);box-shadow:0 0 0 1px var(--ca), 0 26px 60px -28px var(--ca);transform:translateY(-4px)}[data-panel=terminal] .landing .cat .tb{display:flex}.landing .tb{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--ca) 10%, transparent);font:500 11px var(--font-mono);letter-spacing:.08em;color:var(--mute);text-transform:uppercase;align-items:center;gap:6px;padding:9px 14px}.landing .tb i{background:var(--line);border-radius:50%;width:9px;height:9px}.landing .tb i:first-child{background:#ff6b6b}.landing .tb i:nth-child(2){background:var(--gold)}.landing .tb i:nth-child(3){background:var(--ca)}.landing .tb span{color:var(--ca);margin-left:auto}[data-panel=terminal] .landing .cat .txt{padding:20px 24px 24px}[data-panel=terminal] .landing .cat h2{font:700 clamp(26px, 3.6vw, 40px) / 1.1 var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--text);margin:0 0 12px}[data-panel=terminal] .landing .cat h2:before{content:"> ";color:var(--ca)}[data-panel=terminal] .landing .cat h2:after{content:"_";color:var(--ca);animation:1s steps(2,end) infinite blink}[data-panel=terminal] .landing .cat p{font:400 14.5px / 1.75 var(--font-mono);margin:0}[data-panel=terminal] .landing .cat .pills{text-align:left}[data-panel=terminal] .landing .cat .pills li{margin:0;display:block}.landing .tail{z-index:2;text-align:center;padding:70px 0 60px;position:relative}.landing .tail h2{letter-spacing:-.03em;margin:0 0 10px;font-size:clamp(30px,4vw,46px)}.landing .tail p{color:var(--mute);max-width:56ch;margin:0 auto}.landing .tail .links{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px;display:flex}.landing .tail .links a{border:1px solid var(--line);background:color-mix(in srgb, var(--card) 80%, transparent);font:500 14px var(--font-display);color:var(--text);border-radius:12px;padding:10px 16px;transition:all .2s}.landing .tail .links a:hover{border-color:var(--a);transform:translateY(-2px)}.landing .tail .links a.quiet{opacity:.65;font-weight:400}@media (min-width:901px){[data-layout=split] .landing .hero .wrap{text-align:left;grid-template-columns:1.3fr 1fr;justify-items:stretch}[data-layout=split] .landing .lede{margin:0}[data-layout=split] .landing .cta{justify-content:flex-start}[data-layout=split] .landing .pc{max-width:none;margin-top:0}[data-layout=split] .landing .sec{align-items:center;min-height:100svh;padding:0}[data-layout=split] .landing .cat{text-align:left;max-width:min(520px,50vw)}[data-layout=split][data-panel=terminal] .landing .cat{max-width:min(500px,50vw)}[data-layout=split] .landing .sec:nth-of-type(odd) .cat{margin-left:auto;margin-right:0}[data-layout=split] .landing .sec:nth-of-type(2n) .cat{margin-left:0;margin-right:auto}[data-layout=split] .landing .cat p{margin:0}[data-layout=split] .landing .cat .pills{text-align:left}[data-layout=split] .landing .cat .pills li{margin:0;padding:2px 0;display:block}[data-layout=split]:is([data-panel=bare],[data-panel=reveal]) .landing .cat h2{font-size:clamp(46px,7.4vw,96px)}[data-layout=split]:is([data-panel=bare],[data-panel=reveal]) .landing .cat .node{justify-content:flex-start}[data-layout=split]:is([data-panel=bare],[data-panel=reveal]) .landing .cat .node:before{display:none}[data-layout=split] .landing .hero .eyebrow{text-align:left}[data-layout=centered][data-panel=terminal] .landing .cat{margin:0 auto}[data-layout=centered]:is([data-panel=bare],[data-panel=reveal]) .landing .cat h2{font-size:clamp(54px,min(11vw,17vh),128px)}}@media (max-width:900px){.landing .hud{gap:8px;padding:6px 12px;font-size:12px;top:72px;right:10px}.landing .dots{display:none}.landing .hero{padding:96px 0 60px}.landing h1{font-size:clamp(30px,8.4vw,56px)}.landing .sec{padding-bottom:22px}.landing .sec .wrap{padding:0 14px}.landing .cat:before{inset:-30px -20px -10px!important}[data-panel=terminal] .landing .cat{margin:0 auto}[data-panel=terminal] .landing .cat .pills li{display:block}}@media (max-height:520px) and (orientation:landscape) and (max-width:900px){.landing .sec{align-items:center;min-height:100svh;padding:0}.landing .cat,[data-panel=terminal] .landing .cat{text-align:left;max-width:52vw;margin:0}.landing .cat p,.landing .cat .pills{text-align:left;margin-left:0}:is([data-panel=bare],[data-panel=reveal]) .landing .cat h2{font-size:clamp(34px,12vh,64px)}:is([data-panel=bare],[data-panel=reveal]) .landing .cat .node{justify-content:flex-start}:is([data-panel=bare],[data-panel=reveal]) .landing .cat .node:before{display:none}}@media (max-width:400px){.landing .hud .sep,.landing .hud .hide-small{display:none}}@media (prefers-reduced-motion:reduce){.rv,.up{opacity:1;transform:none}.landing .bar i{width:var(--w)}}
