/* Layout: sticky top nav, one long page in five chapters (Home, Samples, Process, Questions, Sign up); sun-arc motif ties the brand together */
:root{
  --bg:#ffffff; --surface:#ffffff; --sunk:#eef1f6; --alt:#f4f6fa;
  --ink:#13203f; --muted:#56617a; --line:#dde2ec;
  --sun:#f29f05; --sun-ink:#7a4d00; --sun-soft:#fff1d6;
  --navy:#1d2b4f; --ok:#1f8a5b;
  --display:"Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;
  --body:"Figtree", "Segoe UI", system-ui, sans-serif;
  --r:14px; --wrap:1120px;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#0f1420; --surface:#171e2e; --sunk:#1e2638; --alt:#131a28;
  --ink:#eef1f7; --muted:#a3abbd; --line:#2a3348;
  --sun:#ffb22e; --sun-ink:#ffcf7a; --sun-soft:#3a2c10;
  --navy:#c9d5f2; --ok:#4cc38a; color-scheme:dark;
}}
:root[data-theme="dark"]{
  --bg:#0f1420; --surface:#171e2e; --sunk:#1e2638; --alt:#131a28;
  --ink:#eef1f7; --muted:#a3abbd; --line:#2a3348;
  --sun:#ffb22e; --sun-ink:#ffcf7a; --sun-soft:#3a2c10;
  --navy:#c9d5f2; --ok:#4cc38a; color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:76px}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6}
h1,h2,h3{font-family:var(--display);line-height:1.12;text-wrap:balance;margin:0}
h2{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;letter-spacing:-.01em}
h3{font-size:1.2rem;font-weight:700}
p{margin:0}
a{color:inherit}
.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:20px}
.eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--sun-ink)}
.lead{color:var(--muted);font-size:1.08rem;max-width:62ch}
.btn{display:inline-flex;align-items:center;gap:8px;font:600 1rem var(--body);padding:12px 22px;border-radius:999px;border:2px solid transparent;cursor:pointer;text-decoration:none;transition:transform .15s, background .15s}
.btn:hover{transform:translateY(-1px)}
.btn-sun{background:var(--sun);color:#1a1200}
.btn-ghost{background:transparent;border-color:var(--line);color:var(--ink)}
.btn-ghost:hover{border-color:var(--ink)}
:focus-visible{outline:3px solid var(--sun);outline-offset:2px}