:root{--navy:#101b31;--navy2:#233653;--ink:#1c2c43;--muted:#626e7c;--gold:#d6b679;--mint:#b2d8d1;--violet:#6d6c86;--line:#e5e5e2;--paper:#faf8f4}
body{background:var(--paper);color:var(--ink)}
h1,h2,h3{font-family:Tahoma,"Segoe UI",Arial,sans-serif;letter-spacing:-.025em}
.top{background:#fbfaf7;color:var(--ink);border-bottom:1px solid #e8e5dc}
.top .container{min-height:88px}
.logo img{width:222px;height:auto;display:block}
.nav{gap:28px;font-size:.9rem}
.nav a:not(.nav-button){color:#344253}
.nav a:not(.nav-button):hover{color:#956d36}
.nav-button{background:var(--navy);color:#fff;padding:11px 19px;border-radius:7px}
.nav-button:hover{background:#30476c;color:#fff!important}
.hero{background:radial-gradient(circle at 68% 22%,#42557732,transparent 34%),radial-gradient(circle at 20% 100%,#7166531f,transparent 43%),#101b31}
.hero:after{background:linear-gradient(90deg,transparent,#d6b67988,transparent)}
.hero-grid{min-height:630px;grid-template-columns:1.03fr .97fr;gap:57px;padding:72px 0 85px}
.hero h1{font-size:clamp(3.25rem,5.2vw,5.6rem);line-height:1.22;letter-spacing:-.045em;margin:27px 0 20px}
.hero h1 span{color:#e6c890}
.hero-copy>p{color:#cbd3de;font-size:1.12rem;line-height:1.95}
.hero .kicker{color:#d7bc88;font-size:.82rem;letter-spacing:.06em}
.hero .kicker:before{background:#d7bc88}
.primary,.light-link{border-radius:8px;min-height:55px;padding:14px 22px;box-shadow:none}
.primary{background:#e5c98f;color:#192944;border-color:#e5c98f}
.primary:hover{background:#f0d7a4}
.light-link{border-color:#8e9db144;background:#ffffff08;color:#eee}
.light-link:hover{background:#ffffff16}
.hero-note{color:#98a9c0!important;font-size:.85rem!important}
.hero-showcase{max-width:500px;min-height:475px}
.showcase-frame{inset:2% 5% 7% 6%;display:flex;align-items:stretch;justify-content:center;overflow:hidden;border:1px solid #c0a87069;border-radius:16px;background:linear-gradient(155deg,#1b2b45,#13213b 72%);box-shadow:0 27px 60px #040c1d78,inset 0 0 0 10px #ffffff07}
.showcase-frame:before{display:none}
.showcase-inner{width:100%;position:relative;padding:43px 35px 37px;display:flex;flex-direction:column;align-items:flex-start}
.showcase-inner:after{content:"";position:absolute;inset:33% -28% -48% 45%;border:1px solid #d8bc8459;border-radius:50%;box-shadow:0 0 0 35px #b8c3d10a,0 0 0 75px #b8c3d107;pointer-events:none}
.showcase-overline{font-size:.68rem;letter-spacing:.18em;color:#d3bd91;font-weight:800;direction:ltr;align-self:flex-end}
.showcase-symbol{font-size:3rem;color:#dabb7f;margin:40px 0 25px;line-height:1}
.showcase-inner h2{font-size:clamp(2rem,3.4vw,3rem);color:#f4f1e9;line-height:1.44;margin:0;position:relative;z-index:1}
.showcase-rule{height:1px;width:100%;background:linear-gradient(90deg,#c6b1848c,transparent);margin:auto 0 19px}
.showcase-steps{display:flex;flex-wrap:wrap;gap:8px;position:relative;z-index:1}
.showcase-steps span{border:1px solid #b7c8d158;color:#d9e1e4;padding:4px 10px;border-radius:4px;font-size:.73rem;font-weight:800}
.floating-card{border:1px solid #e3d7bf;border-radius:9px;background:#f6f2e9;box-shadow:0 16px 28px #02081978;color:#26344b}
.floating-card.top-card{right:-1%;top:11%;padding:13px 15px;font-size:.81rem}
.floating-card.top-card b{font-family:Georgia,serif;color:#9d7d4d;font-size:1.05rem;margin-bottom:4px}
.floating-card.bottom-card{left:-1%;bottom:3%;padding:12px 15px;font-size:.8rem}
.floating-card.bottom-card strong{background:#dcece8;color:#256f70;font:bold 1rem Georgia,serif;border-radius:5px}
.quick-strip{background:#f8f6f1;border-bottom:1px solid #e5e1d8}
.quick-grid>div{padding:22px 25px;border-color:#e1ddda}
.quick-grid b{font-size:1.45rem;color:#aa8752;font-family:Georgia,Tahoma,serif}
.quick-grid span{color:#596574;font-size:.93rem;font-weight:700}
.section{padding:100px 0}
.section-head .eyebrow,.eyebrow{color:#9e7945;font-size:.84rem;letter-spacing:.015em}
.section-head h2{font-size:clamp(2.2rem,3.5vw,3.5rem);color:#192941;line-height:1.35;margin:9px 0 12px}
.section-head p{max-width:660px;line-height:1.9}
.worlds{gap:15px}
.world{min-height:283px;background:#fffefb;border-color:#e6e3dd;border-radius:13px;padding:28px;box-shadow:0 14px 31px #1b243809}
.world:hover{box-shadow:0 19px 38px #1b24381c}
.world:before{height:2px;left:28px;right:28px}
.world-icon{background:var(--tint);border-radius:11px;width:67px;height:67px;font-family:Tahoma,Arial,sans-serif;font-weight:800;font-size:1.95rem}
.world h3{font-size:1.36rem;margin:23px 0 6px}
.world p{line-height:1.75}
.world.a{--accent:#405b88;--tint:#e9edf5}.world.b{--accent:#a4773d;--tint:#f8f0df}.world.c{--accent:#46847d;--tint:#eaf3f0}.world.d{--accent:#716c8b;--tint:#efedf5}
.lab{background:#f1eee8;padding:92px 0}
.lab-panel{border-radius:15px;border-color:#dedbd2;box-shadow:0 22px 45px #28344512;padding:29px}
.lab-tabs button{border-radius:6px}.lab-tabs button[aria-selected=true]{background:#243650;border-color:#243650}
.quiz-visual{background:#f7f5f0;border-radius:9px}
.answer-list button{border-radius:7px}
.ai{background:linear-gradient(125deg,#111d32,#1d2c47);padding:100px 0}
.ai:before{background:radial-gradient(circle,#bea06c24,transparent 68%)}
.ai-copy .eyebrow{color:#dcc28e}
.ai-tag{color:#eedaa9;border-color:#c8ac7180;border-radius:5px}
.ai-copy h2{line-height:1.35}
.ai-panel{border-color:#d3b77878;border-radius:14px;background:linear-gradient(140deg,#243552,#18263f);box-shadow:0 24px 55px #07122288;padding:31px}
.ai-panel>p{line-height:1.85}
.ai-panel select,.ai-panel button{border-radius:7px}
.ai-panel button{background:#e1c487;color:#192a43}.ai-panel button:hover{background:#f0d6a3}
.plan-output h4{color:#e4c690}
.game-spotlight{padding:100px 0 50px;background:#fbfaf7}
.game-frame{min-height:380px;display:grid;grid-template-columns:1.1fr .9fr;background:#e9e4d8;border-radius:16px;overflow:hidden;border:1px solid #dbd1bd}
.game-copy{padding:58px 55px;align-self:center}
.game-copy .eyebrow{color:#8d6b3b}
.game-copy h2{font-size:clamp(2.25rem,3.6vw,3.45rem);margin:12px 0;color:#1d2d46}
.game-copy p{max-width:530px;color:#586473;font-size:1.03rem;line-height:1.85;margin-bottom:23px}
.game-art{position:relative;background:radial-gradient(circle at 45% 49%,#f9e6bd 0 33%,#e6dfd0 34% 66%,transparent 67%);display:grid;place-items:end center}
.game-art img{height:380px;max-width:95%;object-fit:contain;filter:drop-shadow(0 20px 14px #3441534d)}
.game-button,.game-secondary{min-height:48px;display:inline-flex;align-items:center;padding:10px 17px;border-radius:7px;font-weight:900}
.game-button{background:#233753;color:#fff}.game-button:hover{background:#415776}
.game-secondary{color:#273b58;border:1px solid #8792a0}.game-secondary:hover{background:#fff8}
.school-area{background:#fbfaf7;padding:65px 0 115px}
.school-area .section-head{max-width:760px}
.school-panel{background:#fff;border:1px solid #dedfdc;border-radius:14px;display:grid;grid-template-columns:105px 1fr auto;align-items:center;gap:26px;padding:30px;box-shadow:0 15px 30px #1c2a3c0a}
.school-monogram{width:105px;height:105px;display:grid;place-items:center;background:#e8eeeb;color:#477a71;font:700 3.25rem Baloo,Tahoma,sans-serif;border-radius:14px;border:1px solid #d6e5df}
.school-tag{font-size:.8rem;font-weight:900;color:#568578}
.school-panel h3{font-size:1.65rem;margin:6px 0}
.school-panel p{color:#67717d;max-width:550px;margin:0 0 12px}
.school-panel a{color:#25635e;font-weight:900}.school-panel a:hover{text-decoration:underline}
.school-list{display:flex;gap:7px;align-items:center;flex-wrap:wrap;max-width:240px;justify-content:flex-end}
.school-list span{background:#eff4f1;color:#476d66;padding:6px 10px;border-radius:6px;font-size:.8rem;font-weight:800}
.footer{background:#101b31;border-top:1px solid #d9b97955}
.footer .logo img{width:190px}
@media(max-width:1000px){.nav{gap:14px}.nav a:not(.nav-button){font-size:.8rem}.hero-grid{gap:23px}.hero h1{font-size:3.7rem}.world{padding:23px}}
@media(max-width:760px){.top .container{min-height:74px}.logo img{width:172px}.hero-grid{min-height:0;grid-template-columns:1fr;padding:53px 0 50px}.hero h1{font-size:clamp(2.8rem,9.6vw,4rem)}.hero-showcase{min-height:350px;max-width:430px}.showcase-frame{inset:1% 6% 4%}.showcase-inner{padding:25px}.showcase-symbol{margin:18px 0}.showcase-inner h2{font-size:2rem}.floating-card.top-card{right:0}.floating-card.bottom-card{left:0}.section{padding:66px 0}.lab,.ai{padding:65px 0}.game-spotlight{padding:65px 0 30px}.game-frame{grid-template-columns:1fr}.game-copy{padding:32px 25px 0}.game-art{min-height:245px}.game-art img{height:275px}.school-area{padding:45px 0 70px}.school-panel{grid-template-columns:78px 1fr;gap:15px;padding:20px}.school-monogram{width:78px;height:78px;font-size:2.65rem}.school-list{grid-column:1/-1;justify-content:flex-start;max-width:none}.footer .logo img{width:165px}}
@media(max-width:480px){.logo img{width:148px}.nav-button{padding:8px 10px;font-size:.76rem}.hero h1{font-size:2.75rem}.hero-showcase{min-height:315px}.showcase-inner h2{font-size:1.65rem}.showcase-overline{font-size:.54rem}.showcase-symbol{font-size:2.2rem}.floating-card.top-card{font-size:.72rem}.floating-card.bottom-card{font-size:.72rem}.world{min-height:226px;padding:17px}.world h3{font-size:1.12rem}.game-copy h2{font-size:2.1rem}.school-panel h3{font-size:1.38rem}.school-panel p{font-size:.9rem}}
/* Wonder editorial — locally embedded typography and fluid, tactile composition. */
@font-face{font-family:Fredoka;src:url('fredoka-semibold.ttf') format('truetype');font-weight:600;font-display:swap}
:root{--paper:#fcfaf5;--ink:#29223e;--muted:#736c7d;--navy:#29223e;--gold:#b7a0ee}
body{font-family:Baloo,Arial,sans-serif;font-size:17px;background:#fcfaf5}
h1,h2,h3,h4,button,select{font-family:Baloo,Arial,sans-serif;letter-spacing:0}p{line-height:1.9;font-weight:400}section[id]{scroll-margin-top:100px}
.top{background:#fcfaf5ed;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);position:sticky;top:0;z-index:20;border-bottom:1px solid #e5dfed}.top .container{min-height:84px}.nav{gap:24px;font-size:1rem}.nav-button{border-radius:100px;background:#66509a;padding:10px 24px;box-shadow:0 6px 18px #66509a20}.logo img{width:200px}
.hero{color:#302642;background:radial-gradient(ellipse at 15% 50%,#e9e0f88c,transparent 52%),#fcfaf5;overflow:hidden}.hero:after{display:none}.hero-grid{min-height:690px;padding:60px 0 80px;gap:35px;grid-template-columns:1.05fr 1fr}.hero .kicker{font-size:.9rem;color:#7d689f;letter-spacing:0}.hero .kicker:before{width:8px;height:8px;border-radius:50%;background:#aa8dcc;box-shadow:0 0 0 5px #aa8dcc18}.hero h1{font-family:Baloo,Arial,sans-serif;font-size:clamp(3.9rem,6vw,6.6rem);line-height:1.26;letter-spacing:-.02em;margin:22px 0}.hero h1 span{color:#8865b0;position:relative;display:inline-block}.hero h1 span:after{content:'';position:absolute;bottom:5%;right:4%;width:90%;height:9px;border-radius:50%;border-bottom:3px solid #cdb0e8;transform:rotate(-3deg)}.hero-copy>p{color:#746b7c;font-size:1.12rem;max-width:500px}.hero-note{color:#867891!important;font-size:.84rem!important}.primary,.light-link{border-radius:100px;padding:14px 25px;min-height:54px;font-size:1.05rem}.primary{color:white;background:#705299;border:1px solid #705299;box-shadow:0 10px 25px #70529926}.primary:hover{background:#513972;transform:translateY(-2px)}.light-link{color:#5e4c75;border:1px solid #d7cddd;background:transparent}.light-link:hover{background:#eee7f5}
.hero-showcase{height:520px;min-height:520px;width:100%;max-width:520px;isolation:isolate}.orbit{position:absolute;border:1px solid #c5b5d657;border-radius:50%;inset:6%;transform:rotate(-24deg)}.orbit-one{inset:13% -3%;transform:rotate(-24deg)}.orbit-two{inset:-1% 18%;transform:rotate(31deg)}.wonder-core{position:absolute;inset:24% 18%;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(circle at 35% 25%,#ffffff,#eee4fc 75%);box-shadow:inset 0 0 35px #fff,0 30px 55px #73588e15;border:1px solid white;transform:rotate(-7deg);z-index:2}.core-spark{font-size:3rem;line-height:1.3;color:#a183ca}.wonder-core>span:not(.core-spark){font-size:1.2rem;color:#9581a4}.wonder-core strong{font-size:2.3rem;color:#654b83;line-height:1.6}.wonder-core small{font:600 .59rem Fredoka,sans-serif;letter-spacing:.15em;color:#927da8;margin-top:9px}.wonder-tile{position:absolute;width:139px;height:151px;border-radius:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 18px 32px #4e39571c,inset 0 1px 0 #fff;border:1px solid #fff8;z-index:3;animation:bob 6s ease-in-out infinite}.wonder-tile b{font:700 4.4rem Baloo,sans-serif;line-height:1.2}.wonder-tile span{font-size:.8rem}.tile-ar{background:#e7d8f5;color:#8360ab;top:3%;right:12%;rotate:9deg}.tile-num{background:#f4d9b7;color:#9c6a3c;top:22%;left:0;rotate:-12deg;animation-delay:-2s}.tile-num b{font-size:3.5rem}.tile-en{background:#d4e8dd;color:#4c806a;bottom:2%;left:17%;rotate:8deg;animation-delay:-4s}.tile-en b{font-family:Fredoka,sans-serif}.tile-art{background:#f2d8dc;color:#b5677c;bottom:17%;right:0;rotate:-10deg;animation-delay:-1s}.orbit-star{position:absolute;font-size:3.5rem;color:#b29cce}.star-one{top:2%;left:22%;animation:turn 35s linear infinite}.star-two{bottom:7%;right:25%;color:#c79e65}
.quick-strip{border:0;background:#efe9f5;transform:rotate(-1deg);margin:0 -2%;width:104%}.quick-grid{transform:rotate(1deg)}.quick-grid>div{padding:24px 18px;border-color:#d5c9e1}.quick-grid b{font-family:Baloo,sans-serif;color:#7f649d;font-size:1.7rem}.quick-grid span{font-size:.95rem;color:#766780}
.section{padding:105px 0}.section-head h2,.lab-copy h2,.ai-copy h2{font-family:Baloo,sans-serif;font-size:clamp(2.6rem,4vw,4.1rem);line-height:1.3}.eyebrow,.section-head .eyebrow{color:#9673b1;font-size:.95rem}.section-head{margin-bottom:45px}.worlds{gap:20px;align-items:start;padding-bottom:20px}.world{border:0;min-height:310px;border-radius:90px 90px 28px 28px;text-align:center;align-items:center;background:var(--tint);box-shadow:none;padding:33px 20px;transition:transform .3s,box-shadow .3s}.world:nth-child(even){margin-top:35px}.world:before{display:none}.world-icon{width:92px;height:92px;background:#fff9;border-radius:50%;font-family:Baloo,Fredoka,sans-serif;font-size:2.8rem;box-shadow:0 10px 25px #32274208}.world h3{font-size:1.6rem;margin:25px 0 5px}.world p{font-size:.95rem}.world.a{--tint:#eee5f5;--accent:#8963af}.world.b{--tint:#f6ead9;--accent:#a7773e}.world.c{--tint:#e2eee5;--accent:#518168}.world.d{--tint:#f5e3e6;--accent:#b77082}.world:hover{transform:translateY(-9px) rotate(-1deg);box-shadow:0 18px 30px #4f365813}
.lab{background:#f0ebf5;border-radius:70px 70px 0 0}.lab-panel{border:6px solid #ffffff80;border-radius:32px;padding:28px;box-shadow:0 25px 55px #71528818;transform:rotate(-1deg)}.lab-tabs button{border-radius:100px;font-size:.92rem;min-width:80px}.lab-tabs button[aria-selected=true]{background:#8061a6;border-color:#8061a6}.quiz-visual{background:#f7f3fc;border-radius:20px}.answer-list button{border-radius:18px;border-color:#e9dff2;font-family:Baloo,sans-serif}.new-question{color:#775691}.ai{background:#30253f;border-radius:0 0 70px 70px}.ai-panel{background:#40334f;border:1px solid #746184;border-radius:30px;box-shadow:0 25px 45px #120d202f}.ai-panel select{border-radius:13px}.ai-panel button{border-radius:100px;background:#d1b7ed;color:#342247;font-size:1.1rem}.ai-panel button:hover{background:#e1cdf4}.ai-tag{border-radius:100px;color:#ddc4f5;border-color:#a086b3;padding:7px 17px}.ai-copy h2{color:#fbf4ff}.ai-copy p{color:#d1c3dc}.plan-output h4{color:#d9baf6}
.game-spotlight,.school-area{background:#fcfaf5}.game-frame{background:#f3eadb;border-radius:40px;border:0}.game-copy{padding:55px}.game-copy h2{font-family:Baloo,sans-serif;font-size:3.8rem}.game-art{background:radial-gradient(ellipse at 50% 90%,#e8cda4 0 40%,transparent 40.5%)}.game-button,.game-secondary{border-radius:100px}.game-button{background:#765b87}.school-area{padding-top:75px}.school-panel{border-radius:28px;border-color:#e1dbe5;box-shadow:none;padding:35px}.school-monogram{border-radius:50%;background:#e8e4f1;color:#817397}.school-panel h3{font-family:Baloo,sans-serif;font-size:2rem}.school-list span{border-radius:100px;background:#f0edf5;color:#756385}.footer{background:#30253f;border:0;padding:35px 0}.footer p{color:#d1c4df}
a,button{transition:background .2s,transform .2s,box-shadow .2s}.reveal{animation:appear .65s both}@keyframes appear{from{opacity:.35;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes turn{to{transform:rotate(360deg)}}
@media(max-width:1000px){.nav{gap:13px}.hero h1{font-size:4.7rem}.wonder-tile{width:120px;height:132px}.wonder-core strong{font-size:1.9rem}.hero-showcase{height:460px;min-height:460px}}
@media(max-width:760px){.hero-grid{grid-template-columns:1fr;text-align:center;padding:42px 0 55px;gap:35px}.hero h1{font-size:clamp(3.25rem,10vw,4.8rem);margin:18px 0}.hero-copy>p{margin-inline:auto;font-size:1rem;max-width:490px}.hero-actions{justify-content:center}.hero-showcase{height:410px;min-height:410px;max-width:435px}.hero .kicker{font-size:.82rem}.hero-note{font-size:.74rem!important}.quick-grid>div{flex-direction:column;gap:0;text-align:center;padding:20px 5px}.quick-grid span{font-size:.73rem}.quick-grid b{font-size:1.4rem}.section{padding:70px 0}.section-head h2,.lab-copy h2,.ai-copy h2{font-size:2.8rem}.worlds{gap:14px}.world{min-height:280px;padding:26px 13px;border-radius:70px 70px 24px 24px}.world:nth-child(even){margin-top:23px}.world h3{font-size:1.35rem}.world p{font-size:.86rem}.world-icon{width:76px;height:76px;font-size:2.4rem}.lab,.ai{padding:60px 0;border-radius:38px 38px 0 0}.ai{border-radius:0 0 38px 38px}.lab-panel{transform:none;padding:18px;border-width:3px}.game-copy{padding:35px 25px 0}.game-copy h2{font-size:3rem}.school-panel{padding:22px}.top .container{min-height:75px}.logo img{width:170px}.nav-button{font-size:.86rem;padding:9px 17px}.section-head{margin-bottom:30px}}
@media(max-width:380px){.hero h1{font-size:3.05rem}.hero-showcase{height:350px;min-height:350px}.wonder-tile{width:105px;height:116px}.wonder-tile b{font-size:3.5rem}.wonder-tile span{font-size:.7rem}.wonder-core strong{font-size:1.65rem}.wonder-core small{font-size:.48rem}.core-spark{font-size:2.5rem}.hero-actions{gap:9px}.primary,.light-link{font-size:.9rem;padding:12px 17px}.world h3{font-size:1.2rem}.logo img{width:145px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Approved AnswerMe AI book logo. Crop only the surrounding presentation margin. */
.top .logo,.footer .logo{position:relative;display:block;flex:0 0 auto;width:180px;height:120px;overflow:hidden;border-radius:16px;background:#fdfbf5}
.top .logo img,.footer .logo img{position:absolute;width:225px!important;height:225px!important;max-width:none;left:-22px;top:-50px;object-fit:contain}
.top .container{min-height:130px}.footer .logo{justify-self:start}
@media(max-width:760px){.top .logo,.footer .logo{width:144px;height:96px;border-radius:12px}.top .logo img,.footer .logo img{width:180px!important;height:180px!important;left:-18px;top:-40px}.top .container{min-height:106px}section[id]{scroll-margin-top:120px}}

.footer-credit p{margin:0;font-size:.9rem}.footer-credit .creator-credit{font-size:.78rem;color:#b7a7c7;margin-top:5px}

.footer-center{display:flex;flex-direction:column;gap:9px;align-items:center}.footer-center>p{margin:0}.social-links{display:flex;gap:7px;flex-wrap:wrap;justify-content:center}.social-links a{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #ffffff26;border-radius:999px;color:#e7dbef;font-size:.78rem;line-height:1.2}.social-links a:hover{background:#ffffff19;transform:translateY(-2px)}.social-links svg{width:17px;height:17px;flex:none}.footer-credit{line-height:1.6}@media(max-width:760px){.footer-grid{justify-content:center;text-align:center}.footer-credit{width:100%}}

/* Transparent horizontal logo custom made for the dark footer. */
.footer .footer-logo{width:248px;height:91px;background:transparent;overflow:visible;border-radius:0;display:block;flex:0 0 248px}.footer .footer-logo img{position:static;width:248px!important;height:auto!important;max-width:100%;display:block}.footer .footer-logo:hover{transform:translateY(-2px)}@media(max-width:760px){.footer .footer-logo{width:235px;height:83px;flex-basis:235px}.footer .footer-logo img{width:235px!important}}
/* Learning stages */
.age-section{padding:95px 0 10px;background:#fcfaf5}.age-section .section-head{max-width:750px}.age-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.age-card{display:block;position:relative;min-height:240px;padding:27px;border-radius:32px;background:#efe5f6;color:#4b3564;overflow:hidden;transition:transform .2s,box-shadow .2s}.age-card:hover{transform:translateY(-5px);box-shadow:0 18px 32px #47345119}.age-two{background:#f6e8d6;color:#815b37}.age-three{background:#e3eee8;color:#376954}.age-number{font-size:.82rem;opacity:.8}.age-symbol{position:absolute;font-size:5rem;left:25px;top:0;opacity:.2}.age-card h3{font-family:Baloo,sans-serif;font-size:1.85rem;line-height:1.35;margin:40px 0 6px}.age-card p{font-size:.91rem;line-height:1.65;margin:0}.age-arrow{display:inline-block;font-weight:900;margin-top:17px}.age-picker{border:0;padding:0;margin:0 0 18px}.age-picker legend{font-weight:900;color:#694d85;margin-bottom:7px}.age-options{display:flex;gap:7px;flex-wrap:wrap}.age-options label{cursor:pointer}.age-options input{position:absolute;opacity:0}.age-options span{display:block;border:1px solid #d7cae3;border-radius:999px;padding:6px 13px;font-size:.84rem;color:#665676;background:#faf7fd}.age-options input:checked+span{background:#72539b;color:white;border-color:#72539b}.age-options input:focus-visible+span{outline:3px solid #af7b19;outline-offset:2px}.quiz-visual.advanced{font:700 clamp(1.5rem,3vw,2.1rem) Baloo,sans-serif;color:#65527c;line-height:1.5;text-align:center}.answer-list button{font-size:clamp(.95rem,2vw,1.3rem);padding:8px}.lab-tabs{margin-top:5px}@media(max-width:760px){.age-section{padding:70px 0 10px}.age-cards{grid-template-columns:1fr;gap:12px}.age-card{min-height:165px;padding:19px 25px}.age-card h3{font-size:1.5rem;margin:16px 0 3px}.age-symbol{font-size:4rem}.age-arrow{margin-top:7px}}

/* Matching transparent horizontal header lockup. */
.top .logo{width:240px;height:86px;flex:0 0 240px;overflow:visible;background:transparent;border-radius:0}.top .logo img{position:static;width:240px!important;height:auto!important;max-width:100%;display:block}.top .container{min-height:102px}@media(max-width:760px){.top .logo{width:164px;height:62px;flex-basis:164px}.top .logo img{width:164px!important}.top .container{min-height:77px}}@media(max-width:370px){.top .logo{width:145px;flex-basis:145px}.top .logo img{width:145px!important}}