:root { --ink:#101714; --paper:#f2f0e9; --acid:#d9ff4a; --muted:#68706c; --line:rgba(16,23,20,.18); }
* { box-sizing:border-box; }
html { background:var(--ink); }
body { min-width:320px; margin:0; background:var(--paper); color:var(--ink); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
main { min-height:calc(100svh - 62px); overflow:hidden; background:radial-gradient(circle at 78% 22%,rgba(217,255,74,.55),transparent 23rem),radial-gradient(circle at 13% 86%,rgba(57,85,65,.13),transparent 30rem),var(--paper); }
nav { display:flex; align-items:center; justify-content:space-between; padding:20px clamp(22px,5vw,76px); }
.brand { display:inline-flex; gap:10px; align-items:center; color:inherit; font-size:14px; font-weight:900; letter-spacing:.13em; text-decoration:none; }
.brand img { border-radius:8px; }
.status { display:inline-flex; align-items:center; gap:8px; color:#3e4a44; font-size:12px; font-weight:700; }
.status i { width:8px; height:8px; border-radius:50%; background:#6a8b46; box-shadow:0 0 0 4px rgba(106,139,70,.14); }
.hero { max-width:1080px; padding:clamp(78px,13vw,190px) clamp(22px,9vw,132px) clamp(70px,10vw,120px); }
.eyebrow { margin:0 0 20px; color:#516348; font-size:12px; font-weight:900; letter-spacing:.16em; text-transform:uppercase; }
h1 { max-width:900px; margin:0; font-size:clamp(3.7rem,9vw,8.7rem); font-weight:820; letter-spacing:-.085em; line-height:.83; }
h1 em { color:#527042; font-family:Georgia,"Times New Roman",serif; font-weight:400; letter-spacing:-.095em; }
.lede { max-width:580px; margin:40px 0 28px; font-size:clamp(1.12rem,1.7vw,1.45rem); line-height:1.42; }
.cta { display:inline-flex; align-items:center; gap:18px; padding:14px 18px 14px 20px; border-radius:999px; background:var(--ink); color:var(--paper); font-size:14px; font-weight:800; text-decoration:none; transition:transform .2s ease,background .2s ease; }
.cta:hover { background:#31443a; transform:translateY(-2px); }
.cta span { color:var(--acid); font-size:20px; }
.note { margin:15px 0 0; color:var(--muted); font-size:12px; font-weight:600; }
.proof { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); }
.proof article { min-height:210px; padding:30px clamp(22px,4vw,58px); border-right:1px solid var(--line); }
.proof article:last-child { border-right:0; }
.proof span { color:#647b54; font:700 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace; }
h2 { margin:46px 0 8px; font-size:clamp(1.35rem,2.5vw,2rem); letter-spacing:-.055em; }
.proof p { max-width:250px; margin:0; color:#4d5953; font-size:14px; line-height:1.45; }
footer { display:flex; justify-content:space-between; gap:20px; padding:21px clamp(22px,5vw,76px); background:var(--ink); color:#cbd0c4; font-size:11px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; }
@media (max-width:680px) { nav { padding-top:17px; padding-bottom:17px; } .status { font-size:10px; } .hero { padding-top:78px; } h1 { font-size:clamp(3.4rem,17vw,5.5rem); } .lede { margin-top:30px; } .proof { grid-template-columns:1fr; } .proof article { min-height:0; padding:25px 22px 28px; border-right:0; border-bottom:1px solid var(--line); } .proof article:last-child { border-bottom:0; } h2 { margin-top:28px; } footer { flex-direction:column; gap:8px; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto !important; transition:none !important; } }