@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap');

:root { --ink:#0a1020; --paper:#f6f7f3; --mist:#e9edf1; --line:rgba(15,28,48,.16); --blue:#3b66f5; --green:#b9e53a; --muted:#697383; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Manrope,Arial,sans-serif; font-size:16px; line-height:1.6; }
a { color:inherit; }
.container { width:min(1120px,calc(100% - 48px)); margin:0 auto; }
.nav { display:flex; justify-content:space-between; align-items:center; padding:24px 0; }
.brand { display:inline-flex; align-items:center; gap:9px; text-decoration:none; font-size:17px; font-weight:700; letter-spacing:-.045em; }
.brand img { display:block; }
.nav-link,.footer-links a { text-decoration:none; font-size:13px; font-weight:600; }
.nav-link { border-bottom:1px solid var(--ink); padding-bottom:3px; }
.hero { padding:72px 0 125px; position:relative; min-height:650px; }
.eyebrow,.section-kicker { font:500 11px/1.3 'DM Mono',monospace; letter-spacing:.1em; color:#526071; }
.eyebrow { display:flex; align-items:center; gap:8px; margin-bottom:23px; }
.eyebrow span { width:7px; height:7px; border-radius:50%; background:var(--green); box-shadow:0 0 0 4px rgba(185,229,58,.2); }
h1,h2,h3,p { margin-top:0; }
h1 { max-width:720px; margin-bottom:25px; font-size:clamp(56px,8.2vw,116px); line-height:.95; letter-spacing:-.075em; font-weight:700; }
h1 em,h2 em { font-family:'Playfair Display',Georgia,serif; font-weight:600; letter-spacing:-.07em; }
.hero-copy { width:min(505px,100%); color:#4c5869; font-size:18px; line-height:1.65; margin-bottom:31px; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:20px; padding:13px 18px; border:0; font:600 14px Manrope,sans-serif; text-decoration:none; cursor:pointer; transition:transform .2s ease,background .2s ease; }
.button:hover { transform:translateY(-2px); }
.button-primary { background:var(--ink); color:white; }
.signal-card { position:absolute; right:0; bottom:84px; width:390px; background:#101a2e; color:#eff3fa; box-shadow:15px 18px 0 #d7dde3; transform:rotate(-2deg); }
.signal-topline { padding:13px 17px; display:flex; justify-content:space-between; font:500 10px 'DM Mono',monospace; color:#a9b4c5; border-bottom:1px solid rgba(255,255,255,.12); text-transform:uppercase; letter-spacing:.06em; }
.live-dot { color:var(--green); }.live-dot:before { content:'●'; margin-right:5px; font-size:7px; }
.signal-content { padding:19px 20px 17px; }.ip-address { font:500 21px 'DM Mono',monospace; letter-spacing:-.06em; }.risk-row { display:flex; justify-content:space-between; margin-top:22px; font-size:11px; color:#aeb8c8; }.risk-row strong { color:var(--green); font-weight:600; }.meter { margin:10px 0 15px; height:4px; background:#344055; }.meter span { display:block; width:69%; height:100%; background:var(--green); }.signal-tags { display:flex; gap:7px; }.signal-tags span { border:1px solid #3b4860; padding:4px 7px; font:500 9px 'DM Mono',monospace; color:#c7d0dd; }.signal-note { margin:0; padding:10px 20px; border-top:1px solid rgba(255,255,255,.12); color:#8f9bae; font-size:10px; }
.quiet-section { background:var(--mist); padding:105px 0; }.section-grid { display:grid; grid-template-columns:1fr 2fr; gap:50px; }.section-grid h2,.waitlist h2 { font-size:clamp(36px,5vw,63px); line-height:1.03; letter-spacing:-.07em; margin-bottom:19px; }.section-grid p:not(.section-kicker),.waitlist p:not(.section-kicker) { max-width:570px; color:#596575; font-size:18px; }
.features { display:grid; grid-template-columns:repeat(3,1fr); padding:100px 0; gap:42px; }.features article { border-top:1px solid var(--line); padding-top:18px; }.feature-number { font:500 11px 'DM Mono',monospace; color:#5970bd; }.features h3 { margin:45px 0 10px; font-size:22px; letter-spacing:-.05em; }.features p { color:#5c6777; max-width:300px; font-size:14px; }
.waitlist-wrap { background:var(--blue); color:white; padding:95px 0; }.waitlist { display:grid; grid-template-columns:1.15fr .85fr; gap:90px; }.waitlist .section-kicker { color:#d1dbff; }.waitlist p:not(.section-kicker) { color:#e0e6ff; }.signup-form { margin-top:5px; }.signup-form label { display:block; margin:0 0 7px; font-size:12px; font-weight:600; }.signup-form label span { color:#bdcaff; font-weight:400; }.signup-form input[type='email'],.signup-form input[type='text'] { width:100%; height:48px; border:1px solid rgba(255,255,255,.55); margin:0 0 18px; padding:0 13px; background:transparent; color:white; font:14px Manrope,sans-serif; border-radius:0; outline:none; }.signup-form input::placeholder { color:#cad5ff; }.signup-form input:focus { border-color:white; box-shadow:0 0 0 3px rgba(255,255,255,.16); }.button-light { width:100%; background:var(--green); color:#101a2e; margin-top:5px; }.form-legal { margin:17px 0 0 !important; color:#cfdaff !important; font-size:11px !important; line-height:1.55; }.form-legal a { text-underline-offset:3px; }.form-response { position:absolute; width:1px; height:1px; border:0; opacity:0; }.form-message { display:none; margin:12px 0 0 !important; color:white !important; font-size:12px !important; }
.footer { padding:28px 0; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:20px; }.footer-links { display:flex; gap:20px; }.footer-links a { color:#4c5869; }.footer p { justify-self:end; margin:0; color:#788391; font:11px 'DM Mono',monospace; }
@media (max-width:780px) { .container { width:min(100% - 36px,1120px); }.hero { padding:57px 0 80px; min-height:0; }.signal-card { position:relative; width:calc(100% - 15px); right:auto; bottom:auto; margin:70px 0 0 15px; }.section-grid,.waitlist { grid-template-columns:1fr; gap:30px; }.quiet-section { padding:75px 0; }.features { grid-template-columns:1fr; padding:70px 0; gap:44px; }.features h3 { margin-top:26px; }.waitlist-wrap { padding:72px 0; }.footer { grid-template-columns:1fr; padding:27px 0 35px; }.footer-links { grid-row:3; flex-wrap:wrap; }.footer p { justify-self:start; grid-row:2; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }.button { transition:none; } }