:root{--bg:#070908;--bg2:#0b0e0c;--panel:#101411;--panel2:#131915;--line:#202721;--text:#f2f5f2;--muted:#89948c;--green:#8cff58;--green2:#b5ff8f;--off:#e9efe9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.015em}.noise{position:fixed;inset:0;pointer-events:none;opacity:.022;z-index:100;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.container{width:min(1180px,calc(100% - 48px));margin:auto}.nav-wrap{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(7,9,8,.82);backdrop-filter:blur(18px)}.nav{height:74px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:15px}.brand b{font-weight:500;color:var(--green)}.mark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--green);color:#071006;font-weight:900}.nav-links{display:flex;gap:30px}.nav-links a,.footer a{color:#a9b2ab;text-decoration:none;font-size:13px}.nav-links a:hover,.footer a:hover{color:#fff}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;background:var(--green);color:#071006;padding:15px 20px;border-radius:10px;font-weight:800;font-size:13px;box-shadow:0 0 0 1px rgba(140,255,88,.3) inset;transition:.2s}.button:hover{transform:translateY(-1px);background:var(--green2)}.button-small{padding:10px 15px}.button.ghost{background:transparent;color:#d8ded9;border:1px solid var(--line);box-shadow:none}.button.light{background:#071006;color:#dfffd1}.hero{padding:96px 0 0}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:800;color:#9ba59d;text-transform:uppercase;display:flex;align-items:center;gap:9px}.dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 15px var(--green)}h1{font-size:clamp(64px,8.7vw,126px);line-height:.85;letter-spacing:-.075em;margin:26px 0 30px;font-weight:700;max-width:1000px}h1 span{color:#8d9690}.hero-copy{font-size:20px;line-height:1.55;color:#a7b0a9;max-width:720px}.hero-actions{display:flex;gap:12px;margin:34px 0 54px}.hero-proof{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:54px}.hero-proof div{padding:20px 22px;border-right:1px solid var(--line)}.hero-proof div:last-child{border:0}.hero-proof strong{display:block;font-size:11px;letter-spacing:.12em;color:var(--green)}.hero-proof span{display:block;color:#929b94;font-size:12px;margin-top:5px}.router-visual{height:520px;position:relative;border:1px solid #1b211c;border-radius:20px;background:radial-gradient(circle at 50% 42%,rgba(140,255,88,.08),transparent 26%),linear-gradient(180deg,#0b0e0c,#080a09);overflow:hidden}.router-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent)}.request-card,.route-card,.outcome-card{position:absolute;border:1px solid #283029;background:rgba(15,20,16,.92);border-radius:12px;box-shadow:0 22px 60px rgba(0,0,0,.3);z-index:4}.request-card{left:58px;top:78px;width:250px;padding:20px}.label{display:block;color:var(--green);font-size:9px;letter-spacing:.15em;margin-bottom:12px}.request-card strong{font-size:16px;display:block}.request-card small,.route-card small,.outcome-card small{display:block;color:#778078;font-size:11px;margin-top:8px}.router-core{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:142px;height:142px;display:grid;place-items:center;z-index:5}.core-ring{position:absolute;inset:0;border:1px solid rgba(140,255,88,.28);border-radius:50%;animation:pulse 3s infinite}.core-ring:before,.core-ring:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(140,255,88,.12)}.core-ring:before{inset:12px}.core-ring:after{inset:-18px}.core-inner{width:86px;height:86px;border-radius:26px;background:var(--green);color:#071006;display:grid;place-items:center;align-content:center;box-shadow:0 0 80px rgba(140,255,88,.18)}.core-inner span{font-size:30px;font-weight:900;line-height:1}.core-inner small{font-size:8px;letter-spacing:.16em;font-weight:900;margin-top:4px}.route-card{right:62px;width:218px;padding:15px 16px}.route-card span{float:left;width:34px;color:#59615b;font-size:10px}.route-card b{font-size:13px}.route-card small{margin-left:34px}.route-card em{position:absolute;right:12px;top:12px;font-size:9px;color:#071006;background:var(--green);padding:4px 7px;border-radius:99px;font-style:normal;font-weight:800}.route-one{top:74px;border-color:rgba(140,255,88,.45)}.route-two{top:177px}.route-three{top:280px}.outcome-card{left:50%;bottom:44px;transform:translateX(-50%);width:260px;padding:15px 16px}.status-dot{width:8px;height:8px;background:var(--green);border-radius:50%;display:inline-block;margin-right:8px;box-shadow:0 0 12px var(--green)}.flow-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,#506b51,transparent);transform-origin:left center;z-index:2}.line-a{left:300px;top:157px;width:250px;transform:rotate(18deg)}.line-b{left:570px;top:196px;width:340px;transform:rotate(-22deg)}.line-c{left:565px;top:260px;width:330px;transform:rotate(8deg)}@keyframes pulse{50%{transform:scale(1.06);opacity:.7}}.ticker{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:110px}.ticker-track{display:flex;gap:30px;white-space:nowrap;padding:16px 0;min-width:max-content;animation:marquee 26s linear infinite;color:#707a72;font-size:11px;letter-spacing:.18em;font-weight:800}.ticker-track i{color:var(--green)}@keyframes marquee{to{transform:translateX(-30%)}}.section{padding:150px 0}.section-head{max-width:820px}.section-head h2{font-size:clamp(46px,6vw,78px);line-height:.98;letter-spacing:-.055em;margin:22px 0 24px}.section-head p{color:#939d95;max-width:610px;font-size:17px;line-height:1.55}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:70px}.step-card{min-height:330px;background:#0d100e;border:1px solid var(--line);border-radius:14px;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;transition:.2s}.step-card:hover{transform:translateY(-4px);border-color:#354036}.step-card>span{margin-bottom:auto;color:#59625b;font-size:10px}.step-card h3{font-size:24px;margin:0 0 12px}.step-card p{color:#858f87;line-height:1.55;font-size:13px}.step-card.accent{background:var(--green);color:#071006;border-color:var(--green)}.step-card.accent p,.step-card.accent>span{color:#254721}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:110px}.sticky-head{position:sticky;top:130px;align-self:start}.control-stack{display:flex;flex-direction:column;gap:12px}.control-card{border:1px solid var(--line);background:#0c100d;border-radius:14px;padding:28px;min-height:180px;display:flex;justify-content:space-between;cursor:pointer;transition:.2s}.control-card:hover,.control-card.active-card{border-color:rgba(140,255,88,.42);background:#101611}.control-card span{font-size:10px;letter-spacing:.12em;color:var(--green);font-weight:800}.control-card h3{font-size:23px;margin:28px 0 10px}.control-card p{color:#879188;max-width:490px;line-height:1.55;font-size:13px}.control-card>b{font-size:62px;letter-spacing:-.08em;color:#1b231d;align-self:flex-end}.metric-panel{border:1px solid var(--line);background:#0b0f0c;border-radius:18px;margin-top:70px;overflow:hidden}.metric-top{height:55px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-size:10px;letter-spacing:.12em;color:#6f7971}.live-pill{color:var(--green)}.metrics{display:grid;grid-template-columns:repeat(4,1fr)}.metrics>div{padding:30px;border-right:1px solid var(--line)}.metrics>div:last-child{border:0}.metrics small{display:block;color:#69736b;font-size:9px;letter-spacing:.12em}.metrics strong{display:block;font-size:35px;margin:18px 0 7px}.metrics span{color:#6f7971;font-size:10px}.metrics .highlight{background:rgba(140,255,88,.06)}.metrics .highlight strong{color:var(--green)}.sparkline{height:220px;border-top:1px solid var(--line);padding:25px;color:var(--green)}.sparkline svg{width:100%;height:100%}.developer-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:end}.code-shell{background:#090c0a;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.25)}.code-tabs{height:52px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 12px;gap:4px}.code-tabs button{border:0;background:transparent;color:#6f7971;padding:8px 10px;border-radius:7px;cursor:pointer}.code-tabs button.active{background:#151a16;color:#fff}.code-tabs span{margin-left:auto;color:#59625b;font-size:10px;padding-right:10px}pre{margin:0;padding:34px;min-height:350px;overflow:auto;color:#cfd7d0;font:13px/1.9 ui-monospace,SFMono-Regular,Menlo,monospace}.kw{color:#a9d5ff}.str{color:var(--green2)}.num{color:#ffcf8b}.compare-grid{margin-top:65px;border:1px solid var(--line);border-radius:16px;overflow:hidden}.compare-row{display:grid;grid-template-columns:1.6fr .7fr .7fr;border-bottom:1px solid var(--line);min-height:62px;align-items:center}.compare-row:last-child{border:0}.compare-row>*{height:100%;display:flex;align-items:center;padding:0 24px;border-left:1px solid var(--line)}.compare-row>*:first-child{border:0;color:#a4ada6}.compare-row b{justify-content:center;color:#59625b}.compare-row.head{background:#0d110e;color:#69726b;font-size:11px}.compare-row.head b{color:#79837b}.compare-row .phantom-col{background:rgba(140,255,88,.055);color:var(--green)}.cta-section{background:var(--green);color:#071006;margin-top:80px}.cta-inner{min-height:520px;padding:85px 0;display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:90px}.cta-inner .eyebrow{color:#3b6630}.cta-inner h2{font-size:clamp(54px,7vw,92px);line-height:.92;letter-spacing:-.065em;margin:24px 0 0}.cta-inner p{font-size:18px;line-height:1.5;max-width:440px;margin:0 0 28px}.footer{height:120px;display:flex;align-items:center;justify-content:space-between}.footer-links{display:flex;align-items:center;gap:24px;color:#687168;font-size:12px}
@media(max-width:900px){.nav-links{display:none}.hero{padding-top:70px}.hero-proof{grid-template-columns:1fr 1fr}.hero-proof div:nth-child(2){border-right:0}.hero-proof div:nth-child(-n+2){border-bottom:1px solid var(--line)}.router-visual{height:620px}.request-card{left:22px;top:34px}.route-card{right:22px}.router-core{top:52%;}.steps-grid{grid-template-columns:1fr 1fr}.split,.developer-section,.cta-inner{grid-template-columns:1fr;gap:50px}.sticky-head{position:static}.metrics{grid-template-columns:1fr 1fr}.metrics>div:nth-child(2){border-right:0}.metrics>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.cta-inner{align-items:start}.section{padding:100px 0}}
@media(max-width:600px){.container{width:min(100% - 28px,1180px)}.nav{height:64px}.button-small{display:none}.hero{padding-top:58px}h1{font-size:58px}.hero-copy{font-size:17px}.hero-actions{flex-direction:column;align-items:stretch}.hero-proof{grid-template-columns:1fr}.hero-proof div{border-right:0!important;border-bottom:1px solid var(--line)!important}.hero-proof div:last-child{border-bottom:0!important}.router-visual{height:650px}.request-card{width:calc(100% - 44px)}.router-core{top:49%;transform:translate(-50%,-50%) scale(.88)}.route-card{width:calc(100% - 44px);right:22px}.route-one{top:365px}.route-two{top:445px}.route-three{display:none}.outcome-card{bottom:24px;width:calc(100% - 44px)}.flow-line{display:none}.ticker{margin-top:70px}.section-head h2{font-size:45px}.steps-grid{grid-template-columns:1fr}.step-card{min-height:250px}.metrics{grid-template-columns:1fr}.metrics>div{border-right:0;border-bottom:1px solid var(--line)}.compare-row{grid-template-columns:1.3fr .65fr .65fr}.compare-row>*{padding:0 12px;font-size:11px}.code-tabs span{display:none}pre{padding:22px;font-size:11px}.cta-inner{min-height:500px}.footer{height:auto;padding:40px 0;align-items:flex-start;gap:30px;flex-direction:column}.footer-links{flex-wrap:wrap}}
