:root{
  color-scheme:dark;
  --bg:#08070a;--bg-soft:#0b090f;--surface:#0f0d12;--surface-2:#131017;--surface-3:#18131f;
  --text:#f5f2f8;--muted:#aaa2b1;--dim:#746c7b;--line:#25202a;--line-2:#362d40;
  --purple:#9457f6;--purple-2:#b98cff;--purple-3:#6e38cc;--purple-soft:rgba(148,87,246,.12);
  --green:#39d27d;--amber:#e7ac49;--red:#e86767;--cyan:#69c6d9;
  --max:1240px;--max-wide:1420px;--sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --mono:"SFMono-Regular",ui-monospace,Menlo,Monaco,Consolas,monospace;
  --ease:cubic-bezier(.2,.75,.25,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:1000;opacity:.023;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}button,input{font:inherit}img{display:block;max-width:100%}::selection{background:rgba(148,87,246,.38);color:white}
.wrap{width:min(calc(100% - 48px),var(--max));margin-inline:auto}.wide{width:min(calc(100% - 32px),var(--max-wide));margin-inline:auto}
.mono{font-family:var(--mono)}

/* Header */
.site-header{position:sticky;top:0;z-index:90;background:rgba(8,7,10,.78);backdrop-filter:blur(18px) saturate(1.15);border-bottom:1px solid rgba(37,32,42,.78)}
.scroll-rail{position:absolute;left:0;bottom:-1px;height:1px;width:0;background:linear-gradient(90deg,var(--purple-3),var(--purple-2));box-shadow:0 0 14px rgba(148,87,246,.4)}
.nav{height:66px;display:flex;align-items:center;gap:30px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:17px;font-weight:680;letter-spacing:-.035em}.brand img{width:29px;height:29px}.nav-links{display:flex;align-items:center;gap:26px;margin-left:22px}.nav-links a{position:relative;color:#91899a;font-size:13px;transition:color .18s ease}.nav-links a:hover,.nav-links a[aria-current="page"]{color:#f2edf7}.nav-links a[aria-current="page"]:after{content:"";position:absolute;left:0;right:0;bottom:-22px;height:2px;background:var(--purple);border-radius:99px}.nav-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.gh-link{font-size:13px;color:#948c9b}.menu{display:none;border:0;background:none;color:white;padding:8px;font-size:20px}
.btn{height:39px;padding:0 14px;border:1px solid var(--line-2);border-radius:8px;background:#121016;color:#ece7f0;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:620;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}.btn:hover{background:#18141d;border-color:#4d4059}.btn.primary{background:#8f53ec;border-color:#9b63ef;color:white;box-shadow:inset 0 1px rgba(255,255,255,.16),0 10px 30px rgba(91,45,166,.18)}.btn.primary:hover{background:#9a62ef;transform:translateY(-1px)}.btn.quiet{background:transparent;border-color:transparent;color:#a69eac;padding-inline:8px}.btn.quiet:hover{background:transparent;color:white;border-color:transparent}.btn.compact{height:34px}

/* Geometry vocabulary derived from the Raildock mark */
.rail-geometry{position:absolute;pointer-events:none;overflow:visible}.rail-geometry .outline{fill:none;stroke:#9b67ef;stroke-width:1;vector-effect:non-scaling-stroke}.rail-geometry .soft{fill:none;stroke:#7640c9;stroke-width:1;vector-effect:non-scaling-stroke}.rail-geometry .bar{fill:url(#rd-purple)}.rail-geometry .track{fill:none;stroke:#a97bf4;stroke-width:1;vector-effect:non-scaling-stroke}.rail-geometry .station{fill:#b88eff}.geo-hero{width:690px;height:690px;right:-170px;top:-130px;opacity:.12;filter:drop-shadow(0 0 24px rgba(148,87,246,.14))}.geo-section{width:540px;height:540px;left:-310px;top:-80px;opacity:.07}.geo-right{left:auto;right:-280px;transform:scaleX(-1)}
.rail-divider{height:1px;background:linear-gradient(90deg,transparent 0,rgba(75,60,87,.5) 12%,rgba(75,60,87,.5) 88%,transparent);position:relative}.rail-divider:before,.rail-divider:after{content:"";position:absolute;top:-3px;width:7px;height:7px;border:1px solid #63428b;background:var(--bg);transform:rotate(45deg)}.rail-divider:before{left:14%}.rail-divider:after{right:14%}
.section-rail{display:grid;grid-template-columns:32px 1fr;gap:18px}.section-rail-line{position:relative}.section-rail-line:before{content:"";position:absolute;left:15px;top:5px;bottom:4px;width:1px;background:linear-gradient(#7e4abf,#32243e)}.section-rail-line:after{content:"";position:absolute;left:11px;top:5px;width:9px;height:9px;border:1px solid #9664d4;background:#110d16;transform:rotate(45deg)}

/* Type / section rhythm */
.hero{position:relative;padding:90px 0 58px;overflow:hidden}.hero:before{content:"";position:absolute;width:880px;height:620px;right:-230px;top:-210px;background:radial-gradient(ellipse,rgba(119,60,211,.13),transparent 68%);pointer-events:none}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.83fr) minmax(560px,1.17fr);gap:68px;align-items:center}.hero-meta{display:flex;align-items:center;gap:9px;color:#8f8697;font:560 10px var(--mono);margin-bottom:22px}.hero-meta i{width:6px;height:6px;border-radius:50%;background:var(--purple-2);box-shadow:0 0 0 4px rgba(185,140,255,.08)}.hero h1,.page-hero h1{margin:0;font-weight:680;letter-spacing:-.057em}.hero h1{font-size:clamp(54px,5.5vw,74px);line-height:.98;max-width:690px}.accent{color:#c5a0ff}.hero-copy{max-width:620px;color:#a79fad;font-size:17px;line-height:1.72;margin:25px 0 27px}.hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hero-command{margin-top:27px;max-width:660px;height:43px;border:1px solid #2c2632;border-radius:8px;background:#0d0b0f;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:0 8px 0 12px}.hero-command>span{font:650 9px var(--mono);color:#796f81;letter-spacing:.08em;text-transform:uppercase}.hero-command code{font:500 10px var(--mono);color:#beb5c4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-command button{height:28px;border:0;border-radius:6px;background:#17131b;color:#8f8795;font:600 10px var(--mono);padding:0 9px;cursor:pointer}.hero-command button:hover{color:white;background:#201925}.hero-facts{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:20px;color:#716977;font-size:11px}.hero-facts b{font-weight:600;color:#9a919f}.hero-facts span:before{content:"";display:inline-block;width:4px;height:4px;background:#514658;margin:0 8px 2px 0;transform:rotate(45deg)}
.section-kicker{color:#a47ad9;font:650 10px var(--mono);letter-spacing:.095em;text-transform:uppercase;margin-bottom:15px}.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.52fr);gap:86px;align-items:end;margin-bottom:46px}.section-head h2,.split-copy h2{font-size:clamp(36px,4vw,53px);line-height:1.03;letter-spacing:-.048em;font-weight:650;margin:0}.section-head p,.split-copy p{margin:0;color:#958c9c;font-size:15px;line-height:1.75}section{padding:94px 0;position:relative}.subsection{border-top:1px solid #1c1820}.muted{color:var(--muted)}

/* Feature rails, no card soup */
.feature-rails{display:grid;grid-template-columns:repeat(3,1fr);gap:0 34px}.feature-rail{padding:25px 0 22px;border-top:1px solid #2a2430;min-height:185px;position:relative}.feature-rail .icon{width:23px;height:23px;color:#b584fb;margin-bottom:26px}.feature-rail svg{width:100%;height:100%}.feature-rail h3{font-size:16px;margin:0 0 8px;font-weight:620;letter-spacing:-.02em}.feature-rail p{font-size:13px;line-height:1.7;color:#8c8392;margin:0}.feature-rail .micro{margin-top:17px;color:#655d6b;font:500 9px var(--mono)}

/* Manifest / reconcile simulation */
.split{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:78px;align-items:center}.split.reverse{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.code-window{border:1px solid #2b2531;border-radius:10px;background:#0c0a0e;overflow:hidden;box-shadow:0 28px 70px rgba(0,0,0,.28)}.code-head{height:39px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-bottom:1px solid #27212d;background:#100e13}.code-head span{font:500 9px var(--mono);color:#6c6472}.code-dots{display:flex;gap:5px}.code-dots i{width:6px;height:6px;border-radius:50%;background:#352e3a}.code-body{padding:20px 22px;min-height:330px;color:#b9b0bf;font:500 11px/1.75 var(--mono);overflow:auto}.code-body .k{color:#c39aff}.code-body .s{color:#72d99c}.code-body .v{color:#e3bd68}.code-body .c{color:#5e5664}.code-body .n{color:#82c5d8}.code-body .line{display:block}
.reconcile{position:relative;border-top:1px solid #2a2330;border-bottom:1px solid #2a2330;padding:28px 0}.reconcile-lane{display:grid;grid-template-columns:1fr 70px 1fr 70px 1fr;align-items:center;gap:0}.reconcile-node{min-height:132px;border:1px solid #302938;background:#100e13;border-radius:9px;padding:16px;position:relative}.reconcile-node small{color:#6f6576;font:600 9px var(--mono);text-transform:uppercase;letter-spacing:.07em}.reconcile-node strong{display:block;margin:11px 0 6px;font-size:14px}.reconcile-node span{color:#817887;font-size:11px}.reconcile-node:after{content:"";position:absolute;right:12px;top:12px;width:6px;height:6px;border-radius:50%;background:#5a4c62}.reconcile-node.live:after{background:var(--green);box-shadow:0 0 0 4px rgba(57,210,125,.07)}.reconcile-link{height:1px;background:#4d375f;position:relative;overflow:visible}.reconcile-link:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#b98cff;top:-2px;left:0;box-shadow:0 0 10px rgba(185,140,255,.75);animation:pulseLink 2.6s linear infinite}.reconcile-link:nth-of-type(4):after{animation-delay:1.3s}@keyframes pulseLink{0%{left:0;opacity:0}10%{opacity:1}90%{opacity:1}100%{left:calc(100% - 5px);opacity:0}}.reconcile-note{margin-top:16px;display:flex;justify-content:space-between;color:#6d6474;font:500 9px var(--mono)}.reconcile-note b{color:#b994ef;font-weight:600}

/* Data / reliability */
.data-zone{background:#0a080c;border-top:1px solid #1c1820;border-bottom:1px solid #1c1820;overflow:hidden}.data-zone:before{content:"";position:absolute;width:620px;height:620px;right:-250px;top:10px;background:radial-gradient(circle,rgba(111,55,194,.1),transparent 68%)}.data-layout{display:grid;grid-template-columns:1fr .88fr;gap:62px;align-items:center}.data-frame{position:relative}.data-frame img{border:1px solid #302838;border-radius:10px;box-shadow:0 30px 70px rgba(0,0,0,.35)}.data-chip{position:absolute;right:-18px;bottom:22px;border:1px solid #3b3045;background:#120f16;border-radius:8px;padding:11px 12px;width:205px}.data-chip b{font-size:11px}.data-chip span{display:block;margin-top:5px;color:#756c7b;font:500 8px var(--mono)}.backup-events{display:grid;gap:0;margin-top:28px;border-top:1px solid #29222f}.backup-event{display:grid;grid-template-columns:14px 1fr auto;gap:11px;padding:13px 0;border-bottom:1px solid #211c25;align-items:center}.backup-event i{width:8px;height:8px;border:1px solid #8f59d0;transform:rotate(45deg)}.backup-event b{font-size:11px;font-weight:600}.backup-event small{display:block;color:#655d6b;margin-top:2px;font:500 8px var(--mono)}.backup-event span{font:600 8px var(--mono);color:#6aca91}

/* self-host architecture */
.selfhost{overflow:hidden}.host-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.host-map{position:relative;min-height:410px;border-top:1px solid #2b2431;border-bottom:1px solid #2b2431;background:linear-gradient(180deg,rgba(148,87,246,.025),transparent)}.host-map:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,#352a3d 1px,transparent 1px);background-size:23px 23px;opacity:.5}.host-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:120px;height:120px;border:1px solid #5c3a77;background:#120e18;border-radius:18px;display:grid;place-items:center;z-index:3;box-shadow:0 20px 50px rgba(0,0,0,.3)}.host-core img{width:58px;height:58px}.host-node{position:absolute;width:155px;border:1px solid #302838;background:#100e13;border-radius:8px;padding:11px 12px;z-index:3}.host-node b{font-size:11px}.host-node span{display:block;margin-top:4px;color:#6e6573;font:500 8px var(--mono)}.host-node:before{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:var(--green);right:10px;top:10px}.host-node.n1{left:5%;top:12%}.host-node.n2{right:4%;top:18%}.host-node.n3{left:8%;bottom:12%}.host-node.n4{right:7%;bottom:10%}.host-line{position:absolute;height:1px;background:linear-gradient(90deg,#3f2c4d,#744d96);transform-origin:left center;z-index:2}.l1{left:28%;top:31%;width:28%;transform:rotate(24deg)}.l2{left:55%;top:47%;width:26%;transform:rotate(-22deg)}.l3{left:27%;top:71%;width:31%;transform:rotate(-28deg)}.l4{left:55%;top:55%;width:28%;transform:rotate(25deg)}

/* Inner pages */
.page-hero{padding:86px 0 72px;border-bottom:1px solid #1d1921;overflow:hidden}.page-hero .wrap{position:relative;z-index:2}.page-hero h1{font-size:clamp(50px,5.6vw,72px);line-height:.99;max-width:980px}.page-hero p{max-width:790px;color:#9a919f;font-size:16px;line-height:1.75;margin:24px 0 0}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:#a27bd4;font:650 10px var(--mono);letter-spacing:.095em;text-transform:uppercase;margin-bottom:18px}.eyebrow:before{content:"";width:17px;height:1px;background:#74469c}.page-meta{display:flex;gap:18px;margin-top:27px;color:#756d7b;font:550 9px var(--mono)}.page-meta span+span:before{content:"/";margin-right:18px;color:#463e4b}.page-meta i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--green);margin:0 7px 1px 0}
.prose-grid{display:grid;grid-template-columns:.62fr 1.38fr;gap:88px}.prose-grid aside{position:sticky;top:105px;align-self:start}.prose-grid aside h3{font:650 9px var(--mono);color:#817788;letter-spacing:.08em;text-transform:uppercase}.prose-grid aside a{display:block;color:#6f6675;font-size:12px;margin:11px 0}.prose-grid aside a:hover{color:#ddd5e4}.rich h2{font-size:35px;letter-spacing:-.04em;line-height:1.08;margin:0 0 16px}.rich h3{font-size:19px;letter-spacing:-.02em;margin:36px 0 11px}.rich p{color:#918895;line-height:1.78}.rich code{font-family:var(--mono);font-size:.88em;background:#141019;border:1px solid #2d2535;padding:2px 5px;border-radius:5px;color:#d4c2e9}.callout{border-left:2px solid #7e50ac;background:#0e0c11;padding:15px 17px;color:#958c9c;font-size:13px;margin:24px 0}
.timeline-steps{border-top:1px solid #2b2530}.timeline-step{display:grid;grid-template-columns:55px 1fr auto;gap:18px;padding:19px 0;border-bottom:1px solid #221d26}.timeline-step .num{font:600 9px var(--mono);color:#9f70d8}.timeline-step h3{margin:0 0 4px;font-size:13px}.timeline-step p{margin:0;color:#766d7c;font-size:11px}.timeline-step .state{font:600 8px var(--mono);color:#63cf8c}.comparison{width:100%;border-collapse:collapse;border-top:1px solid #2c2631;font-size:13px}.comparison th,.comparison td{text-align:left;padding:15px 13px;border-bottom:1px solid #211c25}.comparison th{font:650 9px var(--mono);color:#756c7a;text-transform:uppercase;letter-spacing:.05em}.comparison td{color:#9c939f}.comparison td:first-child{color:#e2dbe7;font-weight:580}.yes{color:#68d293!important}.dash{color:#675f6c!important}
.arch-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0 28px;border-top:1px solid #2b2530}.arch-card{padding:23px 0;border-bottom:1px solid #211d25}.arch-card .tag{font:650 9px var(--mono);color:#9f73d4;text-transform:uppercase;letter-spacing:.06em}.arch-card h3{font-size:14px;margin:13px 0 6px}.arch-card p{font-size:11px;color:#746b78;margin:0;line-height:1.6}.security-stack{display:grid;gap:0;border-top:1px solid #2b2530}.security-row{display:grid;grid-template-columns:30px 1fr auto;gap:13px;align-items:center;padding:15px 0;border-bottom:1px solid #211d25}.security-row i{font-style:normal;color:#a87be4}.security-row b{font-size:12px;display:block}.security-row small{color:#726976}.security-row span{font:600 8px var(--mono);color:#64cf8e}
.endpoint-preview{border-top:1px solid #2b2530}.endpoint{display:grid;grid-template-columns:56px 1fr auto;gap:13px;align-items:center;padding:13px 0;border-bottom:1px solid #211d25}.method{font:700 8px var(--mono);color:#70d197}.method.post{color:#dfb95f}.method.delete{color:#db7a7a}.endpoint code{font:500 10px var(--mono);color:#b6adba}.endpoint span{font-size:10px;color:#665e6b}
.command{border:1px solid #2d2633;background:#0d0b0f;border-radius:8px;display:flex;align-items:center;padding:7px 7px 7px 13px;gap:12px;margin:18px 0}.command code{flex:1;min-width:0;font:500 10px var(--mono);color:#c4bac7;white-space:nowrap;overflow:auto}.copy{height:29px;padding:0 9px;border:0;border-radius:6px;background:#18141d;color:#8c8492;font-size:9px;cursor:pointer}.copy.copied{color:#cba9ff}

/* CTA / footer */
.cta{padding:62px 0 78px}.cta-inner{position:relative;border-top:1px solid #302839;border-bottom:1px solid #302839;padding:48px 0;display:grid;grid-template-columns:1.15fr .7fr;gap:90px;align-items:end;overflow:hidden}.cta-inner:after{content:"";position:absolute;right:2%;top:-100px;width:250px;height:280px;border-left:1px solid rgba(148,87,246,.16);border-right:1px solid rgba(148,87,246,.1);transform:skewY(-28deg)}.cta h2{font-size:clamp(38px,4.2vw,52px);line-height:1.02;letter-spacing:-.048em;margin:0;font-weight:650}.cta p{color:#8f8795;line-height:1.7;margin:0 0 17px}footer{padding:62px 0 28px;border-top:1px solid #1d1921;background:#070608}.footer-grid{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:48px}.footer-brand p{color:#6f6674;font-size:12px;line-height:1.7;max-width:310px}.foot-col h4{font-size:10px;color:#918897;letter-spacing:.05em;text-transform:uppercase;margin:0 0 15px}.foot-col a{display:block;color:#726a77;font-size:12px;margin:10px 0}.foot-col a:hover{color:#cfc5d5}.foot-end{margin-top:36px;padding-top:21px;border-top:1px solid #1c1820;display:flex;justify-content:space-between;color:#554d59;font:500 9px var(--mono)}

@media(max-width:1050px){
  .nav-links{display:none}.menu{display:block}.nav.mobile-open{height:auto;min-height:66px;flex-wrap:wrap;padding-bottom:14px}.nav.mobile-open .nav-links{order:5;width:100%;display:grid;grid-template-columns:repeat(2,1fr);margin:0;gap:4px}.nav.mobile-open .nav-links a{padding:9px;background:#0f0d12;border:1px solid #211c25;border-radius:6px}.nav.mobile-open .nav-links a:after{display:none}
  .hero-grid{grid-template-columns:1fr;gap:48px}.section-head{grid-template-columns:1fr;gap:22px}.split,.split.reverse,.host-grid{grid-template-columns:1fr;gap:48px}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.foot-col:last-child{display:none}.arch-grid{grid-template-columns:1fr 1fr}.cta-inner{grid-template-columns:1fr;gap:20px}
}
@media(max-width:720px){
  .wrap{width:min(calc(100% - 30px),var(--max))}.gh-link{display:none}.nav{height:60px}.nav-actions .btn{height:32px}.brand img{width:27px;height:27px}
  .hero{padding:62px 0 45px}.hero h1,.page-hero h1{font-size:45px}.hero-copy{font-size:15px}.hero-command{grid-template-columns:auto 1fr}.hero-command button{display:none}.hero-facts{gap:9px 12px}.geo-hero{width:460px;height:460px;right:-260px;top:-80px}
  section{padding:70px 0}.section-head h2,.split-copy h2{font-size:37px}.feature-rails{grid-template-columns:1fr}.reconcile-lane{grid-template-columns:1fr}.reconcile-link{width:1px;height:42px;margin:auto;background:#4d375f}.reconcile-link:after{top:0;left:-2px;animation:pulseLinkVertical 2.2s linear infinite}@keyframes pulseLinkVertical{0%{top:0;opacity:0}10%{opacity:1}90%{opacity:1}100%{top:calc(100% - 5px);opacity:0}}.host-map{min-height:430px}.host-node{width:130px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.foot-col:last-child{display:block}.foot-end{display:grid;gap:7px}.page-hero{padding:60px 0 48px}.page-meta{flex-wrap:wrap}.prose-grid{grid-template-columns:1fr}.prose-grid aside{display:none}.arch-grid{grid-template-columns:1fr}.timeline-step{grid-template-columns:38px 1fr}.timeline-step .state{display:none}.cta{padding:42px 0 56px}.cta-inner{padding:36px 0}.cta h2{font-size:37px}
}

/* --------------------------------------------------------------------------
   V4 — product-led visual system
   The mark's rail/dock geometry is used as structure, not wallpaper. Real UI
   captures appear only where the product itself proves a specific claim.
   -------------------------------------------------------------------------- */
:root{
  --bg:#09090b;--bg-soft:#0b0b0e;--surface:#101014;--surface-2:#131318;--surface-3:#18171d;
  --text:#f4f2f7;--muted:#a49eaa;--dim:#716b77;--line:#242229;--line-2:#35313d;
  --purple:#8b5cf6;--purple-2:#b38cff;--purple-3:#6936c7;--purple-soft:rgba(139,92,246,.11);
  --max:1220px;--max-wide:1440px;
}
body{background:#09090b}
.site-header{background:rgba(9,9,11,.84);border-color:rgba(38,35,43,.78)}
.nav{height:64px}.nav-links a[aria-current="page"]:after{bottom:-21px}
.btn{border-radius:7px}.btn.primary{background:#8351e5;border-color:#9869ed;box-shadow:inset 0 1px rgba(255,255,255,.14),0 12px 32px rgba(74,35,137,.16)}
.btn.primary:hover{background:#9160eb}.accent{color:#b996ff}

.hero-v4{padding:108px 0 94px;border-bottom:1px solid #1d1b21;overflow:hidden;background:linear-gradient(90deg,rgba(139,92,246,.035) 1px,transparent 1px) 0 0/92px 92px,linear-gradient(rgba(139,92,246,.025) 1px,transparent 1px) 0 0/92px 92px}
.hero-v4:before{content:"";position:absolute;inset:auto -18% -48% 42%;height:760px;background:radial-gradient(ellipse,rgba(111,59,190,.12),transparent 66%);pointer-events:none}
.hero-grid-v4{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.78fr) minmax(590px,1.22fr);gap:74px;align-items:center}
.hero-copy-v4{position:relative;z-index:4}.hero-copy-v4 h1{font-size:clamp(58px,5.7vw,78px);line-height:.965;letter-spacing:-.062em;font-weight:670;margin:0;max-width:670px}
.hero-copy-v4 .hero-copy{max-width:580px;margin-top:25px}.hero-copy-v4 .hero-command{max-width:600px}
.hero-canvas-v4{position:relative;height:560px;margin-right:-7vw;isolation:isolate}.topology-clip{position:absolute;inset:18px 0;overflow:hidden;clip-path:polygon(4% 0,100% 0,100% 89%,94% 100%,0 100%,0 8%);background:#0b0b0e;border-left:1px solid #3a3046;border-top:1px solid #2b2730;box-shadow:0 45px 100px rgba(0,0,0,.45)}
.topology-clip:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(9,9,11,.08),transparent 18%,transparent 78%,rgba(9,9,11,.5)),linear-gradient(0deg,rgba(9,9,11,.42),transparent 18%,transparent 84%,rgba(9,9,11,.25));box-shadow:inset 0 0 0 1px rgba(255,255,255,.018)}
.topology-clip img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.9) contrast(1.03) brightness(.96)}
.hero-canvas-v4 .dock-bars{position:absolute;right:-4px;top:40px;bottom:52px;width:56px;z-index:3;display:flex;gap:7px;align-items:stretch;pointer-events:none}.hero-canvas-v4 .dock-bars i{display:block;flex:1;background:linear-gradient(180deg,rgba(154,98,255,.78),rgba(81,35,158,.14));clip-path:polygon(0 5%,100% 0,100% 94%,0 100%);opacity:.48}.hero-canvas-v4 .dock-bars i:nth-child(2){opacity:.27}.hero-canvas-v4 .dock-bars i:nth-child(3){opacity:.14}
.hero-canvas-v4 .canvas-label{position:absolute;left:28px;top:-3px;z-index:5;display:flex;align-items:center;gap:9px;color:#756e7c;font:600 9px var(--mono);letter-spacing:.03em}.canvas-label .live-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(57,210,125,.07)}
.hero-canvas-v4 .canvas-readout{position:absolute;z-index:5;left:-10px;bottom:0;padding:10px 13px;background:#0d0c10;border:1px solid #342c3c;border-radius:7px;box-shadow:0 18px 38px rgba(0,0,0,.35);font:560 9px var(--mono);color:#7e7585}.canvas-readout b{color:#d7cee0;font-weight:620}.canvas-readout span{color:#a57bd9;margin-left:8px}
.hero-railfield{position:absolute;z-index:-1;left:-44px;right:-34px;bottom:20px;height:150px;opacity:.38}.hero-railfield:before,.hero-railfield:after{content:"";position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#764ca1 18%,#4a3659 64%,transparent);transform:rotate(-7deg);transform-origin:left}.hero-railfield:after{top:34px;opacity:.48}.hero-railfield i{position:absolute;width:8px;height:8px;left:24%;top:34px;border:1px solid #8d61b7;background:#0a090c;transform:rotate(38deg)}

.signal-strip{padding:0!important;border-bottom:1px solid #1d1b21;background:#0a0a0c}.signal-row{min-height:118px;display:grid;grid-template-columns:205px 1fr;align-items:center;gap:42px}.signal-title small{display:block;color:#6f6874;font:650 9px var(--mono);text-transform:uppercase;letter-spacing:.09em;margin-bottom:7px}.signal-title strong{font-size:13px;font-weight:600;color:#c8c2cc}
.signal-track-v4{position:relative;display:grid;grid-template-columns:repeat(5,1fr);min-height:70px;align-items:center}.signal-track-v4:before{content:"";position:absolute;left:6%;right:6%;top:34px;height:1px;background:linear-gradient(90deg,#3c3245,#664383,#3c3245)}.signal-track-v4:after{content:"";position:absolute;top:31px;left:6%;width:7px;height:7px;border-radius:50%;background:#c19cff;box-shadow:0 0 15px rgba(177,132,255,.7);animation:railSignal 7s linear infinite}.signal-step{position:relative;text-align:center;padding-top:38px}.signal-step:before{content:"";position:absolute;top:29px;left:50%;width:9px;height:9px;background:#0a0a0c;border:1px solid #654b7d;transform:translateX(-50%) rotate(45deg);z-index:2}.signal-step b{display:block;font-size:11px;font-weight:610;color:#bfb8c4}.signal-step span{display:block;color:#665f6b;font:500 8px var(--mono);margin-top:3px}@keyframes railSignal{0%{left:6%;opacity:0}4%{opacity:1}96%{opacity:1}100%{left:93%;opacity:0}}

.chapter-v4{padding:126px 0}.chapter-grid-v4{display:grid;grid-template-columns:minmax(300px,.68fr) minmax(0,1.32fr);gap:98px;align-items:start}.chapter-copy-v4{position:sticky;top:112px}.chapter-copy-v4 h2,.manifest-copy-v4 h2,.context-head-v4 h2,.runtime-copy-v4 h2{font-size:clamp(40px,4.4vw,58px);line-height:1.01;letter-spacing:-.052em;font-weight:650;margin:0}.chapter-copy-v4 p,.manifest-copy-v4 p,.runtime-copy-v4 p{font-size:15px;line-height:1.76;color:#938c99;margin:21px 0 0}.chapter-notes{margin-top:31px;border-top:1px solid #2a2630}.chapter-note{display:grid;grid-template-columns:23px 1fr;gap:13px;padding:15px 0;border-bottom:1px solid #211e25}.chapter-note i{width:7px;height:7px;margin-top:7px;border:1px solid #9c71cb;transform:rotate(45deg)}.chapter-note b{display:block;font-size:12px;font-weight:610}.chapter-note span{display:block;color:#716a77;font-size:11px;margin-top:3px}
.project-constellation{position:relative;min-height:610px;overflow:hidden;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:34px 34px;border-top:1px solid #2a2630;border-bottom:1px solid #2a2630}.constellation-geometry{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.constellation-geometry path{fill:none;stroke:#473451;stroke-width:1}.constellation-geometry path.hot{stroke:#7749a6;stroke-dasharray:4 8;animation:dashTravel 18s linear infinite}.constellation-geometry circle{fill:#b58be6}.constellation-node{position:absolute;min-width:160px;padding:15px 16px 14px;background:rgba(15,14,18,.92);border-left:2px solid #312a39;border-top:1px solid #242029;border-right:1px solid #242029;border-bottom:1px solid #242029}.constellation-node.active{border-left-color:#8d5ed0}.constellation-node small{display:flex;align-items:center;gap:7px;color:#69616f;font:520 8px var(--mono);text-transform:uppercase}.constellation-node small:before{content:"";width:5px;height:5px;border-radius:50%;background:#3ed47f}.constellation-node b{display:block;margin-top:7px;font-size:13px}.constellation-node span{display:block;margin-top:4px;color:#716a77;font:500 8px var(--mono)}.cn-web{left:7%;top:15%}.cn-api{left:39%;top:37%}.cn-worker{right:6%;top:15%}.cn-db{right:10%;bottom:15%}.cn-cache{left:14%;bottom:13%}.constellation-label{position:absolute;right:18px;top:18px;color:#5f5864;font:600 8px var(--mono);letter-spacing:.05em;text-transform:uppercase}.constellation-legend{position:absolute;left:18px;bottom:17px;color:#675f6c;font:500 8px var(--mono)}.constellation-legend b{color:#978d9d;font-weight:600}@keyframes dashTravel{to{stroke-dashoffset:-120}}

.manifest-chapter-v4{padding:128px 0;background:#0b0b0e;border-top:1px solid #1e1b22;border-bottom:1px solid #1e1b22;overflow:hidden}.manifest-grid-v4{display:grid;grid-template-columns:minmax(300px,.66fr) minmax(0,1.34fr);gap:88px;align-items:center}.manifest-copy-v4{position:relative}.manifest-copy-v4 .format-line{display:flex;flex-wrap:wrap;gap:9px 16px;margin-top:25px;color:#746d79;font:520 9px var(--mono)}.manifest-copy-v4 .format-line span:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#5b416d;margin:0 7px 1px 0}.manifest-copy-v4 .format-line span:first-child:before{background:#9563dc}.manifest-visual-v4{position:relative}.manifest-shot{position:relative;overflow:hidden;border:1px solid #2b2730;background:#09090b;clip-path:polygon(0 0,96% 0,100% 7%,100% 100%,4% 100%,0 93%);box-shadow:0 34px 75px rgba(0,0,0,.35)}.manifest-shot img{width:100%;aspect-ratio:1.69/1;object-fit:cover;object-position:center top;filter:contrast(1.025) brightness(.98)}.manifest-shot:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.018);background:linear-gradient(90deg,transparent 70%,rgba(102,59,148,.035))}.manifest-state{position:absolute;left:-34px;bottom:26px;width:220px;background:#0e0d11;border:1px solid #342c3c;box-shadow:0 24px 50px rgba(0,0,0,.38)}.manifest-state .state-row{display:grid;grid-template-columns:18px 1fr auto;gap:9px;align-items:center;padding:10px 11px;border-bottom:1px solid #211e25}.manifest-state .state-row:last-child{border-bottom:0}.manifest-state i{width:7px;height:7px;border:1px solid #8b60b2;transform:rotate(45deg)}.manifest-state b{font-size:9px;font-weight:600}.manifest-state span{color:#6f6874;font:600 7px var(--mono)}.manifest-state .warn i{border-color:#d6a54b}.manifest-state .ok i{border-color:#4ed48a}.manifest-state .ok span{color:#5dcf8d}

.context-section-v4{padding:126px 0}.context-head-v4{display:grid;grid-template-columns:1fr .7fr;gap:72px;align-items:end;margin-bottom:48px}.context-head-v4 p{margin:0;color:#8e8793;line-height:1.75;font-size:15px;max-width:520px}.context-tabs-v4{display:flex;gap:0;border-bottom:1px solid #2a2630;margin-bottom:24px}.context-tab-v4{position:relative;border:0;background:transparent;color:#6d6671;padding:0 22px 14px 0;margin-right:26px;font:600 10px var(--mono);cursor:pointer}.context-tab-v4[aria-selected="true"]{color:#d8d0df}.context-tab-v4[aria-selected="true"]:after{content:"";position:absolute;left:0;right:22px;bottom:-1px;height:2px;background:#8b5cf6}.context-layout-v4{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:52px;align-items:center}.context-visual-v4{position:relative;overflow:hidden;border:1px solid #2b2730;background:#0b0b0e;min-height:540px}.context-visual-v4:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(#8f5be2,transparent 70%);z-index:2}.context-visual-v4 img{width:100%;height:100%;min-height:540px;object-fit:cover;object-position:center top;transition:opacity .3s var(--ease);filter:contrast(1.04) brightness(1.08)}.context-visual-v4.is-switching img{opacity:.72}.context-visual-v4 .surface-tag{position:absolute;left:13px;bottom:13px;z-index:3;background:rgba(11,10,13,.86);backdrop-filter:blur(10px);border:1px solid #2f2935;padding:8px 10px;color:#8a818f;font:600 8px var(--mono)}.context-copy-v4 .context-number{font:650 10px var(--mono);color:#8f61c4;letter-spacing:.08em}.context-copy-v4 h3{font-size:31px;letter-spacing:-.04em;line-height:1.08;margin:13px 0}.context-copy-v4 p{color:#8f8794;line-height:1.72;margin:0}.context-facts{margin-top:28px;border-top:1px solid #2a2630}.context-fact{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #211e25;font-size:11px;color:#847b89}.context-fact b{color:#d0c8d5;font-weight:580}.context-fact span{font-family:var(--mono);font-size:8px;color:#6c6471}

.runtime-section-v4{padding:126px 0;background:#0a0a0c;border-top:1px solid #1d1b21}.runtime-grid-v4{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(310px,.9fr);gap:92px;align-items:center}.runtime-map-v4{position:relative;min-height:560px;border-top:1px solid #2a2630;border-bottom:1px solid #2a2630;overflow:hidden;background:radial-gradient(circle at 48% 46%,rgba(117,68,178,.08),transparent 42%)}.runtime-map-v4 .runtime-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:120px;height:120px;display:grid;place-items:center;background:#0e0d11;border:1px solid #3b3047;clip-path:polygon(50% 0,92% 25%,92% 74%,50% 100%,8% 74%,8% 25%);z-index:3}.runtime-core img{width:58px;height:58px;object-fit:contain}.runtime-node{position:absolute;width:150px;padding:13px 14px;background:#0d0c10;border:1px solid #27232c}.runtime-node b{display:block;font-size:11px}.runtime-node span{display:block;margin-top:4px;color:#69616f;font:500 8px var(--mono)}.rn-api{left:5%;top:14%}.rn-jobs{right:5%;top:14%}.rn-host{left:8%;bottom:13%}.rn-dokku{right:8%;bottom:13%}.runtime-map-v4 svg{position:absolute;inset:0;width:100%;height:100%;z-index:1}.runtime-map-v4 path{stroke:#4a3658;stroke-width:1;fill:none}.runtime-map-v4 path.live{stroke:#7548a2;stroke-dasharray:4 8;animation:dashTravel 16s linear infinite}.runtime-foot{margin-top:28px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #2a2630}.runtime-foot div{padding:14px 14px 0 0}.runtime-foot b{display:block;font-size:10px}.runtime-foot span{display:block;color:#6d6671;font:500 8px var(--mono);margin-top:3px}

.source-band-v4{padding:82px 0;border-top:1px solid #1d1b21;border-bottom:1px solid #1d1b21}.source-grid-v4{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:0;border-top:1px solid #2a2630}.source-intro,.source-fact{padding:24px 22px 8px 0;border-right:1px solid #211e25}.source-fact{padding-left:22px}.source-fact:last-child{border-right:0}.source-intro h3{margin:0;font-size:22px;letter-spacing:-.035em}.source-intro p{margin:8px 0 0;color:#736c78;font-size:11px}.source-fact small{display:block;color:#6b6470;font:600 8px var(--mono);text-transform:uppercase;letter-spacing:.08em}.source-fact b{display:block;margin-top:8px;font-size:13px}.source-fact span{display:block;color:#716a76;font-size:10px;margin-top:4px}

.focus-shot{position:relative;overflow:hidden;border:1px solid #2b2730;background:#0b0b0e;box-shadow:0 30px 70px rgba(0,0,0,.3)}.focus-shot img{width:100%;height:auto}.focus-shot .focus-label{position:absolute;left:12px;bottom:12px;background:rgba(10,9,12,.88);border:1px solid #2f2935;padding:7px 9px;color:#817987;font:600 8px var(--mono)}.focus-shot.topology{clip-path:polygon(3% 0,100% 0,100% 92%,96% 100%,0 100%,0 7%)}.focus-pair{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:start}.focus-pair .focus-shot:last-child{margin-top:64px}

.page-hero{padding:92px 0 76px;background:linear-gradient(180deg,rgba(139,92,246,.026),transparent 60%)}.page-hero .geo-hero{opacity:.055;right:-230px;top:-185px}.page-hero h1{max-width:1040px}.page-hero p{max-width:750px}.feature-rails{border-top-color:#2a2630}.feature-rail{border-radius:0!important}.cta-inner:after{opacity:.5}.cta-inner{border-color:#2a2630}

@media(max-width:1100px){.hero-grid-v4{grid-template-columns:1fr;gap:56px}.hero-canvas-v4{margin-right:0;height:520px}.signal-row{grid-template-columns:1fr;gap:15px;padding:24px 0}.chapter-grid-v4,.manifest-grid-v4,.runtime-grid-v4{grid-template-columns:1fr;gap:54px}.chapter-copy-v4{position:static}.project-constellation{min-height:540px}.context-layout-v4{grid-template-columns:1fr;gap:34px}.context-copy-v4{max-width:640px}.context-head-v4{grid-template-columns:1fr;gap:18px}.source-grid-v4{grid-template-columns:1fr 1fr}.source-intro{grid-column:1/-1;border-right:0;border-bottom:1px solid #211e25}.runtime-copy-v4{max-width:700px}.focus-pair{grid-template-columns:1fr}.focus-pair .focus-shot:last-child{margin-top:0}}
@media(max-width:720px){.hero-v4{padding:68px 0 58px}.hero-copy-v4 h1{font-size:47px}.hero-canvas-v4{height:390px;margin-right:-35px}.topology-clip{left:0}.hero-canvas-v4 .dock-bars{display:none}.hero-canvas-v4 .canvas-readout{left:0}.signal-track-v4{grid-template-columns:repeat(5,110px);overflow:hidden}.signal-row{overflow:hidden}.signal-track-v4:before{left:40px;right:40px}.signal-step span{display:none}.chapter-v4,.manifest-chapter-v4,.context-section-v4,.runtime-section-v4{padding:78px 0}.chapter-copy-v4 h2,.manifest-copy-v4 h2,.context-head-v4 h2,.runtime-copy-v4 h2{font-size:39px}.project-constellation{min-height:470px}.constellation-node{min-width:130px;padding:11px}.cn-web{left:2%;top:11%}.cn-worker{right:2%;top:10%}.cn-api{left:31%;top:39%}.cn-cache{left:3%;bottom:11%}.cn-db{right:2%;bottom:10%}.manifest-state{position:relative;left:auto;bottom:auto;width:100%;margin-top:12px}.manifest-shot{clip-path:none}.context-tabs-v4{overflow:auto}.context-tab-v4{white-space:nowrap}.context-visual-v4,.context-visual-v4 img{min-height:360px}.runtime-map-v4{min-height:460px}.runtime-node{width:126px}.runtime-core{width:100px!important;height:100px!important}.runtime-foot{grid-template-columns:1fr}.source-grid-v4{grid-template-columns:1fr}.source-fact{padding-left:0;border-right:0;border-bottom:1px solid #211e25}.source-intro{padding-right:0}}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}