:root{--sky:#4AB5FD;--sky-pale:#D7EEFF;--grass:#5BBF4A;--grass-d:#3E9A33;--sun:#FFCE3A;--sun-d:#E5A91F;--ink:#0B3B66;--cream:#FFFBF0;--coral:#FC7945}
*{box-sizing:border-box}html{background:var(--sky)}
body{margin:0;font-family:"Arial Rounded MT Bold","Avenir Next Rounded","Avenir Next",ui-rounded,system-ui,sans-serif;color:var(--ink);background:var(--cream);font-size:19px;line-height:1.5}
a{color:inherit}
.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:9;background:#fff;padding:8px 14px;border-radius:10px}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
header.top{background:var(--sky)}
header.top .wrap{display:flex;align-items:center;padding-top:18px;padding-bottom:18px}
.brand{display:flex;align-items:center;gap:12px;font-size:28px;text-decoration:none;color:#fff;text-shadow:0 3px 0 rgba(30,100,170,.35)}
.brand img{border-radius:22.5%}
.hero{background:linear-gradient(180deg,var(--sky) 0%,#8ED2FF 70%,#C9EAFF 100%);padding:28px 0 0;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:end}
.hero-text{padding-bottom:80px}
h1{font-size:64px;line-height:1.04;margin:0 0 18px;color:#fff;text-shadow:0 5px 0 rgba(30,100,170,.35)}
.lead{font-size:23px;margin:0 0 22px;max-width:30em}
.tag{display:inline-block;font-size:16px;padding:6px 16px;border-radius:999px;background:var(--sun);margin:0 8px 8px 0}
.tag.alt{background:#fff}
.btn{display:inline-block;text-decoration:none;font-size:20px;padding:15px 30px;border-radius:22px;background:var(--sun);border-bottom:7px solid var(--sun-d);margin:10px 12px 0 0}
.btn.white{background:#fff;border-bottom-color:#B8D6EE}
.hero-phones{display:flex;gap:18px;justify-content:center;align-items:flex-end}
.phone{width:240px;border-radius:30px;border:8px solid #fff;box-shadow:0 18px 40px rgba(11,59,102,.25);display:block;height:auto}
.phone.small{width:200px;margin-bottom:30px}
.ground{height:70px;background:var(--grass);border-top:10px solid var(--grass-d)}
section{padding:72px 0}
h2{font-size:44px;line-height:1.08;margin:0 0 12px}
.sub{font-size:21px;margin:0 0 36px;max-width:34em}
.shots{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.shots li{text-align:center;font-size:18px}
.shots img{width:100%;height:auto;border-radius:26px;border:6px solid #fff;box-shadow:0 10px 26px rgba(11,59,102,.18);display:block;margin-bottom:10px}
.parents{background:var(--sky-pale)}
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.card{border-radius:32px;padding:28px;background:#fff;border-bottom:8px solid rgba(0,0,0,.07)}
.card h3{font-size:26px;margin:0 0 6px}.card p{margin:0}
.pagehead{background:var(--sky);color:#fff;padding:40px 0 56px}
.pagehead h1{font-size:54px}.pagehead p{margin:0;color:var(--ink);font-size:21px}
.prose{max-width:820px;padding-top:44px;padding-bottom:64px}
.prose h2{font-size:30px;margin:36px 0 8px}
.prose ul{padding-left:22px}.prose li{margin:8px 0}
.eff{opacity:.8}
details{background:#fff;border-radius:22px;padding:16px 22px;margin:12px 0;border-bottom:6px solid rgba(0,0,0,.06)}
summary{cursor:pointer;font-size:21px}
footer{background:var(--grass);border-top:10px solid var(--grass-d);color:#fff;text-align:center;padding:40px 0}
.links{display:flex;gap:26px;justify-content:center;flex-wrap:wrap;margin:0 0 12px;font-size:20px}
.links a{color:#fff}
.e404{text-align:center;padding:60px 0 90px}
@media (max-width:820px){
 body{font-size:17px}
 .hero-grid{grid-template-columns:1fr}.hero-text{padding-bottom:10px}
 h1{font-size:44px}.pagehead h1{font-size:40px}h2{font-size:34px}
 .phone{width:170px;border-width:6px;border-radius:24px}.phone.small{width:140px}
 .shots{grid-template-columns:repeat(2,1fr);gap:16px}
 .cards{grid-template-columns:1fr}
}