:root{
  --turquoise:#10b7b7;
  --dark:#2d2d2d;
  --blue:#2b95d6;
  --text:#202020;
  --muted:#6d6d6d;
}
*{box-sizing:border-box}
body{margin:0;background:#fff;color:var(--text);font-family:'Open Sans',Arial,sans-serif;font-size:14px;line-height:1.55}
a{color:inherit;text-decoration:none}
.container{width:min(920px,92%);margin:auto}
.top-header{padding-top:15px;background:#fff}
.social-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.social-left,.social-right{display:flex;gap:10px;align-items:center}
.social-btn{width:32px;height:32px;border-radius:5px;background:#66a9df;color:#fff;display:grid;place-items:center;font-weight:700;font-size:21px;box-shadow:0 0 0 3px #e6e6e6}
.mini-btn{font-size:10px;color:#fff;padding:7px 10px;border-radius:4px;font-weight:700;box-shadow:0 0 0 3px #e6e6e6}
.mini-btn.blue{background:#158ec2}.mini-btn.red{background:#e30613}
.nav-wrap{border-top:3px solid var(--turquoise)}
.nav-inner{display:flex;align-items:center;height:66px;gap:28px}.logo img{width:120px;display:block}.main-nav{display:flex;gap:2px}.main-nav a{background:#009999;color:#fff;text-transform:uppercase;font-size:11px;font-weight:700;padding:12px 16px}.main-nav a:hover{background:#087b7b}
.hero{width:100%;background:#f4f4f4;text-align:center;overflow:visible}.hero img{width:100%;height:auto;max-height:none;object-fit:contain;display:block}
h1,h2,h3{font-family:'Amatic SC',cursive;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin:0 0 12px}h1{font-size:55px;color:#49b8e4}h2{font-size:42px;color:#777}h3{font-size:31px;color:#fff}.intro{max-width:720px;padding:30px 0 24px}.intro p{max-width:520px;color:#666}
.cta-strip{background:var(--turquoise);padding:0 0 16px}.cta-strip .container{background:#4aa3f0;color:#fff;text-align:center;font-size:11px;font-weight:700;padding:14px 20px;border:4px solid #0b8bd6;transform:translateY(8px)}
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:34px;max-width:680px;padding:24px 0 70px}.tile{min-height:185px;text-align:center;padding:22px 10px 18px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.tile img{height:58px;max-width:76px;object-fit:contain}.tile span{font-family:'Amatic SC',cursive;font-size:30px;line-height:1.03;text-transform:uppercase;color:#565656}.tile b{width:28px;height:28px;border-radius:50%;background:#111;color:#fff;font-size:28px;line-height:22px}.peach{background:#ffd7b1}.pink{background:#f7c7df}.mauve{background:#cbc9e7}.cyan{background:#74cef0}.cyan b{background:#178fca}
.content{max-width:640px;padding-bottom:50px}.content p{font-size:13px}.content strong{color:#009999}.more{color:#008bd2;font-size:12px;font-weight:700}.more:before{content:'›';display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#008bd2;color:#fff;margin-right:6px}.book-link{display:flex;gap:18px;align-items:center;margin-top:28px;text-transform:uppercase;font-size:12px;font-weight:700;color:#008bd2}.book-link img{width:80px}.section-line{border:0;border-top:1px solid #999;margin:0 0 50px}.narrow{padding-bottom:40px}
.site-footer{max-width:920px;margin:0 auto 80px;background:#252525;color:#e9e9e9;border-top:5px solid var(--turquoise)}.footer-top{display:grid;grid-template-columns:1.1fr 1.3fr 1fr 1fr;gap:32px;padding:35px 25px}.footer-col p,.footer-col li{font-size:12px;color:#d1d1d1}.footer-col ul{padding-left:16px}.footer-logo{width:150px;margin-top:25px}.book{width:110px;display:block;margin:12px 0}.download{font-size:11px;color:#3cc5e8;text-transform:uppercase}.partners{background:var(--turquoise);padding:16px 0 24px}.partners h3{margin-bottom:12px}.partner-logos{display:flex;gap:18px;align-items:center;justify-content:center;flex-wrap:wrap}.partner-logos img{height:42px;width:auto;max-width:125px;object-fit:contain;display:block}
@media(max-width:700px){.top-header{padding-top:30px}.social-bar,.nav-inner{flex-direction:column;height:auto;gap:15px}.nav-inner{padding:15px 0}.main-nav{flex-wrap:wrap;justify-content:center}.hero img{height:auto}.tiles{grid-template-columns:repeat(2,1fr);gap:18px}.footer-top{grid-template-columns:1fr 1fr}.partner-logos img{height:36px;max-width:110px}}@media(max-width:460px){.tiles,.footer-top{grid-template-columns:1fr}.tile{min-height:150px}}