.motion-page{background:var(--cream);color:var(--ink)}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:25px;color:var(--muted);font-size:13px}.breadcrumb a{color:var(--purple);text-decoration:none}.motion-hero{display:grid;gap:42px;padding:45px 0 78px}.motion-hero h1{font:700 clamp(43px,10vw,72px)/1.02 'Fredoka';letter-spacing:-.04em;margin:11px 0 21px}.motion-hero h1 em{color:#2477d4;font-style:normal}.motion-hero-copy>p:not(.eyebrow){max-width:670px;color:var(--muted);font-size:17px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:27px}
.road-scene{position:relative;min-height:380px;border-radius:34px;background:linear-gradient(#cfeeff 0 64%,#8cc878 64% 74%,#42475a 74%);overflow:hidden;box-shadow:0 22px 48px rgba(32,91,144,.14)}.road-scene:after{content:'';position:absolute;left:0;right:0;bottom:13%;height:8px;background:repeating-linear-gradient(90deg,#fff 0 42px,transparent 42px 76px)}.cloud{position:absolute;width:74px;height:26px;border-radius:30px;background:#fff;opacity:.85}.cloud:before,.cloud:after{content:'';position:absolute;border-radius:50%;background:#fff}.cloud:before{width:36px;height:36px;left:13px;top:-17px}.cloud:after{width:27px;height:27px;right:9px;top:-10px}.cloud-one{top:52px;left:15%}.cloud-two{top:112px;right:12%;transform:scale(.75)}.car{position:absolute;z-index:2;left:11%;bottom:17%;font-size:76px}.car i{position:absolute;left:-110px;top:42px;width:105px;height:5px;background:repeating-linear-gradient(90deg,#fff 0 20px,transparent 20px 32px)}.speed-sign{position:absolute;z-index:2;right:10%;top:36px;display:grid;place-items:center;width:97px;height:125px;border:7px solid #fff;border-radius:48px;background:#2477d4;color:#fff;box-shadow:0 8px 0 #2e3446}.speed-sign span{font:700 20px 'Fredoka'}.speed-sign b{font:700 42px/1 'Fredoka'}.speed-sign small{font-weight:700}.trip-label{position:absolute;z-index:3;left:50%;bottom:29px;display:flex;gap:10px;transform:translateX(-50%);width:max-content}.trip-label b,.trip-label span{padding:8px 12px;border-radius:13px;background:#fff;box-shadow:0 8px 18px rgba(0,0,0,.14);color:#31506b;font-size:13px}
.symbol-strip{background:#152d4a;color:#fff}.symbol-grid{display:grid;grid-template-columns:1fr 1fr}.symbol-grid>div{display:grid;grid-template-columns:auto 1fr;gap:0 11px;align-items:center;padding:19px 8px;border-bottom:1px solid rgba(255,255,255,.12)}.symbol-grid strong{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#2477d4;font:700 25px 'Fredoka'}.symbol-grid span{font:700 16px 'Fredoka'}.symbol-grid small{color:#bcd3e9}
.lesson-section,.examples-section,.acceleration-section,.calculator-section,.summary-section{padding:80px 0}.section-intro{max-width:830px;margin-bottom:34px}.section-intro h2,.unit-layout h2,.advanced-layout h2,.quiz-layout h2{font:700 clamp(33px,7vw,50px)/1.08 'Fredoka';letter-spacing:-.02em;margin:7px 0 14px}.section-intro>p:last-child,.unit-layout>div:first-child>p:not(.eyebrow),.advanced-layout>div:first-child>p:not(.eyebrow),.quiz-layout>div:first-child>p:last-child{color:var(--muted);font-size:16px}.quantity-grid,.worked-grid,.mistake-grid{display:grid;gap:17px}.quantity-grid article{padding:24px;border:1px solid var(--line);border-radius:23px;background:#fff}.quantity-symbol{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;background:#e1f1ff;color:#1966b7;font:700 31px 'Fredoka'}.quantity-grid h3,.worked-grid h3,.mistake-grid h3{font:700 23px 'Fredoka';margin:12px 0 6px}.quantity-grid p,.worked-grid>article>p,.mistake-grid p{color:var(--muted)}.quantity-grid article>b{display:block;margin-top:13px;color:#1966b7}.precision-note,.meaning-note{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;margin-top:23px;padding:20px;border-radius:20px;background:#fff0c1}.precision-note>span,.meaning-note>span{font-size:29px}.precision-note p,.meaning-note p{margin:0;color:#5f5736}
.formula-section{padding:84px 0;background:#2477d4;color:#fff}.light-intro .eyebrow{color:#cae4ff}.light-intro>p:last-child{color:#e3f1ff}.formula-layout{display:grid;gap:30px;align-items:center}.formula-triangle{position:relative;display:grid;grid-template-columns:1fr 1fr;place-items:center;width:260px;height:235px;margin:auto;clip-path:polygon(50% 0,100% 100%,0 100%);background:#fff;color:#185a9d;padding:38px 45px 27px}.formula-triangle>span{grid-column:1/-1;font:700 55px 'Fredoka'}.formula-triangle>b{font:700 44px 'Fredoka'}.formula-triangle>i{position:absolute;left:23%;right:23%;top:53%;height:4px;background:#2477d4}.formula-triangle:after{content:'';position:absolute;left:50%;top:54%;bottom:13%;width:4px;background:#2477d4}.formula-cards{display:grid;gap:12px}.formula-cards article{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 15px;padding:18px 20px;border:1px solid rgba(255,255,255,.2);border-radius:18px;background:rgba(255,255,255,.1)}.formula-cards article>span{font-weight:700;color:#d7eaff}.formula-cards p{grid-column:1/-1;margin:0;color:#e7f3ff;font-size:13px}.big-formula{font:700 29px 'Fredoka'}.big-formula i,.accel-formula i,.advanced-formula i{font-style:italic}.fraction{display:inline-grid;grid-template-rows:1fr 1fr;vertical-align:middle;text-align:center;margin:0 4px}.fraction b{padding:0 7px;font:inherit}.fraction b:first-child{border-bottom:2px solid currentColor}
.worked-grid>article{position:relative;padding:25px;border:1px solid var(--line);border-radius:23px;background:#fff;overflow:hidden}.problem-number{position:absolute;right:15px;top:8px;color:#e5f2ff;font:700 58px 'Fredoka'}.worked-grid h3{position:relative}.work{display:grid;gap:8px;margin-top:18px;padding:16px;border-radius:16px;background:#f0f7ff}.work span{color:var(--muted);font-size:13px}.work b{color:#3e6488}.work strong{color:#125ea8}.unit-section{padding:82px 0;background:#e4f4ff}.unit-layout{display:grid;gap:30px;align-items:center}.conversion-formulas{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.conversion-formulas b{padding:9px 12px;border-radius:13px;background:#fff;color:#185e9f}.converter-card{padding:24px;border-radius:25px;background:#fff;box-shadow:0 18px 45px rgba(28,91,143,.12)}.converter-card>label,.calculator-card>label,.input-grid label{display:grid;gap:6px;color:#4d6070;font-size:13px;font-weight:700}.converter-card input,.calculator-card input,.calculator-card select{width:100%;padding:12px 13px;border:1px solid #cad7e2;border-radius:12px;background:#fff;color:var(--ink);font:700 16px inherit}.converter-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.converter-toggle button{padding:11px 8px;border:1px solid #cbd8e3;border-radius:12px;background:#fff;color:#52697b;font-weight:700;cursor:pointer}.converter-toggle button.active{border-color:#2477d4;background:#e4f3ff;color:#155c9f}.converter-result,.calc-result{display:grid;gap:5px;padding:17px;border-radius:17px;background:#152d4a;color:#fff}.converter-result small,.calc-result small{color:#bcd3e9}.converter-result strong{font:700 32px 'Fredoka'}.converter-result span{color:#d5e8f8}
.accel-layout{display:grid;gap:22px}.accel-formula{display:grid;place-items:center;align-content:center;min-height:290px;padding:25px;border-radius:28px;background:#152d4a;color:#fff;text-align:center}.accel-formula>span{color:#abd5fb;font-weight:700}.accel-formula>div{margin:24px 0;font:700 clamp(29px,7vw,44px) 'Fredoka'}.accel-formula p{color:#d6e9f8}.accel-examples{display:grid;gap:12px}.accel-examples article{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff}.accel-examples article>span{font-size:35px}.accel-examples h3{font:700 21px 'Fredoka';margin:0}.accel-examples p{margin:4px 0;color:var(--muted)}.accel-examples b{color:#185e9f}.advanced-section{padding:80px 0;background:#fff0c1}.advanced-layout{display:grid;gap:26px;align-items:center}.advanced-formula{padding:28px;border-radius:25px;background:#fff;text-align:center}.advanced-formula>div{font:700 clamp(27px,6vw,40px) 'Fredoka';color:#174e7f}.fraction.compact b{padding:0 3px}.advanced-formula p{color:var(--muted)}.advanced-formula strong{display:block;color:#14674b;font-size:18px}
.calculator-grid{display:grid;gap:20px}.calculator-card{padding:24px;border:1px solid var(--line);border-radius:25px;background:#fff;box-shadow:0 14px 35px rgba(37,67,95,.08)}.calculator-card h3{font:700 27px 'Fredoka';margin:0 0 17px}.input-grid{display:grid;gap:12px;margin:13px 0}.calculator-card>.button{width:100%;border:0;margin:6px 0 13px}.calc-result strong{font:700 28px 'Fredoka'}.calc-result span{color:#d8e9f7}.calc-result.error{background:#8f3c34}.mistake-section{padding:80px 0;background:#152d4a;color:#fff}.mistake-grid article{padding:22px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:rgba(255,255,255,.08)}.mistake-grid article>span{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:#ffdc5e;color:#4b3a00;font:700 20px 'Fredoka'}.mistake-grid p{color:#d4e4f2}.quiz-section{padding:80px 0;background:#e4f4ff}.quiz-layout{display:grid;gap:28px}.quiz-card{padding:24px;border-radius:25px;background:#fff;box-shadow:0 17px 40px rgba(27,78,121,.1)}.quiz-progress{display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.quiz-card h3{font:700 24px/1.25 'Fredoka';margin:22px 0}.quiz-options{display:grid;gap:9px}.quiz-options button{padding:13px;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--ink);text-align:left;font-weight:700;cursor:pointer}.quiz-options button:hover:not(:disabled){border-color:#2477d4;background:#edf7ff}.quiz-options button.correct{border-color:#2d8252;background:#e6f7eb;color:#1e6640}.quiz-options button.wrong{border-color:#d85b47;background:#ffebe7;color:#923c2e}#quizFeedback{min-height:52px;color:var(--muted)}
.summary-section{display:grid;gap:22px}.summary-card,.next-card{padding:27px;border-radius:26px}.summary-card{background:#e4f4ff}.summary-card h2,.next-card h2{font:700 30px/1.12 'Fredoka';margin:8px 0 15px}.summary-formulas{display:grid;gap:9px}.summary-formulas b{padding:12px;border-radius:13px;background:#fff;color:#185e9f;font:700 20px 'Fredoka'}.next-card{background:#fff;border:1px solid var(--line)}.next-card>span{font-size:43px}.next-card p:not(.eyebrow){color:var(--muted)}.motion-share{padding:67px 0;background:#2477d4;color:#fff}.share-panel{display:grid;gap:18px}.share-panel .eyebrow{color:#cbe5ff}.share-panel h2{font:700 33px 'Fredoka';margin:5px 0}.share-panel p{margin:0;color:#e1f0ff}.share-panel .button{justify-self:start;background:#fff;color:#145b9d}#shareFeedback{grid-column:1/-1;color:#e7fff8}
@media(min-width:700px){.symbol-grid{grid-template-columns:repeat(4,1fr)}.symbol-grid>div{border-bottom:0;border-right:1px solid rgba(255,255,255,.12)}.quantity-grid,.mistake-grid{grid-template-columns:1fr 1fr}.worked-grid{grid-template-columns:repeat(3,1fr)}.formula-layout,.unit-layout,.accel-layout,.advanced-layout,.quiz-layout{grid-template-columns:1fr 1fr}.calculator-grid,.summary-section{grid-template-columns:1fr 1fr}.share-panel{grid-template-columns:1fr auto;align-items:center}.share-panel>#shareFeedback{grid-column:1/-1}}
@media(min-width:930px){.motion-hero{grid-template-columns:1.03fr .97fr;align-items:center;gap:65px;padding:70px 0 100px}.quantity-grid{grid-template-columns:repeat(4,1fr)}.formula-layout{grid-template-columns:.75fr 1.25fr}.mistake-grid{grid-template-columns:repeat(4,1fr)}.quiz-layout{grid-template-columns:.85fr 1.15fr}.input-grid{grid-template-columns:1fr 1fr}.accel-card .input-grid label:last-child{grid-column:1/-1}}
@media(max-width:560px){.road-scene{min-height:330px}.car{font-size:65px}.speed-sign{right:7%;width:84px;height:110px}.trip-label{bottom:21px}.symbol-grid>div{padding:16px 5px}.symbol-grid strong{width:38px;height:38px}.lesson-section,.examples-section,.acceleration-section,.calculator-section,.summary-section{padding:65px 0}.formula-triangle{width:235px;height:215px}.formula-cards article{grid-template-columns:1fr}.formula-cards p{grid-column:1}.converter-card,.calculator-card{padding:19px}.converter-toggle button{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}