:root{--bg:#07080f;--bg-2:#0c0e1a;--panel:#ffffff09;--panel-2:#ffffff0f;--line:#ffffff14;--line-2:#ffffff24;--text:#eef0f8;--muted:#9aa0b8;--dim:#646a85;--violet:#8b7bff;--blue:#6f8bff;--cyan:#22d3ee;--green:#34d399;--amber:#fbbf24;--red:#fb7185;--grad:linear-gradient(115deg, #b3a8ff 0%, #7d8fff 40%, #22d3ee 100%);--radius:1.1rem;--mono:"JetBrains Mono Variable", ui-monospace, SFMono-Regular, Menlo, monospace;--sans:"Inter Variable", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{font-family:var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}code,pre{font-family:var(--mono)}.wrap{width:min(1180px,100% - 2.5rem);margin-inline:auto}.grad{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.aurora{z-index:-2;pointer-events:none;position:fixed;inset:0;overflow:hidden}.aurora span{filter:blur(110px);opacity:.32;border-radius:50%;width:46rem;height:46rem;animation:26s ease-in-out infinite alternate drift;position:absolute}.aurora span:first-child{background:#5b47f0;top:-18rem;left:-10rem}.aurora span:nth-child(2){background:#0891b2;animation-duration:32s;animation-delay:-8s;top:-12rem;right:-16rem}.aurora span:nth-child(3){opacity:.16;background:#7c3aed;animation-duration:38s;top:60vh;left:30%}@keyframes drift{0%{transform:translate(0,0)scale(1)}50%{transform:translate(6rem,3rem)scale(1.12)}to{transform:translate(-4rem,6rem)scale(.95)}}.gridlines{z-index:-1;pointer-events:none;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.55;background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 55% at 50% 0,#000 30%,#0000 75%);mask-image:radial-gradient(70% 55% at 50% 0,#000 30%,#0000 75%)}.nav{z-index:50;-webkit-backdrop-filter:saturate(160%)blur(16px);background:#07080f9e;border-bottom:1px solid #0000;transition:border-color .2s,background .2s;position:sticky;top:0}.nav.scrolled{border-bottom-color:var(--line);background:#07080fd1}.nav-inner{align-items:center;gap:2rem;height:4rem;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:.55rem;font-size:1.15rem;font-weight:750;display:flex}.brand img{width:1.75rem;height:1.75rem}.nav-links{color:var(--muted);gap:1.6rem;font-size:.9rem;display:flex}.nav-links a:hover{color:var(--text)}.nav-cta{align-items:center;gap:.6rem;margin-left:auto;display:flex}.btn{font:inherit;border:1px solid var(--line-2);background:var(--panel);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:.7rem;align-items:center;gap:.5rem;padding:.62rem 1.1rem;font-size:.92rem;font-weight:600;transition:transform .15s,border-color .15s,background .15s,box-shadow .2s;display:inline-flex}.btn:hover{background:var(--panel-2);border-color:#ffffff42;transform:translateY(-1px)}.btn.primary{background:var(--grad);color:#0a0b14;border:none;box-shadow:0 8px 30px -8px #7c6cffa6}.btn.primary:hover{box-shadow:0 10px 36px -6px #22d3ee8c}.btn.sm{padding:.45rem .85rem;font-size:.85rem}.btn svg{width:1rem;height:1rem}.hero{padding:5.5rem 0 4rem;position:relative}.hero-grid{grid-template-columns:1.02fr 1fr;align-items:center;gap:3.5rem;display:grid}.eyebrow{border:1px solid var(--line-2);background:var(--panel);color:var(--muted);border-radius:99px;align-items:center;gap:.55rem;padding:.32rem .8rem .32rem .4rem;font-size:.8rem;display:inline-flex}.eyebrow b{color:#0a0b14;background:var(--grad);border-radius:99px;padding:.08rem .5rem;font-size:.72rem;font-weight:600}.eyebrow:hover{color:var(--text)}h1.headline{letter-spacing:-.045em;margin:1.25rem 0 1rem;font-size:clamp(2.6rem,5.4vw,4.4rem);font-weight:780;line-height:1.02}.rotator{letter-spacing:-.015em;color:var(--muted);margin-bottom:1.1rem;font-size:clamp(1.15rem,2vw,1.45rem);font-weight:500;display:block}.rotator .word{min-width:9.5ch;color:var(--text);font-weight:650;transition:opacity .35s,transform .35s,filter .35s;display:inline-block}.rotator .word.out{opacity:0;filter:blur(4px);transform:translateY(-.4em)}.lede{color:var(--muted);max-width:34rem;margin:0 0 1.8rem;font-size:1.08rem}.install{border:1px solid var(--line-2);font-family:var(--mono);background:#00000059;border-radius:.8rem;align-items:center;gap:.9rem;margin-bottom:1.4rem;padding:.55rem .55rem .55rem 1rem;font-size:.92rem;display:inline-flex}.install .prompt{color:var(--dim);user-select:none}.copy{border:1px solid var(--line);background:var(--panel);width:2rem;height:2rem;color:var(--muted);cursor:pointer;border-radius:.5rem;place-items:center;transition:color .15s,border-color .15s;display:inline-grid}.copy:hover{color:var(--text);border-color:var(--line-2)}.copy svg{width:.95rem;height:.95rem}.copy .ok{color:var(--green);display:none}.copy.done .ok{display:block}.copy.done .clip{display:none}.hero-ctas{flex-wrap:wrap;gap:.75rem;display:flex}.hero-meta{color:var(--dim);flex-wrap:wrap;gap:1.25rem;margin-top:1.8rem;font-size:.82rem;display:flex}.hero-meta span:before{content:"✓";color:var(--green);margin-right:.4rem}.stack{gap:1rem;display:grid;position:relative}.stack:before{content:"";z-index:-1;filter:blur(20px);background:radial-gradient(closest-side,#7c6cff47,#0000 70%);position:absolute;inset:-2.5rem}.win{border-radius:var(--radius);border:1px solid var(--line-2);background:linear-gradient(#161828eb,#0c0d18f0);overflow:hidden;box-shadow:0 30px 80px -30px #000c,inset 0 1px #ffffff0f}.win-bar{border-bottom:1px solid var(--line);color:var(--dim);align-items:center;gap:.45rem;padding:.7rem .9rem;font-size:.78rem;display:flex}.win-bar i{background:#2b2e45;border-radius:50%;width:.7rem;height:.7rem}.win-bar i:first-child{background:#ff6b81}.win-bar i:nth-child(2){background:#fbbf24}.win-bar i:nth-child(3){background:#34d399}.win-bar .name{font-family:var(--mono);margin-left:.5rem}.win-bar .tag{font-family:var(--mono);border:1px solid var(--line);border-radius:.35rem;margin-left:auto;padding:.1rem .45rem;font-size:.7rem}.win pre.astro-code{margin:0;font-size:.86rem;line-height:1.7;overflow-x:auto;background:0 0!important;padding:1.05rem 1.15rem!important}.win pre.astro-code .line.hl{width:calc(100% + 2.3rem);box-shadow:inset 2px 0 0 var(--violet);background:linear-gradient(90deg,#7c6cff38,#22d3ee0f 70%,#0000);margin-inline:-1.15rem;padding-inline:1.15rem;display:inline-block}.term{font-family:var(--mono);min-height:15.5rem;padding:.95rem 1.15rem 1.1rem;font-size:.82rem;line-height:1.75}.term .ln{white-space:pre;opacity:0;transition:opacity .25s,transform .25s;transform:translateY(4px)}.term .ln.on{opacity:1;transform:none}.term .p{color:var(--dim)}.term .ms-slow{color:var(--amber)}.term .ms-fast{color:var(--green);font-weight:600}.term .hit{color:#0a0b14;background:var(--green);border-radius:.3rem;margin-left:.4rem;padding:0 .35rem;font-size:.7rem;font-weight:700}.term .miss{color:var(--amber);border:1px solid #fbbf2473;border-radius:.3rem;margin-left:.4rem;padding:0 .3rem;font-size:.7rem}.term .k{color:var(--muted)}.term .v{color:var(--text)}.term .cursor{vertical-align:-.15rem;background:var(--violet);width:.55rem;height:1rem;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.replay{font:inherit;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:.35rem;margin-left:auto;padding:.1rem .45rem;font-size:.7rem}.replay:hover{color:var(--text)}section{padding:6rem 0;position:relative}.kicker{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);margin-bottom:.9rem;font-size:.78rem;display:inline-block}h2.title{letter-spacing:-.04em;margin:0 0 1rem;font-size:clamp(2rem,3.6vw,3rem);font-weight:760;line-height:1.08}.sub{color:var(--muted);max-width:40rem;margin:0;font-size:1.08rem}.center{text-align:center}.center .sub{margin-inline:auto}.strip{border-block:1px solid var(--line);background:#ffffff03;padding:1.6rem 0 2rem}.strip-inner{color:var(--dim);flex-wrap:wrap;justify-content:center;align-items:center;gap:.7rem 2.4rem;font-size:.9rem;display:flex}.strip-inner strong{color:var(--muted);letter-spacing:-.01em;font-size:1.02rem;font-weight:600}.strip-label{text-align:center;letter-spacing:.14em;text-transform:uppercase;width:100%;color:var(--dim);font-size:.74rem}.pains{grid-template-columns:repeat(3,1fr);gap:1.1rem;margin-top:3rem;display:grid}.pain{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:1.5rem}.pain .num{font-family:var(--mono);color:var(--red);font-size:.78rem}.pain h3{letter-spacing:-.02em;margin:.5rem 0;font-size:1.15rem}.pain p{color:var(--muted);margin:0;font-size:.94rem}.pain .fix{border-top:1px dashed var(--line-2);color:var(--text);margin-top:1rem;padding-top:.9rem;font-size:.88rem}.pain .fix:before{content:"→ ";color:var(--green)}.aim{border-radius:var(--radius);background:linear-gradient(var(--bg-2), var(--bg-2)) padding-box, var(--grad) border-box;border:1px solid #0000;grid-template-columns:auto 1fr;align-items:center;gap:1.5rem;margin-top:2.5rem;padding:1.8rem 2rem;display:grid}.aim .badge{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);font-size:.78rem}.aim p{letter-spacing:-.01em;margin:0;font-size:1.15rem}.aim p em{color:var(--muted);font-style:normal}.pipe{border:1px solid var(--line);background:#ffffff05;border-radius:1.4rem;margin-top:3rem;padding:2.2rem 1.8rem 1.6rem}.pipe-track{grid-template-columns:repeat(6,1fr);gap:.6rem;display:grid;position:relative}.pipe-track:before{content:"";background:linear-gradient(90deg, transparent, var(--line-2) 8%, var(--line-2) 92%, transparent);height:2px;position:absolute;top:2.05rem;left:6%;right:6%}.node{text-align:center;justify-items:center;gap:.6rem;display:grid;position:relative}.node .dot{border:1px solid var(--line-2);width:4.1rem;height:4.1rem;color:var(--muted);z-index:1;background:#0e1020;border-radius:1.1rem;place-items:center;transition:all .3s;display:grid;position:relative}.node .dot svg{width:1.5rem;height:1.5rem}.node b{letter-spacing:-.01em;font-size:.9rem;font-weight:650}.node small{color:var(--dim);max-width:10rem;font-size:.75rem;line-height:1.4}.node.on .dot{color:#0a0b14;background:var(--grad);border-color:#0000;transform:translateY(-3px)scale(1.04);box-shadow:0 0 0 6px #7c6cff26,0 0 40px #22d3ee73}.node.hit .dot{background:var(--green);box-shadow:0 0 0 6px #34d3992e,0 0 40px #34d39980}.node.skip{opacity:.35}.pipe-foot{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:1rem;margin-top:2rem;padding-top:1.2rem;display:flex}.pipe-log{font-family:var(--mono);color:var(--muted);flex:1;min-width:16rem;font-size:.82rem}.pipe-log .tag{color:#0a0b14;background:var(--amber);border-radius:.3rem;margin-right:.5rem;padding:0 .4rem;font-size:.7rem;font-weight:700;display:inline-block}.pipe-log .tag.hit{background:var(--green)}.seg{border:1px solid var(--line-2);background:#0000004d;border-radius:.7rem;padding:.2rem;display:inline-flex}.seg button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:.5rem;padding:.4rem .8rem;font-size:.82rem}.seg button[aria-pressed=true]{background:var(--panel-2);color:var(--text);box-shadow:inset 0 0 0 1px var(--line-2)}.features{grid-template-columns:repeat(3,1fr);gap:1.1rem;margin-top:3rem;display:grid}.spot{--x:50%;--y:50%;border-radius:var(--radius);border:1px solid var(--line);background:radial-gradient(22rem circle at var(--x) var(--y), #7c6cff24, transparent 45%), var(--panel);padding:1.6rem;transition:border-color .2s,transform .2s;position:relative;overflow:hidden}.spot:before{content:"";border-radius:inherit;background:radial-gradient(18rem circle at var(--x) var(--y), #8b7bffd9, transparent 45%);-webkit-mask-composite:xor;opacity:0;pointer-events:none;padding:1px;transition:opacity .25s;position:absolute;inset:0;-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;mask-composite:exclude;mask-mode:match-source,match-source}.spot:hover:before{opacity:1}.spot:hover{transform:translateY(-2px)}.spot .ico{color:#c8c0ff;background:#7c6cff24;border:1px solid #7c6cff59;border-radius:.8rem;place-items:center;width:2.6rem;height:2.6rem;margin-bottom:1.1rem;display:grid}.spot .ico svg{width:1.3rem;height:1.3rem}.spot h3{letter-spacing:-.02em;margin:0 0 .45rem;font-size:1.12rem}.spot p{color:var(--muted);margin:0;font-size:.93rem}.spot code.chip{color:#c8c0ff;border:1px solid var(--line);background:#0000004d;border-radius:.45rem;margin-top:1rem;padding:.25rem .55rem;font-size:.76rem;display:inline-block}.spot a.more{color:var(--cyan);margin-top:1rem;margin-left:.6rem;font-size:.82rem;display:inline-block}.compare{grid-template-columns:1fr 1fr;align-items:start;gap:1.1rem;margin-top:3rem;display:grid}.compare pre.astro-code{font-size:.8rem}.compare .win-bar .tag.bad{color:var(--red);border-color:#fb718566}.compare .win-bar .tag.good{color:var(--green);border-color:#34d39966}.compare .after{position:sticky;top:6rem}.after-note{color:var(--muted);gap:.45rem;padding:0 1.15rem 1.15rem;font-size:.88rem;display:grid}.after-note span:before{content:"✓";color:var(--green);margin-right:.5rem}.bench{grid-template-columns:1fr 1.2fr;align-items:center;gap:2rem;margin-top:3rem;display:grid}.stats{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.stat{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:1.35rem 1.4rem}.stat .big{letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-size:2.6rem;font-weight:760;line-height:1}.stat .unit{color:var(--muted);margin-left:.2rem;font-size:1.1rem;font-weight:600}.stat p{color:var(--muted);margin:.55rem 0 0;font-size:.85rem}.bars{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);gap:1.15rem;padding:1.6rem;display:grid}.bar-row{gap:.4rem;display:grid}.bar-row .lbl{color:var(--muted);justify-content:space-between;font-size:.85rem;display:flex}.bar-row .lbl b{color:var(--text);font-family:var(--mono);font-size:.82rem;font-weight:600}.bar{background:#ffffff0d;border-radius:99px;height:.7rem;overflow:hidden}.bar i{border-radius:inherit;background:#3a3f5c;width:0;height:100%;transition:width 1.3s cubic-bezier(.2,.8,.2,1);display:block}.bar.miss i{background:linear-gradient(90deg, #3a3f5c 0%, #3a3f5c 90%, var(--violet) 90%)}.bar.hit i{background:var(--green);box-shadow:0 0 16px #34d39999}.bars .foot{color:var(--dim);font-size:.75rem;font-family:var(--mono)}.steps{counter-reset:step;grid-template-columns:repeat(3,1fr);gap:1.1rem;margin-top:3rem;display:grid}.step{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);overflow:hidden}.step header{padding:1.3rem 1.4rem .9rem}.step header:before{counter-increment:step;content:counter(step);width:1.8rem;height:1.8rem;font-family:var(--mono);color:#0a0b14;background:var(--grad);border-radius:.55rem;place-items:center;margin-bottom:.8rem;font-size:.85rem;font-weight:700;display:inline-grid}.step h3{letter-spacing:-.02em;margin:0 0 .3rem;font-size:1.05rem}.step p{color:var(--muted);margin:0;font-size:.88rem}.step pre.astro-code{border-top:1px solid var(--line);margin:0;font-size:.8rem;line-height:1.65;overflow-x:auto;background:#00000052!important;padding:.95rem 1.4rem!important}.scopes{grid-template-columns:repeat(4,1fr);gap:.8rem;margin-top:2.2rem;display:grid}.scope{border:1px solid var(--line);background:var(--panel);border-radius:.9rem;padding:1rem 1.1rem}.scope code{color:#c8c0ff;white-space:nowrap;text-overflow:ellipsis;margin-bottom:.4rem;font-size:.8rem;display:block;overflow:hidden}.scope span{color:var(--muted);font-size:.82rem}.final{text-align:center;padding:7rem 0 6rem}.final .glow{z-index:-1;filter:blur(30px);background:radial-gradient(closest-side,#7c6cff4d,#0000);position:absolute;inset:10% 20%}.final h2{letter-spacing:-.045em;margin:0 0 1.1rem;font-size:clamp(2.3rem,4.6vw,3.8rem);font-weight:780;line-height:1.04}.final .hero-ctas{justify-content:center;margin-top:2rem}footer.site{border-top:1px solid var(--line);color:var(--dim);padding:2.2rem 0 3rem;font-size:.85rem}footer.site .wrap{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}footer.site nav{gap:1.3rem;margin-left:auto;display:flex}footer.site a:hover{color:var(--text)}.js [data-reveal]{opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.2,.8,.2,1);transition-delay:var(--d,0s);transform:translateY(22px)}.js [data-reveal].in{opacity:1;transform:none}@media (width<=1000px){.hero-grid,.bench,.compare{grid-template-columns:1fr}.compare .after{position:static}.features,.pains,.steps,.scopes{grid-template-columns:1fr 1fr}.nav-links{display:none}}@media (width<=680px){.features,.pains,.steps,.scopes,.stats{grid-template-columns:1fr}.pipe-track{grid-template-columns:repeat(3,1fr);row-gap:1.6rem}.pipe-track:before{display:none}.aim{grid-template-columns:1fr}.hero{padding-top:3.5rem}section{padding:4.5rem 0}.nav-cta .btn:not(.primary){display:none}.install{font-size:.8rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.aurora span,.term .cursor{animation:none}.js [data-reveal],.term .ln{opacity:1;transition:none;transform:none}.bar i,.node .dot,.rotator .word{transition:none}}