:root{--bg:oklch(15.5% .016 255);--surface:oklch(19.5% .017 255);--surface-2:oklch(22.5% .019 255);--surface-3:oklch(26% .021 255);--line:oklch(30% .016 255);--line-soft:oklch(26% .014 255);--line-strong:oklch(42% .02 255);--ink:oklch(96% .01 255);--ink-2:oklch(82% .016 255);--ink-3:oklch(70% .018 255);--brand:oklch(78% .16 163);--brand-bright:oklch(85% .17 163);--brand-ink:oklch(18% .04 163);--brand-soft:oklch(78% .16 163/.14);--brand-line:oklch(78% .16 163/.34);--warn:oklch(80% .12 80);--radius:.75rem;--radius-sm:calc(var(--radius) - 4px);--radius-lg:calc(var(--radius) + 4px);--radius-pill:999px;--ease:cubic-bezier(.22, 1, .36, 1);--dur:.2s;--z-rail:1;--z-nav:50;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--sans:"Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--maxw:72rem;--gutter:clamp(1.25rem, 5vw, 3rem)}*,:before,:after{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth;-webkit-text-size-adjust:100%}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--bg);color:var(--ink-2);font-family:var(--sans);font-feature-settings:"cv01", "ss01";-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:1.0625rem;line-height:1.6;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(60rem 40rem at 78% -8%,oklch(78% .16 163/.1),#0000 70%),radial-gradient(50rem 36rem at 8% 0,oklch(60% .1 255/.12),#0000 65%);position:fixed;inset:0}h1,h2,h3{color:var(--ink);letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:700}p{text-wrap:pretty;margin:0}a{color:var(--brand-bright);transition:color var(--dur) var(--ease);text-decoration:none}a:hover{color:var(--brand)}code,kbd,samp{font-family:var(--mono);font-feature-settings:normal}:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:3px}.container{width:100%;max-width:var(--maxw);padding-inline:var(--gutter);margin-inline:auto}.muted{color:var(--ink-3)}.mono{font-family:var(--mono)}.nav{z-index:var(--z-nav);transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease);background:oklch(15.5% .016 255/0);border-bottom:1px solid #0000;position:sticky;top:0}.nav[data-stuck=true]{border-bottom-color:var(--line-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:oklch(16.5% .016 255/.82)}.nav__inner{justify-content:space-between;align-items:center;gap:1rem;height:4rem;display:flex}.brand{color:var(--ink);letter-spacing:-.01em;align-items:center;gap:.6rem;font-size:1.05rem;font-weight:680;display:inline-flex}.brand:hover{color:var(--ink)}.brand__mark{width:1.6rem;height:1.6rem;display:block}.nav__links{align-items:center;gap:clamp(1rem,2.5vw,2rem);display:flex}.nav__links a:not(.btn){color:var(--ink-2);font-size:.95rem;font-weight:520}.nav__links a:not(.btn):hover{color:var(--ink)}.nav__hide-sm{display:inline-flex}@media (width<=640px){.nav__hide-sm{display:none}}.btn{border-radius:var(--radius-sm);white-space:nowrap;cursor:pointer;transition:transform var(--dur) var(--ease), background var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.05rem;font-family:inherit;font-size:.95rem;font-weight:600;line-height:1;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--brand);color:var(--brand-ink)}.btn-primary:hover{background:var(--brand-bright);color:var(--brand-ink)}.btn-outline{border-color:var(--line-strong);color:var(--ink);background:0 0}.btn-outline:hover{border-color:var(--ink-3);background:var(--surface);color:var(--ink)}.btn-lg{padding:.75rem 1.35rem;font-size:1rem}.btn .arrow{transition:transform var(--dur) var(--ease)}.btn:hover .arrow{transform:translate(2px)}.badge{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);color:var(--ink-2);letter-spacing:.01em;align-items:center;gap:.5rem;padding:.3rem .7rem .3rem .6rem;font-size:.78rem;font-weight:600;display:inline-flex}.badge .dot{border-radius:var(--radius-pill);background:var(--brand);width:.45rem;height:.45rem;box-shadow:0 0 0 3px var(--brand-soft)}.cmd{border:1px solid var(--line);border-radius:var(--radius-sm);background:oklch(13.5% .014 255/.85);align-items:center;gap:.75rem;padding:.7rem .7rem .7rem .95rem;display:flex}.cmd code{min-width:0;color:var(--ink);white-space:nowrap;scrollbar-width:thin;flex:1;font-size:.875rem;overflow-x:auto}.cmd code .prompt{color:var(--brand);-webkit-user-select:none;user-select:none}.copy{border:1px solid var(--line-strong);border-radius:calc(var(--radius-sm) - 2px);background:var(--surface-2);color:var(--ink-2);font-family:var(--sans);cursor:pointer;transition:color var(--dur) var(--ease), border-color var(--dur) var(--ease), background var(--dur) var(--ease);flex:none;align-items:center;gap:.4rem;padding:.4rem .6rem;font-size:.8rem;font-weight:600;display:inline-flex}.copy:hover{border-color:var(--ink-3);color:var(--ink)}.copy[data-copied=true]{border-color:var(--brand-line);color:var(--brand-bright)}.hero{padding-top:clamp(3rem,8vh,6rem);padding-bottom:clamp(3rem,8vh,5.5rem)}.hero__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,4rem);display:grid}@media (width<=940px){.hero__grid{grid-template-columns:1fr;gap:2.5rem}}.hero h1{letter-spacing:-.032em;margin-top:1.25rem;font-size:clamp(2.4rem,5.2vw,4rem);line-height:1.04}.hero h1 .accent{color:var(--brand-bright)}.hero__lead{max-width:36ch;color:var(--ink-2);margin-top:1.35rem;font-size:clamp(1.05rem,1.6vw,1.2rem);line-height:1.55}.hero__cta{flex-wrap:wrap;gap:.75rem;margin-top:1.85rem;display:flex}.hero__install{max-width:32rem;margin-top:1.75rem}.hero__install-label{color:var(--ink-3);margin-bottom:.5rem;font-size:.82rem;font-weight:560;display:block}.rail{border:1px solid var(--line-soft);border-radius:var(--radius-lg);background:radial-gradient(26rem 16rem at 50% -10%, var(--brand-soft), transparent 70%), var(--surface);padding:clamp(1.25rem,3vw,1.9rem);position:relative;overflow:hidden}.rail__head{color:var(--ink-3);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.4rem;font-size:.78rem;display:flex}.rail__head .mono{color:var(--ink-2)}.rail__track{grid-template-columns:1fr;gap:0;display:grid}.station{border:1px solid var(--line);border-radius:var(--radius);background:oklch(13.5% .014 255/.7);grid-template-columns:2.6rem 1fr;align-items:center;gap:.9rem;padding:.85rem 1rem;display:grid}.station__icon{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--line);width:2.6rem;height:2.6rem;color:var(--brand-bright);place-items:center;display:grid}.station__icon svg{width:1.3rem;height:1.3rem}.station__name{color:var(--ink);letter-spacing:-.01em;font-size:.96rem;font-weight:640}.station__role{color:var(--ink-3);font-size:.8rem}.station__port{color:var(--ink-2);font-family:var(--mono);white-space:nowrap;grid-area:1/2/span 2;place-self:center end;font-size:.8rem}.station--vps{border-color:var(--brand-line);background:radial-gradient(14rem 8rem at 0% 0%, var(--brand-soft), transparent 70%), oklch(13.5% .014 255/.7)}.station--vps .station__icon{color:var(--brand-ink);background:var(--brand);border-color:var(--brand)}.segment{background:linear-gradient(var(--line-strong), var(--line-strong));width:2px;height:2.75rem;margin-left:calc(2.3rem - 1px);position:relative}.segment__label{white-space:nowrap;color:var(--ink-3);font-family:var(--mono);letter-spacing:.01em;font-size:.72rem;position:absolute;top:50%;left:1.1rem;transform:translateY(-50%)}.segment__packet{border-radius:var(--radius-pill);background:var(--brand-bright);width:.5rem;height:.5rem;box-shadow:0 0 0 4px var(--brand-soft), 0 0 10px 1px var(--brand);animation:packet-down 2.4s var(--ease) infinite;margin-left:-.25rem;position:absolute;top:0;left:50%}.segment--b .segment__packet{animation-delay:1.2s}@keyframes packet-down{0%{opacity:0;top:-.25rem}12%{opacity:1}88%{opacity:1}to{opacity:0;top:calc(100% + .25rem)}}.section{padding-block:clamp(3.5rem,9vh,6rem)}.section--tight{padding-block:clamp(2.5rem,6vh,4rem)}.section__head{max-width:44rem}.section__head h2{letter-spacing:-.025em;font-size:clamp(1.7rem,3.4vw,2.5rem);line-height:1.1}.section__head p{color:var(--ink-2);max-width:60ch;margin-top:.9rem;font-size:1.08rem}.rule{border:none;border-top:1px solid var(--line-soft);margin:0}.steps{border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--line-soft);grid-template-columns:repeat(4,1fr);gap:1px;margin-top:2.75rem;display:grid;overflow:hidden}@media (width<=860px){.steps{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.steps{grid-template-columns:1fr}}.step{background:var(--surface);flex-direction:column;gap:.6rem;padding:1.4rem 1.3rem 1.6rem;display:flex}.step__n{color:var(--ink-3);font-family:var(--mono);align-items:baseline;gap:.5rem;font-size:.78rem;display:inline-flex}.step__n b{color:var(--brand-bright);font-weight:700}.step h3{letter-spacing:-.015em;font-size:1.08rem}.step p{color:var(--ink-3);font-size:.92rem;line-height:1.55}.ledger{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.25rem,3vw,2.5rem);margin-top:2.75rem;display:grid}@media (width<=720px){.ledger{grid-template-columns:1fr}}.ledger__col h3{align-items:center;gap:.6rem;font-size:1.05rem;display:flex}.ledger__tag{font-family:var(--mono);letter-spacing:.02em;color:var(--ink-3);border:1px solid var(--line);border-radius:var(--radius-pill);padding:.12rem .55rem;font-size:.72rem;font-weight:600}.ledger__tag--live{color:var(--brand-bright);border-color:var(--brand-line)}.ledger__list{flex-direction:column;margin:1.1rem 0 0;padding:0;list-style:none;display:flex}.ledger__list li{border-top:1px solid var(--line-soft);color:var(--ink-2);grid-template-columns:1.1rem 1fr;align-items:start;gap:.75rem;padding:.8rem 0;font-size:.98rem;display:grid}.ledger__list li:first-child{border-top:none}.ledger__list .ic{flex:none;width:1.1rem;height:1.1rem;margin-top:.18rem}.ic--check{color:var(--brand)}.ic--plan{color:var(--ink-3)}.principles{grid-template-columns:repeat(3,1fr);gap:clamp(1.5rem,4vw,3rem);margin-top:2.5rem;display:grid}@media (width<=760px){.principles{grid-template-columns:1fr;gap:2rem}}.principle__k{font-family:var(--mono);color:var(--brand);font-size:.78rem}.principle h3{letter-spacing:-.02em;margin-top:.7rem;font-size:1.2rem}.principle p{color:var(--ink-3);margin-top:.55rem;font-size:.98rem;line-height:1.55}.cta{border:1px solid var(--brand-line);border-radius:var(--radius-lg);background:radial-gradient(34rem 18rem at 80% 120%, var(--brand-soft), transparent 70%), var(--surface);text-align:center;padding:clamp(2rem,5vw,3.5rem)}.cta h2{letter-spacing:-.025em;font-size:clamp(1.7rem,3.5vw,2.6rem)}.cta p{max-width:48ch;color:var(--ink-2);margin:.9rem auto 0;font-size:1.08rem}.cta__row{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.75rem;display:flex}.cta__install{text-align:left;max-width:30rem;margin:1.5rem auto 0}.footer{border-top:1px solid var(--line-soft);margin-top:clamp(3rem,8vh,6rem);padding-block:2.5rem 3rem}.footer__top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.footer__links{flex-wrap:wrap;gap:1.5rem;display:flex}.footer__links a{color:var(--ink-2);font-size:.95rem;font-weight:520}.footer__links a:hover{color:var(--ink)}.footer__bottom{border-top:1px solid var(--line-soft);color:var(--ink-3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:2rem;padding-top:1.5rem;font-size:.85rem;display:flex}[data-reveal]{opacity:1;transform:none}html.motion-on [data-reveal]{opacity:0;transition:opacity .6s var(--ease), transform .6s var(--ease);transform:translateY(14px)}html.motion-on [data-reveal].in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.segment__packet{margin-top:-.25rem;animation:none;top:50%}html.motion-on [data-reveal]{opacity:1;transition:none;transform:none}.btn,a,.copy{transition:none}}.doc{padding-top:clamp(2.5rem,6vh,4rem);padding-bottom:clamp(3rem,8vh,5rem)}.doc__grid{grid-template-columns:15rem minmax(0,1fr);align-items:start;gap:clamp(2rem,5vw,4rem);display:grid}@media (width<=880px){.doc__grid{grid-template-columns:1fr}}.toc{align-self:start;position:sticky;top:5rem}@media (width<=880px){.toc{border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--surface);padding:1rem 1.2rem;position:static}}.toc h2{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);font-size:.75rem;font-weight:600}.toc ol{counter-reset:toc;flex-direction:column;gap:.55rem;margin:.9rem 0 0;padding:0;list-style:none;display:flex}.toc a{color:var(--ink-2);counter-increment:toc;gap:.6rem;font-size:.92rem;display:flex}.toc a:before{content:counter(toc, decimal-leading-zero);color:var(--ink-3);font-family:var(--mono);font-size:.8rem}.toc a:hover{color:var(--ink)}.doc__body{min-width:0;max-width:46rem}.doc__intro h1{letter-spacing:-.03em;font-size:clamp(2rem,4vw,2.9rem);line-height:1.05}.doc__intro p{color:var(--ink-2);max-width:60ch;margin-top:1rem;font-size:1.1rem}.callout{border:1px solid var(--brand-line);border-radius:var(--radius);background:var(--brand-soft);grid-template-columns:1.4rem 1fr;gap:.8rem;margin-top:1.75rem;padding:1rem 1.15rem;display:grid}.callout svg{width:1.2rem;height:1.2rem;color:var(--brand-bright);margin-top:.15rem}.callout p{color:var(--ink);font-size:.95rem;line-height:1.55}.callout strong{color:var(--ink)}.dstep{border-top:1px solid var(--line-soft);margin-top:clamp(2.25rem,5vw,3.25rem);padding-top:clamp(2.25rem,5vw,3.25rem);scroll-margin-top:5rem}.dstep:first-of-type{border-top:none}.dstep__n{font-family:var(--mono);color:var(--brand);font-size:.8rem}.dstep h2{letter-spacing:-.02em;margin-top:.5rem;font-size:clamp(1.4rem,2.8vw,1.85rem)}.dstep>p{color:var(--ink-2);margin-top:.8rem;line-height:1.6}.dstep ul{color:var(--ink-2);margin:1rem 0 0;padding-left:1.1rem}.dstep li{margin-top:.4rem;line-height:1.55}.dstep li code,.dstep p code{background:var(--surface-2);border:1px solid var(--line-soft);color:var(--ink);border-radius:5px;padding:.1rem .35rem;font-size:.86em}.block{border:1px solid var(--line);border-radius:var(--radius-sm);background:oklch(13.5% .014 255/.9);margin-top:1.2rem;position:relative;overflow:hidden}.block__bar{border-bottom:1px solid var(--line-soft);color:var(--ink-3);font-family:var(--mono);justify-content:space-between;align-items:center;gap:1rem;padding:.45rem .55rem .45rem .9rem;font-size:.74rem;display:flex}.block pre{scrollbar-width:thin;margin:0;padding:.95rem 1.1rem;overflow-x:auto}.block code{color:var(--ink);font-size:.84rem;line-height:1.7}.block code .prompt,.block code .flag{color:var(--brand)}.block code .cmt{color:var(--ink-3)}.field-note{color:var(--ink-3);margin-top:1.1rem;font-size:.92rem;line-height:1.55}.kv{border:1px solid var(--line-soft);border-radius:var(--radius);margin-top:1.25rem;overflow:hidden}.kv div{border-top:1px solid var(--line-soft);grid-template-columns:minmax(11rem,auto) 1fr;gap:1rem;padding:.7rem 1rem;font-size:.9rem;display:grid}.kv div:first-child{border-top:none}.kv dt{color:var(--brand-bright);font-family:var(--mono);font-size:.82rem}.kv dd{color:var(--ink-2);margin:0}@media (width<=520px){.kv div{grid-template-columns:1fr;gap:.25rem}}