
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  color-scheme:dark;
  --green:#00ff88;--red:#ff2244;--amber:#ffaa00;--blue:#4499ff;
  --bg:#060809;--bg2:#0c0f10;--bg3:#111518;--bg4:#161b1e;
  --border:rgba(255,255,255,.075);--border2:rgba(255,255,255,.14);
  --text:#eef0f1;--muted:#929a9e;--muted2:#697277;--max:1180px;
}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{
  min-height:100vh;background:
  radial-gradient(circle at 50% -10%,rgba(0,255,136,.04),transparent 33%),
  var(--bg);color:var(--text);font-family:'Exo 2',sans-serif;font-weight:300;line-height:1.6;
}
body::before{content:'';position:fixed;inset:0;pointer-events:none;background-image:
repeating-linear-gradient(90deg,rgba(255,255,255,.012) 0,rgba(255,255,255,.012) 1px,transparent 1px,transparent 60px),
repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0,rgba(255,255,255,.012) 1px,transparent 1px,transparent 60px)}
a{color:inherit}.skip{position:fixed;left:1rem;top:1rem;z-index:999;background:var(--green);color:#00160c;padding:.65rem .9rem;text-decoration:none;transform:translateY(-180%)}.skip:focus{transform:translateY(0)}
nav{position:sticky;top:0;z-index:50;background:rgba(6,8,9,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}
.nav-inner{max-width:var(--max);margin:auto;min-height:64px;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.2rem}
.brand{font:700 1.3rem 'Rajdhani',sans-serif;letter-spacing:.16em;text-decoration:none;white-space:nowrap}.brand b{color:var(--green)}
.nav-links{display:flex;align-items:center;gap:1.2rem;list-style:none}.nav-links a{font:400 .66rem 'Share Tech Mono',monospace;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);text-decoration:none}.nav-links a:hover,.nav-links a:focus-visible,.nav-links a.active{color:var(--green)}
.menu{display:none;width:44px;height:40px;border:1px solid var(--border2);background:transparent;color:var(--text);font:400 .65rem 'Share Tech Mono',monospace}
main{position:relative;z-index:1}.wrap{max-width:var(--max);margin:auto;padding-left:1.5rem;padding-right:1.5rem}
.hero{padding:6rem 0 4.2rem;border-bottom:1px solid var(--border)}.eyebrow{font:400 .66rem 'Share Tech Mono',monospace;letter-spacing:.22em;text-transform:uppercase;color:var(--green)}
h1{font:700 clamp(2.7rem,7vw,5.8rem)/.98 'Rajdhani',sans-serif;text-transform:uppercase;letter-spacing:.025em;max-width:980px;margin:.7rem 0 1rem;text-wrap:balance}
h1 .g,h2 .g{color:var(--green)}.lead{max-width:820px;color:#bdc7c4;font-size:1rem;line-height:1.8}.hero-meta{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.4rem}
.tag{font:400 .58rem 'Share Tech Mono',monospace;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border2);padding:.38rem .55rem;background:rgba(255,255,255,.015)}
section{padding:4.7rem 0;border-bottom:1px solid var(--border)}h2{font:700 clamp(1.9rem,4vw,3rem)/1.05 'Rajdhani',sans-serif;text-transform:uppercase;letter-spacing:.03em;margin:.55rem 0 1rem;text-wrap:balance}
.section-lead{max-width:800px;color:#b6c0bd;line-height:1.8}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);margin-top:1.7rem}
.card{background:var(--bg2);padding:1.35rem;min-height:168px}.card-code{font:400 .58rem 'Share Tech Mono',monospace;letter-spacing:.11em;text-transform:uppercase;color:var(--green);margin-bottom:.55rem}.card h3{font:600 1.1rem 'Rajdhani',sans-serif;letter-spacing:.035em;margin-bottom:.45rem}.card p,.card li{font-size:.79rem;color:#a7b2af;line-height:1.65}.card ul{padding-left:1.1rem;display:grid;gap:.35rem}
.two{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border:1px solid var(--border);margin-top:1.7rem}.panel{background:var(--bg2);padding:1.5rem}.panel h3{font:600 1.15rem 'Rajdhani';margin-bottom:.6rem}.panel p,.panel li{color:#a7b2af;font-size:.8rem;line-height:1.7}.panel ul{padding-left:1.1rem;display:grid;gap:.35rem}
.callout{margin-top:1.4rem;border-left:2px solid var(--green);background:rgba(0,255,136,.025);padding:1rem 1.15rem;color:#b5bfbc;font-size:.8rem;line-height:1.7}.callout strong{color:#dce0e1}
.callout.warn{border-left-color:var(--amber);background:rgba(255,170,0,.025)}.callout.red{border-left-color:var(--red);background:rgba(255,34,68,.025)}
.flow{display:flex;gap:.55rem;flex-wrap:wrap;align-items:center;margin-top:1.2rem}.flow span{font:400 .62rem 'Share Tech Mono',monospace;letter-spacing:.07em}.box{border:1px solid var(--border2);padding:.48rem .65rem;color:#c0c6c8}.arrow{color:var(--muted2)}
.table-wrap{overflow:auto;margin-top:1.6rem;border:1px solid var(--border)}table{width:100%;border-collapse:collapse;min-width:700px;background:var(--bg2)}th,td{text-align:left;padding:.9rem;border-bottom:1px solid var(--border);vertical-align:top}th{font:400 .58rem 'Share Tech Mono';letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}td{font-size:.78rem;color:#b1bbb8}.state{font:400 .57rem 'Share Tech Mono';letter-spacing:.09em;text-transform:uppercase}.state.active{color:var(--green)}.state.validating{color:var(--blue)}.state.building{color:var(--amber)}.state.research{color:var(--red)}
.runtime{margin-top:1.5rem;border:1px solid var(--border2);background:var(--bg2);padding:1rem 1.15rem;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;font:400 .63rem 'Share Tech Mono';color:var(--muted)}.runtime strong{color:var(--green);font-weight:400}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.68rem 1.2rem;border:1px solid var(--border2);font:600 .76rem 'Rajdhani';letter-spacing:.11em;text-transform:uppercase;text-decoration:none}.btn:hover,.btn:focus-visible{border-color:var(--green);color:var(--green)}.actions{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1.4rem}
.timeline{display:grid;gap:0;margin-top:1.7rem;border:1px solid var(--border)}.timeline-item{display:grid;grid-template-columns:150px 1fr;gap:1.2rem;background:var(--bg2);padding:1.1rem 1.2rem;border-bottom:1px solid var(--border)}.timeline-item:last-child{border-bottom:0}.timeline-date{font:400 .59rem 'Share Tech Mono';color:var(--green);letter-spacing:.07em;text-transform:uppercase}.timeline-copy h3{font:600 1rem 'Rajdhani';margin-bottom:.25rem}.timeline-copy p{font-size:.77rem;color:#a7b2af}
.deflist{display:grid;grid-template-columns:220px 1fr;border:1px solid var(--border);margin-top:1.5rem}.deflist dt,.deflist dd{padding:1rem;border-bottom:1px solid var(--border)}.deflist dt{background:var(--bg3);font:400 .62rem 'Share Tech Mono';color:#c3c8ca;text-transform:uppercase;letter-spacing:.06em}.deflist dd{background:var(--bg2);color:#98a0a3;font-size:.8rem}.deflist dt:last-of-type,.deflist dd:last-of-type{border-bottom:0}
footer{position:relative;z-index:1;background:#050708;border-top:1px solid var(--border)}.footer{max-width:var(--max);margin:auto;padding:2rem 1.5rem;display:grid;grid-template-columns:1fr auto;gap:1.2rem;align-items:center}.footer-brand{font:700 1rem 'Rajdhani';letter-spacing:.14em}.footer-copy{font:400 .58rem 'Share Tech Mono';color:var(--muted2);margin-top:.25rem}.footer-links{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-end}.footer-links a{font:400 .6rem 'Share Tech Mono';text-transform:uppercase;color:var(--muted);text-decoration:none}.footer-links a:hover{color:var(--green)}
:focus-visible{outline:2px solid var(--green);outline-offset:3px}
@media(max-width:1120px){.grid{grid-template-columns:1fr 1fr}.two{grid-template-columns:1fr}.nav-links{display:none;position:absolute;top:64px;left:0;right:0;background:rgba(6,8,9,.99);padding:1rem 1.5rem;border-bottom:1px solid var(--border);flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}.menu{display:inline-flex;align-items:center;justify-content:center}}
@media(max-width:620px){.wrap{padding-left:1rem;padding-right:1rem}.hero{padding:4.7rem 0 3.2rem}.grid{grid-template-columns:1fr}.timeline-item{grid-template-columns:1fr;gap:.3rem}.deflist{grid-template-columns:1fr}.deflist dt{border-bottom:0}.footer{grid-template-columns:1fr}.footer-links{justify-content:flex-start}.nav-inner{padding:0 1rem}}

.tag[href]{text-decoration:none;transition:border-color .18s,color .18s,background .18s}.tag[href]:hover,.tag[href]:focus-visible{border-color:rgba(0,255,136,.45);color:var(--green);background:rgba(0,255,136,.04)}
.product[id]{scroll-margin-top:90px}
