:root{--y:#ffd21f;--r:#e83a2b;--k:#141010;--c:#fff6e6}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{background:var(--k);color:var(--c);font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}
h1,h2,.big,.logo,.stat b{font-family:Impact,"Arial Black",sans-serif;text-transform:uppercase;letter-spacing:.01em;line-height:.9}
.top{position:fixed;inset:0 0 auto;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:rgba(20,16,16,.85);backdrop-filter:blur(6px)}
.logo{font-size:24px;color:var(--y)}.logo b{color:var(--r)}
.btn{display:inline-block;background:var(--r);color:#fff;text-decoration:none;font-weight:800;padding:14px 22px;border-radius:999px;border:3px solid var(--r);text-align:center}
.btn.sm{padding:8px 14px;font-size:14px}.btn.ghost{background:transparent;color:var(--y);border-color:var(--y)}
.btn.huge{display:block;font-size:20px;margin-top:40px;padding:20px;background:#25d366;border-color:#25d366;color:#08210f}
.hero{max-width:none;padding:0}
.stage{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:70px 20px 20px;background:radial-gradient(circle at 50% 70%,#3a1a10,var(--k) 70%)}
.copy{text-align:center}
.kicker{color:var(--y);font-weight:700;letter-spacing:.15em;text-transform:uppercase;font-size:12px}
h1{font-size:clamp(40px,10vw,120px);color:var(--c)}h1 span{color:var(--y)}
.hint{opacity:.7;margin-top:6px}
.steps{list-style:none;padding:0;margin-top:8px;height:1.6em;position:relative}
.steps li{position:absolute;inset:0;opacity:0;font-weight:800;color:var(--y)}
.burger{width:min(70vw,44vh,380px);overflow:visible}
section{padding:90px 20px;max-width:1000px;margin:auto}
.big{font-size:clamp(44px,10vw,96px);color:var(--y);margin-bottom:24px}
.story p:not(.big){font-size:19px;max-width:640px}
h2{font-size:clamp(48px,10vw,90px);color:var(--r);margin-bottom:28px}
.cards{display:grid;gap:14px}
.card{background:#231a17;border:3px solid #3a2a24;border-radius:18px;padding:20px}
.card h3{color:var(--y);font-size:20px;margin-bottom:6px}
.card.hot{background:var(--y);color:var(--k);border-color:var(--y);transform:rotate(-1.5deg)}.card.hot h3{color:var(--r);font-size:26px}
.tag{display:inline-block;background:var(--r);color:#fff;font-size:12px;font-weight:800;padding:3px 10px;border-radius:99px;margin-bottom:8px;text-transform:uppercase}
.note,.src,.tip{opacity:.7;margin-top:16px;font-size:14px}
.proof{text-align:center}
.stat b{display:block;font-size:clamp(80px,22vw,180px);color:var(--y)}
.quotes{display:grid;gap:14px;margin-top:30px}
blockquote{font-size:22px;font-weight:800;background:var(--r);padding:20px;border-radius:18px;transform:rotate(var(--rot,1deg))}
blockquote:nth-child(2){--rot:-1.2deg;background:#fff;color:var(--k)}
.grid{display:grid;gap:30px}.visit h3{color:var(--y);text-transform:uppercase;margin-bottom:8px}
.hours b{font-family:Impact,sans-serif;font-size:48px;color:var(--c)}
.visit .btn.ghost{margin-top:16px}
.mill{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;padding:14px 16px;background:#000;border-top:2px solid #333;font-size:14px}
.fb{display:flex;gap:8px}
@media(min-width:760px){.cards{grid-template-columns:repeat(3,1fr)}.quotes{grid-template-columns:repeat(3,1fr)}.grid{grid-template-columns:1fr 1fr}
.stage{flex-direction:row;gap:60px}.copy{text-align:left}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero{height:auto}.stage{height:auto;min-height:100vh}.steps{display:none}}
