:root{font-family:ui-rounded,system-ui,-apple-system,"Segoe UI",sans-serif;color:#172c36;background:#fffdf8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:4px solid #e79b23;outline-offset:3px}a{text-underline-offset:4px}.skip{position:absolute;left:-9999px;top:0;background:#fff;padding:12px;z-index:99}.skip:focus{left:12px}.wrap{max-width:1160px;margin:auto;padding:0 24px}.topbar{background:#fff;border-bottom:1px solid #e6e9e5}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:84px;flex-wrap:wrap}.brand{font-weight:900;letter-spacing:-.045em;font-size:1.65rem;text-decoration:none}.brand-mark{display:inline-grid;place-items:center;background:#193e48;color:white;border-radius:15px;width:42px;height:42px;margin-right:8px;letter-spacing:0;font-size:1rem}.navlinks{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.navlinks a{text-decoration:none;font-weight:750}.navlinks a:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:16px;padding:15px 22px;background:#173e4b;color:white;font-weight:800;text-decoration:none;min-height:48px}.btn:hover{filter:brightness(1.15)}.btn.secondary{background:white;color:#173e4b;border:2px solid #173e4b}.hero{padding:85px 0 78px;background:linear-gradient(125deg,#e5f8ed 0%,#f4f8ff 53%,#fff2d9 100%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center}.eyebrow{font-size:.83rem;letter-spacing:.16em;font-weight:900;text-transform:uppercase;color:#366977}.hero h1{font-size:clamp(2.9rem,6vw,5.5rem);line-height:1.06;letter-spacing:-.065em;margin:18px 0 22px;max-width:720px}.hero p{font-size:1.22rem;line-height:1.65;max-width:620px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.mascot{min-height:350px;display:grid;place-items:center;border-radius:42% 58% 44% 56%/54% 42% 58% 46%;background:radial-gradient(circle at 30% 30%,#fff 0%,#ffe4a5 46%,#c0e9d4 100%);box-shadow:0 25px 60px #153e4922;transform:rotate(-4deg)}.mascot span{font-size:clamp(7rem,15vw,12rem);filter:drop-shadow(0 15px 12px #173e4922);transform:rotate(4deg)}.section{padding:72px 0}.section.alt{background:#f4f7f6}.section h2{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.05em;margin:0 0 12px}.lead{font-size:1.1rem;line-height:1.65;color:#46606b;max-width:680px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px}.card{border:1px solid #dfe7e4;border-radius:24px;padding:27px;background:white;box-shadow:0 8px 24px #203c4a0b}.card h3{font-size:1.35rem;margin:12px 0}.card p{line-height:1.65;color:#46606b}.card a{font-weight:800}.character-card{text-decoration:none;display:block;transition:transform .15s}.character-card:hover{transform:translateY(-5px)}.character-art{display:grid;place-items:center;height:155px;border-radius:20px;font-size:5.2rem;background:var(--art,#e8f4ef)}.character-card .status{display:inline-block;font-size:.8rem;font-weight:850;padding:5px 11px;border-radius:99px;background:#e7f4eb;color:#235b42}.character-card .status.soon{background:#fff1d7;color:#7b5519}.character-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.character-grid .card{padding:15px}.character-grid h3{margin:12px 0 7px}.character-grid p{font-size:.9rem}.activity{background:#f8f1ff;border-radius:26px;padding:30px;margin-top:30px}.activity button{min-width:90px;min-height:76px;background:white;border:2px solid #a9a0c5;border-radius:14px;font-size:2rem}.activity button[aria-pressed=true]{background:#d7f5e7;border-color:#296b53}.activity .choices{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.activity .feedback{font-weight:800;min-height:2rem}.article{max-width:820px;margin:0 auto;padding:64px 24px}.article h1{font-size:clamp(2.3rem,5vw,4rem);letter-spacing:-.05em}.article .body{white-space:pre-wrap;line-height:1.85;font-size:1.1rem}.article img{max-width:100%;height:auto;border-radius:20px}.footer{padding:36px 0;background:#193e48;color:white}.footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer a{color:white}.muted{color:#46606b}.notice{background:#fff5dc;border-left:5px solid #a87921;padding:17px;border-radius:9px;line-height:1.6}.soon-hero{background:linear-gradient(135deg,#e9edff,#fff1e7)}@media(max-width:950px){.hero-grid{grid-template-columns:1fr}.mascot{min-height:250px}.character-grid{grid-template-columns:repeat(3,1fr)}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.nav{padding:16px 0}.navlinks{gap:12px}.hero{padding:52px 0}.cards,.character-grid{grid-template-columns:1fr}.mascot{min-height:210px}.section{padding:48px 0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}