:root{
  --navy:#0b376b;--navy2:#082e63;--green:#2e7d32;--teal:#159b8c;--blue:#1768b5;
  --ink:#17324d;--soft:#f4f8fa;--mint:#eef7f6;--line:#d7e4e8;--white:#fff;
  --shadow:0 16px 40px rgba(11,55,107,.10);--radius:22px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.55}
a{color:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(215,228,232,.9)}
.nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none}.brand-logo{width:46px;height:54px;object-fit:contain;flex:none}.brand-text{display:flex;flex-direction:column}.brand-text strong{font-size:1rem;color:var(--navy)}.brand-text small{font-size:.68rem;color:#5a7181}
.nav-links{display:flex;align-items:center;gap:22px}.nav-links a{text-decoration:none;font-weight:700;font-size:.89rem;color:var(--navy)}.nav-links a:hover{color:var(--green)}.nav-cta{padding:10px 15px;border-radius:12px;background:var(--green);color:#fff!important}
.nav-toggle{display:none;border:0;background:transparent;font-size:1.5rem;color:var(--navy)}
.hero{padding:86px 0 72px;background:radial-gradient(circle at 85% 15%,rgba(21,155,140,.16),transparent 28%),linear-gradient(180deg,#fff,#f8fbfc)}
.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:center}.eyebrow{font-size:.78rem;font-weight:900;letter-spacing:.13em;color:var(--green);margin:0 0 12px;text-transform:uppercase}
h1,h2,h3{line-height:1.08;color:var(--navy);margin-top:0}h1{font-size:clamp(2.8rem,6vw,5.35rem);letter-spacing:-.055em;margin-bottom:22px}h1 span{color:var(--green)}h2{font-size:clamp(2rem,4vw,3.25rem);letter-spacing:-.04em;margin-bottom:18px}h3{font-size:1.15rem}
.hero-copy,.section-intro{font-size:1.12rem;max-width:760px;color:#486071}.hero-actions,.cta-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:900;border-radius:13px;padding:13px 18px;transition:.2s}.btn.primary{background:var(--navy);color:#fff}.btn.primary:hover{transform:translateY(-1px);background:var(--blue)}.btn.secondary{border:1px solid #bfd2da;background:#fff;color:var(--navy)}
.trust-row{display:flex;gap:18px;flex-wrap:wrap;font-size:.86rem;font-weight:800;color:#526b78}
.hero-card{background:#fff;border:1px solid var(--line);border-radius:30px;padding:28px;box-shadow:var(--shadow)}.hero-card-top{font-weight:900;color:var(--navy);letter-spacing:.1em;font-size:.74rem}.loop{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.loop div{background:var(--soft);border-radius:16px;padding:15px}.loop b{display:block;color:var(--green);font-size:1.4rem}.loop span{font-weight:800;color:var(--navy)}
.strip{background:var(--navy);color:#fff;padding:20px 0}.strip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.strip strong{display:block;color:#9ce1c0;font-size:.82rem;letter-spacing:.08em}.strip span{font-size:.82rem;color:#d7e4ee}
.section{padding:82px 0}.section.soft{background:var(--soft)}.cards{display:grid;gap:18px;margin-top:34px}.cards.four{grid-template-columns:repeat(4,1fr)}.card{border:1px solid var(--line);border-radius:var(--radius);padding:23px;background:#fff;box-shadow:0 8px 22px rgba(11,55,107,.04)}.card .icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--mint);color:var(--green);font-weight:900;margin-bottom:20px}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:34px}.step{background:#fff;border-radius:18px;padding:20px;border:1px solid var(--line)}.step>b{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--navy);color:#fff;margin-bottom:14px}.step p{font-size:.91rem;color:#516877}
.platform-grid,.tutor-grid,.parent-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.feature-list{padding:0;list-style:none;margin:24px 0}.feature-list li{padding:8px 0 8px 28px;position:relative}.feature-list li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:900}
.platform-card{border-radius:28px;padding:28px;background:linear-gradient(160deg,var(--navy),#123f75);color:#fff;box-shadow:var(--shadow)}.mini-head{font-weight:900;letter-spacing:.08em;font-size:.75rem}.mini-score{display:flex;align-items:end;gap:14px;margin:22px 0}.mini-score strong{font-size:3.6rem;line-height:1;color:#9ce1c0}.mini-score span{font-size:.8rem}.mini-bars>div{margin:14px 0}.mini-bars span{display:block;font-size:.78rem;margin-bottom:5px}.mini-bars i{display:block;height:8px;border-radius:99px;background:#9ce1c0}.platform-card p{font-size:.78rem;color:#d9e5ee;margin-bottom:0}
.grade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.grade-grid div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.grade-grid strong{display:block;color:var(--navy);font-size:1.15rem}.grade-grid span{font-size:.86rem;color:#536b7a}
.portrait-placeholder{aspect-ratio:4/5;border-radius:30px;background:linear-gradient(145deg,#dceaf0,#f3f8fa);display:grid;place-items:center;text-align:center;border:1px dashed #a8c3ce;color:var(--navy);font-weight:900;padding:24px}.portrait-placeholder small{font-weight:500;display:block;color:#5d7481}
.award{margin:24px 0;display:flex;gap:16px;padding:18px;border-radius:18px;background:var(--mint);border:1px solid #cde6dd}.award-medal{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-size:1.2rem;flex:none}.award strong{display:block;color:var(--navy)}.award small{display:block;margin-top:5px;color:#607480}
.pricing-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;margin-top:32px}.price-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px}.price-card.featured{border:2px solid var(--green);box-shadow:var(--shadow)}.price-label{font-size:.72rem;font-weight:900;color:var(--green);letter-spacing:.11em}.price{font-size:2.5rem;color:var(--navy);font-weight:900;margin:16px 0 0}.price small{font-size:.9rem;color:#5c7280}.total{font-weight:800;color:var(--green)}.price-card ul{padding-left:20px}
.parent{background:linear-gradient(145deg,#0b376b,#123f75);color:#fff}.parent h2{color:#fff}.parent .eyebrow{color:#9ce1c0}.parent-quote{border-left:4px solid #9ce1c0;padding:20px 24px;background:rgba(255,255,255,.06);border-radius:0 18px 18px 0}.parent-quote strong{font-size:1.3rem}
.cta-section{padding-bottom:90px}.cta-box{border-radius:28px;background:var(--mint);padding:34px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #cde6dd}.cta-box h2{margin-bottom:8px}.setup-note{text-align:center;font-size:.76rem;color:#6f7e87;margin-top:12px}
.footer{background:#071f3e;color:#dbe8ef;padding:26px 0}.footer-grid{display:flex;justify-content:space-between;gap:20px}.footer strong{display:block;color:#fff}.footer span{font-size:.8rem;color:#aebfca}
@media(max-width:920px){.nav-links{display:none;position:absolute;top:74px;left:0;right:0;background:#fff;padding:20px;box-shadow:var(--shadow);flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}.nav-toggle{display:block}.hero-grid,.platform-grid,.tutor-grid,.parent-grid{grid-template-columns:1fr}.cards.four{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.grade-grid{grid-template-columns:1fr 1fr}.pricing-grid{grid-template-columns:1fr}}
@media(max-width:620px){.container{width:min(100% - 26px,1160px)}.hero{padding-top:54px}.cards.four,.steps,.grade-grid,.strip-grid{grid-template-columns:1fr}.strip-grid{gap:12px}.cta-box,.footer-grid{flex-direction:column;align-items:flex-start}h1{font-size:2.7rem}.section{padding:62px 0}}


/* WW-LOGO-003 MASTER ANIMATION
   The approved master logo remains unchanged. Motion is a separate light/current overlay. */
.hero-visual{display:grid;gap:16px;align-items:center}
.logo-energy-stage{
  position:relative;min-height:430px;display:grid;place-items:center;isolation:isolate;
  overflow:hidden;border-radius:34px;
  background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.99) 0 27%,rgba(238,247,246,.94) 48%,rgba(244,248,250,.62) 69%,rgba(255,255,255,0) 79%);
}
.master-logo{position:relative;z-index:4;width:min(74%,310px);height:auto;object-fit:contain;filter:drop-shadow(0 14px 25px rgba(11,55,107,.12))}
.animated-master-logo{animation:wwLogoBreathe 5.2s ease-in-out infinite}
.energy-halo{position:absolute;z-index:1;width:310px;height:310px;border-radius:50%;border:1px solid rgba(21,155,140,.24);box-shadow:0 0 34px rgba(21,155,140,.16),inset 0 0 36px rgba(23,104,181,.08);pointer-events:none}
.energy-halo-one{animation:wwHaloPulse 4.8s ease-in-out infinite}
.energy-halo-two{width:355px;height:355px;border-color:rgba(23,104,181,.13);animation:wwHaloPulse 4.8s ease-in-out 1.4s infinite}
.electric-flow{position:absolute;inset:0;z-index:5;width:100%;height:100%;pointer-events:none;overflow:visible}
.energy-path{fill:none;stroke:url(#wwEnergy);stroke-linecap:round;stroke-linejoin:round;filter:url(#energyGlow);opacity:0}
.energy-path-main{stroke-width:5;stroke-dasharray:10 90;animation:wwCurrentFlow 5.2s cubic-bezier(.4,0,.2,1) infinite}
.energy-path-infinity{stroke-width:3.5;stroke-dasharray:8 92;animation:wwInfinityFlow 5.2s cubic-bezier(.4,0,.2,1) .65s infinite}
.spark{position:absolute;z-index:6;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 8px #fff,0 0 17px #159b8c,0 0 25px #1768b5;opacity:0}
.spark-1{left:38%;top:63%;animation:wwSpark 5.2s 1.0s infinite}
.spark-2{left:59%;top:49%;animation:wwSpark 5.2s 1.85s infinite}
.spark-3{left:49%;top:28%;background:#fff7b0;box-shadow:0 0 8px #fff,0 0 18px #f4c400,0 0 28px #f4c400;animation:wwSpark 5.2s 2.5s infinite}
.spark-4{left:50%;bottom:11%;animation:wwSpark 5.2s .2s infinite}
.energy-caption{margin:0}.energy-caption strong{color:var(--green)}

@keyframes wwCurrentFlow{
  0%,8%{stroke-dashoffset:100;opacity:0}
  12%{opacity:.35}
  22%,55%{stroke-dashoffset:0;opacity:.95}
  66%{stroke-dashoffset:-100;opacity:.28}
  72%,100%{stroke-dashoffset:-100;opacity:0}
}
@keyframes wwInfinityFlow{
  0%,20%{stroke-dashoffset:100;opacity:0}
  27%{opacity:.75}
  40%,55%{stroke-dashoffset:0;opacity:.9}
  64%,100%{stroke-dashoffset:-100;opacity:0}
}
@keyframes wwLogoBreathe{
  0%,10%,78%,100%{filter:drop-shadow(0 14px 25px rgba(11,55,107,.12))}
  36%{filter:drop-shadow(0 14px 28px rgba(21,155,140,.23))}
  50%{filter:drop-shadow(0 10px 34px rgba(244,196,0,.22))}
}
@keyframes wwHaloPulse{
  0%,15%,80%,100%{transform:scale(.92);opacity:.18}
  43%{transform:scale(1.05);opacity:.72}
  60%{transform:scale(1.01);opacity:.32}
}
@keyframes wwSpark{
  0%,20%,100%{opacity:0;transform:scale(.2)}
  26%{opacity:1;transform:scale(1.6)}
  31%{opacity:.25;transform:scale(.65)}
  36%{opacity:0;transform:scale(.2)}
}
@media (prefers-reduced-motion:reduce){
  .animated-master-logo,.energy-halo,.energy-path,.spark{animation:none!important}
  .energy-path{opacity:.16}
}
@media(max-width:920px){.logo-energy-stage{min-height:385px}.master-logo{width:min(66%,275px)}}
@media(max-width:620px){.logo-energy-stage{min-height:335px}.master-logo{width:min(70%,245px)}}


/* ===== WW WEBSITE V3 • TUTOR / NTA SECTION ===== */
.tutor-section{padding-top:86px;padding-bottom:86px}
.tutor-grid{
  display:grid;
  grid-template-columns:minmax(310px,.82fr) minmax(0,1.18fr);
  gap:64px;
  align-items:center;
}
.tutor-photo-card{
  position:relative;
  max-width:500px;
  margin-inline:auto;
}
.tutor-photo{
  display:block;
  width:100%;
  aspect-ratio:3/4;
  object-fit:cover;
  object-position:center 35%;
  border-radius:28px;
  box-shadow:0 24px 55px rgba(8,48,95,.16);
}
.award-badge{
  position:absolute;
  left:24px;right:24px;bottom:-34px;
  display:grid;gap:4px;
  padding:17px 20px;
  border-radius:18px;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(12,64,117,.12);
  box-shadow:0 16px 34px rgba(8,48,95,.16);
  color:var(--navy);
  backdrop-filter:blur(10px);
}
.award-badge .award-kicker{
  font-size:.72rem;font-weight:900;letter-spacing:.12em;color:var(--green);
}
.award-badge strong{font-size:.95rem;line-height:1.25}
.award-badge span:last-child{font-size:.82rem;color:#52667a}
.tutor-copy .eyebrow{
  color:var(--green);font-weight:900;letter-spacing:.14em;font-size:.78rem;margin-bottom:12px;
}
.tutor-copy h2{margin:0 0 20px;font-size:clamp(2rem,4vw,3.4rem);line-height:1.04;color:var(--navy)}
.tutor-copy h2 span{color:var(--green)}
.tutor-copy .lead{font-size:1.14rem;line-height:1.65;color:#344b60}
.tutor-copy p{line-height:1.7}
.tutor-values{
  display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0 22px;
}
.tutor-values div{
  padding:17px;border-radius:17px;background:#f4f8fa;border:1px solid #dce8ed;
}
.tutor-values b{display:block;color:var(--navy);margin-bottom:6px}
.tutor-values span{font-size:.88rem;line-height:1.4;color:#52667a}
.award-note{
  margin-top:20px;padding:17px 19px;border-left:4px solid var(--green);
  background:linear-gradient(90deg,rgba(74,145,32,.08),rgba(23,104,181,.035));
  border-radius:0 14px 14px 0;font-size:.93rem;
}
@media(max-width:900px){
  .tutor-grid{grid-template-columns:1fr;gap:66px}
  .tutor-photo-card{max-width:430px}
}
@media(max-width:620px){
  .tutor-section{padding-top:58px;padding-bottom:58px}
  .tutor-values{grid-template-columns:1fr}
  .award-badge{left:14px;right:14px;bottom:-42px}
}


/* ===== V4 • WW SYSTEM / PROOF / AUDIENCE ===== */
.ww-system-section{background:linear-gradient(180deg,#fff 0%,#f7fbfc 100%)}
.ww-system-section h2 span{color:var(--green)}
.system-flow{
  margin-top:38px;
  display:grid;
  grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;
  gap:12px;
  align-items:stretch;
}
.system-flow article{
  position:relative;
  min-height:215px;
  padding:24px 21px;
  border:1px solid var(--line);
  border-radius:20px;
  background:#fff;
  box-shadow:0 10px 28px rgba(11,55,107,.055);
}
.system-number{
  display:inline-grid;place-items:center;
  width:42px;height:42px;border-radius:13px;
  background:var(--mint);color:var(--green);
  font-weight:900;margin-bottom:20px;
}
.system-flow article:nth-of-type(2) .system-number{color:var(--teal)}
.system-flow article:nth-of-type(3) .system-number{color:var(--blue)}
.system-flow article:nth-of-type(4) .system-number{background:#fff8d7;color:#9a7800}
.system-flow h3{font-size:1.28rem;margin-bottom:10px}
.system-flow p{font-size:.92rem;color:#536b7a;margin-bottom:0}
.flow-arrow{
  display:grid;place-items:center;
  color:#88a3af;font-size:1.65rem;font-weight:800;
}
.system-proof-grid{
  margin-top:34px;
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:22px;
  align-items:stretch;
}
.worksheet-preview-card,.system-copy-card{
  border:1px solid var(--line);
  border-radius:24px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 12px 30px rgba(11,55,107,.055);
}
.preview-topline{
  padding:17px 20px;
  display:flex;justify-content:space-between;gap:12px;
  border-bottom:1px solid var(--line);
  background:#f8fbfc;
}
.preview-topline span{font-size:.73rem;font-weight:900;letter-spacing:.11em;color:var(--green)}
.preview-topline b{font-size:.78rem;color:var(--navy)}
.worksheet-preview-card img{display:block;width:100%;height:auto}
.preview-caption{font-size:.75rem;color:#687d88;padding:0 20px 16px;margin:0}
.system-copy-card{padding:30px}
.system-copy-card h3{font-size:1.65rem}
.system-copy-card>p:not(.eyebrow){color:#4e6574;line-height:1.7}
.signal-list{display:grid;gap:11px;margin-top:24px}
.signal-list div{display:grid;grid-template-columns:26px 1fr;gap:8px;align-items:start}
.signal-list span{color:var(--green);font-weight:900}
.signal-list p{margin:0;font-size:.92rem;color:#425c6c}
.who-section{background:var(--navy);color:#fff}
.who-section h2{color:#fff}
.who-section .eyebrow{color:#9ce1c0}
.who-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}
.who-grid article{
  border:1px solid rgba(255,255,255,.15);
  border-radius:20px;padding:24px;
  background:rgba(255,255,255,.055);
}
.who-grid article>span{
  display:inline-grid;place-items:center;width:38px;height:38px;border-radius:11px;
  background:#9ce1c0;color:var(--navy);font-weight:900;margin-bottom:18px;
}
.who-grid h3{color:#fff;margin-bottom:10px}
.who-grid p{color:#d9e6ed;font-size:.92rem;margin-bottom:0}
@media(max-width:1000px){
  .system-flow{grid-template-columns:1fr 1fr}
  .flow-arrow{display:none}
  .system-proof-grid{grid-template-columns:1fr}
}
@media(max-width:720px){
  .system-flow,.who-grid{grid-template-columns:1fr}
  .preview-topline{flex-direction:column}
}