@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&family=Nunito:wght@400;600;700;800&display=swap');
:root{--green:#4caf50;--dark-green:#2f8738;--orange:#ff8750;--cream:#fffaf0;--soft-blue:#eefaff;--soft-green:#eff9ec;--soft-orange:#fff1e8;--text:#3f4a4d;--white:#fff;--border:#e5ebe6;--shadow:0 16px 38px rgba(47,75,58,.11)}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--cream);color:var(--text);font-family:'Nunito',sans-serif;line-height:1.7}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.container{width:min(1120px,90%);margin:0 auto}
.site-header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid var(--border)}
.header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:flex;align-items:center;gap:12px}
.brand-logo{width:52px!important;height:52px!important;min-width:52px!important;max-width:52px!important;object-fit:cover;border-radius:50%}
.brand-name{font-family:'Fredoka',sans-serif;color:var(--dark-green);font-size:1.45rem;font-weight:700;white-space:nowrap}
.main-nav{display:flex;align-items:center;gap:28px}
.main-nav a{font-weight:800}
.hero{padding:88px 0;background:linear-gradient(135deg,#fffaf0 0%,#f1faef 100%)}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:64px}
.eyebrow{margin-bottom:12px;color:var(--orange);font-size:.84rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.hero h1{margin-bottom:24px;font-family:'Fredoka',sans-serif;color:var(--dark-green);font-size:clamp(3.2rem,7vw,5.5rem);line-height:1.03}
.hero h1 span{display:block;color:var(--orange)}
.hero-text{margin-bottom:32px;font-size:1.18rem}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px}
.button{padding:13px 25px;border-radius:999px;font-weight:800}
.button-primary{background:var(--green);color:#fff}
.button-secondary{background:#fff;color:var(--dark-green);border:2px solid var(--green)}
.hero-image-wrap{min-height:470px;padding:28px;background:#fff;border-radius:38px;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;overflow:hidden}
.hero-image{width:100%;max-width:470px;height:auto;border-radius:26px}
.section{padding:88px 0}
.soft-section{background:var(--soft-blue)}
.section-heading{text-align:center;margin:0 auto 44px;max-width:720px}
.section-heading h2,.feature-card h2,.trust-section h2{font-family:'Fredoka',sans-serif;color:var(--dark-green);font-size:clamp(2rem,4vw,3rem);line-height:1.15;margin-bottom:12px}
.age-grid,.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.card,.topic-card{padding:30px;background:#fff;border:1px solid var(--border);border-radius:26px;box-shadow:var(--shadow)}
.card-icon,.topic-card span{font-size:2.8rem;margin-bottom:14px}
.card h3,.topic-card strong{font-family:'Fredoka',sans-serif;color:var(--dark-green)}
.topic-card{min-height:145px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.feature-card{padding:42px;border-radius:30px;box-shadow:var(--shadow)}
.green-card{background:var(--soft-green)}
.orange-card{background:var(--soft-orange)}
.trust-section{padding:88px 0;background:linear-gradient(135deg,var(--green),var(--dark-green));color:#fff}
.trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}
.trust-section h2,.light-eyebrow{color:#fff}
.trust-list{padding:30px;background:rgba(255,255,255,.13);border-radius:24px}
.trust-list p{margin:10px 0;font-weight:700}
.site-footer{padding:36px 0;background:#253d35;color:#fff}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}
@media(max-width:900px){.header-inner{flex-direction:column;padding:16px 0}.main-nav{flex-wrap:wrap;justify-content:center}.hero-grid,.trust-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-actions{justify-content:center}.age-grid,.topic-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.hero,.section,.trust-section{padding:64px 0}.hero h1{font-size:3rem}.age-grid,.topic-grid,.feature-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column;text-align:center}}
.about-section {
  padding: 88px 0;
  background: #ffffff;
}

.about-grid {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 56px;
  align-items: start;
}

.about-photo-wrap {
  position: sticky;
  top: 110px;
}

.about-photo {
  width: 100%;
  max-width: 390px;
  margin: 0 auto;
  border-radius: 28px;
  object-fit: cover;
  box-shadow: var(--shadow);
}

.about-content p {
  margin-bottom: 18px;
  font-size: 1.08rem;
}

.about-content h3 {
  margin: 30px 0 12px;
  color: var(--dark-green);
  font-family: 'Fredoka', sans-serif;
  font-size: 1.55rem;
}

.about-quote {
  margin-top: 30px;
  padding: 22px;
  background: var(--soft-orange);
  border-left: 5px solid var(--orange);
  border-radius: 16px;
  color: var(--dark-green);
  font-weight: 800;
}

.about-signature {
  margin-top: 28px;
  color: var(--dark-green);
}

@media (max-width: 900px) {
  .about-grid {
    grid-template-columns: 1fr;
  }

  .about-photo-wrap {
    position: static;
  }

  .about-photo {
    max-width: 320px;
  }
}