@font-face{font-family:Fredoka;font-weight:500;font-display:swap;src:url(fonts/fredoka-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:Fredoka;font-weight:600;font-display:swap;src:url(fonts/fredoka-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:Anton;font-weight:400;font-display:swap;src:url(fonts/anton-latin-400-normal.woff2) format("woff2")}
:root{--red:#B22234;--gold:#D9A441;--gold2:#FFD27A;--navy:#22305A;--ink:#1B2540;--paper:#FFFBF2;--paper2:#FBEFDA;--line:#E9DCC3;color-scheme:light}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.6 Georgia,"Iowan Old Style","Times New Roman",serif}
img{max-width:100%;height:auto;display:block}
a{color:var(--red)}
.wrap{max-width:1040px;margin:0 auto;padding:0 16px}
.narrow{max-width:720px}
h1,h2,h3{font-family:Fredoka,"Trebuchet MS",sans-serif;font-weight:600;line-height:1.15;color:var(--navy);margin:0 0 .5em}
h1{font-size:clamp(2rem,6vw,3.3rem)}
h2{font-size:clamp(1.6rem,4vw,2.2rem)}
h3{font-size:2rem;color:var(--red);margin-bottom:.15em}
p{margin:0 0 1em}
.label{font-family:Anton,Impact,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--red);font-size:.9rem;margin:0}
.small{font-size:.9rem;color:#4a5370}
.top{position:sticky;top:0;z-index:5;background:rgba(255,251,242,.95);border-bottom:1px solid var(--line)}
.top-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;flex-wrap:wrap}
.brand img{height:38px;width:auto}
nav{display:flex;gap:16px;flex-wrap:wrap}
nav a{font-family:Fredoka,sans-serif;font-weight:500;text-decoration:none;color:var(--navy);font-size:1rem}
nav a:hover{color:var(--red)}
.hero{background:linear-gradient(180deg,#F6C9A0 0%,#FBE3C8 60%,var(--paper) 100%);padding:40px 0 24px}
.hero-row{display:grid;grid-template-columns:1fr;gap:16px;align-items:end}
.hero-wiley{width:min(300px,70%);margin:0 auto}
.lead{font-size:1.1rem;max-width:34em}
.motto{display:inline-flex;flex-direction:column;align-items:center;font-family:Fredoka,sans-serif;font-weight:600;line-height:1.05;padding:16px 36px 18px;margin:.3em 0 1em;border-radius:16px;border-top:4px solid var(--gold);background:radial-gradient(circle,rgba(255,255,255,.55) 0 1.6px,transparent 2.4px) 8% 22%/100% 100% no-repeat,radial-gradient(circle,rgba(255,255,255,.4) 0 1.2px,transparent 2px) 92% 30%/100% 100% no-repeat,radial-gradient(circle,rgba(255,255,255,.35) 0 1.2px,transparent 2px) 14% 82%/100% 100% no-repeat,radial-gradient(circle,rgba(255,255,255,.45) 0 1.4px,transparent 2.2px) 86% 78%/100% 100% no-repeat,linear-gradient(180deg,#1F2B55,#17213F)}
.motto .m1{color:#FFF8E8;font-size:1.35rem}
.motto .m2{color:var(--gold2);font-size:2.6rem}
.buttons{display:flex;flex-wrap:wrap;gap:12px;margin:8px 0 12px}
.btn{display:inline-block;font-family:Fredoka,sans-serif;font-weight:600;font-size:1.05rem;text-decoration:none;padding:12px 20px;border-radius:999px;border:2px solid transparent}
.btn-red{background:var(--red);color:#fff}
.btn-red:hover{background:#951c2b}
.btn-line{border-color:var(--navy);color:var(--navy)}
.btn-line:hover{background:var(--navy);color:#fff}
.btn-gold{background:var(--gold2);color:var(--navy)}
.btn-gold:hover{background:var(--gold)}
.section{padding:48px 0}
.paper2{background:var(--paper2)}
.navy{background:var(--navy);color:#FFF6E6}
.navy h2{color:var(--gold2)}
.intro{max-width:44em}
.book{display:grid;grid-template-columns:1fr;gap:20px;margin-top:24px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:16px}
.cover{width:min(240px,70%);margin:0 auto;border-radius:6px;box-shadow:0 10px 24px rgba(27,37,64,.25)}
.subtitle{font-style:italic;font-size:1.1rem}
.release{font-weight:bold}
.soon{font-family:Fredoka,sans-serif;font-weight:500;color:var(--navy);background:var(--paper2);display:inline-block;padding:8px 14px;border-radius:10px}
.two{display:grid;grid-template-columns:1fr;gap:24px;align-items:center}
.workbook{width:min(260px,70%);margin:0 auto;border-radius:6px;box-shadow:0 10px 24px rgba(27,37,64,.2)}
.coins{width:min(360px,100%);margin:0 0 12px}
.watch{background:radial-gradient(ellipse 55% 90% at 22% 50%,#3A4470 0%,var(--navy) 70%)}
.spot{position:relative;display:flex;justify-content:center;padding:16px 0}
.spot::before{content:"";position:absolute;left:50%;top:50%;width:min(420px,95%);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(255,222,150,.75) 0%,rgba(230,185,95,.45) 40%,rgba(217,164,65,.15) 70%,rgba(34,48,90,0) 100%)}
.stand{position:relative;width:min(240px,60%);margin:0 auto}
.rule{display:flex;align-items:center;gap:12px;max-width:420px;margin:0 0 16px}
.rule::before,.rule::after{content:"";flex:1;height:2px;background:var(--gold)}
.email{font-family:Fredoka,sans-serif;font-weight:600;font-size:clamp(1.15rem,4.5vw,1.6rem);overflow-wrap:anywhere}
.foot{background:var(--navy);color:#FFF6E6;text-align:center;padding:40px 0}
.foot .signoff{width:min(220px,60%);margin:0 auto 12px}
.foot .tip{font-style:italic}
.foot .small{color:#C9D0E4}
a:focus-visible,.btn:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
@media (min-width:760px){
  .hero{padding:64px 0 32px}
  .hero-row{grid-template-columns:1.4fr 1fr}
  .book{grid-template-columns:260px 1fr;padding:28px;gap:32px}
  .cover{width:100%}
  .two{grid-template-columns:1fr 1.3fr}
  #watch .two{grid-template-columns:1fr 1.3fr}
  .workbook{width:100%;max-width:320px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}