@font-face{font-family:DM;src:url(dm-sans.ttf)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0055a4;color:#fff;font-family:DM,Arial,sans-serif;line-height:1.55}a{color:inherit}header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px max(24px,calc((100vw - 1100px)/2));background:#003f7c}nav{display:flex;flex-wrap:wrap;gap:18px}nav a{text-decoration:none;font-size:.92rem}.brand{font-weight:800;text-decoration:none;font-size:1.3rem}main{max-width:1100px;margin:auto;padding:20px 24px}section{padding:48px 0}.hero{padding:70px 0 52px;max-width:820px}.hero p{max-width:680px;font-size:1.15rem}h1{font-size:clamp(2.6rem,7vw,5.5rem);line-height:1.05;margin:16px 0}h2{font-size:clamp(1.7rem,4vw,2.7rem);line-height:1.15}.eyebrow{font-size:.8rem;letter-spacing:.13em;font-weight:800;color:#dceaff}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px;margin-top:24px}.tile{background:#faf7f0;color:#17314d;padding:25px;border-radius:18px;box-shadow:0 8px 25px #002e5c24}.tile h3{font-size:1.35rem;margin:8px 0}.tile p{margin:10px 0}.phonetic{font-size:.95rem;color:#a42b39}.sample{font-weight:700;color:#0055a4}.speak,.cta{display:inline-block;border:0;border-radius:40px;padding:12px 18px;background:#0055a4;color:white;font:inherit;font-weight:700;cursor:pointer;text-decoration:none}.speak:hover,.cta:hover{background:#003b77}.end{border-top:1px solid #8db6dd}.secondary{background:#f8f4eb;color:#0055a4;margin-left:12px}footer{padding:28px;text-align:center;background:#003f7c}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:white;color:#003f7c;padding:10px}@media(max-width:650px){header{padding:18px 20px;display:block}nav{margin-top:15px;gap:12px}.hero{padding:38px 0}.secondary{margin:12px 0 0}section{padding:30px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}