:root{--navy:#11295b;--navy2:#1f457a;--gold:#e8bb65;--ink:#233653;--muted:#64738a;--cream:#fffdf9;--line:#e6e7eb;--r:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);font-family:'Trebuchet MS',Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit}button:focus-visible,a:focus-visible{outline:3px solid #cb972c;outline-offset:4px}img{max-width:100%}.wrap{max-width:1170px;margin:0 auto;padding-left:26px;padding-right:26px}.skip-link{position:absolute;left:-9999px;top:10px;background:white;padding:12px;z-index:30}.skip-link:focus{left:12px}.site-head{position:relative;z-index:10;max-width:1250px;margin:auto;display:flex;align-items:center;gap:34px;padding:21px 27px}.site-brand{display:flex;gap:11px;align-items:center;color:var(--navy);white-space:nowrap;flex-shrink:0}.site-brand img{width:41px;height:45px}.site-brand span{display:flex;flex-direction:column}.site-brand strong{font-size:16px;letter-spacing:-.4px;line-height:1.1;font-weight:900}.site-brand small{letter-spacing:5.2px;font-size:9px;margin:5px 0 0 3px;font-weight:800}.site-head nav{display:flex;gap:25px;align-items:center;margin-left:auto}.site-head nav a,.text-link{font-size:13px;font-weight:700;color:#40526f}.site-head nav a:hover,.text-link:hover{text-decoration:underline}.head-actions{display:flex;align-items:center;gap:18px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 23px;min-height:48px;border-radius:14px;font-size:13px;font-weight:900;transition:transform .18s,box-shadow .18s;border:1px solid transparent;white-space:nowrap}.button:hover{transform:translateY(-2px)}.button-outline{background:#fff;border-color:#d8dfec;color:var(--navy);padding:12px 18px}.button-gold{background:linear-gradient(145deg,#f9d58c,#e8b958);color:#132c5b;box-shadow:0 7px 0 #d7a45066,0 14px 24px #9e7c3225}.button-soft{background:white;color:var(--navy);border-color:#dfe7ed}.button-navy{background:var(--navy);color:#fff}.overline{font-size:11px;letter-spacing:2.1px;font-weight:900;color:#a47427}.gold-dot{width:8px;height:8px;display:inline-block;margin-right:8px;background:#dfaa49;border-radius:50%}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,serif;letter-spacing:-1.6px}h1 em,h2 em{font-weight:400;color:#c6903a}h2{font-size:clamp(32px,4vw,48px);line-height:1.12}.hero-section{padding:0 25px 18px}.hero-shell{max-width:1220px;min-height:575px;margin:0 auto;background:linear-gradient(125deg,#fdfbf6 2%,#faf5e9 45%,#eaf5ff 100%);border:1px solid #e9e4da;border-radius:36px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;box-shadow:0 18px 46px #23395b10}.hero-copy{align-self:center;padding:65px 36px 65px clamp(35px,6vw,82px);position:relative;z-index:1}.hero-copy h1{font-size:clamp(45px,5.5vw,73px);line-height:1.04;color:var(--navy);margin:23px 0 24px}.hero-copy p{font-size:16px;line-height:1.85;color:#52647c;max-width:495px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:29px 0 25px}.hero-trust{display:flex;flex-wrap:wrap;gap:14px;color:#69809b;font-size:10px;font-weight:800}.hero-world{position:relative;isolation:isolate;min-height:565px}.hero-scene{position:absolute;inset:0;background:linear-gradient(90deg,#f8f5ed60,transparent 20%),url('/assets/learning-landscape.webp') center center/cover;opacity:.94}.hero-world:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#f8f5ec12,#78a7cb10 48%,#12355c52);z-index:1}.world-sun{position:absolute;top:52px;right:76px;color:#fff6c7;font-size:72px;text-shadow:0 0 40px #ffeeb0;z-index:2}.hero-student{position:absolute;width:min(75%,450px);max-height:470px;object-fit:contain;object-position:center bottom;bottom:-29px;left:11%;filter:drop-shadow(0 15px 20px #203d6060);z-index:3}.mascot-bubble{position:absolute;right:5%;bottom:22px;display:flex;align-items:end;z-index:4;background:#fffffff0;padding:6px;border-radius:60px;box-shadow:0 10px 30px #10294433}.mascot-bubble img{width:75px;height:74px;object-fit:contain}.floating-label{position:absolute;z-index:5;background:#fffdf6ed;color:#253e63;padding:13px 17px;border:1px solid #fff;border-radius:18px;box-shadow:0 14px 28px #192d5227;display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.4}.label-icon{font-size:27px}.label-top{top:107px;left:5%}.label-bottom{bottom:120px;right:5%}.note-strip{max-width:1120px;margin:0 auto;padding:21px 26px 8px;display:flex;justify-content:space-between;gap:14px;font-size:11px;letter-spacing:1.9px;color:#67758c}.note-strip span+span{letter-spacing:0;font-size:12px}.note-strip b{color:#ad7f2e}.section{padding-top:100px;padding-bottom:95px}.section-top{margin-bottom:33px;max-width:690px}.section-top h2{color:var(--navy);margin:13px 0 17px}.section-top p{color:var(--muted);line-height:1.7;font-size:15px;max-width:620px}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.feature-card{min-height:272px;border-radius:25px;padding:24px;border:1px solid #ffffffa8;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 9px 24px #1b345b0a}.fc-blue{background:#e4eefb}.fc-green{background:#e8f4e8}.fc-peach{background:#ffefdc}.fc-purple{background:#f1ebfa}.feature-art{font-size:60px;display:block;text-align:center;filter:drop-shadow(0 6px 4px #47557219)}.feature-no{font-size:10px;letter-spacing:1.1px;font-weight:900;color:#789}.feature-card h3{font:700 23px Georgia,serif;margin:12px 0 8px;color:var(--navy)}.feature-card p{font-size:13px;color:#526781;line-height:1.6;margin:0}.scenery{background:linear-gradient(130deg,#eff6ff,#fff6e7)}.how-inner{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:10%}.how-art{min-height:460px;position:relative;display:grid;place-items:center;border:1px solid #ffffffcc;border-radius:35px;background:url('/assets/learning-landscape.webp') center/cover;box-shadow:0 18px 35px #203c6617;overflow:hidden}.how-art:before{content:'';position:absolute;inset:0;background:#fff9ec4d}.how-art img{height:320px;object-fit:contain;position:relative;filter:drop-shadow(0 12px 15px #1926475e)}.how-quote{position:absolute;bottom:25px;left:24px;right:24px;background:#ffffffed;border-radius:18px;padding:16px 20px;color:var(--navy);font:italic 21px Georgia,serif;text-align:center}.how-quote small{display:block;font:700 11px Arial,sans-serif;color:#936d35;margin-top:7px}.how-copy h2{color:var(--navy);margin:16px 0 28px}.how-steps{display:grid;gap:15px;margin-bottom:27px}.how-steps>div{display:flex;align-items:flex-start;gap:17px}.how-steps>div>span{flex:0 0 43px;height:43px;border-radius:14px;background:#fff;color:var(--navy);font-weight:900;display:grid;place-items:center;box-shadow:0 4px 8px #284c6f0b}.how-steps b{display:block;color:var(--navy);font-size:15px;margin:1px 0 5px}.how-steps small{display:block;color:#67788f;font-size:13px;line-height:1.6}.how-steps p{margin:0}.subject-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.subject-row span{display:flex;gap:15px;align-items:center;font-size:26px;padding:20px 23px;border:1px solid #e6e9ee;border-radius:20px;background:#fff;box-shadow:0 7px 17px #102d5509}.subject-row b{font-size:15px;color:var(--navy)}.preview-banner{margin-top:10px;margin-bottom:60px;border-radius:32px;min-height:290px;background:linear-gradient(110deg,#132d61 25%,#2b5687 100%);color:white;display:flex;justify-content:space-between;align-items:center;gap:20px;overflow:hidden;padding:32px 46px}.preview-banner h2{font-size:40px;color:white;margin:14px 0}.preview-banner p{color:#dce8f9;max-width:590px;line-height:1.65}.preview-banner .overline{color:#eed092}.preview-banner .button{margin-top:7px}.preview-mascots{align-self:stretch;display:flex;align-items:end;min-width:245px}.preview-mascots img{width:155px;max-width:55%;filter:drop-shadow(0 9px 12px #00143889)}.preview-mascots img+img{margin-left:-35px}.launch-note{display:flex;align-items:flex-start;gap:15px;color:#67768c;font-size:12px;line-height:1.7;max-width:1060px;margin-bottom:65px}.launch-note span{color:#bc8b39;font-size:24px}.launch-note p{margin:0}.site-footer{background:#10234e;color:#d6e2f4;padding:34px 0}.site-footer .wrap{display:flex;gap:22px;align-items:center;justify-content:space-between}.site-footer .site-brand{color:white}.site-footer p{font-size:12px;margin:0}.site-footer .wrap>div{display:flex;gap:19px;font-size:12px}.footer-brand img{filter:brightness(0) invert(1)}
/* Guest experience: separate static sample with zero authenticated data */
.guest-page{background:linear-gradient(180deg,#f8f5f0,#eef4f8)}.guest-wrap{max-width:1100px;margin:25px auto 70px;padding:0 20px}.guest-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:45px 5px 29px}.guest-intro h1{font-size:clamp(34px,5vw,53px);color:var(--navy);margin:12px 0}.guest-intro h1 span{color:#dda845}.guest-intro p{max-width:610px;font-size:14px;line-height:1.7;color:var(--muted);margin:0}.sample-flag{background:#fff9e9;border:1px solid #f0dcb4;color:#997131;padding:11px 15px;border-radius:35px;font-size:11px;font-weight:900;white-space:nowrap}.guest-shell{border:1px solid #dce4ed;border-radius:28px;overflow:hidden;background:white;box-shadow:0 20px 55px #1b365a14}.guest-tabs{background:#f5f7fb;border-bottom:1px solid #dfe6f1;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:12px}.guest-tabs button{border:0;background:transparent;color:#60728c;border-radius:13px;padding:15px 8px;font-weight:800;font-size:13px}.guest-tabs button.active{color:#172f62;background:white;box-shadow:0 5px 17px #10234e15}.guest-stage{background:#fffdf9;min-height:500px;padding:28px}.sample-screen{max-width:900px;margin:auto}.sample-greeting{min-height:236px;border-radius:24px;background:linear-gradient(110deg,#e7f3ff 0%,#e1f1ff9e 38%,#c5ddf2ac),url('/assets/learning-landscape.webp') center/cover;position:relative;overflow:hidden;padding:30px 30px;display:flex;align-items:center;justify-content:space-between}.sample-greeting>div:first-child{max-width:63%;z-index:1}.sample-greeting h2{font-size:35px;color:var(--navy);margin:12px 0}.sample-greeting p{font-size:14px;color:#4f637b;margin-bottom:22px}.sample-hero-figure{height:212px;position:relative;width:235px;flex-shrink:0}.sample-hero-figure img:first-child{height:250px;position:absolute;bottom:-28px;left:-15px;width:185px;object-fit:contain}.sample-hero-figure img:last-child{height:94px;position:absolute;bottom:-18px;right:-10px;width:100px;object-fit:contain}.sample-rooms{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:22px}.sample-room{text-align:left;border:1px solid #ffffffd0;border-radius:22px;min-height:148px;padding:20px;display:grid;grid-template-columns:67px 1fr 22px;align-items:center;column-gap:12px;box-shadow:0 7px 15px #233f590c}.sample-room>span{font-size:42px;grid-row:span 2}.sample-room strong{font:700 23px Georgia,serif;color:#163363}.sample-room small{font-size:12px;color:#617189;grid-column:2}.sample-room>b{grid-column:3;grid-row:1/span 2;color:#1c4475;background:white;border-radius:50%;padding:7px}.r-blue{background:#e6effc}.r-green{background:#e6f4e9}.r-peach{background:#fff0dd}.r-purple{background:#f2ebfa}.sample-note{margin:21px 3px 0;font-size:11px;color:#6e7f96;text-align:center;line-height:1.6}.sample-room-title{display:flex;align-items:center;gap:17px;background:#eaf2fc;border-radius:21px;padding:24px;margin-bottom:17px}.sample-room-title h2{font-size:32px;color:var(--navy);margin:7px 0 0}.sample-emoji{font-size:53px}.small-back{border:0;background:transparent;font-weight:800;color:#23518a;font-size:13px;margin-bottom:18px}.small-back:disabled{opacity:.3}.path-sample{display:grid;gap:14px}.path-row{display:flex;align-items:center;gap:15px;border:1px solid #e2e9f1;border-radius:17px;background:white;padding:13px 18px;min-height:76px}.path-num{border-radius:50%;background:#17386e;color:white;width:35px;height:35px;display:grid;place-items:center;flex-shrink:0}.path-ico{font-size:24px}.path-row>span:nth-of-type(2){flex:1}.path-row strong{display:block;color:#173568;font-size:15px}.path-row small{display:block;color:#6b7b93;font-size:11px;margin-top:4px}.path-row em{font-size:11px;font-style:normal;color:#956c33;padding:8px;border-radius:18px;background:#fff4dc}.tiny-cta{border:0;background:#17366f;color:white;border-radius:10px;padding:11px;font-weight:800;white-space:nowrap;font-size:12px}.sample-empty{text-align:center;background:#fff;border:1px solid #edf1f3;border-radius:22px;padding:28px;margin-top:16px}.sample-empty img{height:130px;object-fit:contain}.sample-empty h3{font:700 27px Georgia,serif;color:var(--navy);margin:12px 0}.sample-empty p{color:var(--muted);font-size:14px;max-width:440px;margin:0 auto 18px;line-height:1.7}.parent-sample-hero{position:relative;background:linear-gradient(115deg,#f9efdb,#eef6ff);padding:35px;min-height:178px;border-radius:24px;overflow:hidden}.parent-sample-hero h2{color:var(--navy);margin:14px 0 10px;font-size:36px}.parent-sample-hero p{color:var(--muted);font-size:14px}.parent-sample-hero img{position:absolute;right:35px;bottom:-12px;height:168px}.parent-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-top:18px}.parent-tiles article{border:1px solid #e3eaf2;border-radius:17px;padding:20px;background:white}.parent-tiles article span{font-size:28px}.parent-tiles h3{font-size:18px;color:var(--navy);margin:10px 0 6px}.parent-tiles p{font-size:12px;color:var(--muted);margin:0;line-height:1.6}.sample-parent-week{background:#f6f8fc;border-radius:19px;margin-top:19px;padding:21px}.sample-parent-week h3{color:var(--navy);margin-bottom:12px;font:700 20px Georgia,serif}.sample-parent-week>div{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #e4e9f2;font-size:13px}.sample-parent-week>div:last-child{border:0}.sample-parent-week>div>span:last-child{color:#7e8a9e}.sample-lesson,.sample-game{max-width:770px;margin:auto}.lesson-top{display:flex;justify-content:space-between;gap:14px;font-size:12px;color:#667992;font-weight:700}.mini-progress{height:9px;background:#ebf0f6;border-radius:20px;overflow:hidden;margin:16px 0 24px}.mini-progress span{display:block;height:100%;background:#e6bc65;border-radius:20px;transition:width .2s}.lesson-illustration{display:flex;align-items:center;justify-content:center;gap:20px;min-height:220px;background:linear-gradient(140deg,#e4f2fd,#fff3d9);border-radius:24px;padding:26px}.lesson-illustration img{width:160px;max-width:35%;object-fit:contain}.lesson-illustration h2{font-size:26px;color:var(--navy);margin-bottom:18px}.lesson-illustration p{font-size:42px;letter-spacing:8px;text-align:center;margin:0}.answer-options{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:23px}.answer-options button{border:2px solid transparent;background:#e7f0fa;border-radius:17px;height:81px;font-size:29px;font-weight:900;color:var(--navy)}.answer-options button:nth-child(2){background:#fff0dc}.answer-options button:nth-child(3){background:#f5eafa}.answer-options button.correct{border-color:#3c9a66;background:#dbf3e3}.answer-options button.incorrect{border-color:#ce7171;background:#fff0ed}.answer-feedback{font-weight:800;text-align:center;color:#365b68;margin:23px 0;min-height:22px}.lesson-actions{display:flex;align-items:center;justify-content:space-between}.lesson-actions button:disabled{opacity:.35;cursor:not-allowed}.lesson-complete{text-align:center;min-height:460px;display:flex;align-items:center;flex-direction:column;justify-content:center}.lesson-complete img{height:180px}.lesson-complete h2{color:var(--navy);margin:12px}.game-top{display:flex;justify-content:space-between;align-items:center;border-radius:25px;background:#eaf4e9;padding:24px 32px}.game-top h2{margin:12px 0;color:var(--navy)}.game-top p{color:var(--muted);margin:0}.game-top img{height:140px}.pattern-sequence{display:flex;justify-content:center;gap:13px;align-items:center;margin:28px 0}.pattern-sequence span{display:grid;place-items:center;height:71px;width:71px;background:#e8f3fa;border-radius:17px;font-size:34px}.pattern-sequence .pattern-question{background:#fff0d9;border:2px dashed #e8bf73;color:#926923;font-weight:900}.pattern-choices{display:flex;justify-content:center;gap:15px}.pattern-choices button{border:2px solid #dce6ee;background:white;border-radius:14px;padding:16px 22px;font-weight:800}.pattern-choices button.selected{border-color:#e0b459;background:#fff5df}.sample-game>.button{display:flex;margin:0 auto}.guest-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:27px;margin-top:27px;background:#fff;border:1px solid #e1e8f0;border-radius:20px}.guest-bottom strong{color:var(--navy)}.guest-bottom p{font-size:12px;color:var(--muted);margin:5px 0 0}.guest-foot{text-align:center;padding:25px;color:#8b97aa;font-size:11px;letter-spacing:1px}
@media(max-width:1000px){.site-head{gap:18px}.site-head nav{gap:13px}.hero-copy{padding-left:40px}.hero-shell{grid-template-columns:1fr 1fr}.hero-copy h1{font-size:52px}.feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.site-head{padding:15px;gap:9px;flex-wrap:wrap}.site-brand img{width:34px;height:37px}.site-brand strong{font-size:12px}.site-brand small{font-size:7px;letter-spacing:3.8px}.site-head nav{order:3;width:100%;justify-content:center;margin:6px auto 0;gap:22px}.site-head nav a{font-size:11px}.head-actions{margin-left:auto;gap:8px}.head-actions .text-link{font-size:11px}.head-actions .button{font-size:10px;padding:9px;min-height:39px}.hero-section{padding:0 11px}.hero-shell{grid-template-columns:1fr;min-height:0;border-radius:23px}.hero-copy{padding:41px 25px 30px}.hero-copy h1{font-size:clamp(42px,10vw,57px)}.hero-copy p{font-size:14px}.hero-trust{gap:8px}.hero-world{min-height:305px}.hero-student{height:320px;bottom:-25px;left:18%;width:62%}.mascot-bubble img{height:60px;width:59px}.label-top{top:30px;left:7%}.label-bottom{right:4%;bottom:89px}.note-strip{padding:15px;flex-wrap:wrap;font-size:9px}.section{padding-top:58px;padding-bottom:60px}.feature-grid{gap:11px}.feature-card{min-height:230px;padding:17px}.feature-art{font-size:50px}.feature-card h3{font-size:20px}.feature-card p{font-size:11px}.how-inner{grid-template-columns:1fr;gap:30px}.how-art{min-height:320px}.how-art img{height:260px}.how-quote{font-size:17px}.subject-row{grid-template-columns:repeat(2,1fr);gap:10px}.subject-row span{padding:15px;font-size:21px}.subject-row b{font-size:12px}.preview-banner{border-radius:0;flex-wrap:wrap;padding:30px;margin-bottom:35px}.preview-banner h2{font-size:34px}.preview-mascots{margin-left:auto;max-height:135px}.preview-mascots img{max-height:130px}.site-footer .wrap{flex-wrap:wrap}.site-footer .wrap>div{width:100%}.guest-intro{margin:20px 0;flex-wrap:wrap}.guest-tabs{grid-template-columns:repeat(2,1fr);gap:5px}.guest-stage{padding:15px}.sample-greeting{padding:19px;min-height:205px}.sample-greeting h2{font-size:26px}.sample-greeting p{font-size:12px}.sample-hero-figure{height:170px;width:115px}.sample-hero-figure img:first-child{height:180px;width:110px;left:-35px}.sample-hero-figure img:last-child{height:80px;right:-21px;bottom:-26px}.sample-greeting .button{padding:11px;font-size:12px;white-space:normal}.sample-rooms{gap:9px}.sample-room{grid-template-columns:1fr 18px;min-height:150px;padding:12px}.sample-room>span{font-size:31px;grid-row:auto}.sample-room strong{font-size:17px;grid-column:1}.sample-room small{font-size:10px;grid-column:1}.sample-room>b{grid-column:2;grid-row:2}.parent-sample-hero{padding:23px}.parent-sample-hero img{height:112px;right:4px}.parent-sample-hero h2{font-size:27px;max-width:65%}.parent-sample-hero p{max-width:64%}.parent-tiles{gap:9px}.parent-tiles article{padding:14px}.parent-tiles h3{font-size:15px}.sample-parent-week>div{font-size:11px}.path-row{gap:8px;padding:11px;flex-wrap:wrap}.path-row em{font-size:9px}.tiny-cta{margin-left:auto}.lesson-illustration img{width:100px}.lesson-illustration h2{font-size:18px}.lesson-illustration p{font-size:24px}.pattern-sequence{gap:5px}.pattern-sequence span{height:50px;width:50px;font-size:24px}.guest-bottom{flex-wrap:wrap}.guest-bottom .button{width:100%}}
@media(max-width:390px){.head-actions .text-link{display:none}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:200px}.hero-actions .button{width:100%}.lesson-illustration{gap:7px;padding:12px}.lesson-illustration img{width:75px}.pattern-sequence span{height:43px;width:43px}.guest-tabs button{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}