:root { --ink:#111318; --paper:#f5f1e9; --yellow:#f4c430; --muted:#96979a; --line:#2a2d34; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--ink); color:var(--paper); font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
main, footer { max-width:1280px; margin:auto; padding-inline:clamp(24px, 6vw, 88px); }
.nav { height:92px; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid var(--line); }
.brand { display:inline-flex; align-items:center; gap:10px; color:inherit; font-size:18px; font-weight:750; text-decoration:none; letter-spacing:-.04em; }
.brand img { width:27px; height:27px; object-fit:contain; }
.nav-link { color:var(--paper); text-decoration:none; font-size:14px; }
.hero { min-height:660px; padding:clamp(78px, 12vw, 150px) 0 84px; border-bottom:1px solid var(--line); }
.eyebrow { color:var(--yellow); font-size:11px; font-weight:750; letter-spacing:.14em; margin:0 0 22px; }
h1, h2, p, blockquote { margin-top:0; }
h1 { max-width:900px; font-size:clamp(58px, 10vw, 145px); line-height:.87; letter-spacing:-.075em; margin-bottom:34px; }
.intro { max-width:590px; color:#d5d1ca; font-size:clamp(18px, 2vw, 23px); line-height:1.45; }
.hero-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:38px; }
.button { min-height:48px; display:inline-flex; align-items:center; justify-content:center; gap:10px; border:1px solid transparent; padding:0 20px; font:inherit; font-size:14px; font-weight:700; text-decoration:none; cursor:pointer; }
.button-primary { background:var(--yellow); color:var(--ink); }
.button-primary:hover { background:#ffd044; }
.button-quiet { border-color:#585b61; color:var(--paper); }
.button-quiet:hover { border-color:var(--paper); }
.platforms { margin-top:74px; color:var(--muted); font-size:13px; }
.proof { display:grid; grid-template-columns:repeat(3, 1fr); border-bottom:1px solid var(--line); }
.proof article { padding:40px 32px 52px 0; border-right:1px solid var(--line); }
.proof article + article { padding-left:32px; }
.proof article:last-child { border-right:0; }
.number { display:block; color:var(--yellow); font-size:12px; margin-bottom:64px; }
.proof h2 { font-size:clamp(23px, 2.3vw, 33px); line-height:1.03; letter-spacing:-.05em; }
.proof p { color:var(--muted); line-height:1.5; max-width:300px; }
.workflow { padding:120px 0; display:grid; grid-template-columns:1.05fr 1fr; gap:80px; border-bottom:1px solid var(--line); }
.workflow h2, .beta h2 { font-size:clamp(38px, 5vw, 65px); line-height:.94; letter-spacing:-.06em; margin-bottom:0; }
ol { list-style:none; margin:0; padding:0; }
li { display:grid; grid-template-columns:120px 1fr; padding:18px 0; border-top:1px solid var(--line); }
li:last-child { border-bottom:1px solid var(--line); }
li span { color:var(--yellow); font-weight:700; }
li p { margin:0; color:#d5d1ca; line-height:1.45; }
.positioning { padding:130px 0; max-width:990px; }
blockquote { font-size:clamp(34px, 5vw, 70px); line-height:1; letter-spacing:-.065em; }
.positioning-copy { max-width:580px; color:var(--muted); font-size:18px; line-height:1.5; }
.name-story { padding:115px 0 120px; border-bottom:1px solid var(--line); }
.name-story h2 { font-size:clamp(45px, 6vw, 82px); line-height:.9; letter-spacing:-.065em; margin-bottom:25px; }
.name-story h2 span { color:var(--yellow); font-size:.55em; font-weight:500; letter-spacing:-.04em; }
.name-lead { max-width:560px; font-size:clamp(22px, 2.6vw, 32px); line-height:1.15; letter-spacing:-.04em; margin-bottom:18px; }
.name-copy { max-width:510px; color:var(--muted); font-size:18px; line-height:1.5; margin-bottom:34px; }
.name-signoff { color:var(--yellow); font-size:15px; font-weight:700; }
.beta { margin:0 -1px; padding:clamp(52px, 8vw, 100px); background:var(--yellow); color:var(--ink); }
.beta .eyebrow { color:#6d5510; }
.beta h2 { max-width:650px; }
.beta > p:not(.eyebrow):not(.form-note) { max-width:550px; margin:28px 0; font-size:18px; line-height:1.45; }
form { display:flex; gap:10px; max-width:570px; margin-top:34px; }
label { flex:1; font-size:0; }
input { width:100%; min-height:48px; padding:0 15px; border:1px solid #a47f0b; background:#fff9e9; color:var(--ink); font:inherit; font-size:15px; }
.form-note { color:#6d5510; font-size:12px; margin:15px 0 0; }
footer { display:flex; justify-content:space-between; align-items:center; gap:20px; min-height:104px; color:var(--muted); font-size:12px; }
footer .brand { color:var(--paper); }
@media (max-width:760px) { .proof, .workflow { grid-template-columns:1fr; gap:0; } .proof article, .proof article + article { padding:30px 0; border-right:0; border-bottom:1px solid var(--line); } .number { margin-bottom:30px; } .workflow { padding:76px 0; } .workflow-heading { padding-bottom:46px; } form, footer { flex-direction:column; align-items:stretch; } footer { padding-block:32px; } h1 { font-size:clamp(56px, 18vw, 100px); } }