:root{--navy:#123B5D;--navy2:#0A2B44;--teal:#138A68;--teal2:#0B6B51;--blue:#1976D2;--green:#68B845;--yellow:#F6C344;--cream:#FFFDF8;--soft:#F3F8F5;--ink:#18344B;--muted:#647789;--line:#DDE8E3;--shadow:0 18px 45px rgba(18,59,93,.10);--sm:0 8px 24px rgba(18,59,93,.07);--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);line-height:1.68}body:before{content:"";position:fixed;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),var(--green),var(--yellow));z-index:100}a{color:var(--teal2);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}.container{width:min(var(--max),92%);margin:auto}.topbar{background:var(--navy2);color:#fff;text-align:center;font-size:.88rem;padding:.65rem 1rem}.site-header{background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.nav{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand{display:flex;align-items:center;gap:.7rem;font-weight:850;color:var(--navy)}.brand img{width:68px;height:68px;object-fit:contain}.brand span{font-size:1.05rem;line-height:1.05}.menu{display:flex;align-items:center;gap:1.15rem;font-weight:650}.menu a{color:var(--ink);font-size:.95rem}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:.86rem 1.25rem;font-weight:800;border:2px solid transparent;transition:.2s}.btn-primary{background:var(--teal);color:#fff;box-shadow:0 8px 20px rgba(19,138,104,.18)}.btn-primary:hover{background:var(--teal2);text-decoration:none;transform:translateY(-2px)}.btn-secondary{background:#fff;color:var(--navy);border-color:var(--line)}.btn-secondary:hover{background:var(--soft);text-decoration:none}.mobile-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:10px;padding:.55rem .7rem;font-size:1.15rem}
.hero{background:radial-gradient(circle at 88% 18%,rgba(246,195,68,.24),transparent 24%),radial-gradient(circle at 8% 82%,rgba(25,118,210,.13),transparent 25%),linear-gradient(135deg,#F5FBF8,#EAF7F1 55%,#F5FAFD);padding:5.5rem 0}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:4.5rem;align-items:center}.eyebrow{display:inline-flex;background:#E1F3EB;color:var(--teal2);padding:.4rem .75rem;border-radius:999px;font-weight:800;font-size:.82rem}.hero h1,h1{font-size:clamp(2.6rem,5.4vw,4.8rem);line-height:1.02;letter-spacing:-.045em;margin:1rem 0;color:var(--navy)}h2{font-size:clamp(1.85rem,3.1vw,2.7rem);line-height:1.13;color:var(--navy)}h3{line-height:1.25;color:var(--navy)}.lead{font-size:1.14rem;color:var(--muted);max-width:700px}.actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.7rem}.hero-card{background:#fff;padding:.85rem;border-radius:28px;box-shadow:var(--shadow);transform:rotate(1deg)}.hero-card img{border-radius:20px}.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:1.15rem 0;border-bottom:1px solid var(--line)}.trust div{text-align:center;color:var(--muted);font-size:.92rem}.trust strong{display:block;color:var(--navy)}.section{padding:5.5rem 0}.section-alt{background:var(--cream)}.section-soft{background:var(--soft)}.section-head{max-width:760px;margin-bottom:2.3rem}.center{text-align:center;margin-left:auto;margin-right:auto}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.card{border:1px solid var(--line);border-radius:22px;padding:1.45rem;background:#fff;box-shadow:var(--sm);transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#EAF7F1;font-size:1.5rem;margin-bottom:1rem}.card p{color:var(--muted)}.age-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.age{border-radius:20px;padding:1.4rem;min-height:165px;display:flex;flex-direction:column;justify-content:end;color:#fff;box-shadow:var(--sm)}.age h3,.age p{color:#fff;margin:.15rem 0}.age3{background:linear-gradient(135deg,#1976D2,#4FA4E7)}.age4{background:linear-gradient(135deg,#138A68,#56B88D)}.age5{background:linear-gradient(135deg,#D99A00,#F6C344)}.age6{background:linear-gradient(135deg,#6B57A8,#9A86D2)}.product{display:grid;grid-template-columns:.9fr 1.1fr;gap:4rem;align-items:center}.product-image{background:#fff;padding:1rem;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow)}.product-image img{border-radius:18px}.price{font-size:2rem;font-weight:850;color:var(--navy)}.checks{padding:0;list-style:none}.checks li{margin:.55rem 0}.checks li:before{content:"✓";color:var(--teal);font-weight:950;margin-right:.55rem}.featured-blog{display:grid;grid-template-columns:1.1fr .9fr;border-radius:26px;overflow:hidden;background:#fff;box-shadow:var(--shadow);border:1px solid var(--line)}.featured-blog .visual{min-height:340px;background:linear-gradient(135deg,#DFF2FF,#EAF7F1);display:grid;place-items:center}.featured-blog .visual span{font-size:5rem}.featured-blog .content{padding:3rem}.cta{background:linear-gradient(135deg,var(--navy),#174E72);color:#fff;border-radius:28px;padding:3.5rem}.cta h2{color:#fff}.cta p{color:#DDEAF2}.cta .btn-secondary{background:transparent;color:#fff;border-color:rgba(255,255,255,.65)}.footer{background:#0B2D48;color:#DCE9F3;padding:3.5rem 0 1.5rem}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:2rem}.footer a{color:#DCE9F3}.footer h3{color:#fff}.copyright{border-top:1px solid rgba(255,255,255,.15);margin-top:2rem;padding-top:1rem;font-size:.9rem}.page-hero{background:linear-gradient(135deg,#F3F9F6,#F6FAFD);padding:4.5rem 0 3.5rem;border-bottom:1px solid var(--line)}.article{max-width:820px;margin:auto}.article h1{font-size:clamp(2.3rem,4.2vw,3.8rem)}.article h2{margin-top:2.7rem}
@media(max-width:900px){.menu{display:none}.mobile-toggle{display:block}.menu.open{display:flex;position:absolute;left:4%;right:4%;top:82px;background:#fff;border:1px solid var(--line);padding:1rem;border-radius:14px;flex-direction:column;align-items:flex-start;box-shadow:var(--shadow)}.hero{padding:4rem 0}.hero-grid,.product,.featured-blog{grid-template-columns:1fr;gap:2rem}.cards{grid-template-columns:repeat(2,1fr)}.age-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.nav{min-height:76px}.brand img{width:58px;height:58px}.hero{padding:3.3rem 0}.section{padding:4rem 0}.trust{grid-template-columns:repeat(2,1fr)}.cards,.age-grid,.footer-grid{grid-template-columns:1fr}.actions .btn{width:100%}.cta{padding:2.2rem}}

/* Homepage visual refinements */
.hero-photo{padding:.65rem;border-radius:30px;transform:rotate(1deg);overflow:hidden}
.hero-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:24px}
.everyday-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:3.5rem;align-items:center}
.everyday-photo{background:#fff;padding:.7rem;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow)}
.everyday-photo img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:20px}
.everyday-copy{max-width:600px}
.everyday-copy h3{font-size:1.65rem}
.mini-points{list-style:none;padding:0;margin:1.4rem 0}
.mini-points li{margin:.65rem 0;color:var(--muted)}
.mini-points li:before{content:"✓";color:var(--teal);font-weight:900;margin-right:.6rem}
.text-link{font-weight:800;color:var(--teal2)}
.age-link{padding:0;overflow:hidden;min-height:0;text-decoration:none;display:block}
.age-link:hover{text-decoration:none;transform:translateY(-5px)}
.age-photo{height:145px;overflow:hidden}
.age-photo img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.age-link:hover .age-photo img{transform:scale(1.05)}
.age-body{padding:1.2rem 1.35rem 1.35rem;background:rgba(18,59,93,.94)}
.age-body h3{margin:0;color:#fff}
.age-body p{font-size:.93rem;color:rgba(255,255,255,.88)}
.age-body span{display:inline-block;margin-top:.45rem;color:#fff;font-weight:800}
.category-card{text-decoration:none}
.category-card:hover{text-decoration:none}
.category-card .text-link{display:inline-block;margin-top:.25rem}
.photo-feature{display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:center}
.photo-feature-image{background:#fff;padding:.7rem;border-radius:26px;border:1px solid var(--line);box-shadow:var(--shadow)}
.photo-feature-image img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:20px}
.photo-feature-content .meta{margin:.8rem 0;color:var(--muted);font-size:.78rem;font-weight:850;letter-spacing:.08em}
.photo-feature-content p{color:var(--muted);font-size:1.05rem}
@media(max-width:900px){.everyday-grid,.photo-feature{grid-template-columns:1fr;gap:2rem}}
@media(max-width:600px){.hero-photo{transform:none}.age-photo{height:180px}}

.article-featured-image{margin:2rem 0 2.5rem;padding:.65rem;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}
.article-featured-image img{width:100%;max-height:520px;object-fit:cover;border-radius:18px}

/* Resource, activity and contact page components */
.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:2.5rem}.resource-card{display:grid;grid-template-columns:auto 1fr;gap:1rem;padding:1.5rem;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--sm)}.resource-card h2{font-size:1.35rem;margin:.25rem 0 .45rem}.resource-card p{color:var(--muted)}.resource-icon{width:58px;height:58px;border-radius:17px;background:#EAF7F1;display:grid;place-items:center;font-size:1.65rem}.meta{font-size:.78rem;letter-spacing:.08em;font-weight:850;color:var(--muted)}.coming{display:inline-block;margin-top:.35rem;padding:.3rem .65rem;border-radius:999px;background:#F3F5F6;color:var(--muted);font-size:.82rem;font-weight:750}.resource-note{margin-top:3rem;padding:2rem;border-radius:24px;background:linear-gradient(135deg,#EAF7F1,#F5FAFD);border:1px solid var(--line)}.resource-note h2{font-size:1.7rem;margin-top:0}.resource-note p{color:var(--muted)}
.activity-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin:1.5rem 0 4rem}.activity-card{display:grid;grid-template-columns:170px 1fr;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--sm);scroll-margin-top:110px}.activity-card img{width:100%;height:100%;min-height:190px;object-fit:cover}.activity-card>div{padding:1.3rem}.activity-card h3{margin:.2rem 0}.activity-card p{color:var(--muted)}.activity-heading{margin-top:2rem}
.contact-layout{display:grid;grid-template-columns:1fr .9fr;gap:4rem;align-items:center}.contact-intro{max-width:620px}.contact-intro h1{font-size:clamp(2.5rem,5vw,4rem)}.contact-points{margin-top:2rem;display:grid;gap:.9rem}.contact-points div{padding:1rem 1.1rem;border-left:4px solid var(--teal);background:#fff;border-radius:0 14px 14px 0;box-shadow:var(--sm)}.contact-points strong{display:block;color:var(--navy)}.contact-points span{color:var(--muted)}.contact-card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:2rem;box-shadow:var(--shadow)}.form{display:grid;gap:1.15rem}.field{display:grid;gap:.4rem}.field label{font-weight:800;color:var(--navy)}.field input,.field textarea{width:100%;font:inherit;color:var(--ink);background:#FBFDFC;border:1px solid #CBDAD4;border-radius:12px;padding:.85rem 1rem;outline:none;transition:.2s}.field textarea{resize:vertical;min-height:150px}.field input:focus,.field textarea:focus{border-color:var(--teal);box-shadow:0 0 0 4px rgba(19,138,104,.10);background:#fff}
@media(max-width:900px){.resource-grid,.activity-grid,.contact-layout{grid-template-columns:1fr}.activity-card{grid-template-columns:140px 1fr}}@media(max-width:600px){.resource-card{grid-template-columns:1fr}.resource-icon{width:52px;height:52px}.activity-card{grid-template-columns:1fr}.activity-card img{height:190px}.contact-card{padding:1.3rem}}

/* Final homepage spacing and start cards */
.trust div{padding:.35rem .65rem}.trust strong{margin-bottom:.15rem}
.start-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.start-card{display:flex;gap:1rem;align-items:flex-start;padding:1.5rem;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--sm);transition:.2s}
.start-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);text-decoration:none}
.start-icon{width:52px;height:52px;flex:0 0 52px;border-radius:16px;background:#EAF7F1;display:grid;place-items:center;font-size:1.45rem}
.start-card h3{margin:.1rem 0 .35rem}.start-card p{margin:0 0 .55rem;color:var(--muted)}.start-card span:last-child{font-weight:800;color:var(--teal2)}
@media(max-width:900px){.start-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.start-grid{grid-template-columns:1fr}}

/* Consistent age-card typography */
.age-link,.age-body{text-align:left}
.age-body{min-height:142px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}
.age-body p{margin:.35rem 0;line-height:1.45}
.age-body span{margin-top:auto}

/* Inner-page typography aligned with the homepage */
.page-hero .section-head.center{text-align:left;margin-left:0;margin-right:0;max-width:920px}
.page-hero .section-head.center .lead{margin-left:0 !important;margin-right:0 !important}
.page-hero h1{max-width:900px}

/* Keep the accessibility skip link hidden until keyboard focus */
.skip{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip:focus{position:fixed;left:1rem;top:1rem;width:auto;height:auto;overflow:visible;padding:.65rem 1rem;background:#fff;color:var(--navy);border:2px solid var(--teal);border-radius:10px;z-index:200;box-shadow:var(--sm)}

/* Age imagery: distinct family scenes and consistent crop */
.age-photo{background:#eaf2ef}
.age-photo img{object-position:center}

/* Inner activity cards keep all copy consistently left aligned */
.activity-card{text-align:left}
.activity-card>div{text-align:left}
.activity-card h3,.activity-card p,.activity-card .meta{margin-left:0;margin-right:0}


/* Bilingual navigation */
.language-switch{display:inline-flex;align-items:center;gap:.42rem;margin-left:.35rem;padding:.28rem .55rem;border:1px solid #d8e7e2;border-radius:999px;font-size:.78rem;font-weight:800;white-space:nowrap;flex:0 0 auto;visibility:visible;opacity:1}
.language-switch a{padding:0!important;color:var(--muted);text-decoration:none!important}
.language-switch a.active{color:var(--navy)}
.language-switch a:hover{color:var(--teal)}
@media (max-width:900px){.language-switch{margin:.5rem 0 0}}

/* Age activity links: consistent navigation for every age */
.activity-links{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.25rem;margin-top:.8rem}
.activity-links .text-link{display:inline-flex;align-items:center;margin:0}
@media(max-width:600px){.activity-links{flex-direction:column;align-items:flex-start;gap:.55rem}}