@import url("https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..700;1,6..96,400..600&family=Geist:wght@300..700&family=Geist+Mono:wght@400;500&display=swap");
:root{
  --bg:#f7f7f5;--raised:#fff;--sunken:#efefec;--ink:#161615;--ink-inv:#fff;
  --muted:#585853;--subtle:#7a7a74;--line:#e3e3df;--accent:#e09a1a;--accent-fg:#8f5d08;
  --display:"Bodoni Moda",Georgia,serif;--sans:"Geist",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"Geist Mono",ui-monospace,Menlo,monospace;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root{
  --bg:#0f0f0e;--raised:#181817;--sunken:#1f1f1d;--ink:#f3f3f0;--ink-inv:#111110;
  --muted:#b2b2ab;--subtle:#8a8a84;--line:#2a2a27;--accent:#f2b23a;--accent-fg:#f6c766;color-scheme:dark}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.6 var(--sans);overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}
.wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 20px}
@media(min-width:700px){.wrap{padding:0 32px}}
header.top{display:flex;align-items:center;justify-content:space-between;height:68px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:600 15px/1 var(--sans)}
.brand img{width:28px;height:28px;border-radius:7px}
.top nav a{font-size:14px;color:var(--muted);text-decoration:none}
.top nav a:hover{color:var(--ink)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font:500 12px/1 var(--mono);color:var(--muted);letter-spacing:.02em}
.eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--accent)}
h1,h2{font-family:var(--display);font-weight:400;letter-spacing:-.01em;margin:0;line-height:1.08}
h1{font-size:clamp(38px,7vw,76px);margin-top:18px}
h2{font-size:clamp(28px,4vw,40px)}
em{font-style:italic}
.hero{padding:40px 0 56px;display:grid;gap:40px;align-items:center}
@media(min-width:900px){.hero{grid-template-columns:1.1fr .9fr;padding:72px 0 88px;gap:64px}}
.lead{font-size:18px;color:var(--muted);max-width:52ch;margin:22px 0 0}
.cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.btn{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 20px;border-radius:999px;border:1px solid var(--line);background:var(--raised);color:var(--ink);font:500 15px/1 var(--sans);text-decoration:none;white-space:nowrap}
.btn:hover{border-color:var(--subtle)}
.btn.primary{background:var(--ink);color:var(--ink-inv);border-color:var(--ink)}
.btn.primary:hover{opacity:.88}
.small{font:400 13px/1.5 var(--sans);color:var(--subtle);margin-top:14px}
.small code,.mono{font-family:var(--mono)}
.hero-art{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:520px}
.hero-art img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:14px;background:var(--sunken)}
.hero-art img:nth-child(2){margin-top:32px}
section{padding:56px 0}
section.alt{background:var(--raised);border-block:1px solid var(--line)}
.steps{list-style:none;padding:0;margin:32px 0 0;display:grid;gap:14px}
@media(min-width:560px){.steps{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.steps{grid-template-columns:repeat(4,1fr)}}
.steps li{padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--bg)}
section.alt .steps li{background:var(--bg)}
.steps b{display:block;font:500 12px/1 var(--mono);color:var(--accent-fg);margin-bottom:14px}
.steps h3{font:600 17px/1.3 var(--sans);margin:0 0 6px}
.steps p{margin:0;color:var(--muted);font-size:15px}
.two{display:grid;gap:28px}
@media(min-width:860px){.two{grid-template-columns:.9fr 1.1fr;gap:64px}}
.two p{color:var(--muted);margin:14px 0 0;max-width:56ch}
.facts{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.facts li{display:flex;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--raised);font-size:15px}
.facts li span{color:var(--muted)}
.facts i{flex:none;margin-top:9px;width:6px;height:6px;border-radius:50%;background:var(--ink)}
.strip{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:28px}
@media(min-width:560px){.strip{grid-template-columns:repeat(3,1fr)}}
@media(min-width:900px){.strip{grid-template-columns:repeat(6,1fr)}}
.strip img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:12px;background:var(--sunken)}
.note{text-align:center;color:var(--muted);padding:8px 0 56px;margin:0}
.note a{color:var(--ink)}
.support{text-align:center}
.support .cta{justify-content:center}
.support p{color:var(--muted);margin:12px auto 0;max-width:46ch}
footer{border-top:1px solid var(--line);padding:28px 0 40px;font-size:14px;color:var(--subtle)}
footer .wrap{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between}
footer nav{display:flex;flex-wrap:wrap;gap:8px 20px}
footer a{color:var(--muted);text-decoration:none}
footer a:hover{color:var(--ink)}
[hidden]{display:none!important}
.btn[aria-disabled="true"]{pointer-events:none;opacity:.55}
.note-top{padding-top:40px}