:root{--bg:#071118;--panel:#0d1922;--text:#edf4f8;--muted:#a7b7c5;--line:rgba(139,188,255,.18);--blue:#8bbcff;--mint:#6fe7d6;--violet:#b99af7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65;background:linear-gradient(rgba(7,17,24,.88),rgba(7,17,24,.97)),linear-gradient(90deg,rgba(139,188,255,.07) 1px,transparent 1px),linear-gradient(rgba(139,188,255,.07) 1px,transparent 1px),var(--bg);background-size:auto,30px 30px,30px 30px,auto}
a{color:var(--blue);text-decoration:none}a:hover{color:var(--mint)}.container{width:min(1120px,calc(100% - 2rem));margin:auto}.topbar{position:sticky;top:0;z-index:10;background:rgba(7,17,24,.86);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;align-items:center;gap:.65rem;color:var(--text);font-weight:800;letter-spacing:.01em}.brand-mark{color:var(--mint);text-shadow:0 0 18px rgba(111,231,214,.55)}.nav-links{display:flex;gap:1.35rem}.nav-links a{color:var(--muted)}.nav-links a.active,.nav-links a:hover{color:var(--text)}
.hero{min-height:680px;padding:5rem 0;display:grid;grid-template-columns:1.15fr .85fr;gap:4rem;align-items:center}.eyebrow{color:var(--mint);font-size:.75rem;letter-spacing:.2em;font-weight:800}.hero h1{font-size:clamp(3rem,6vw,5.4rem);line-height:.96;letter-spacing:-.055em;margin:.6rem 0 1.4rem}.hero h1 span{color:var(--blue)}.lede{font-size:1.12rem;color:var(--muted);max-width:680px}.centered{margin-left:auto;margin-right:auto}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}.button{padding:.85rem 1.25rem;border:1px solid var(--line);border-radius:999px;font-weight:800}.button-primary{background:linear-gradient(135deg,var(--blue),var(--violet));color:#071118}.button-secondary{background:rgba(13,25,34,.8);color:var(--text)}
.diagram{position:relative;aspect-ratio:1;border:1px solid var(--line);border-radius:24px;background:radial-gradient(circle,rgba(111,231,214,.1),transparent 65%);box-shadow:0 30px 80px rgba(0,0,0,.35)}.node{position:absolute;min-width:100px;padding:.7rem;border:1px solid var(--line);border-radius:12px;background:#0d1922;text-align:center;font-weight:700}.node-a{top:16%;left:8%}.node-b{top:16%;right:8%}.node-c{top:47%;left:50%;transform:translate(-50%,-50%);border-color:rgba(111,231,214,.45)}.node-d{bottom:13%;left:50%;transform:translateX(-50%)}.line{position:absolute;background:var(--mint);opacity:.5}.line-1{height:1px;width:28%;left:25%;top:30%;transform:rotate(28deg)}.line-2{height:1px;width:28%;right:25%;top:30%;transform:rotate(-28deg)}.line-3{width:1px;height:20%;left:50%;top:31%}.line-4{width:1px;height:20%;left:50%;bottom:25%}
.feature-band{border-block:1px solid var(--line);background:rgba(7,17,24,.5)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;padding:2rem 0}.feature-card,.content-panel{border:1px solid var(--line);background:rgba(13,25,34,.86);border-radius:18px;padding:1.6rem}.feature-kicker{color:var(--mint);font-size:.72rem;letter-spacing:.15em;font-weight:800}.feature-card h2{margin:.4rem 0}.feature-card p,.content-panel p,.content-panel li{color:var(--muted)}.section{padding:5rem 0}.section-header{max-width:760px;margin-bottom:1.5rem}.section-header h2,.page-header h1{font-size:clamp(2.3rem,4vw,3.7rem);line-height:1.05;letter-spacing:-.04em;margin:.5rem 0}.page-header{text-align:center;padding:4.5rem 0 1rem}.legal{max-width:860px}.content-panel h2{margin-top:2.1rem}.content-panel h2:first-child{margin-top:0}.content-panel strong{color:var(--text)}
.site-footer{border-top:1px solid var(--line);background:rgba(5,12,17,.92);margin-top:3rem}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr 1fr;gap:2rem;padding:2.4rem 0 1.4rem}.site-footer h3{margin:0 0 .7rem}.site-footer ul{list-style:none;padding:0;margin:0}.footer-copy{color:var(--muted);margin:.5rem 0}.footer-bottom{border-top:1px solid var(--line);padding:1rem 0 2rem;color:var(--muted);text-align:center}
@media(max-width:800px){.hero,.feature-grid,.footer-grid{grid-template-columns:1fr}.hero{min-height:auto;gap:2rem}.diagram{max-width:440px;width:100%;margin:auto}.nav{flex-direction:column;padding:.8rem 0}.nav-links{flex-wrap:wrap;justify-content:center}.footer-grid{gap:1rem}}@media(max-width:520px){.hero h1{font-size:3rem}.button{width:100%;text-align:center}.node{min-width:84px;font-size:.85rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}