:root { --ink:#17130f; --fire:#ff5a1f; --flash:#ffc400; --canvas:#f4f4f6; --muted:#6b6b73; }
* { box-sizing: border-box; }
body { margin:0; font-family:Poppins,system-ui,sans-serif; background:var(--canvas); color:var(--ink); line-height:1.6; }
.wrap { max-width:760px; margin:0 auto; padding:0 20px; }
a { color:var(--fire); }
.hero { background:radial-gradient(ellipse at 50% 110%,#c2410c,#5a1d07 45%,#120806 80%); color:#fff; padding:56px 0 64px; }
.logo { display:block; width:200px; height:auto; }
.hero h1 { font-size:clamp(32px,6vw,52px); line-height:1.15; margin:24px 0 16px; }
.hero p { font-size:18px; max-width:560px; opacity:.92; }
.stores { font-weight:600; color:var(--flash); }
section { background:#fff; border-radius:20px; padding:24px 28px; margin:24px 0; }
h2 { margin-top:0; }
.doc h2 { margin-top:32px; }
.muted { color:var(--muted); }
footer { color:var(--muted); font-size:14px; padding:24px 20px 48px; }