:root { --ink:#12251f; --muted:#60706b; --line:#dbe4df; --lime:#d7ff55; --paper:#f6f7f2; --peach:#f3e6d1; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Manrope, Arial, sans-serif; }
.wrap { width:min(1160px, calc(100% - 48px)); margin-inline:auto; }
.nav { height:94px; display:flex; align-items:center; justify-content:space-between; }
.brand { color:var(--ink); text-decoration:none; font-size:18px; font-weight:800; letter-spacing:-.7px; display:flex; align-items:center; gap:9px; }
.brand-mark { display:grid; place-items:center; width:27px; height:27px; border-radius:7px; background:var(--ink); color:var(--lime); font:500 15px 'DM Mono', monospace; }
.nav-link { color:var(--ink); font-size:13px; font-weight:700; text-decoration:none; }
.nav-link span { margin-left:5px; }
.hero { padding:63px 0 72px; }
.eyebrow,.section-label { color:#48645a; font:500 11px 'DM Mono', monospace; letter-spacing:.11em; }
.eyebrow { display:flex; align-items:center; gap:8px; margin-bottom:33px; }
.pulse { width:8px; height:8px; border-radius:50%; background:#83ba50; box-shadow:0 0 0 4px #e0efd5; }
.hero-grid { display:grid; grid-template-columns:1.1fr .72fr; align-items:center; gap:96px; }
h1,h2,h3,p { margin-top:0; }
h1 { max-width:720px; margin-bottom:28px; font-size:clamp(48px, 6.25vw, 84px); line-height:.99; letter-spacing:-.075em; font-weight:800; }
em { color:#e26643; font-family:Georgia, serif; font-weight:400; letter-spacing:-.09em; }
.hero-copy { max-width:555px; color:var(--muted); font-size:18px; line-height:1.65; }
.waitlist-form { max-width:500px; margin-top:31px; }.form-fields { display:grid; grid-template-columns:1fr 1fr; gap:7px; }.waitlist-form button { width:100%; margin-top:8px; }
input,select { min-width:0; width:100%; border:1px solid #c6d2cc; border-radius:6px; outline:none; color:var(--ink); background:#fff; padding:13px 15px; font:500 14px Manrope, sans-serif; }.waitlist-form input:focus,.waitlist-form select:focus,.cta-form input:focus,.cta-form select:focus { border-color:#668a78; box-shadow:0 0 0 3px #dfece4; }
button { cursor:pointer; border:0; border-radius:5px; padding:13px 18px; background:var(--ink); color:white; white-space:nowrap; font:700 13px Manrope, sans-serif; transition:transform .2s, background .2s; }
button:hover { transform:translateY(-2px); background:#24433a; }
button:disabled { cursor:wait; opacity:.72; transform:none; }
.joined { width:100%; padding:13px 15px; color:#267146; font-size:14px; font-weight:700; text-align:center; }
.form-note { margin:12px 0 0; color:#70817b; font-size:11px; }.form-message { min-height:19px; margin:9px 0 0; color:#267146; font-size:12px; font-weight:700; }
.signal-card { position:relative; overflow:hidden; width:100%; max-width:370px; margin-left:auto; padding:24px; border-radius:11px; color:#ddecdf; background:var(--ink); box-shadow:13px 13px 0 #dce7df; transform:rotate(2deg); }
.signal-card:before { position:absolute; inset:0; content:""; opacity:.11; background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px); background-size:25px 25px; }
.signal-card>* { position:relative; }.card-top,.card-foot { display:flex; justify-content:space-between; align-items:center; color:#9bb3aa; font:500 10px 'DM Mono', monospace; letter-spacing:.08em; }.live { color:var(--lime); }.live i,.health-dot { display:inline-block; width:6px; height:6px; margin-right:5px; border-radius:50%; background:var(--lime); }.campaign-name { display:flex; justify-content:space-between; margin:38px 0 29px; font-size:17px; font-weight:700; }.campaign-name span { color:#9bb3aa; }.metric-row { display:grid; grid-template-columns:1fr 1fr; padding-bottom:20px; border-bottom:1px solid #335248; }.metric-row div+div { padding-left:29px; border-left:1px solid #335248; }.metric-row small { display:block; color:#9bb3aa; font:500 9px 'DM Mono', monospace; }.metric-row strong { display:block; margin-top:6px; color:white; font-size:25px; letter-spacing:-1px; }.chart { height:96px; display:flex; align-items:end; gap:8px; padding:17px 0; }.chart span { flex:1; border-radius:2px 2px 0 0; background:linear-gradient(#c5f051,#6b8f42); }.card-foot { padding-top:15px; border-top:1px solid #335248; }.card-foot b { margin-left:auto; margin-right:8px; color:var(--lime); font:500 10px 'DM Mono', monospace; }.health-dot { margin:0; }
.trusted { display:flex; gap:29px; align-items:center; padding-top:90px; color:#8a9893; font:500 10px 'DM Mono', monospace; letter-spacing:.08em; }.trusted span:first-child { color:#465d54; }
.problem-section { padding:110px 0; background:var(--peach); }.split-section { display:grid; grid-template-columns:.72fr 1.28fr; gap:24px; }.split-section h2,.cta h2 { margin-bottom:23px; font-size:clamp(42px,5vw,68px); line-height:1.02; letter-spacing:-.065em; }.split-section h2 span { color:#667a71; }.section-copy { max-width:480px; color:#56665f; line-height:1.7; font-size:16px; }
.features { display:grid; grid-template-columns:repeat(3,1fr); gap:0; padding-block:98px; }.features article { min-height:205px; padding:0 40px; border-left:1px solid var(--line); }.features article:first-child { padding-left:0; border-left:0; }.features article:last-child { padding-right:0; }.feature-number { color:#688177; font:500 11px 'DM Mono', monospace; }.features h3 { margin:38px 0 12px; font-size:20px; letter-spacing:-.045em; }.features p { color:var(--muted); font-size:14px; line-height:1.72; }
.cta { display:flex; justify-content:space-between; gap:60px; align-items:end; margin-bottom:82px; padding:68px 72px; color:#f4f7f0; background:#243d34; }.cta .section-label { color:#b8cbbd; }.cta h2 { margin-bottom:0; }.cta em { color:var(--lime); }.cta-form { width:min(100%,390px); display:grid; gap:7px; }.cta-form input,.cta-form select { border:0; }.cta-form>div { display:flex; padding:4px; background:#fff; border-radius:7px; }.cta-form button { width:100%; background:var(--lime); color:var(--ink); font-size:13px; }.cta-form .form-message { color:var(--lime); }
footer { display:flex; align-items:center; gap:23px; padding:27px 0 42px; color:#84918c; font:500 10px 'DM Mono', monospace; }footer .brand { margin-right:auto; }.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media (max-width:760px) { .wrap { width:min(100% - 34px, 560px); }.nav { height:72px; }.hero { padding-top:37px; }.hero-grid { grid-template-columns:1fr; gap:61px; }.signal-card { margin:auto; }.trusted { flex-wrap:wrap; gap:14px 20px; padding-top:60px; }.problem-section { padding:75px 0; }.split-section { grid-template-columns:1fr; gap:31px; }.features { grid-template-columns:1fr; padding-block:52px; }.features article,.features article:first-child,.features article:last-child { min-height:0; padding:29px 0; border-left:0; border-top:1px solid var(--line); }.features h3 { margin:19px 0 8px; }.cta { display:block; margin-bottom:42px; padding:42px 26px; }.cta-form { width:100%; margin-top:35px; } footer { flex-wrap:wrap; gap:12px 18px; } footer .brand { width:100%; } }
@media (max-width:430px) { .nav-link { display:none; } h1 { font-size:47px; }.form-fields { grid-template-columns:1fr; }.trusted { display:grid; grid-template-columns:1fr 1fr; }.trusted span:first-child { grid-column:1/-1; }.cta h2 { font-size:43px; } }