@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Noto+Serif+SC:wght@500;600&display=swap');

:root { --ink:#171714; --paper:#f2f0e9; --acid:#d9ff43; --line:#c8c5bc; --muted:#68675f; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font:15px/1.6 "DM Sans", system-ui, sans-serif; }
a { color:inherit; }
.site-header { height:78px; padding:0 4vw; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.wordmark { font-size:13px; font-weight:600; letter-spacing:.08em; text-decoration:none; }
.header-link { font-size:13px; text-decoration:none; border-bottom:1px solid; }
.header-link span { margin-left:8px; }
main, footer { width:min(1440px, 100%); margin:auto; }
.hero { min-height:calc(100vh - 78px); padding:7vh 4vw 5vh; display:flex; flex-direction:column; justify-content:space-between; }
.eyebrow, .section-no { margin:0; font-size:11px; font-weight:600; letter-spacing:.13em; text-transform:uppercase; }
.status-dot { display:inline-block; width:7px; height:7px; margin-right:9px; border-radius:50%; background:#5d8c31; box-shadow:0 0 0 4px rgba(93,140,49,.14); }
h1 { margin:0; font-size:clamp(66px, 13vw, 190px); font-weight:500; line-height:.8; letter-spacing:-.075em; white-space:nowrap; }
h1 b { color:#8b8981; font:inherit; }
.hero-footer { display:flex; align-items:end; justify-content:space-between; border-top:1px solid var(--ink); padding-top:20px; }
.hero-footer p { width:min(430px, 70%); margin:0; font:500 clamp(17px, 2vw, 25px)/1.45 "Noto Serif SC", serif; }
.round-link { width:52px; height:52px; display:grid; place-items:center; border:1px solid var(--ink); border-radius:50%; font-size:22px; text-decoration:none; transition:.2s; }
.round-link:hover { background:var(--ink); color:var(--paper); transform:translateY(3px); }
.case, .uses, .offer { padding:110px 4vw; border-top:1px solid var(--line); }
.case { display:grid; grid-template-columns:1fr 2fr; gap:5vw; }
.case-copy h2, .offer h2 { margin:0 0 36px; font:600 clamp(36px, 5vw, 72px)/1.18 "Noto Serif SC", serif; letter-spacing:-.045em; }
.case-copy>p { max-width:650px; color:var(--muted); font-size:18px; }
.metrics { grid-column:2; display:grid; grid-template-columns:repeat(3,1fr); margin:80px 0 0; border-top:1px solid var(--line); }
.metrics div { padding:25px 20px 0 0; }
.metrics dt { font-size:32px; letter-spacing:-.04em; }
.metrics dd { margin:3px 0; color:var(--muted); font-size:13px; }
.use-list { margin:65px 0 0 25%; border-top:1px solid var(--ink); }
.use-list article { display:grid; grid-template-columns:55px 1fr 1fr; align-items:baseline; gap:20px; padding:28px 0; border-bottom:1px solid var(--line); }
.use-list span { color:var(--muted); font-size:11px; }
.use-list h3 { margin:0; font:500 25px "Noto Serif SC", serif; }
.use-list p { margin:0; color:var(--muted); }
.offer { display:grid; grid-template-columns:1fr 1fr; gap:8vw; background:var(--acid); }
.offer form { display:grid; align-content:start; }
label { padding:16px 0 9px; border-bottom:1px solid rgba(23,23,20,.45); font-size:11px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; }
input, textarea { width:100%; margin-top:7px; padding:7px 0; border:0; outline:0; resize:vertical; color:var(--ink); background:transparent; font:17px/1.5 inherit; }
textarea { min-height:88px; }
input::placeholder, textarea::placeholder { color:rgba(23,23,20,.48); }
.offer button { margin-top:28px; padding:17px 20px; display:flex; justify-content:space-between; border:0; color:white; background:var(--ink); font:600 14px inherit; cursor:pointer; }
.offer button:hover span { transform:translate(3px,-3px); }
.offer button span { transition:.2s; }
.form-note { color:rgba(23,23,20,.62); font-size:11px; }
.trust { padding:28px 4vw; display:grid; grid-template-columns:repeat(3,1fr); border-bottom:1px solid var(--line); }
.trust p { margin:0; font-size:12px; }
.trust p:not(:first-child) { text-align:right; }
footer { padding:35px 4vw 50px; display:flex; justify-content:space-between; color:var(--muted); font-size:11px; letter-spacing:.08em; }
footer a { text-underline-offset:4px; }

@media (max-width:700px) {
  .site-header { height:64px; }
  .hero { min-height:calc(100svh - 64px); padding-top:6vh; }
  h1 { font-size:clamp(48px, 18.2vw, 110px); white-space:normal; line-height:.9; }
  h1 span, h1 b { display:block; }
  h1 b { margin-left:26%; }
  .hero-footer { align-items:center; }
  .case, .uses, .offer { padding-top:72px; padding-bottom:72px; }
  .case, .offer { grid-template-columns:1fr; }
  .case-copy { margin-top:50px; }
  .metrics { grid-column:1; margin-top:42px; }
  .metrics dt { font-size:23px; }
  .use-list { margin:45px 0 0; }
  .use-list article { grid-template-columns:38px 1fr; }
  .use-list p { grid-column:2; }
  .offer form { margin-top:35px; }
  .trust { grid-template-columns:1fr; gap:8px; }
  .trust p:not(:first-child) { text-align:left; }
}

@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } * { transition:none!important; } }