:root{--bg:#07101a;--panel:#0b1420;--panel2:#101b29;--line:#21364b;--muted:#93a1b3;--text:#f3f7fb;--blue:#4ea7fe;--blue-soft:rgba(78,167,254,.11);--red:#ff4d57;--red-soft:rgba(255,77,87,.12)}
html{background:#07101a;scrollbar-color:#2a425a #07101a}
body{background:radial-gradient(circle at 20% -10%,rgba(78,167,254,.10),transparent 34rem),radial-gradient(circle at 82% 4%,rgba(78,167,254,.06),transparent 30rem),linear-gradient(180deg,#07101a 0,#08111b 48%,#07101a 100%);color:var(--text)}
body:before{content:"";position:fixed;inset:66px 0 auto 0;height:300px;pointer-events:none;opacity:.35;background-image:repeating-radial-gradient(ellipse at 50% 0,transparent 0 47px,rgba(78,167,254,.10) 48px 49px,transparent 50px 76px);mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent)}
.topbar{height:64px;border-bottom:1px solid rgba(78,167,254,.16);background:rgba(6,11,18,.88);backdrop-filter:blur(20px) saturate(140%)}
.brand{font-weight:700;letter-spacing:-.02em}.brand b{color:var(--text)}.brand img{filter:drop-shadow(0 0 14px rgba(255,77,87,.16))}.nav{color:#9aa8b9}.nav a{padding:8px 10px;border-radius:8px}.nav a:hover{background:rgba(78,167,254,.08);color:#fff}
.hero{position:relative;padding-top:96px;text-align:left}.hero h1{margin-left:0;max-width:840px;font-size:clamp(54px,7vw,88px);line-height:.96}.hero h1 span{color:var(--blue)}.lead{margin-left:0;max-width:700px;color:#9eacbd}.eyebrow,.kicker{color:#63b5ff}.eyebrow{border-color:#244867;background:rgba(78,167,254,.07)}.hero-actions{justify-content:flex-start}.primary{background:#1478d4;border:1px solid #2f98ef;box-shadow:inset 0 1px rgba(255,255,255,.12)}.primary:hover{background:#1682e4}.secondary{background:#0b1420;border-color:#274057}.stats{margin-top:66px;border-color:#21364b;background:rgba(9,17,27,.35);border-radius:16px;overflow:hidden}.stats div{border-color:#21364b}
.feature-card,.dataset,.schema-card,.codebox{background:linear-gradient(180deg,rgba(15,26,40,.96),rgba(9,17,28,.96));border-color:#21364b;box-shadow:inset 0 1px rgba(255,255,255,.025),0 20px 50px rgba(0,0,0,.12)}.feature-card,.dataset,.schema-card{border-radius:18px}.feature-card svg{color:#5bb0ff}.feature-card:hover,.dataset:hover{border-color:#305273;transform:translateY(-1px);transition:.18s ease}
.section h2{letter-spacing:-.055em}.section-heading p,.feature-card p,.dataset p,.section-copy,.principle-list p,.step p{color:#93a1b3}.search{background:#0a1420;border-color:#21364b;color:#73859a}.search:focus-within{border-color:#3c76a7;box-shadow:0 0 0 3px rgba(78,167,254,.08)}
.file-icon{border-color:#2b4a66;background:#0b1b2a;color:#62b5ff}.dataset>code,.schema-title,.step>span,.principle-list span{color:#64b6ff}.badge{color:#9bd7ff;border-color:#2b536f;background:#0a1e2d}.fields span{background:#08111b;border-color:#21364b;color:#a7b5c5}.process-wrap{background:rgba(7,14,23,.72);border-color:#21364b}.process,.step,.principles,.schema-title,.schema-row,.codebar,footer{border-color:#21364b}.required{background:#4ea7fe}.source{background:#73df9d}.codebox{background:#07101a}.codebar button.active{background:#14263a}.principles>div:first-child svg{color:#5bb0ff}
footer{color:#8292a5}.footer-inner .brand{color:#fff}
@media(max-width:760px){body:before{top:60px}.hero{text-align:left}.nav{background:#07101a;border-color:#21364b}.hero-actions{align-items:stretch}.primary,.secondary{width:100%}}