/* R2.8.3.9.60 — mobile-only public landing. Desktop >=1025px and authenticated school app unchanged. */
#authGate #cmLandingShell .cm60-mobile{display:none}
@media screen and (max-width:1024px){
 #authGate #cmLandingShell{--cm-header-height:68px;background:#fff}
 #authGate #cmLandingShell .cm55-desktop{display:none!important}
 #authGate #cmLandingShell #cm37-home,#authGate #cmLandingShell .cm-public-footer{display:none!important}
 #authGate #cmLandingShell .cm60-mobile{display:block!important;width:100%;max-width:100%;overflow:clip;background:#fff;color:#123454;font-family:Nunito,'Plus Jakarta Sans',system-ui,sans-serif}
 #authGate #cmLandingShell .cm60-mobile *{min-width:0}
 #authGate #cmLandingShell .cm60-mobile :is(h1,h2,h3,p,small){margin:0}
 #authGate #cmLandingShell .cm60-mobile :is(h1,h2,h3){color:#0b2d51;letter-spacing:-.044em;font-weight:900}
 #authGate #cmLandingShell .cm60-mobile h1{font-size:clamp(34px,7.9vw,46px);line-height:1.07}
 #authGate #cmLandingShell .cm60-mobile h2{font-size:clamp(29px,6.4vw,38px);line-height:1.12}
 #authGate #cmLandingShell .cm60-mobile h3{font-size:18px;line-height:1.25}
 #authGate #cmLandingShell .cm60-mobile em{font-style:normal;color:#1475e8}
 #authGate #cmLandingShell .cm60-mobile p{font-size:14px;line-height:1.47;color:#526d89}
 #authGate #cmLandingShell .cm60-wrap{width:min(100%,660px);padding-inline:20px;margin-inline:auto}
 #authGate #cmLandingShell .cm60-kicker{font-size:10px!important;line-height:1.4!important;letter-spacing:.115em;color:#0f6ee0!important;font-weight:900;margin:0 0 9px!important}
 #authGate #cmLandingShell .cm60-mobile section{scroll-margin-top:calc(var(--cm-header-height) + 12px)}
 /* Brand emblem has the user's existing asset; never stretch header or add a label. */
 #authGate #cmLandingShell .cm55-brand-photo.cm58-emblem-header{display:block!important;width:45px!important;height:43px!important;max-height:43px!important;object-fit:contain!important;flex:none}
 #authGate #cmLandingShell .cm-site-brand .cm52-school-icon{display:none!important}
 #authGate #cmLandingShell .cm-site-brand{gap:8px}
 #authGate #cmLandingShell .cm-site-brand strong{font-size:13px;white-space:nowrap;letter-spacing:.005em}
 #authGate #cmLandingShell .cm-site-brand small{font-size:9px;white-space:nowrap}
 #authGate #cmLandingShell .cm-header-layout{gap:7px;padding-inline:13px}
 #authGate #cmLandingShell .cm-header-actions{gap:6px}
 #authGate #cmLandingShell .cm-header-login{min-height:41px;padding:8px 11px;font-size:12px;border-radius:10px}
 #authGate #cmLandingShell .cm-nav-toggle{min-width:42px;width:42px;height:42px;border-radius:10px}
 #authGate #cmLandingShell .cm-public-nav{left:12px;right:12px;max-height:min(70vh,450px);overflow:auto}
 #authGate #cmLandingShell .cm60-hero{background:#fff}
 #authGate #cmLandingShell .cm60-hero-image{height:clamp(178px,46vw,270px);position:relative;background-image:linear-gradient(90deg,rgba(9,39,73,.04),rgba(14,67,106,.08)),url('./classmate-approved-learner-scene-r283955.jpg');background-position:center 0%;background-size:cover;isolation:isolate}
 #authGate #cmLandingShell .cm60-hero-image::after{content:'';position:absolute;bottom:0;left:0;right:0;height:70px;background:linear-gradient(0deg,#fff,transparent);z-index:0}
 #authGate #cmLandingShell .cm60-hero-chip{position:absolute;left:20px;top:16px;display:inline-flex;align-items:center;gap:8px;max-width:calc(100% - 40px);color:#104e82;background:rgba(255,255,255,.93);padding:7px 11px;border-radius:99px;box-shadow:0 3px 14px #22578317;font-size:10px;font-weight:900;letter-spacing:.015em}
 #authGate #cmLandingShell .cm60-pulse{width:7px;height:7px;border-radius:50%;background:#0cbba0;box-shadow:0 0 0 3px #0cbb9f20}
 #authGate #cmLandingShell .cm60-hero-copy{position:relative;margin-top:-9px;padding-top:0;padding-bottom:25px}
 #authGate #cmLandingShell .cm60-hero-copy h1{max-width:520px;margin:0 0 9px}
 #authGate #cmLandingShell .cm60-hero-copy>p:not(.cm60-kicker){max-width:500px;font-size:15px;line-height:1.4}
 #authGate #cmLandingShell .cm60-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin-top:18px}
 #authGate #cmLandingShell .cm60-btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:45px;border-radius:11px;font-size:13px;font-weight:900;text-decoration:none;white-space:nowrap}
 #authGate #cmLandingShell .cm60-btn-primary{padding:10px 16px;color:#fff;background:#1478f0;box-shadow:0 9px 16px #1478f025}
 #authGate #cmLandingShell .cm60-btn-text{color:#1569ce;padding:7px 0}
 #authGate #cmLandingShell .cm60-evidence{margin-top:16px;display:flex;gap:8px 14px;flex-wrap:wrap;font-size:10px;color:#3d6684;font-weight:800}
 #authGate #cmLandingShell .cm60-evidence span::before{content:'✓';margin-right:5px;color:#129e79}
 #authGate #cmLandingShell .cm60-overview{background:linear-gradient(160deg,#f1f8ff,#fff 62%);padding:26px 0 32px;border-top:1px solid #e2edf6}
 #authGate #cmLandingShell .cm60-section-head{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}
 #authGate #cmLandingShell .cm60-example{margin-top:4px;background:#edf5ff;border:1px solid #d6e7fb;border-radius:20px;padding:5px 8px;font-size:10px;color:#4b6b88;font-weight:800;white-space:nowrap}
 #authGate #cmLandingShell .cm60-section-intro{margin:10px 0 17px!important;max-width:490px}
 #authGate #cmLandingShell .cm60-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 #authGate #cmLandingShell .cm60-choice-grid button{display:flex;align-items:center;gap:9px;min-height:51px;border:1px solid #dbe8f5;border-radius:12px;background:#fff;color:#365a7e;font-size:12px;font-weight:900;text-align:left;padding:8px 11px;box-shadow:0 2px 9px #19477606;transition:background .15s,border-color .15s,transform .15s}
 #authGate #cmLandingShell .cm60-choice-grid button[aria-pressed=true]{border-color:#83b7fc;background:#eaf4ff;color:#0b60c7;box-shadow:inset 0 0 0 1px #c9e3ff}
 #authGate #cmLandingShell .cm60-choice-grid button:active{transform:scale(.987)}
 #authGate #cmLandingShell .cm60-choice-grid button.cm60-span{grid-column:span 2}
 #authGate #cmLandingShell .cm60-choice-icon{width:30px;height:30px;flex:none;border-radius:9px;display:grid;place-items:center}
 #authGate #cmLandingShell .cm60-choice-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}
 #authGate #cmLandingShell .cm60-choice-icon.blue{color:#187cef;background:#e6f1ff}
 #authGate #cmLandingShell .cm60-choice-icon.teal{color:#059e8f;background:#e6f8f5}
 #authGate #cmLandingShell .cm60-choice-icon.violet{color:#8263dc;background:#f1ebff}
 #authGate #cmLandingShell .cm60-choice-icon.amber{color:#e68a25;background:#fff3e3}
 #authGate #cmLandingShell .cm60-choice-icon.aqua{color:#0594b0;background:#e7f9fd}
 #authGate #cmLandingShell .cm60-chart{margin-top:16px;background:#fff;border:1px solid #dce9f5;border-radius:16px;box-shadow:0 10px 24px #16457212;padding:15px 15px 12px}
 #authGate #cmLandingShell .cm60-chart-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
 #authGate #cmLandingShell .cm60-chart-eyebrow{font-size:9px;font-weight:900;letter-spacing:.1em;color:#66829d}
 #authGate #cmLandingShell .cm60-chart-top h3{font-size:18px;margin-top:4px}
 #authGate #cmLandingShell .cm60-chart-average{border-left:1px solid #e1edf7;padding-left:14px;text-align:right;display:grid;gap:3px;white-space:nowrap}
 #authGate #cmLandingShell .cm60-chart-average span{font-size:10px;color:#64819c}
 #authGate #cmLandingShell .cm60-chart-average strong{font-size:25px;font-weight:900;color:#0f3764;line-height:1}
 #authGate #cmLandingShell .cm60-bars{display:flex;align-items:end;justify-content:space-between;gap:10px;height:164px;padding:15px 7px 0;border-bottom:1px solid #d9e7f2}
 #authGate #cmLandingShell .cm60-bars>div{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:5px}
 #authGate #cmLandingShell .cm60-bars i{display:block;width:min(100%,42px);height:calc(var(--height) * .94);max-height:110px;min-height:6px;flex:none;border-radius:8px 8px 3px 3px;background:linear-gradient(to bottom,var(--bar),color-mix(in srgb,var(--bar),white 57%));transition:height .26s}
 #authGate #cmLandingShell .cm60-bars b{font-size:12px;color:#214666;line-height:1;font-weight:900;order:1}
 #authGate #cmLandingShell .cm60-bars small{font-size:10px;order:2;color:#526f88;white-space:nowrap;line-height:1.2}
 #authGate #cmLandingShell .cm60-chart-foot{display:flex;gap:9px;align-items:flex-start;padding-top:11px}
 #authGate #cmLandingShell .cm60-chart-foot p{font-size:12px;line-height:1.42}
 #authGate #cmLandingShell .cm60-foot-dot{width:9px;height:9px;border:2px solid #21a78b;transform:rotate(45deg);flex:none;margin:4px 3px 0}
 #authGate #cmLandingShell .cm60-learner{padding:30px 0 34px;background:linear-gradient(180deg,#fff,#f6fbff)}
 #authGate #cmLandingShell .cm60-section-figure{width:43px;height:43px;border-radius:13px;background:#eaf7f1;color:#17a589;font-size:27px;font-weight:800;display:grid;place-items:center}
 #authGate #cmLandingShell .cm60-profile{display:flex;align-items:center;gap:10px;margin:18px 0 12px}
 #authGate #cmLandingShell .cm60-profile img{width:42px;height:42px;border-radius:13px;object-fit:cover;flex:none}
 #authGate #cmLandingShell .cm60-profile div{display:grid;gap:3px}
 #authGate #cmLandingShell .cm60-profile strong{font-size:13px;color:#204261}
 #authGate #cmLandingShell .cm60-profile small{font-size:10px;color:#758ba1}
 #authGate #cmLandingShell .cm60-profile .cm60-sample{margin-left:auto;background:#f2f7fd;padding:5px 7px;border-radius:5px;color:#63839d;font-size:10px}
 #authGate #cmLandingShell .cm60-switch{padding:4px;border-radius:11px;background:#e8f1fb;display:grid;grid-template-columns:1fr 1fr;gap:4px}
 #authGate #cmLandingShell .cm60-switch button{border:0;border-radius:8px;padding:9px 7px;font-size:12px;font-weight:900;color:#54728b;background:transparent;min-height:40px}
 #authGate #cmLandingShell .cm60-switch button[aria-pressed=true]{color:#1267cc;background:#fff;box-shadow:0 2px 10px #1b52741b}
 #authGate #cmLandingShell .cm60-learner-visual{background:#fff;border:1px solid #e0eaf3;border-top:0;border-radius:0 0 14px 14px;padding:16px 13px 15px}
 #authGate #cmLandingShell .cm60-learner-caption{display:flex;justify-content:space-between;gap:10px;align-items:center}
 #authGate #cmLandingShell .cm60-learner-caption strong{font-size:12px;font-weight:900;color:#193b5b}
 #authGate #cmLandingShell .cm60-learner-caption span{font-size:11px;font-weight:900;color:#079d75;white-space:nowrap}
 #authGate #cmLandingShell .cm60-learner-svg{width:100%;height:auto;display:block;max-height:166px;margin:7px 0 9px}
 #authGate #cmLandingShell .cm60-recommendation{border-left:3px solid #17a88d;background:#eef9f5;display:flex;align-items:flex-start;gap:9px;padding:12px 13px;border-radius:0 9px 9px 0}
 #authGate #cmLandingShell .cm60-rec-icon{font-size:20px;color:#0b9a77;line-height:1}
 #authGate #cmLandingShell .cm60-recommendation strong{font-size:12px;color:#154c44;display:block;margin-bottom:3px}
 #authGate #cmLandingShell .cm60-recommendation p{font-size:11px;line-height:1.4}
 #authGate #cmLandingShell .cm60-report{padding-bottom:30px;background:#eef7ff}
 #authGate #cmLandingShell .cm60-report-photo{height:145px;background:url('./classmate-approved-parent-scene-r283955.jpg') center 43%/cover no-repeat;mask-image:linear-gradient(#000 85%,transparent)}
 #authGate #cmLandingShell .cm60-report-content{padding-top:15px}
 #authGate #cmLandingShell .cm60-report-content>p:not(.cm60-kicker){margin-top:8px;max-width:520px}
 #authGate #cmLandingShell .cm60-report-preview{margin-top:17px;padding:15px;background:white;border-radius:14px;border:1px solid #d8e9f8;box-shadow:0 6px 19px #2857770a}
 #authGate #cmLandingShell .cm60-report-preview>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
 #authGate #cmLandingShell .cm60-report-preview>div:first-child strong{font-size:13px}
 #authGate #cmLandingShell .cm60-report-preview>div:first-child small{font-size:10px;color:#7b93a9}
 #authGate #cmLandingShell .cm60-report-row{display:grid;grid-template-columns:83px 1fr 37px;align-items:center;gap:9px;margin-top:10px;font-size:12px;color:#3f6581}
 #authGate #cmLandingShell .cm60-report-row strong{text-align:right;color:#1c4066}
 #authGate #cmLandingShell .cm60-report-row i{background:#eaf0f5;border-radius:8px;height:8px;display:block;overflow:hidden}
 #authGate #cmLandingShell .cm60-report-row b{background:linear-gradient(90deg,#1977f1,#5bb9f9);height:100%;border-radius:8px;display:block}
 #authGate #cmLandingShell .cm60-report-end{border-top:1px solid #e1ecf5;margin-top:14px;padding-top:11px;font-size:10px;color:#62819e}
 #authGate #cmLandingShell .cm60-journey{padding:27px 0 30px;background:#fff}
 #authGate #cmLandingShell .cm60-steps{margin-top:17px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 #authGate #cmLandingShell .cm60-steps>div{padding:12px 12px 11px;border-radius:11px;background:#f2f8fe;border:1px solid #e2edf7;display:grid;gap:4px}
 #authGate #cmLandingShell .cm60-steps span{font-size:12px;font-weight:900;color:#1774e4}
 #authGate #cmLandingShell .cm60-steps strong{font-size:13px;color:#163b60}
 #authGate #cmLandingShell .cm60-steps small{font-size:11px;line-height:1.4;color:#6b849c}
 #authGate #cmLandingShell .cm60-footer{background:#e8f2fb;border-top:1px solid #d8e8f5;padding:24px 0 20px}
 #authGate #cmLandingShell .cm60-footer-brand{display:flex;align-items:center;gap:10px;margin-bottom:14px}
 #authGate #cmLandingShell .cm60-footer-brand img{height:46px;width:49px;object-fit:contain;flex:none}
 #authGate #cmLandingShell .cm60-footer-brand>div{display:grid;gap:3px}
 #authGate #cmLandingShell .cm60-footer-brand strong{font-size:14px}
 #authGate #cmLandingShell .cm60-footer-brand small{font-size:11px;color:#60829b}
 #authGate #cmLandingShell .cm60-footer nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;margin-bottom:16px}
 #authGate #cmLandingShell .cm60-footer nav a{min-height:38px;display:flex;align-items:center;font-size:12px;font-weight:900;color:#215a85}
 #authGate #cmLandingShell .cm60-footer p{font-size:12px;margin-bottom:13px;color:#5a758e}
 #authGate #cmLandingShell .cm60-credit{border-top:1px solid #d0e0ef;padding-top:12px;display:block;font-size:10px;color:#69849d}
}
@media screen and (max-width:360px){
 #authGate #cmLandingShell .cm-site-brand small{display:none}
 #authGate #cmLandingShell .cm-site-brand strong{font-size:12px}
 #authGate #cmLandingShell .cm55-brand-photo.cm58-emblem-header{width:39px!important;height:40px!important}
 #authGate #cmLandingShell .cm-header-login{font-size:11px;padding-inline:9px}
 #authGate #cmLandingShell .cm-header-layout{padding-inline:10px;gap:4px}
 #authGate #cmLandingShell .cm-nav-toggle{width:39px;min-width:39px}
 #authGate #cmLandingShell .cm60-wrap{padding-inline:16px}
 #authGate #cmLandingShell .cm60-mobile h1{font-size:30px}
 #authGate #cmLandingShell .cm60-mobile h2{font-size:29px}
 #authGate #cmLandingShell .cm60-section-head{display:block}
 #authGate #cmLandingShell .cm60-example{display:inline-block;margin-top:8px}
 #authGate #cmLandingShell .cm60-choice-grid{gap:7px}
 #authGate #cmLandingShell .cm60-choice-grid button{padding-inline:8px;font-size:11px}
}
@media screen and (min-width:700px) and (max-width:1024px){
 #authGate #cmLandingShell .cm60-wrap{width:min(100%,760px);padding-inline:28px}
 #authGate #cmLandingShell .cm60-hero-image{height:280px;background-position:center 36%}
 #authGate #cmLandingShell .cm60-hero-copy{padding-top:10px;padding-bottom:35px}
 #authGate #cmLandingShell .cm60-choice-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
 #authGate #cmLandingShell .cm60-choice-grid button{flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px 5px}
 #authGate #cmLandingShell .cm60-choice-grid button.cm60-span{grid-column:span 1}
 #authGate #cmLandingShell .cm60-chart{padding:19px 22px}
 #authGate #cmLandingShell .cm60-report-photo{height:205px}
}
@media (prefers-reduced-motion:reduce){#authGate #cmLandingShell .cm60-mobile *,#authGate #cmLandingShell .cm60-mobile *::before{transition:none!important;animation:none!important}}
