@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Nunito:wght@600;700;800;900&display=swap');
:root{--ink:#26364b;--muted:#7a8798;--paper:#fcfcff;--purple:#7869c9;--line:#ececf5;--shadow:0 12px 34px rgba(61,63,112,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:22px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}
.topbar{min-height:82px;padding:0 max(5.2%,24px);display:flex;align-items:center;justify-content:space-between;background:#ffffffed;border-bottom:1px solid #f0eff7}.brand{display:flex;align-items:center;gap:11px;font-family:Nunito,sans-serif;font-weight:900;font-size:1.25rem;line-height:1.1}.brand-mark{width:39px;height:39px;display:grid;place-items:center;border-radius:13px;background:#eeeaff;color:#7869c9;font-size:1.55rem}.brand-dot{color:#f3a56c}.brand small{display:block;margin-top:5px;font:700 .55rem 'DM Sans',sans-serif;letter-spacing:.12em;color:#9a9db0}.top-nav{display:flex;gap:30px;align-items:center}.top-nav a{font-size:.86rem;font-weight:700;color:#68758a}.top-nav a:hover{color:var(--purple)}
.hero{overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:24px;min-height:420px;padding:58px max(8%,40px) 54px;background:linear-gradient(112deg,#f3f0ff,#fbf5ff 52%,#eef9f5)}.hero-copy{max-width:610px;position:relative;z-index:1}.pill{display:inline-flex;gap:8px;padding:7px 12px;border:1px solid #e7e1ff;border-radius:99px;background:#ffffff99;color:#7163bd;font-size:.66rem;font-weight:800;letter-spacing:.12em}.sparkle{color:#f1a66d}h1,h2,h3,p{margin-top:0}h1{margin:19px 0 16px;font:900 clamp(2.25rem,4vw,3.5rem)/1.12 Nunito,sans-serif;letter-spacing:-.04em}h1 span{color:#7768c7}.hero-copy>p{max-width:475px;margin-bottom:24px;color:#717d91;font-size:1rem;line-height:1.8}.primary-button{display:inline-flex;gap:20px;padding:13px 19px;border-radius:12px;background:#7869c9;color:white;font-size:.88rem;font-weight:800;box-shadow:0 7px 16px #7869c92a;transition:transform .2s}.primary-button:hover{transform:translateY(-2px)}.hero-note{margin-top:16px;color:#8490a0;font-size:.76rem}.mini-check{display:inline-grid;place-items:center;width:18px;height:18px;margin-right:5px;border-radius:50%;background:#e0f3e8;color:#4e9b79;font-weight:900}
.hero-art{position:relative;min-height:315px;display:grid;place-items:center}.orbit{position:absolute;border:1px dashed #cfc7f0;border-radius:50%;width:285px;height:285px}.orbit-two{width:225px;height:225px;border-color:#cde7df}.book{position:absolute;width:176px;height:210px;border-radius:14px 17px 17px 8px;box-shadow:8px 15px 20px #3b416c16;transform:rotate(-8deg)}.book-back{background:#f6c4a6;transform:translate(17px,4px) rotate(9deg)}.book-front{background:#a9d9cc;border:8px solid white;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:23px;gap:12px}.book-front>span{align-self:center;font:900 2.8rem Nunito,sans-serif;color:#3c8273;margin-top:8px}.book-line{height:5px;width:100%;border-radius:9px;background:#d9eee7}.book-line.short{width:65%}.pencil{position:absolute;width:19px;height:145px;top:30px;right:20%;border-radius:9px;background:#f3b86f;transform:rotate(31deg);box-shadow:inset -4px 0 #e8a457}.pencil:before{content:"";position:absolute;top:-17px;left:0;border-left:9.5px solid transparent;border-right:9.5px solid transparent;border-bottom:19px solid #e8b89c}.pencil:after{content:"";position:absolute;bottom:-13px;left:0;border-left:9.5px solid transparent;border-right:9.5px solid transparent;border-top:15px solid #d4a181}.float-star{position:absolute;color:#8c7ddd;font-size:2rem}.star-a{top:35px;left:18%}.star-b{top:78px;right:11%;font-size:2.5rem;color:#f0a56c}.star-c{bottom:34px;left:18%;color:#68b59b}.art-caption{position:absolute;bottom:0;padding:9px 15px;border:1px solid #e7e7f0;border-radius:99px;background:white;color:#798598;font-size:.7rem;box-shadow:0 5px 15px #4a4e6b0c}.art-caption span{color:#f0a56c;margin-right:4px}
.class-section,.subject-section,.extras-section{width:min(1180px,90%);margin:0 auto;padding:58px 0 10px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px}.section-kicker{display:block;margin-bottom:7px;color:#9a8bd7;font-size:.65rem;font-weight:900;letter-spacing:.15em}.section-heading h2{margin:0 0 7px;font:900 clamp(1.5rem,2.5vw,2rem) Nunito,sans-serif;letter-spacing:-.025em}.section-heading p{margin:0;color:var(--muted);font-size:.88rem}.heading-doodle{color:#e7a06f;font-size:2.2rem;padding-right:15px}
.class-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}.class-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:143px;border:1px solid transparent;border-radius:17px;transition:transform .2s,box-shadow .2s;overflow:hidden}.class-card:hover,.class-card:focus-visible{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#dcd6f8;outline:none}.class-card.is-selected{border-color:#8677d3;box-shadow:0 0 0 3px #8677d31c}.lavender{background:#f0edff}.peach{background:#fff0e7}.mint{background:#e7f6ef}.sky{background:#e9f4ff}.lemon{background:#fff8df}.rose{background:#ffedf1}.class-icon{display:grid;place-items:center;width:36px;height:36px;margin-bottom:8px;border-radius:12px;background:#ffffffad;color:#7668c3;font-size:1.2rem}.class-label{color:#8d91a2;font-size:.59rem;font-weight:900;letter-spacing:.13em}.class-card strong{font:900 2rem Nunito,sans-serif;line-height:1.1}.card-arrow{position:absolute;right:11px;top:9px;color:#a1a1b3;font-size:.9rem}
.subject-section{padding-top:60px;animation:rise .4s ease both}.change-class{padding:8px 12px;border-radius:9px;background:#f0edff;color:#7162bc;font-size:.75rem;font-weight:800;white-space:nowrap}.subject-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.subject-card{display:flex;align-items:center;gap:12px;min-height:74px;padding:13px 15px;border:1px solid #ececf5;border-radius:13px;background:white;box-shadow:0 4px 12px #343c6810;transition:transform .18s,border-color .18s}.subject-card:hover{transform:translateY(-2px);border-color:#cfc7f1}.subject-symbol{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:12px;background:#f0edff;color:#7768c7;font-size:1.25rem}.symbol-1{background:#fff0e7;color:#c78556}.symbol-2{background:#e7f6ef;color:#4b9b7e}.symbol-3{background:#e9f4ff;color:#5288ba}.symbol-4{background:#fff8df;color:#b39a42}.symbol-5{background:#ffedf1;color:#bd718b}.subject-name{flex:1;font-weight:700;font-size:.86rem}.subject-arrow{color:#a4a5b7;font-size:1.1rem}.curriculum-note{margin:15px 0 0;color:#939aab;font-size:.73rem}
.extras-section{padding-top:65px;padding-bottom:65px}.extras-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.extra-card{display:grid;grid-template-columns:140px 1fr;gap:20px;align-items:center;padding:23px;border:1px solid #ececf5;border-radius:19px;background:white;box-shadow:0 7px 24px #3b416c08;transition:transform .2s,box-shadow .2s}.extra-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.vocab-card{background:linear-gradient(120deg,#fff9f2,white 75%)}.games-card{background:linear-gradient(120deg,#f0fbf6,white 75%)}.extra-art{height:126px;position:relative;display:grid;place-items:center;border-radius:16px;overflow:hidden}.vocab-art{background:#ffebd9}.vocab-art span{position:absolute;display:grid;place-items:center;width:44px;height:54px;border-radius:10px;background:white;color:#bd835c;font:900 1.6rem Nunito,sans-serif;box-shadow:0 5px 9px #8c664b16}.vocab-art span:nth-child(1){transform:rotate(-12deg) translate(-25px,5px)}.vocab-art span:nth-child(2){transform:rotate(7deg) translate(20px,-9px);background:#d8eee5;color:#438873}.vocab-art span:nth-child(3){transform:rotate(12deg) translate(0,24px);background:#e2ddff;color:#7768c7}.vocab-art i{position:absolute;top:10px;right:12px;color:#e4a261;font-style:normal}.games-art{background:#dff3e9}.games-art span{position:absolute;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:white;color:#58a184;font-size:1.3rem;box-shadow:0 4px 10px #508f7a16}.games-art span:nth-child(1){transform:translate(-25px,-18px) rotate(-10deg)}.games-art span:nth-child(2){transform:translate(25px,4px) rotate(10deg);color:#7b6cc6;background:#f0edff}.games-art span:nth-child(3){transform:translate(-15px,30px);color:#d99b58;background:#fff0df}.games-art i{position:absolute;right:13px;top:12px;color:#6cae92;font-style:normal}.extra-tag{color:#b28763;font-size:.61rem;font-weight:900;letter-spacing:.13em}.games-card .extra-tag{color:#58967f}.extra-copy h3{margin:5px 0 6px;font:900 1.18rem Nunito,sans-serif}.extra-copy p{margin:0 0 13px;color:#818b9b;font-size:.78rem;line-height:1.65}.text-link{color:#a8754c;font-size:.75rem;font-weight:800}.games-card .text-link{color:#4d967c}.text-link b{margin-left:5px}
footer{padding:28px 20px;text-align:center;border-top:1px solid #eeeef5;background:white;color:#8790a0}footer p{margin:5px 0;font-size:.8rem}footer p span{color:#e9a3a3}footer small{font-size:.67rem}.footer-brand{font:900 1.05rem Nunito,sans-serif;color:#4b526b}.footer-brand .brand-dot{color:#f3a56c}
@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.hero{padding-left:6%;padding-right:6%}.class-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.extra-card{grid-template-columns:110px 1fr;padding:16px;gap:15px}.extra-art{height:115px}.subject-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.topbar{padding:14px 5%;align-items:flex-start;gap:15px}.brand{font-size:1.05rem}.brand-mark{width:34px;height:34px}.brand small{font-size:.48rem}.top-nav{gap:12px;flex-wrap:wrap;justify-content:flex-end;padding-top:7px}.top-nav a{font-size:.7rem}.hero{grid-template-columns:1fr;padding:43px 6% 30px;gap:4px}.hero-art{min-height:260px}.orbit{width:235px;height:235px}.orbit-two{width:190px;height:190px}.book{transform:scale(.85) rotate(-8deg)}.book-back{transform:scale(.85) translate(17px,4px) rotate(9deg)}.pencil{right:16%;height:115px}.class-section,.subject-section,.extras-section{width:90%;padding-top:43px}.class-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.class-card{min-height:125px}.class-card strong{font-size:1.8rem}.section-heading{align-items:flex-start}.heading-doodle{display:none}.subject-grid{grid-template-columns:1fr}.extras-grid{grid-template-columns:1fr}.extra-card{grid-template-columns:112px 1fr}.extra-art{height:120px}.change-class{font-size:.68rem;padding:7px 9px}}
@media(max-width:380px){.top-nav{gap:8px}.top-nav a{font-size:.65rem}.class-card{min-height:112px}.class-icon{width:31px;height:31px}.extra-card{grid-template-columns:1fr}.extra-art{height:100px}.hero-art{min-height:235px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}