@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');
:root { --ink:#000103; --blue:#103cff; --blue-deep:#071a66; --sky:#dfe8ff; --paper:#f5f7fb; --line:#cfd5e2; --accent:#37ff9b; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:"Montserrat",Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
button,input { font:inherit; }
.site-header { height:92px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:32px; padding:0 5vw; border-bottom:1px solid var(--line); background:rgba(245,247,251,.96); position:sticky; top:0; z-index:20; backdrop-filter:blur(16px); }
.brand img,.site-header img { width:148px; max-height:48px; object-fit:contain; object-position:left center; }
nav { display:flex; gap:34px; font-size:12px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
nav a:hover { color:var(--blue); }
.header-cta { justify-self:end; background:var(--ink); color:white; padding:15px 20px; font-size:11px; font-weight:800; letter-spacing:.04em; }
.hero { min-height:780px; position:relative; display:grid; grid-template-columns:1.08fr .92fr; overflow:hidden; border-bottom:1px solid var(--line); }
.hero-grid { position:absolute; inset:0; pointer-events:none; opacity:.38; background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px); background-size:64px 64px; mask-image:linear-gradient(to right,black,transparent 68%); }
.hero-copy { position:relative; z-index:1; padding:92px 5vw 44px; }
.eyebrow,.section-index { font-size:11px; font-weight:800; letter-spacing:.16em; color:#526078; }
.eyebrow span { display:inline-grid; place-items:center; width:28px; height:28px; margin-right:10px; color:white; background:var(--blue); }
h1,h2,h3,p { margin-top:0; }
h1 { margin:34px 0 28px; font-size:clamp(58px,7.3vw,112px); line-height:.84; letter-spacing:-.075em; font-weight:900; }
h1 em { color:var(--blue); font-style:normal; }
.hero-text { max-width:660px; font-size:17px; line-height:1.75; font-weight:500; color:#455069; }
.hero-actions { display:flex; align-items:center; gap:30px; margin:42px 0 58px; }
.button { display:inline-flex; justify-content:space-between; align-items:center; gap:28px; min-height:58px; padding:0 25px; border:0; border-radius:0; font-size:12px; font-weight:900; letter-spacing:.07em; cursor:pointer; }
.button-primary { background:var(--blue); color:white; box-shadow:12px 12px 0 var(--ink); }
.button span { font-size:20px; }
.text-link { font-size:11px; font-weight:900; letter-spacing:.08em; border-bottom:2px solid var(--ink); padding:14px 0 8px; }
.text-link span { margin-left:12px; }
.proof-row { display:grid; grid-template-columns:repeat(3,1fr); max-width:720px; border-top:1px solid var(--line); }
.proof-row div { padding:20px 20px 0 0; border-right:1px solid var(--line); }
.proof-row strong,.proof-row span { display:block; }
.proof-row strong { font-size:15px; font-weight:900; }
.proof-row span { margin-top:7px; font-size:10px; color:#667085; }
.discovery-console { align-self:center; justify-self:stretch; margin:50px 5vw 50px 0; background:var(--ink); color:white; border:1px solid #20243d; box-shadow:22px 22px 0 var(--blue); position:relative; }
.discovery-console::before { content:""; position:absolute; width:18px; height:18px; background:var(--accent); top:-9px; left:-9px; }
.console-top,.metric-head { height:54px; display:flex; align-items:center; justify-content:space-between; padding:0 20px; border-bottom:1px solid #242941; font-size:10px; letter-spacing:.14em; font-weight:800; }
.live-dot { color:var(--accent); }
.live-dot::before { content:""; display:inline-block; width:7px; height:7px; margin-right:8px; background:var(--accent); box-shadow:0 0 14px var(--accent); }
.radar { aspect-ratio:1; position:relative; margin:6% 11%; border:1px solid #252d50; background:radial-gradient(circle at center,rgba(16,60,255,.35),transparent 50%); overflow:hidden; }
.radar::after { content:""; position:absolute; inset:50% 0 auto 50%; width:50%; height:1px; transform-origin:left; transform:rotate(-28deg); background:linear-gradient(90deg,var(--accent),transparent); animation:sweep 5s linear infinite; }
@keyframes sweep { to { transform:rotate(332deg); } }
.radar-ring { position:absolute; border:1px solid #2a3156; border-radius:50%; left:50%; top:50%; transform:translate(-50%,-50%); }
.ring-one { width:74%; height:74%; }.ring-two { width:38%; height:38%; }
.radar-cross { position:absolute; background:#242b4a; }.cross-x { width:100%; height:1px; top:50%; }.cross-y { height:100%; width:1px; left:50%; }
.radar-center { position:absolute; z-index:2; left:50%; top:50%; transform:translate(-50%,-50%); width:54px; height:54px; display:grid; place-items:center; background:var(--blue); border:1px solid #6e89ff; font-size:24px; font-weight:900; box-shadow:0 0 40px rgba(16,60,255,.8); }
.signal { position:absolute; z-index:3; font-size:8px; letter-spacing:.08em; color:#aab6dd; }.signal i { display:inline-block; width:7px; height:7px; background:var(--accent); box-shadow:0 0 10px var(--accent); }.signal-a { left:16%; top:25%; }.signal-b { right:10%; top:39%; }.signal-c { left:24%; bottom:19%; }
.console-stats { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid #242941; }.console-stats div { padding:18px 20px; }.console-stats div+div { border-left:1px solid #242941; }.console-stats span,.console-stats strong { display:block; }.console-stats span { font-size:8px; color:#7d89ac; letter-spacing:.14em; }.console-stats strong { margin-top:7px; font-size:10px; color:#ecf1ff; }
.manifesto { padding:110px 5vw 70px; display:grid; grid-template-columns:1fr 3fr; gap:40px; }.manifesto h2,.control h2,.access h2 { margin:0; font-size:clamp(44px,6vw,84px); line-height:.92; letter-spacing:-.06em; font-weight:900; }.manifesto h2 span,.access h2 span { color:var(--blue); }.manifesto>div>p { max-width:720px; margin:32px 0 0; font-size:18px; line-height:1.7; color:#59647a; }
.feature-grid { display:grid; grid-template-columns:repeat(3,1fr); margin:0 5vw 120px; border:1px solid var(--ink); }.feature-grid article { min-height:370px; padding:34px; border-right:1px solid var(--ink); position:relative; background:#fff; }.feature-grid article:last-child { border-right:0; }.feature-grid .feature-dark { background:var(--blue); color:white; }.feature-number { font-size:10px; font-weight:800; letter-spacing:.16em; }.feature-grid h3 { margin:90px 0 20px; font-size:25px; line-height:1.05; font-weight:900; }.feature-grid p { max-width:330px; font-size:14px; line-height:1.7; color:#667085; }.feature-dark p { color:#dfe6ff; }.feature-mark { position:absolute; right:28px; top:28px; font-size:38px; font-weight:400; }
.control { display:grid; grid-template-columns:1fr 1fr; gap:7vw; padding:120px 5vw; color:white; background:var(--ink); }.control .section-index { color:#8f9abc; }.control-copy>p:not(.section-index) { max-width:600px; margin:34px 0; color:#9fa9c3; line-height:1.8; }.control ul { list-style:none; padding:0; margin:50px 0 0; border-top:1px solid #2a3047; }.control li { padding:20px 0; border-bottom:1px solid #2a3047; font-size:12px; font-weight:700; letter-spacing:.04em; }.control li span { color:var(--accent); margin-right:24px; }
.metric-panel { align-self:center; background:#080d20; border:1px solid #2b355b; box-shadow:18px 18px 0 var(--blue); }.metric-head span:last-child { color:var(--accent); }.metric-main { padding:30px; position:relative; }.metric-main small { display:block; font-size:9px; color:#8d98b5; letter-spacing:.12em; }.metric-main strong { display:inline-block; margin-top:8px; font-size:72px; letter-spacing:-.05em; }.metric-main>span { margin-left:18px; color:var(--accent); font-size:12px; font-weight:700; }.bars { height:150px; padding:0 30px 30px; display:flex; gap:9px; align-items:flex-end; border-bottom:1px solid #252c45; }.bars i { flex:1; background:var(--blue); min-width:4px; }.bars i:nth-child(3n) { background:var(--accent); }.metric-foot { display:flex; justify-content:space-between; padding:22px 30px; font-size:10px; letter-spacing:.08em; }.metric-foot strong { color:var(--accent); }.metric-panel>p { padding:0 30px 24px; margin:0; color:#59637f; font-size:8px; }
.bar-1{height:42%}.bar-2{height:68%}.bar-3{height:51%}.bar-4{height:84%}.bar-5{height:63%}.bar-6{height:94%}.bar-7{height:78%}.bar-8{height:100%}.bar-9{height:72%}.bar-10{height:91%}.bar-11{height:81%}.bar-12{height:97%}
.access { display:grid; grid-template-columns:1fr 1fr; gap:8vw; padding:120px 5vw; background:var(--blue); color:white; }.section-index.light { color:#c2ceff; }.access-copy>p:last-child { max-width:560px; margin:34px 0; line-height:1.7; color:#dae2ff; }.access h2 span { color:var(--accent); }.lead-form { padding:40px; background:#fff; color:var(--ink); box-shadow:18px 18px 0 var(--ink); }.lead-form label { display:block; margin-bottom:25px; font-size:9px; font-weight:900; letter-spacing:.12em; }.lead-form input[type=text],.lead-form input[type=email] { width:100%; border:0; border-bottom:2px solid var(--ink); border-radius:0; outline:0; padding:13px 0; font-size:14px; font-weight:600; background:transparent; }.lead-form input:focus { border-color:var(--blue); }.consent { display:flex!important; gap:12px; align-items:flex-start; font-weight:500!important; line-height:1.5; letter-spacing:0!important; color:#59647a; }.consent input { width:18px; height:18px; border-radius:0; accent-color:var(--blue); }.button-accent { width:100%; background:var(--accent); color:var(--ink); box-shadow:8px 8px 0 var(--ink); }.privacy-note { margin:20px 0 0; text-align:center; font-size:9px; color:#7c879e; }.success { min-height:360px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; }.success>span { display:grid; place-items:center; width:52px; height:52px; color:var(--ink); background:var(--accent); font-size:24px; font-weight:900; }.success h3 { margin:26px 0 12px; font-size:25px; }.success p { color:#667085; line-height:1.6; }.success button { margin-top:20px; border:0; border-bottom:2px solid var(--ink); padding:8px 0; background:none; font-size:10px; font-weight:900; cursor:pointer; }
footer { min-height:180px; padding:40px 5vw; display:grid; grid-template-columns:1fr 2fr 1fr auto; align-items:center; gap:30px; background:#fff; border-top:1px solid var(--line); font-size:11px; color:#6b7488; }footer img { width:130px; max-height:48px; object-fit:contain; object-position:left; }footer a { color:var(--ink); font-weight:700; }
.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.form-message{min-height:18px;margin:18px 0 0;text-align:center;font-size:11px;font-weight:800}.form-message.is-success{color:#08743d}.form-message.is-error{color:#b42318}.button:disabled{opacity:.6;cursor:wait}
@media(max-width:1000px){.site-header{grid-template-columns:1fr auto}nav{display:none}.hero{grid-template-columns:1fr}.discovery-console{margin:10px 8vw 90px}.manifesto{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.feature-grid article{border-right:0;border-bottom:1px solid var(--ink);min-height:300px}.control,.access{grid-template-columns:1fr}.metric-panel{margin-top:30px}footer{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.site-header{height:76px;padding:0 22px}.site-header .header-cta{display:none}.brand img{width:120px}.hero-copy{padding:72px 22px 38px}.hero{min-height:auto}h1{font-size:56px}.hero-text{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column}.proof-row{grid-template-columns:1fr}.proof-row div{border-right:0;border-bottom:1px solid var(--line);padding:15px 0}.discovery-console{margin:20px 34px 80px 22px}.manifesto,.control,.access{padding:84px 22px}.manifesto h2,.control h2,.access h2{font-size:46px}.feature-grid{margin:0 22px 84px}.feature-grid h3{margin-top:58px}.lead-form{padding:28px 22px;box-shadow:10px 10px 0 var(--ink)}footer{grid-template-columns:1fr;padding:40px 22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.radar::after{animation:none}}