:root{--ink:#0b1210;--ink-elevated:#121a17;--fog:#e8efe6;--fog-muted:#9aaca0;--line:#e8efe61f;--speed:#c8f542;--speed-dim:#c8f54224;--warn:#f0b429;--live:#5ddea0;--font-display:"Syne", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--radius:4px;--max:1120px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-display);background:var(--ink);color:var(--fog);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(80% 50% at 15% -10%,#c8f54229,#0000 55%),radial-gradient(60% 40% at 90% 10%,#5ddea014,#0000 50%),linear-gradient(#0b1210 0%,#0e1613 45%,#0b1210 100%);position:fixed;inset:0}a{color:inherit;text-decoration:none}button,input{font:inherit}code,.mono{font-family:var(--font-mono)}#root{min-height:100vh}.shell{flex-direction:column;min-height:100vh;display:flex}.site-header{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0b1210d1;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex;position:sticky;top:0}.brand{letter-spacing:-.03em;align-items:center;gap:.65rem;font-size:1.05rem;font-weight:700;display:inline-flex}.brand-mark{width:1.6rem;height:1.6rem}.nav{align-items:center;gap:.25rem;display:flex}.nav a{color:var(--fog-muted);padding:.45rem .75rem;font-size:.92rem;font-weight:600;transition:color .2s}.nav a:hover,.nav a.active{color:var(--fog)}.nav a.active{color:var(--speed)}.main{width:min(100% - 2rem, var(--max));flex:1;margin:0 auto;padding:0 0 4rem}.site-footer{border-top:1px solid var(--line);color:var(--fog-muted);text-align:center;padding:1.5rem;font-size:.85rem}.btn{border-radius:var(--radius);letter-spacing:-.02em;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.2rem;font-weight:700;transition:transform .2s,background .2s,border-color .2s,color .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--speed);color:#0b1210}.btn-primary:hover{background:#d6ff63}.btn-ghost{border-color:var(--line);color:var(--fog);background:0 0}.btn-ghost:hover{color:var(--speed);border-color:#c8f54273}.hero{align-items:start;min-height:calc(100vh - 4.5rem);padding:4.5rem 0 3rem;display:grid;position:relative;overflow:hidden}.hero-copy{z-index:1;max-width:38rem;padding-top:1rem;position:relative}.hero .hero-brand{letter-spacing:-.06em;color:var(--fog);margin:0 0 1.5rem;font-size:clamp(3.8rem,12vw,7.5rem);font-weight:800;line-height:.88}.hero-brand span{color:var(--speed)}.hero-lead{letter-spacing:-.03em;color:var(--fog);margin:0 0 1rem;font-size:clamp(1.35rem,3vw,1.85rem);font-weight:600;line-height:1.25}.hero p{color:var(--fog-muted);max-width:28rem;margin:0 0 1.75rem;font-size:1.05rem}.hero-actions{flex-wrap:wrap;gap:.75rem;display:flex}.hero-visual{z-index:0;pointer-events:none;position:absolute;inset:0% -5% 10% 42%}.latency-canvas{width:100%;height:100%;min-height:420px}.section{padding:4rem 0 0}.section-head{margin-bottom:1.75rem}.section-head h2{letter-spacing:-.04em;margin:0 0 .5rem;font-size:clamp(1.6rem,3vw,2.1rem);font-weight:700}.section-head p{color:var(--fog-muted);max-width:36rem;margin:0}.chain-rail{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;display:grid}.chain-chip{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(160deg,#121a17e6,#0b121066);padding:1rem 1rem .95rem;transition:border-color .2s,transform .2s;display:block}.chain-chip:hover{border-color:#c8f54266;transform:translateY(-2px)}.chain-chip strong{letter-spacing:-.03em;font-size:1.05rem;display:block}.chain-chip .meta{color:var(--fog-muted);font-size:.8rem;font-family:var(--font-mono);margin-top:.35rem}.status{font-size:.72rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--fog-muted);margin-top:.65rem;display:inline-block}.status.live{color:var(--live)}.status.beta{color:var(--warn)}.status.coming{color:var(--fog-muted)}.network-list{border-top:1px solid var(--line);flex-direction:column;display:flex}.network-row{border-bottom:1px solid var(--line);grid-template-columns:1.2fr .8fr .7fr .6fr auto;align-items:center;gap:1rem;padding:1.15rem 0;transition:background .2s;display:grid}.network-row:hover{background:#c8f54208}.network-row h3{letter-spacing:-.03em;margin:0;font-size:1.05rem}.network-row .desc{color:var(--fog-muted);margin:.25rem 0 0;font-size:.88rem}.network-row .cell{font-family:var(--font-mono);color:var(--fog-muted);font-size:.8rem}.filter-bar{flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;display:flex}.filter-bar button{border:1px solid var(--line);border-radius:var(--radius);color:var(--fog-muted);cursor:pointer;background:0 0;padding:.45rem .8rem;font-size:.85rem;font-weight:600}.filter-bar button.active,.filter-bar button:hover{color:var(--ink);background:var(--speed);border-color:var(--speed)}.endpoint-block{border-top:1px solid var(--line);margin-top:1.5rem;padding:1.25rem 0}.endpoint-block h3{letter-spacing:-.02em;margin:0 0 .75rem;font-size:1rem}.endpoint-line{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.65rem;display:flex}.endpoint-line label{min-width:4.5rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--fog-muted);font-size:.75rem}.endpoint-line code{background:var(--ink-elevated);border:1px solid var(--line);border-radius:var(--radius);flex:1;min-width:12rem;padding:.65rem .8rem;font-size:.82rem;overflow-x:auto}.copy-btn{border:1px solid var(--line);border-radius:var(--radius);color:var(--fog);cursor:pointer;font-family:var(--font-mono);background:0 0;padding:.55rem .85rem;font-size:.75rem}.copy-btn:hover,.copy-btn.copied{border-color:var(--speed);color:var(--speed)}.tier-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.85rem;display:grid}.tier{border:1px solid var(--line);border-radius:var(--radius);background:#121a178c;padding:1.25rem 1.1rem}.tier.featured{background:linear-gradient(165deg, var(--speed-dim), #121a17b3);border-color:#c8f54273}.tier h3{letter-spacing:-.03em;margin:0;font-size:1.15rem}.tier .price{font-family:var(--font-mono);color:var(--speed);margin:.35rem 0 1rem;font-size:.95rem}.tier ul{margin:0;padding:0;list-style:none}.tier li{color:var(--fog-muted);border-top:1px solid var(--line);padding:.3rem 0;font-size:.88rem}.key-panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg, #c8f5420f, transparent 40%), var(--ink-elevated);margin-top:2rem;padding:1.5rem}.key-panel h3{letter-spacing:-.03em;margin:0 0 .5rem}.key-panel p{color:var(--fog-muted);margin:0 0 1rem}.key-panel pre{border:1px solid var(--line);border-radius:var(--radius);font-family:var(--font-mono);background:#070b09;margin:0;padding:1rem;font-size:.8rem;line-height:1.6;overflow-x:auto}.page-title{padding:2.5rem 0 .5rem}.page-title h1{letter-spacing:-.05em;margin:0 0 .5rem;font-size:clamp(2rem,5vw,3rem);font-weight:800}.page-title p{color:var(--fog-muted);max-width:40rem;margin:0}.detail-meta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-family:var(--font-mono);color:var(--fog-muted);flex-wrap:wrap;gap:.75rem 1.25rem;margin:1.5rem 0;padding:1rem 0;font-size:.8rem;display:flex}.notes{margin:1.5rem 0 0;padding:0;list-style:none}.notes li{border-bottom:1px solid var(--line);color:var(--fog-muted);padding:.55rem 0 .55rem 1rem;position:relative}.notes li:before{content:"";background:var(--speed);width:.4rem;height:.4rem;position:absolute;top:1rem;left:0}.path-steps{border-top:1px solid var(--line);gap:0;margin-top:1.5rem;display:grid}.path-step{border-bottom:1px solid var(--line);grid-template-columns:3rem 1fr;gap:1rem;padding:1.25rem 0;display:grid}.path-step .num{font-family:var(--font-mono);color:var(--speed);font-size:.9rem}.path-step h3{letter-spacing:-.03em;margin:0 0 .35rem;font-size:1.05rem}.path-step p{color:var(--fog-muted);margin:0;font-size:.92rem}.notice-box{border-radius:var(--radius);background:#c8f54214;border:1px solid #c8f5424d;margin-top:1.25rem;padding:1rem 1.25rem;font-size:.92rem;line-height:1.6}.notice-box strong{color:var(--speed)}.validation-grid{gap:1.25rem;margin-top:1.5rem;display:grid}.validation-card{border:1px solid var(--line);border-radius:var(--radius);background:#121a178c;padding:1.5rem}.validation-card h3{letter-spacing:-.03em;margin:0 0 .5rem;font-size:1.1rem}.validation-card h4{letter-spacing:-.02em;margin:0;font-size:.95rem}.validation-desc{color:var(--fog-muted);margin:0 0 1rem;font-size:.9rem;line-height:1.6}.validation-desc code{background:#c8f5421f;border-radius:3px;padding:.15rem .4rem;font-size:.85rem}.validation-note{border-left:2px solid var(--line);color:var(--fog-muted);background:#0b121099;margin:.75rem 0 0;padding:.75rem;font-size:.85rem;line-height:1.6}.validation-note strong{color:var(--fog)}.validation-result{border-radius:var(--radius);font-family:var(--font-mono);margin-top:.75rem;padding:.75rem;font-size:.82rem;line-height:1.5}.validation-result.pass{color:var(--live);background:#5ddea01f;border:1px solid #5ddea04d}.validation-result.fail{color:var(--warn);background:#f0b4291f;border:1px solid #f0b4294d}.api-key-input{background:var(--ink-elevated);border:1px solid var(--line);border-radius:var(--radius);color:var(--fog);font-family:var(--font-mono);padding:.65rem .8rem;font-size:.85rem}.api-key-input:focus{border-color:var(--speed);outline:none}@media (width<=800px){.network-row{grid-template-columns:1fr 1fr;gap:.5rem 1rem}.network-row .cell:nth-child(4),.network-row .open{grid-column:1/-1}.hero-visual{opacity:.35;height:45%;inset:auto 0 0}.hero{min-height:auto;padding-top:2.5rem;padding-bottom:12rem}}@media (width<=560px){.site-header{flex-direction:column;align-items:flex-start}.nav{width:100%;overflow-x:auto}.network-row{grid-template-columns:1fr}}@keyframes dash-flow{to{stroke-dashoffset:-48px}}@keyframes pulse-node{0%,to{opacity:.45;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.flow-line{stroke-dasharray:6 10;animation:1.8s linear infinite dash-flow}.node-pulse{transform-origin:50%;animation:2.4s ease-in-out infinite pulse-node}.node-pulse.delay{animation-delay:.8s}
