:root { --ink:#111111; --paper:#f5f4f0; --line:#c8c7c1; --acid:#d5ff3f; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Manrope,Arial,sans-serif; }
main, footer { max-width:1440px; margin:auto; padding-inline:clamp(24px,5vw,76px); }
nav { height:100px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.wordmark { color:var(--ink); font-size:2rem; font-weight:800; letter-spacing:-.115em; line-height:1; text-decoration:none; }
.wordmark span { color:#777; }
.nav-link, footer a { color:var(--ink); font-size:.78rem; font-weight:700; text-decoration:none; }
.nav-link span { margin-left:.35rem; font-size:1rem; }
.hero { min-height:calc(100svh - 100px); display:flex; flex-direction:column; justify-content:center; padding:clamp(76px,12vh,150px) 0 60px; border-bottom:1px solid var(--line); }
.eyebrow,.section-label { font-family:"DM Mono",monospace; font-size:.65rem; letter-spacing:.02em; text-transform:uppercase; }
.eyebrow { display:flex; align-items:center; gap:.55rem; margin:0 0 clamp(44px,8vw,98px); }
.eyebrow span { display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--ink); }
h1,h2,p { margin-top:0; }
h1 { max-width:1000px; margin-bottom:clamp(52px,9vw,110px); font-size:clamp(4.4rem,10vw,10.4rem); font-weight:700; letter-spacing:-.095em; line-height:.82; }
h1 em { color:#a5a49f; font-style:normal; }
.hero-bottom { display:flex; justify-content:space-between; align-items:end; gap:2rem; }
.hero-bottom p { max-width:360px; margin-bottom:0; font-size:.98rem; line-height:1.6; }
.circle-link { width:68px; height:68px; border:1px solid var(--ink); border-radius:50%; display:grid; place-items:center; color:var(--ink); text-decoration:none; font-size:1.5rem; transition:background .2s,color .2s; }
.circle-link:hover { background:var(--ink); color:var(--paper); }
.statement { padding:clamp(90px,13vw,190px) 0; display:grid; grid-template-columns:1fr 2.2fr; column-gap:3rem; border-bottom:1px solid var(--line); }
.section-label { margin-bottom:1.2rem; }
.statement h2,.waitlist h2 { margin:0; font-size:clamp(2.75rem,6.1vw,7rem); font-weight:600; letter-spacing:-.085em; line-height:.91; }
.statement h2 span { color:#888782; }
.statement-copy { grid-column:2; width:min(450px,100%); margin:clamp(60px,9vw,140px) 0 0; font-size:1.05rem; line-height:1.75; }
.waitlist { margin-inline:calc(clamp(24px,5vw,76px) * -1); padding:clamp(72px,9vw,140px) clamp(24px,5vw,76px); background:var(--ink); color:var(--paper); display:grid; grid-template-columns:1fr 1fr; gap:5rem; }
.waitlist .section-label { color:#a09f9a; }
.signup { align-self:end; max-width:460px; }
.signup > p:first-child { margin-bottom:2rem; font-size:.95rem; line-height:1.6; }
form { display:flex; border-bottom:1px solid #84837e; }
input { min-width:0; flex:1; border:0; outline:0; background:transparent; color:var(--paper); font:500 .9rem Manrope,sans-serif; padding:1rem 0; }
input::placeholder { color:#969590; }
button { cursor:pointer; border:0; background:transparent; color:var(--acid); font:700 .8rem Manrope,sans-serif; white-space:nowrap; padding:1rem 0 1rem 1rem; }
button span { margin-left:.35rem; font-size:1rem; }
.form-message { min-height:1.5rem; margin:1rem 0 0; color:var(--acid); font-size:.75rem; }
footer { min-height:110px; display:flex; align-items:center; justify-content:space-between; gap:1rem; }
footer p { margin:0; color:#777671; font-size:.7rem; }
.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:720px) { nav{height:80px}.hero{min-height:calc(100svh - 80px)} .statement,.waitlist{grid-template-columns:1fr;gap:2.8rem}.statement-copy{grid-column:1;margin-top:0}.waitlist{gap:3.5rem} footer{min-height:145px; align-items:flex-start; flex-direction:column; justify-content:center} }