:root{
 --green:#176a42;--dark:#123d2a;--gold:#f0bb36;--yellow:#f8d866;
 --cream:#fffaf0;--mint:#edf8f1;--purple:#7858c7;--coral:#ed765f;
 --ink:#17372a;--muted:#52675f
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#fff;font-family:"Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif;overflow-x:hidden}
img{width:100%;height:100%;display:block;object-fit:cover}a{text-decoration:none;color:inherit}
.wrap{width:min(1160px,90%);margin:auto}
.site-header{height:94px;border-bottom:1px solid #edf0ed;background:#fff;position:relative;z-index:30}
.nav{height:100%;display:flex;align-items:center;gap:32px}.logo{margin-right:auto}.logo img{width:190px;height:auto;object-fit:contain}
nav{display:flex;gap:30px;font-weight:900;font-size:15px}.login{border:2px solid var(--green);border-radius:99px;padding:10px 20px;font-weight:900;color:var(--green)}
.hero{min-height:760px;display:flex;align-items:center;position:relative;overflow:hidden}
.hero-layout{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:65px;position:relative;z-index:3}
.eyebrow,.section-tag{font-size:13px;letter-spacing:.15em;font-weight:900;color:var(--green)}
.hero h1{font-size:82px;line-height:.91;letter-spacing:-.055em;margin:18px 0 28px;font-weight:900}.hero h1 span{position:relative;color:var(--green)}
.hero h1 span:after{content:"";position:absolute;height:8px;background:var(--gold);border-radius:50%;left:2px;right:-5px;bottom:-3px;transform:rotate(-2deg)}
.hero p{font-size:24px;font-weight:900;color:var(--muted);margin:0 0 34px}
.pill{display:inline-flex;gap:18px;align-items:center;background:var(--green);color:white;border-radius:99px;padding:17px 28px;font-size:18px;font-weight:900}.pill b{font-size:24px}
.hero-art{height:570px;position:relative}.sun{position:absolute;width:455px;height:455px;background:var(--yellow);border-radius:50%;right:-10px;top:54px}
.hero-photo{position:absolute;width:470px;height:530px;right:50px;top:10px;border-radius:48% 52% 39% 61%/42% 38% 62% 58%;overflow:hidden;transform:rotate(1.5deg);box-shadow:14px 16px 0 rgba(18,61,42,.08)}
.doodle{position:absolute;z-index:4;font-weight:900}.star{font-size:75px;color:var(--purple);right:-5px;top:42px}.arrow{font-size:92px;color:var(--coral);left:5px;bottom:20px;transform:rotate(-22deg)}
.money-mark{position:absolute;z-index:5;right:4px;bottom:38px;width:78px;height:78px;background:white;border:6px solid var(--green);border-radius:50%;display:grid;place-items:center;font-size:40px;font-weight:900;color:var(--green);transform:rotate(10deg)}
.shape{position:absolute;pointer-events:none}.yellow-orbit{width:180px;height:180px;border:25px solid #f8d86666;border-radius:50%;left:-85px;top:100px}.purple-dot{width:28px;height:28px;background:var(--purple);border-radius:50%;left:45%;bottom:85px}.coral-loop{width:80px;height:80px;border:7px solid var(--coral);border-left-color:transparent;border-radius:50%;right:4%;bottom:70px}

.statement{padding:150px 0 165px;background:var(--cream);text-align:center}.statement-small{font-size:14px;letter-spacing:.16em;font-weight:900;color:var(--green)}
.statement h2{font-size:94px;line-height:.88;letter-spacing:-.06em;margin:25px 0 15px}.statement h2 span{color:var(--purple)}
.squiggle{width:170px;height:30px;border-top:8px solid var(--gold);border-radius:50%;margin:30px auto 0;transform:rotate(-3deg)}

.kids-section{padding:155px 0;position:relative}.kids-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:105px;align-items:center;position:relative}
.kids-photo{height:560px;overflow:hidden;border-radius:35px 35px 150px 35px;box-shadow:-30px 30px 0 var(--mint)}
.kids-copy h2,.parents-copy h2,.educator-heading h2{font-size:65px;line-height:.94;letter-spacing:-.05em;margin:20px 0 30px}.kids-copy h2 em{font-style:normal;color:var(--purple)}
.text-link{font-size:19px;font-weight:900;color:var(--green)}
.floating-coin{position:absolute;left:46%;bottom:-25px;width:88px;height:88px;border-radius:50%;background:var(--yellow);display:grid;place-items:center;font-size:43px;font-weight:900;transform:rotate(-8deg)}
.floating-star{position:absolute;color:var(--coral);font-size:58px;right:3%;top:12%;transform:rotate(15deg)}

.yellow-break{padding:110px 0;background:var(--yellow);overflow:hidden}.break-layout{position:relative;text-align:center}
.yellow-break h2{font-size:74px;line-height:.92;letter-spacing:-.05em;margin:0}.yellow-break h2 span{color:var(--green)}
.big-star{position:absolute;font-size:85px;color:white;left:5%;top:-25px;transform:rotate(-12deg)}.drawn-arrow{position:absolute;font-size:100px;color:var(--purple);right:5%;bottom:-35px;transform:rotate(20deg)}

.parents-section{padding:165px 0}.parents-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:95px;align-items:center}.purple{color:var(--purple)}
.parents-copy h2 span{color:var(--purple)}.parents-copy p{font-size:22px;line-height:1.45;font-weight:900;color:var(--muted);margin:0 0 28px}
.parents-art{height:550px;position:relative}.purple-panel{position:absolute;width:82%;height:88%;right:0;top:45px;background:#7958c71f;border-radius:120px 30px 30px 30px}
.parents-photo{position:absolute;width:88%;height:500px;left:0;top:0;overflow:hidden;border-radius:110px 35px 35px 35px}
.heart-line{position:absolute;right:-5px;top:-28px;font-size:95px;color:var(--coral);transform:rotate(12deg)}

.values{padding:135px 0;background:var(--dark);color:white;position:relative;overflow:hidden}.value-content{text-align:center;position:relative}.gold{color:var(--yellow)}
.values h2{font-size:76px;line-height:.93;letter-spacing:-.05em;margin:22px 0 0}.values h2 span{color:var(--yellow)}
.value-ring{position:absolute;width:250px;height:250px;border:28px solid #f8d86622;border-radius:50%;left:-90px;top:-70px}.value-star{position:absolute;font-size:80px;color:var(--purple);right:5%;bottom:-40px}

.educators-section{padding:155px 0}.educator-layout{display:grid;grid-template-columns:.72fr 1.28fr;grid-template-rows:auto auto;gap:50px 80px;align-items:center}
.educator-heading h2 span{color:var(--green)}.classroom-wrap{grid-row:1/3;grid-column:2;position:relative;height:570px}
.classroom-photo{height:100%;overflow:hidden;border-radius:35px 130px 35px 35px;box-shadow:28px 28px 0 var(--yellow)}
.chalk-dollar{position:absolute;left:-40px;bottom:45px;width:82px;height:82px;background:var(--purple);color:white;border-radius:50%;display:grid;place-items:center;font-size:40px;font-weight:900;transform:rotate(-9deg)}
.chalk-star{position:absolute;right:-20px;top:25px;font-size:65px;color:var(--coral)}.educator-btn{justify-self:start}

.final-cta{padding:155px 0;background:var(--mint);text-align:center;position:relative;overflow:hidden}.final-cta h2{font-size:82px;line-height:.9;letter-spacing:-.055em;margin:22px 0 38px}.final-cta h2 span{color:var(--green)}
.final-circle{position:absolute;width:180px;height:180px;background:var(--yellow);border-radius:50%;right:-50px;bottom:-55px}.final-spark{position:absolute;font-size:90px;color:var(--purple);left:8%;top:30%}
footer{padding:45px 0;border-top:1px solid #e7ece9}.footer{display:flex;justify-content:space-between;color:var(--green);font-weight:900}

@media(max-width:820px){
 .site-header{height:76px}.logo img{width:155px}nav{display:none}.login{font-size:13px;padding:8px 14px}
 .hero{min-height:auto;padding:70px 0 95px}.hero-layout,.kids-layout,.parents-layout,.educator-layout{grid-template-columns:1fr;gap:55px}
 .hero h1{font-size:55px}.hero p{font-size:20px}.hero-art{height:430px}.sun{width:340px;height:340px;right:-45px}.hero-photo{width:88%;height:410px;right:4%;top:0}
 .star{font-size:48px;right:-5px}.arrow{font-size:60px}.money-mark{width:58px;height:58px;font-size:28px}
 .statement{padding:100px 0}.statement h2{font-size:61px}
 .kids-section,.parents-section,.educators-section,.final-cta{padding:100px 0}.kids-photo,.parents-art,.classroom-wrap{height:410px}
 .kids-copy h2,.parents-copy h2,.educator-heading h2{font-size:48px}.yellow-break h2,.values h2,.final-cta h2{font-size:52px}
 .yellow-break,.values{padding:90px 0}.floating-coin{left:auto;right:5%;bottom:-25px}.big-star{font-size:50px;left:-2%}.drawn-arrow{font-size:65px;right:-2%}
 .parents-photo{height:380px}.classroom-wrap{grid-row:auto;grid-column:auto}.classroom-photo{box-shadow:16px 16px 0 var(--yellow)}
 .educator-btn{justify-self:start}.footer{flex-direction:column;gap:12px}
}


/* V6 — longer, clearer, but deliberately not denser */
.orientation{
  padding:165px 0;
  background:var(--cream);
  text-align:center;
}
.orientation-inner{position:relative}
.orientation h2{
  font-size:90px;line-height:.89;letter-spacing:-.06em;
  margin:25px 0 35px;font-weight:900;
}
.orientation h2 span{color:var(--purple)}
.orientation p{
  margin:0;font-size:23px;line-height:1.5;font-weight:900;color:var(--muted)
}
.orientation p b{color:var(--gold);padding:0 10px}
.orientation-scribble{
  width:185px;height:28px;border-top:8px solid var(--gold);
  border-radius:50%;margin:34px auto 0;transform:rotate(-3deg)
}

.learn-section{
  padding:165px 0;
  background:white;
  text-align:center;
}
.learn-inner h2{
  font-size:78px;line-height:.92;letter-spacing:-.055em;
  margin:24px 0 65px
}
.learn-inner h2 span{color:var(--green)}
.learn-words{
  display:flex;align-items:center;justify-content:center;flex-wrap:wrap;
  gap:22px 28px;
}
.learn-words span{
  font-size:30px;font-weight:900;color:var(--dark)
}
.learn-words i{
  font-size:22px;font-style:normal;color:var(--purple);transform:rotate(10deg)
}
.learn-words span:nth-of-type(2),.learn-words span:nth-of-type(5){color:var(--green)}
.learn-words span:nth-of-type(3){color:var(--purple)}

.how-section{
  padding:165px 0;
  background:#fffaf0;
  text-align:center;
  position:relative;
  overflow:hidden;
}
.how-inner{position:relative}
.how-inner h2{
  font-size:92px;line-height:.86;letter-spacing:-.06em;
  margin:25px 0 32px
}
.how-inner h2 span{color:var(--purple)}
.how-inner p{font-size:23px;font-weight:900;color:var(--muted);margin:0}
.how-arrow{
  position:absolute;right:12%;bottom:-65px;
  font-size:110px;color:var(--coral);font-weight:900;transform:rotate(15deg)
}

/* Full footer: richer information architecture, still spacious */
.site-footer{
  background:var(--dark);
  color:white;
  padding:85px 0 30px;
}
.footer-grid{
  display:grid;
  grid-template-columns:1.5fr .75fr 1fr .75fr;
  gap:65px;
  padding-bottom:70px;
}
.footer-brand img{
  width:205px;height:auto;object-fit:contain;
  background:white;border-radius:16px;padding:10px 14px
}
.footer-brand p{
  font-size:18px;line-height:1.55;font-weight:800;
  color:#d8e8df;margin:24px 0 0
}
.footer-col{
  display:flex;flex-direction:column;gap:15px
}
.footer-col h3{
  color:var(--yellow);font-size:15px;letter-spacing:.08em;
  text-transform:uppercase;margin:3px 0 9px
}
.footer-col a{
  color:white;font-size:15px;font-weight:800;opacity:.88
}
.footer-col a:hover{opacity:1;color:var(--yellow)}
.footer-bottom{
  border-top:1px solid rgba(255,255,255,.16);
  padding-top:28px;
  display:flex;justify-content:space-between;align-items:center;
  gap:30px;color:#bdd2c6;font-size:13px;font-weight:700
}
.footer-bottom div{display:flex;gap:25px}
.footer-bottom a{color:#bdd2c6}
.footer-bottom a:hover{color:white}

@media(max-width:820px){
 .orientation,.learn-section,.how-section{padding:105px 0}
 .orientation h2,.how-inner h2{font-size:58px}
 .learn-inner h2{font-size:52px;margin-bottom:45px}
 .orientation p,.how-inner p{font-size:19px}
 .learn-words{gap:16px 18px}.learn-words span{font-size:24px}
 .how-arrow{right:-3%;bottom:-55px;font-size:72px}
 .footer-grid{grid-template-columns:1fr 1fr;gap:45px 35px;padding-bottom:55px}
 .footer-brand{grid-column:1/-1}.footer-bottom{align-items:flex-start;flex-direction:column}
 .footer-bottom div{flex-wrap:wrap;gap:14px 20px}
}
@media(max-width:520px){
 .footer-grid{grid-template-columns:1fr}
 .footer-brand{grid-column:auto}
}