:root { color-scheme:dark; --ink:#f0f3eb; --paper:#0b0e0a; --muted:#9da69a; --line:#30372e; --acid:#d8ff45; --dark:#131812; --field:#171c16; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial, Helvetica, sans-serif; line-height:1.5; }
a { color:inherit; }
.site-header { min-height:86px; padding:18px 4vw; display:flex; align-items:center; justify-content:space-between; gap:30px; border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:12px; text-decoration:none; font-weight:800; text-transform:lowercase; letter-spacing:-.04em; font-size:20px; line-height:1; }
.brand small { display:block; margin-top:5px; color:var(--muted); font-size:10px; letter-spacing:.06em; text-transform:uppercase; }
.brand-mark { width:30px; height:30px; border-radius:50% 50% 10% 50%; background:var(--ink); transform:rotate(45deg); }
nav { display:flex; gap:26px; }
nav a { text-decoration:none; font-size:14px; }
.hero { min-height:650px; padding:9vw 4vw 6vw; display:grid; grid-template-columns:1.55fr .75fr; gap:8vw; align-items:end; }
.eyebrow,.section-label { font-size:12px; letter-spacing:.16em; text-transform:uppercase; font-weight:700; }
h1 { margin:16px 0 20px; font-size:clamp(64px,10vw,150px); line-height:.82; letter-spacing:-.075em; }
.lede { max-width:640px; color:var(--muted); font-size:clamp(20px,2.3vw,32px); }
.hero-actions,.product-actions { display:flex; align-items:center; flex-wrap:wrap; gap:22px; margin-top:32px; }
.text-link { font-weight:700; text-underline-offset:5px; }
.button,button { display:inline-block; border:0; background:var(--acid); color:#10130f; padding:15px 22px; font:inherit; font-weight:700; text-decoration:none; cursor:pointer; }
.hero aside { padding:30px; color:var(--ink); background:var(--dark); border:1px solid var(--line); }
.hero aside>span { color:var(--muted); font-size:12px; text-transform:uppercase; letter-spacing:.12em; }
.hero aside>strong { display:block; margin:18px 0 30px; color:var(--acid); font-size:36px; }
dl { margin:0; display:grid; grid-template-columns:1fr 1fr; gap:15px; }
dt { color:var(--muted); font-size:12px; text-transform:uppercase; }
dd { margin:0; text-align:right; }
.section { padding:100px 4vw; border-top:1px solid var(--line); display:grid; grid-template-columns:1fr 3fr; gap:7vw; }
.section-copy { max-width:1000px; }
h2 { margin:0 0 25px; font-size:clamp(38px,5vw,72px); line-height:.96; letter-spacing:-.055em; }
.section-copy>p { max-width:740px; color:var(--muted); font-size:19px; }
.facts { margin-top:55px; display:grid; grid-template-columns:1fr 1fr; border-top:1px solid var(--line); }
.facts div { min-height:145px; padding:25px 20px 25px 0; border-bottom:1px solid var(--line); }
.facts div:nth-child(odd) { border-right:1px solid var(--line); }
.facts div:nth-child(even) { padding-left:30px; }
.facts span { display:block; margin-bottom:14px; color:var(--muted); font-size:12px; text-transform:uppercase; letter-spacing:.1em; }
.story-grid { display:grid; grid-template-columns:1fr 1fr; gap:45px; margin-top:36px; }
.story-grid p { margin:0; color:#bbc1b8; font-size:18px; }
.story-record { margin-top:65px; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.story-record div { padding:28px 28px 28px 0; }
.story-record div+div { padding-left:28px; border-left:1px solid var(--line); }
.story-record span,.fit-grid span { color:var(--muted); font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.story-record strong { display:block; margin:12px 0; font-size:20px; }
.story-record p { margin:0; color:var(--muted); font-size:14px; }
.product { padding:110px 4vw; background:#050704; color:var(--ink); border-top:1px solid var(--line); border-bottom:1px solid var(--line); display:grid; grid-template-columns:.85fr 1.6fr; gap:8vw; }
.product-intro { align-self:start; position:sticky; top:35px; }
.product-intro h2 { margin-top:30px; font-size:clamp(65px,9vw,135px); color:var(--acid); }
.product-intro>p:last-of-type { max-width:520px; color:#b8beb4; font-size:19px; }
.live-pill { display:inline-block; margin-top:22px; border:1px solid #697065; padding:7px 10px; color:var(--acid); font-size:11px; letter-spacing:.1em; text-transform:uppercase; }
.button-acid { background:var(--acid); color:#10130f; }
.product-actions>a:not(.button) { color:var(--ink); text-underline-offset:5px; }
.product-record { border-top:1px solid #50564d; }
.product-record>div { padding:38px 0; border-bottom:1px solid #50564d; display:grid; grid-template-columns:100px 1fr; gap:10px 30px; }
.product-record small { grid-row:1/3; color:var(--acid); font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.product-record h3 { margin:0; font-size:26px; letter-spacing:-.025em; }
.product-record p { margin:0; max-width:620px; color:#afb6ab; }
.fit-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:50px; background:var(--line); border:1px solid var(--line); }
.fit-grid article { min-height:270px; padding:30px; background:#111510; }
.fit-grid h3 { margin:32px 0 12px; font-size:25px; letter-spacing:-.035em; }
.fit-grid p { color:var(--muted); }
.approach { padding:110px 4vw; background:#111710; border-top:1px solid #293128; border-bottom:1px solid #293128; display:grid; grid-template-columns:1fr 1.35fr; gap:7vw; }
.approach>div:first-child { align-self:start; position:sticky; top:35px; }
.approach ol { margin:0; padding:0; list-style:none; border-top:1px solid #394237; }
.approach li { padding:25px 0; display:grid; grid-template-columns:50px 1fr; border-bottom:1px solid #394237; }
.approach li>b { color:#899184; font-size:12px; }
.approach li h3 { margin:0 0 8px; font-size:22px; }
.approach li p { margin:0; color:#abb2a6; }
.proof-links { grid-column:2; display:flex; flex-wrap:wrap; gap:24px; }
.proof-links a { font-weight:700; text-underline-offset:5px; }
.boundary { padding:90px 4vw; background:var(--dark); color:var(--ink); }
.boundary h2 { max-width:950px; }
.boundary>p:last-child { max-width:800px; color:#bfc5bb; font-size:18px; }
.contact-form { margin-top:42px; }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
label span { display:block; margin-bottom:7px; font-size:13px; font-weight:700; }
label small { color:var(--muted); font-weight:400; }
input,select,textarea { width:100%; border:1px solid #41493f; border-radius:0; background:var(--field); padding:14px; color:var(--ink); font:inherit; }
input:focus,select:focus,textarea:focus { outline:2px solid var(--acid); outline-offset:2px; border-color:transparent; }
textarea { min-height:180px; resize:vertical; }
.full { grid-column:1/-1; }
.check { display:flex; gap:12px; margin:22px 0; max-width:820px; }
.check input { width:18px; height:18px; flex:0 0 auto; }
.check span { font-weight:400; }
.notice { margin:25px 0; padding:15px; border:1px solid var(--line); }
.notice-success { background:#233318; border-color:#668634; }
.notice-error { background:#3a1c18; border-color:#8d4c41; }
.document { max-width:920px; min-height:65vh; padding:100px 4vw; }
.document h1 { font-size:clamp(52px,8vw,100px); }
.document section { margin:55px 0; }
.document h2 { font-size:32px; letter-spacing:-.03em; }
.document p { color:#b4bbb0; }
footer { padding:55px 4vw; display:grid; grid-template-columns:1.3fr 1fr .5fr; gap:50px; background:#040604; color:#d9ddd5; border-top:1px solid #242a22; font-size:13px; }
footer p { margin:7px 0; color:#9da399; }
footer div:last-child { display:flex; flex-direction:column; gap:8px; }
@media (max-width:760px) { .site-header { align-items:flex-start; } nav { gap:10px; flex-wrap:wrap; justify-content:flex-end; } .hero { min-height:auto; padding-top:100px; grid-template-columns:1fr; } h1 { font-size:65px; } .section,.product,.approach { grid-template-columns:1fr; } .product-intro,.approach>div:first-child { position:static; } .proof-links { grid-column:1; } .story-grid,.story-record,.fit-grid,.facts,.form-grid { grid-template-columns:1fr; } .story-record div+div { padding-left:0; border-left:0; border-top:1px solid var(--line); } .product-record>div { grid-template-columns:1fr; } .product-record small { grid-row:auto; } .facts div:nth-child(odd) { border-right:0; } .facts div:nth-child(even) { padding-left:0; } footer { grid-template-columns:1fr; } }