:root{--orange:#F58220;--orange-d:#B8560A;--blue:#1E88E5;--blue-d:#1565C0;--red:#E53935;--yellow:#FFC107;--cream:#FFF8EC;--ink:#2B2B2B}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Nunito,system-ui,sans-serif;font-size:1.1rem;line-height:1.6;color:var(--ink);background:#fff}
img{max-width:100%;height:auto;display:block}
h1,h2{font-family:"Baloo 2",system-ui,sans-serif;line-height:1.1;margin:0 0 .5rem}
h1{font-size:clamp(2.4rem,8vw,4rem);color:var(--red);font-weight:800}
h2{font-size:clamp(1.8rem,5vw,2.6rem);color:var(--blue-d);font-weight:800}
a{color:var(--blue-d)}
.wrap{max-width:1100px;margin:0 auto;padding:0 1.25rem}
.narrow{max-width:720px;text-align:center}
section{padding:3.5rem 0}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.5rem;z-index:10}
.site-header{background:#fff;border-bottom:4px solid var(--yellow);position:sticky;top:0;z-index:5}
.header-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.25rem 1rem;padding:.4rem 1.25rem}
.brand img{width:76px;height:76px}
nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:.25rem .9rem;margin:0;padding:0}
nav a{font-family:"Baloo 2",sans-serif;font-weight:600;font-size:1.05rem;text-decoration:none;color:var(--blue-d);padding:.3rem .2rem}
nav a:hover,nav a:focus{color:var(--red)}
.hero{background:radial-gradient(circle at 20% 10%,#FFE082 0,var(--cream) 60%)}
.hero-inner{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;align-items:center}
.cover img{width:100%;border-radius:14px;box-shadow:0 12px 30px rgba(0,0,0,.18);max-width:340px;margin:0 auto;transform:rotate(-2deg)}
.sub{font-family:"Baloo 2",sans-serif;font-weight:600;font-size:1.35rem;color:var(--orange-d);margin-top:0}
.btn{display:inline-block;background:var(--red);color:#fff;font-family:"Baloo 2",sans-serif;font-weight:800;font-size:1.3rem;padding:.75rem 1.8rem;border-radius:999px;border:0;text-decoration:none;cursor:pointer;box-shadow:0 5px 0 #A8231F;transition:transform .1s}
.btn:hover,.btn:focus-visible{transform:translateY(-2px)}
.btn:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.small{font-size:.95rem;color:#555}
.two-col{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;align-items:center}
.spread img{width:100%;border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.15);max-width:560px;margin:0 auto}
.quote{font-size:1.25rem;background:var(--cream);border-left:6px solid var(--orange);padding:.6rem 1rem;border-radius:8px}
.details{background:var(--blue)}
.card{background:#fff;border-radius:24px;padding:2rem 1.5rem;max-width:720px;text-align:center}
.facts{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;margin:1rem 0}
.facts li{background:var(--cream);border-radius:14px;padding:.6rem}
.facts strong{display:block;color:var(--orange-d)}
.coming{background:var(--yellow)}
.coming h2{color:var(--ink)}
.join{background:var(--cream)}
.signup label{display:block;font-weight:700;margin-bottom:.4rem}
.signup .row{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}
.signup input{flex:1 1 240px;max-width:380px;font:inherit;padding:.75rem 1rem;border:3px solid var(--blue);border-radius:999px}
.site-footer{background:var(--blue-d);color:#fff;text-align:center;padding:2.5rem 0}
.site-footer h2,.site-footer a{color:#fff}
.site-footer .small{color:#E3F2FD}
@media(min-width:800px){
 .hero-inner{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}
 .two-col{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .brand img{width:96px;height:96px}
 .header-inner{flex-wrap:nowrap}
 section{padding:5rem 0}
 .facts{grid-template-columns:repeat(4,1fr)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}
.two-col>*,.hero-inner>*{min-width:0}