@import url('https://fonts.googleapis.com/css2?family=Kalam:wght@400;700&family=Nunito:wght@400;600;700;800;900&display=swap');
:root{--ink:#142451;--blue:#2462cb;--pink:#d83273;--muted:#465675;--mint:#d83273}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0}a{color:inherit;text-decoration:none}button,a,summary{touch-action:manipulation}a:focus-visible,summary:focus-visible{outline:3px solid #2462cb;outline-offset:5px}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin:0}.notebook-home{color:var(--ink);font-family:Nunito,'Trebuchet MS',sans-serif;line-height:1.5;background-color:#fffefa;background-image:linear-gradient(#c4d4e32b 1px,transparent 1px),linear-gradient(90deg,#c4d4e32b 1px,transparent 1px);background-size:25px 25px}.skip-link{position:fixed;left:15px;top:-100px;z-index:20;background:#fff;padding:14px}.skip-link:focus{top:15px}.header-inner,.space-main,.footer-inner,.copyright{width:min(1440px,calc(100% - 64px));margin:auto}.header-inner{display:flex;justify-content:space-between;align-items:center;gap:30px;min-height:100px}.brand{font-family:Kalam,'Comic Sans MS',cursive;font-size:39px;font-weight:700;letter-spacing:-2px;white-space:nowrap}.brand em{color:var(--blue);font-style:normal;position:relative}.brand em:after{content:'';height:4px;background:#eed467;position:absolute;bottom:2px;left:0;right:0;transform:rotate(-3deg)}.desktop-nav{display:flex;gap:25px;align-items:center;font-size:15px;font-weight:800}.desktop-nav a:hover{color:var(--pink)}.login{border:1px solid var(--blue);padding:10px 26px;border-radius:30px}.mobile-menu{display:none}.year-panel{display:flex;align-items:center;gap:36px;padding:30px 35px;margin:4px -15px 12px;background:#fff3b1;box-shadow:0 5px 15px #8f701009;clip-path:polygon(0 2%,3% 0,6% 2%,9% 0,12% 2%,15% 0,18% 2%,22% 0,26% 2%,30% 0,35% 2%,40% 0,45% 2%,50% 0,55% 2%,60% 0,65% 2%,70% 0,75% 2%,80% 0,85% 2%,90% 0,95% 2%,100% 0,100% 98%,95% 100%,90% 98%,85% 100%,80% 98%,75% 100%,70% 98%,65% 100%,60% 98%,55% 100%,50% 98%,45% 100%,40% 98%,35% 100%,30% 98%,25% 100%,20% 98%,15% 100%,10% 98%,5% 100%,0 98%)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.section-heading h2,.learning-feature h2{font-family:Kalam,'Comic Sans MS',cursive;font-size:32px;line-height:1.15}.year-panel .section-heading{margin:0;flex:0 0 200px}.year-panel h2{font-size:38px;transform:rotate(-3deg)}.year-orbit{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:22px;flex:1;padding:12px 4px}.year-link{--paper:#f6c7d9;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;background:var(--paper);min-height:125px;box-shadow:2px 4px 0 #fff7,2px 6px 8px #14245120;border-radius:4px;transform:rotate(-2deg);transition:transform .16s}.year-link:nth-child(3n+2){--paper:#bddaf8;transform:rotate(2deg)}.year-link:nth-child(3n){--paper:#ffe38a}.year-link:nth-child(4){--paper:#bfe5b7}.year-link:before{content:'';position:absolute;top:-7px;left:13%;right:13%;height:15px;background:repeating-linear-gradient(90deg,#465675 0 3px,transparent 3px 17px);border-radius:2px}.year-link:hover{transform:translateY(-5px)}.notebook-number{font-family:Kalam,cursive;font-weight:700;font-size:50px;line-height:1.2}.year-link strong{font-size:17px}.hero{display:grid;grid-template-columns:.9fr 1.3fr;align-items:center;gap:20px;padding:18px 0 28px}.hero-copy{background:#fffef9;padding:34px 30px;box-shadow:0 5px 17px #14245112;border-radius:2px;transform:rotate(-1deg);position:relative}.hero-copy:before{content:'';position:absolute;left:-8px;top:14px;bottom:14px;width:15px;background:radial-gradient(ellipse,#c3cbd14d 0 4px,transparent 5px) 0 0/15px 34px}.hero h1{font-family:Kalam,'Comic Sans MS',cursive;font-size:clamp(46px,5vw,76px);font-weight:700;letter-spacing:-3px;line-height:1.12}.hero h1 em{font-style:normal;text-decoration:underline;text-decoration-color:var(--pink);text-decoration-thickness:5px;text-underline-offset:10px}.hero-lead{font-size:19px;margin-top:25px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:13px 22px;min-height:49px;border-radius:28px;font-weight:800;border:1.5px solid transparent}.primary{color:#fff;background:var(--pink)}.primary:hover{background:#b3245c}.secondary{border-color:var(--blue);background:#fff}.secondary:hover{background:#eef5ff}.hero-note{font:19px/1.35 Kalam,'Comic Sans MS',cursive;margin:28px 0 0 28px;transform:rotate(-3deg)}.hero-art{width:100%;height:auto}.text-link{font-weight:800;color:var(--blue);font-size:14px;display:inline-flex;gap:10px;align-items:center;min-height:44px}.text-link:hover{text-decoration:underline}.section{margin-top:36px}.topics{margin-top:0}.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.topic-link{position:relative;display:flex;align-items:center;gap:18px;background:#fbe4eb;padding:24px 22px;min-height:132px;border:1px solid #ead1d8;box-shadow:2px 4px 6px #1424510c;transform:rotate(-1deg);transition:transform .16s}.topic-link:nth-child(2){background:#e6f1ff;border-color:#cdddee;transform:rotate(1deg)}.topic-link:nth-child(3){background:#e5f3df;border-color:#cddfc6}.topic-link:nth-child(4){background:#fff5ce;border-color:#e9dfb8;transform:rotate(1deg)}.topic-link:hover{transform:translateY(-4px)}.topic-link strong{font-weight:900;font-size:18px}.planet{color:#d83273}.planet b{font-size:64px;line-height:1}.topic-link:nth-child(2) .planet{color:#3268c4}.topic-link:nth-child(3) .planet{color:#398749}.topic-link:nth-child(4) .planet{color:#967018}.topic-arrow{position:absolute;bottom:10px;right:18px;font-size:22px}.worksheet-section{padding:30px;background:#fffef8;border:1px solid #e3dfd2}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;margin-bottom:12px;color:#53627b}.worksheet-years{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.worksheet-years a{display:flex;justify-content:space-between;gap:8px;border:1px solid #bccbe1;background:#f4f8fe;padding:14px;border-radius:5px;font-weight:800}.worksheet-years a:hover{background:#dfebfd}.learning-feature{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding:25px 30px}.learning-feature h2{font-size:42px}.learning-feature p:not(.eyebrow){margin:18px 0 22px;color:var(--muted)}.method-card{background:#fff6bc;box-shadow:3px 6px 13px #14245113;padding:28px;transform:rotate(1deg)}.equation{font:700 50px Kalam,cursive;margin:12px 0}.equation em{font-style:normal;color:#bd2a65}.method{padding:12px 0;display:flex;justify-content:space-between;gap:15px;border-top:1px solid #c7b66f77}.method-card small{font-size:12px;display:block}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.plan-card{padding:26px;border:1px solid #cbd4df;background:#fffefb;border-radius:6px}.plan-card:hover{border-color:var(--blue)}.plan-card h3{font-size:30px;margin:10px 0}.plan-card h3 small{font-size:14px;font-weight:400}.plan-card p{color:var(--muted)}.plan-action{display:flex;justify-content:space-between;color:var(--blue);font-weight:800;margin-top:22px}.trial{display:flex;justify-content:center;align-items:center;gap:22px;flex-wrap:wrap;margin:35px 0 55px}.trial>span{font-size:14px}.space-footer{padding:36px 0 25px;background:#eef1f5;border-top:1px solid #d5dde7}.footer-inner{display:flex;justify-content:space-between;gap:40px}.footer-inner p{color:var(--muted);margin-top:12px}.footer-inner nav{display:grid;grid-template-columns:repeat(4,auto);gap:12px 25px;align-content:center;font-size:14px}.footer-inner nav a:hover{text-decoration:underline}.copyright{font-size:12px;margin-top:28px;color:var(--muted)}
@media(max-width:1100px){.desktop-nav{gap:16px;font-size:13px}.brand{font-size:32px}.year-panel{gap:22px;padding:28px 25px}.year-panel .section-heading{flex-basis:155px}.year-panel h2{font-size:31px}.year-orbit{gap:15px}.year-link{min-height:108px}.hero-copy{padding:28px 22px}.hero h1{font-size:54px}.hero-lead{font-size:16px}.button{font-size:14px;padding:12px 18px}.topic-link{padding:20px 15px;gap:12px}.topic-link strong{font-size:15px}.planet b{font-size:52px}}
@media(max-width:800px){.header-inner,.space-main,.footer-inner,.copyright{width:calc(100% - 36px)}.desktop-nav{display:none}.header-inner{min-height:80px}.mobile-menu{display:block;position:relative;z-index:10}.mobile-menu summary{list-style:none;border:1px solid var(--blue);border-radius:22px;padding:10px 18px;cursor:pointer}.mobile-menu nav{position:absolute;right:0;top:52px;min-width:210px;background:#fffefa;box-shadow:0 6px 25px #14245130;padding:12px;border:1px solid #cbd4df}.mobile-menu nav a{display:block;padding:12px}.year-panel{display:block;margin:0 -8px 10px;padding:25px 20px}.year-panel h2{font-size:28px;transform:none}.year-panel h2 br{display:none}.year-panel h2 br:after{content:' '}.year-panel .section-heading{margin-bottom:15px}.year-orbit{gap:12px}.year-link{min-height:90px}.notebook-number{font-size:36px}.year-link strong{font-size:13px}.year-link:before{left:16%;right:16%;background-size:auto}.hero{gap:8px;grid-template-columns:1fr 1fr}.hero h1{font-size:45px}.hero-copy{padding:23px 18px}.hero-note{font-size:17px;margin-left:10px}.actions{gap:9px}.hero .button{width:100%}.topic-grid{grid-template-columns:repeat(2,1fr);gap:18px}.topic-link{min-height:110px}.topic-link strong{font-size:18px}.worksheet-years{grid-template-columns:repeat(4,1fr)}.learning-feature{gap:25px;padding:15px 0}.plan-grid{gap:12px}.plan-card{padding:20px}.footer-inner{flex-direction:column}}
@media(max-width:560px){.hero{grid-template-columns:1fr;padding-top:20px}.hero-copy{padding:30px 24px}.hero h1{font-size:clamp(44px,12vw,65px)}.hero .button{width:auto;flex:1;font-size:13px;white-space:nowrap;gap:10px;padding:12px 14px}.hero-art{margin-top:20px}.year-orbit{grid-template-columns:repeat(4,1fr);gap:22px 16px}.year-link{min-height:94px}.year-link strong{font-size:14px}.year-link:before{left:20%;right:20%}.year-panel h2{font-size:30px}.year-panel h2 br{display:inline}.year-panel h2 br:after{content:' '}.section-heading{align-items:flex-start;flex-wrap:wrap;gap:10px}.section-heading h2{font-size:28px}.topic-grid{gap:16px}.topic-link{gap:12px;padding:22px 14px;min-height:110px;flex-wrap:wrap}.topic-link strong{font-size:15px}.planet b{font-size:43px}.worksheet-section{padding:25px 18px}.worksheet-years{grid-template-columns:repeat(2,1fr)}.learning-feature{grid-template-columns:1fr}.plan-grid{grid-template-columns:1fr}.footer-inner nav{grid-template-columns:repeat(2,1fr)}.brand{font-size:31px}.hero-note{margin:22px 0 0 20px}.trial{gap:15px}.method-card{padding:23px}.section{margin-top:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
