/* Concept 03: make the product views the visual centre of each feature. */
.hero-visual{max-width:1190px}
.hero-visual:before{inset:30px -120px 50px;background:radial-gradient(ellipse at 50% 65%,#d3e3ff 0%,#eaf0fe 38%,#fff0 72%)}
.device-frame{transform:none;border-radius:32px;box-shadow:0 35px 80px -30px #23467559,0 0 0 1px #acb6c9,inset 0 0 0 2px #f4f6fa}
.window-body{grid-template-columns:164px 1fr;min-height:480px}
.mini-side{background:#f5f7fc}.side-item{border:0;background:transparent;font-size:14px;text-align:left;line-height:1.5}.side-item:hover{color:#2860ad;background:#eaf0fa}.side-item.active{background:#dfeaff;color:#2361b2}
.workspace{padding:27px 30px 30px;background:linear-gradient(140deg,#fff,#fafcff)}
.workspace h3{font-size:29px}.workspace-greeting p{color:#7d8ba2}.preview-tabs{margin-top:21px;margin-bottom:20px}
.hero-school-scene{display:grid;grid-template-columns:1.5fr 1fr;gap:25px;align-items:stretch}
.hero-campus-card{overflow:hidden;background:white;border:1px solid #e0e6f0;border-radius:18px;box-shadow:0 9px 25px #24406b0d}
.hero-campus-photo{position:relative;height:243px;isolation:isolate;overflow:hidden}
.hero-campus-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#091d3514 0%,transparent 20%,#0a1b397d 73%,#081a38c4 100%);z-index:0}
.hero-campus-photo img{width:100%;height:100%;object-fit:cover;object-position:55% 54%;display:block;transition:transform .8s cubic-bezier(.2,.6,.3,1)}
.hero-campus-card:hover .hero-campus-photo img{transform:scale(1.035)}
.saved-pill{position:absolute;top:14px;right:14px;background:#fffffff0;border:1px solid #ffffff73;border-radius:20px;padding:5px 10px;color:#365f4e;z-index:1;font-size:12px;font-weight:500;backdrop-filter:blur(15px)}
.campus-caption{position:absolute;bottom:19px;left:22px;right:20px;z-index:1;color:white}.campus-caption>span{font-size:12px;opacity:.85}.campus-caption h4{font-size:26px;font-weight:600;letter-spacing:-.7px;line-height:1.12;margin-top:6px}
.hero-campus-bottom{display:flex;align-items:center;gap:12px;padding:16px 19px;font-size:12px;color:#70809a;line-height:1.4}.hero-campus-bottom>span+span:before{content:'·';padding-right:12px;color:#a2afc4}.hero-campus-bottom button{background:none;border:0;color:#2270d3;font-size:13px;padding:0;margin-left:auto;white-space:nowrap}.hero-campus-bottom button span{margin-left:6px}
.hero-journey{padding:17px 3px 6px;display:flex;flex-direction:column}.scene-kicker{font-size:13px;color:#7285a3;line-height:1.4}.hero-journey h4{font-size:27px;color:#233b65;letter-spacing:-.9px;line-height:1.13;margin:13px 0 23px}.journey-check{display:flex;gap:11px;align-items:center;margin-bottom:18px}.journey-check>span{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;border:1px solid #d8e3f3;color:#6487b7;font-size:11px;flex-shrink:0}.journey-check:first-of-type>span{background:#e8f5ed;color:#388264;border:0;font-size:15px}.journey-check b{font-size:14px;font-weight:500;color:#394f73;display:block}.journey-check small{font-size:11px;color:#8998af;display:block;margin-top:3px}.hero-scene-button{display:flex;align-items:center;justify-content:space-between;background:#eaf1ff;border:0;color:#2467c4;border-radius:10px;padding:12px 14px;font-size:14px;text-align:left;margin-top:auto;gap:10px}.hero-scene-button:hover{background:#dceaff}.hero-scene-button span{font-size:20px;line-height:1}.scene-demo-note{font-size:11px;color:#99a3b6;margin-top:11px}
.hero-learning-scene{display:grid;grid-template-columns:1.05fr 1fr;gap:27px;min-height:301px}.math-art{background:linear-gradient(145deg,#5ca5ff 0%,#1f73ed 46%,#254fc8 100%);border-radius:19px;position:relative;overflow:hidden;isolation:isolate;min-height:260px}.math-art:before{content:'';position:absolute;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,#fff4,#fff0 65%);left:-80px;top:-80px}.fraction-tile{position:absolute;width:128px;height:148px;display:grid;place-items:center;top:42px;left:calc(50% - 64px);font-size:95px;font-weight:500;letter-spacing:-5px;line-height:1;background:linear-gradient(135deg,#fff,#dbe9ff);color:#2a6fd8;border:1px solid #fff;border-radius:27px;transform:rotate(-12deg);box-shadow:7px 10px 0 #c3d8f6,12px 23px 34px #0b34974f,inset 3px 3px 10px #fff;z-index:2}.math-orbit{position:absolute;left:50%;top:45%;border:1px solid #ffffff36;border-radius:50%;width:320px;height:160px;transform:translate(-50%,-50%) rotate(-30deg)}.orbit-two{transform:translate(-50%,-50%) rotate(36deg);width:300px;height:220px;border-color:#ffffff25}.math-dot{position:absolute;z-index:3;width:33px;height:33px;border-radius:50%;background:radial-gradient(circle at 25% 20%,#fff,#9cd2ff 35%,#488bdc 85%);box-shadow:0 12px 15px #16499355}.dot-one{left:24px;top:33px}.dot-two{right:22px;bottom:63px;width:45px;height:45px;background:radial-gradient(circle at 30% 20%,#fff4d7,#ffdb78 40%,#e4a83c 90%);box-shadow:0 12px 15px #16499355}.math-label{position:absolute;left:24px;right:20px;bottom:20px;color:#e5f0ff;font-size:18px;line-height:1.25;letter-spacing:-.5px;font-weight:500;z-index:2}.hero-lesson{display:flex;flex-direction:column;padding:16px 0 8px}.hero-lesson h4{font-size:32px;line-height:1.1;letter-spacing:-1px;color:#26416e;margin:15px 0 23px}.lesson-route{display:flex;align-items:center;gap:9px;font-size:12px;color:#8b9ab2}.lesson-route span.active{color:#3c79d5}.lesson-route i{height:1px;background:#dce5f4;flex:1}.hero-lesson>p{font-size:14px;line-height:1.6;color:#7a89a2;margin:21px 0}.hero-lesson .hero-scene-button{margin-top:auto}
.hero-progress-scene{display:grid;grid-template-columns:1fr 1fr;gap:28px;min-height:301px}.hero-ring-panel{background:linear-gradient(135deg,#edf5ff,#f4f0fe);border-radius:19px;text-align:center;padding:20px 12px 16px}.hero-ring-panel>.scene-kicker{font-size:13px}.hero-ring-panel .completion-ring{width:163px;height:163px;margin:17px auto 14px}.hero-ring-panel .completion-ring strong{font-size:43px}.hero-ring-panel .completion-ring strong span{font-size:20px}.hero-ring-panel .completion-ring small{font-size:11px}.hero-ring-panel>p{font-size:14px;letter-spacing:-.3px;color:#5d7299}.hero-progress-summary{padding:7px 0;display:flex;flex-direction:column;align-items:start}.sample-data-pill{font-size:11px;line-height:1.4;background:#f1f4fa;color:#8190a7;border-radius:20px;padding:5px 10px;white-space:nowrap}.hero-progress-summary h4{font-size:29px;line-height:1.12;letter-spacing:-1px;color:#263f68;margin:15px 0 19px}.hero-progress-stat{display:flex;gap:16px;align-items:center;margin-bottom:16px}.hero-progress-stat>span{font-size:32px;font-weight:600;line-height:1;color:#497ed2;width:39px}.hero-progress-stat>div{font-size:14px;color:#4c6080;line-height:1.3}.hero-progress-stat small{font-size:11px;color:#8b98ad;display:block;margin-top:4px}.hero-progress-link{font-size:14px;color:#2670d0;margin-top:auto}.hero-progress-link span{margin-left:10px}
/* School planning: a photo-led product card, with a real second view. */
.school-showcase{grid-column:2;grid-row:1;min-width:0}.school-stage{padding:26px;background:linear-gradient(145deg,#edf3fc,#e6edf9 75%);border-radius:29px;box-shadow:inset 0 0 0 1px #dbe5f34d}.stage-topline{display:flex;align-items:center;justify-content:space-between;gap:14px;color:#7890b0;font-size:13px;padding:0 3px}.stage-sample{font-size:11px;padding:3px 8px;border:1px solid #d1dcee;border-radius:6px;color:#8b9ab1}.school-view-switch{display:inline-flex;background:#dce6f5;border-radius:26px;padding:4px;gap:2px;margin:18px 0 22px}.school-view-switch button{border:0;border-radius:22px;padding:9px 17px;background:none;font-size:13px;color:#657d9f;line-height:1.3}.school-view-switch button[aria-pressed=true]{background:white;color:#375b90;box-shadow:0 3px 7px #2c426510}.showcase-school-card{border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 14px 30px #455e8620;border:1px solid #fff}.showcase-school-photo{height:245px;position:relative;overflow:hidden}.showcase-school-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:55% 53%;transition:transform .8s}.showcase-school-card:hover img{transform:scale(1.025)}.photo-save{position:absolute;right:15px;top:15px;display:block;padding:7px 12px;background:#fffffff0;backdrop-filter:blur(16px);color:#467963;font-size:12px;border:1px solid #fff;border-radius:22px}.showcase-school-info{position:relative;padding:24px 26px}.school-location{font-size:13px;line-height:1;color:#8c98aa}.showcase-school-info h3{font-size:29px;line-height:1.12;letter-spacing:-1px;margin:10px 0 15px;color:#243859}.school-tags{display:flex;gap:8px}.school-tags span{background:#f3f6fb;border-radius:5px;color:#7386a4;font-size:11px;line-height:1.3;padding:5px 8px}.school-card-cta{position:absolute;bottom:25px;right:24px;display:flex;gap:9px;align-items:center;border:0;background:none;font-size:13px;color:#3374cc;padding:0}.school-connection{display:flex;align-items:center;gap:12px;padding:23px 3px 0}.connection-icon{display:grid;place-items:center;flex-shrink:0;background:#fff;width:40px;height:40px;border-radius:12px;color:#6d92c9;font-size:21px;box-shadow:0 5px 14px #3c5e850b}.school-connection b{font-size:14px;line-height:1.3;font-weight:500;color:#49648a;display:block}.school-connection div>span{font-size:12px;color:#8396b3;display:block;margin-top:3px}.school-connection button{border:0;background:none;font-size:20px;color:#6187bd;margin-left:auto;padding:5px}.school-browser{margin-top:17px;border:1px solid #e5e9f0;border-radius:16px;overflow:hidden;background:#fff}.school-browser summary{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:16px 22px;list-style:none;font-size:15px;color:#667b99;cursor:pointer}.school-browser summary::-webkit-details-marker{display:none}.school-browser summary>span{font-size:22px;line-height:1;color:#9aa9bf}.school-browser[open] summary{border-bottom:1px solid #e5e9f0}.school-browser[open] summary>span{transform:rotate(45deg)}.school-browser .school-demo{background:#f8fafc;border-radius:0;padding:24px}.school-browser .search-field{padding:9px 12px}.school-browser .search-field input{font-size:15px}.school-browser .school-result{padding:13px;min-height:70px}.school-browser .school-results{min-height:230px}.school-browser .school-result b{font-size:14px}.school-browser .school-result small{font-size:12px}.school-browser .demo-bottom>span{font-size:12px}.school-browser .demo-bottom .text-button{font-size:13px}.compare-caption{font-size:24px;letter-spacing:-.7px;color:#3b567e;font-weight:600;margin:2px 0 21px}.compare-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.compare-photo-grid article{background:#fff;border-radius:17px;overflow:hidden;box-shadow:0 7px 20px #31537b0d;min-width:0}.compare-photo-grid img{width:100%;height:147px;object-fit:cover;object-position:55% 58%;display:block}.compare-photo-grid h4{font-size:20px;letter-spacing:-.5px;line-height:1.2;margin:18px 17px 7px;color:#294369}.compare-photo-grid p{font-size:13px;color:#8898ad;margin:0 17px}.compare-photo-grid dl{margin:20px 17px 22px;line-height:1.3}.compare-photo-grid dt{font-size:11px;color:#9aa7ba;margin-top:17px}.compare-photo-grid dd{font-size:14px;color:#547198;margin:5px 0 0}.compare-note{font-size:12px;line-height:1.5;color:#8999b1;margin:20px 5px 4px}
/* Practice: a vivid subject cover flowing into the working interface. */
.practice-showcase{min-width:0;box-shadow:0 23px 65px #264c8d15;border-radius:28px;background:#fff}.practice-visual-cover{height:210px;background:linear-gradient(125deg,#2c6dde,#174cbe);position:relative;border-radius:28px 28px 0 0;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;isolation:isolate}.practice-visual-cover:after{content:'';position:absolute;width:260px;height:260px;border:1px solid #ffffff0f;border-radius:50%;right:-100px;top:-170px}.practice-visual-cover .math-art{background:transparent;border-radius:0;min-height:0;overflow:visible}.practice-visual-cover .fraction-tile{top:27px;left:calc(50% - 53px);width:105px;height:125px;font-size:80px;border-radius:23px;box-shadow:6px 8px 0 #b3cff6,11px 16px 25px #092c914f}.practice-visual-cover .math-orbit{width:240px;height:160px;top:49%}.practice-visual-cover .orbit-two{width:200px;height:210px;transform:translate(-50%,-50%) rotate(45deg)}.practice-visual-cover .dot-one{width:22px;height:22px;left:24px;top:30px}.practice-visual-cover .dot-two{width:29px;height:29px;right:22px;bottom:27px}.practice-cover-copy{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;padding:20px 20px 20px 8px;color:#fff}.practice-cover-copy>span{font-size:12px;color:#b2cff9}.practice-cover-copy>b{font-size:30px;letter-spacing:-1px;line-height:1.12;font-weight:600;margin-top:10px}.cover-route{display:flex;gap:9px;font-size:11px;color:#b4d0fb;margin-top:17px}.cover-route i{font-style:normal;opacity:.65}.cover-route>span:first-child{color:#fff}.practice-showcase .practice-card{border-radius:0 0 28px 28px;box-shadow:none}.practice-showcase .practice-head{padding:19px 30px;font-size:13px}.practice-showcase .practice-main{padding-top:23px}.practice-showcase .practice-main h3{font-size:30px;margin-top:11px}.practice-showcase .practice-main>p:not(.hint){font-size:19px}.practice-showcase .practice-main>.eyebrow{font-size:13px}.practice-showcase .hint-button{color:#5d75ad;background:#edf2fb;border:1px solid #e1e9f6}.practice-showcase .hint-button[aria-expanded=true]{background:#e5edfc;color:#2d60b4}.practice-showcase .hint{background:#f0f5ff;color:#4c6a9a;border-left:3px solid #a8c5f4}.practice-showcase .feedback.correct{background:#eaf7ef;color:#36724e;border-left:3px solid #82c99d}
/* Progress: completion and actual activity, not an admissions prediction. */
.progress-section{grid-template-columns:.9fr 1.2fr;gap:70px}.progress-showcase{min-width:0}.progress-snapshot{border-radius:28px;border:1px solid #e0e7f3;background:linear-gradient(150deg,#fff,#f5f8ff);box-shadow:0 22px 55px #2749780d;padding:31px}.snapshot-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.snapshot-heading p{font-size:13px;color:#8a9ab1;line-height:1.4;margin-bottom:7px}.snapshot-heading h3{font-size:29px;letter-spacing:-1px;color:#28426a}.progress-dashboard-main{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:34px 0 28px;align-items:center}.topic-completion{text-align:center}.completion-ring{display:grid;place-items:center;position:relative;width:177px;height:177px;background:conic-gradient(from 0deg,#489af5 0deg,#4475e1 190deg,#8670e2 259.2deg,#e6edf8 259.2deg);border-radius:50%;box-shadow:0 13px 24px #4e83d31a;margin:auto;isolation:isolate}.completion-ring:before{content:'';position:absolute;inset:12px;background:linear-gradient(135deg,#fff,#f4f7ff);border-radius:50%;box-shadow:inset 0 1px 2px #7494c111;z-index:-1}.completion-ring:after{content:'';position:absolute;inset:20px;border:1px solid #e5edf9;border-radius:50%;pointer-events:none}.completion-ring>div{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:2px}.completion-ring strong{font-size:46px;font-weight:600;line-height:1.2;letter-spacing:-2px;color:#355b99}.completion-ring strong span{font-size:22px;font-weight:400;letter-spacing:-1px;color:#9fb1cb}.completion-ring small{font-size:11px;color:#8396b4}.topic-completion h4{font-size:14px;font-weight:500;color:#506a94;margin-top:19px}.topic-completion p{font-size:12px;color:#99a7bd;line-height:1.5;margin-top:4px}.weekly-activity{min-width:0;padding-top:4px}.weekly-activity>span{font-size:13px;color:#8495ae}.weekly-total{font-size:34px;color:#41689e;letter-spacing:-1.5px;line-height:1.2;margin-top:10px}.weekly-total small{font-size:13px;color:#99a8bd;letter-spacing:0}.activity-chart{height:126px;display:flex;gap:10px;align-items:end;margin-top:20px;padding-top:3px}.activity-chart>div{height:100%;flex:1;display:flex;align-items:center;justify-content:end;flex-direction:column;gap:9px;min-width:0;position:relative;padding-bottom:23px}.activity-chart i{display:block;width:100%;max-width:18px;height:var(--activity);max-height:100px;background:linear-gradient(0deg,#a8c9f4,#cbdffb);border-radius:5px 5px 2px 2px;position:relative;flex-shrink:1}.activity-chart .highlight-day i{background:linear-gradient(0deg,#476cda,#6b9af4);box-shadow:0 4px 7px #8aa2d82b}.activity-chart span{font-size:10px;color:#9cabc2;position:absolute;bottom:0;line-height:1}.review-focus{display:flex;align-items:center;gap:13px;padding:18px 15px;border-radius:16px;background:#fff;border:1px solid #e2eaf5;box-shadow:0 7px 17px #365a8806}.review-focus-icon{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;background:#f0eaff;border-radius:11px;color:#8b73be;font-size:25px}.review-focus b{font-size:14px;line-height:1.4;color:#5c6f8e;font-weight:500}.review-focus p{font-size:12px;line-height:1.5;color:#9aa8bd;margin-top:4px}.review-focus button{border:0;background:#edf3fc;color:#7495c5;width:29px;height:29px;border-radius:50%;margin-left:auto;font-size:21px;line-height:1;flex-shrink:0}.progress-disclaimer{font-size:12px;color:#929eae;text-align:center;line-height:1.5;margin:19px 10px 0}#sample-review-list{padding:21px 4px 0}#sample-review-list>p{font-size:12px;color:#8a9ab1;margin-bottom:13px}#sample-review-list>div{display:flex;gap:13px;align-items:center;border-bottom:1px solid #e6edf7;padding:15px 0;font-size:13px;line-height:1.4}#sample-review-list>div>span{color:#a0afc4;font-size:11px}#sample-review-list b{color:#5f7393;font-size:13px;font-weight:500}#sample-review-list>div>span:last-child{margin-left:auto}#sample-review-list .text-button{font-size:15px;margin-top:20px}
.photo-credit-button{border:0;background:none;color:#6e88aa;font-size:inherit;padding:0;text-decoration:underline;white-space:nowrap}.photo-credit-list h3{font-size:23px;letter-spacing:-.6px;margin:28px 0 12px}.photo-credit-list p{font-size:16px;color:#798396;line-height:1.7}.photo-credit-list a{color:#0071e3;text-decoration:underline}
@media(min-width:1700px){.hero-visual{max-width:1240px}.hero-campus-photo{height:280px}.hero-campus-bottom{padding-block:20px}.window-body{min-height:520px}.hero-journey h4{font-size:30px}.showcase-school-photo{height:275px}.practice-visual-cover{height:235px}.practice-cover-copy>b{font-size:35px}.practice-visual-cover .fraction-tile{width:125px;height:150px;font-size:100px;left:calc(50% - 62px);top:26px}.progress-snapshot{padding:37px}.completion-ring{width:190px;height:190px}}
@media(max-width:1190px){.hero-visual{width:calc(100% - 55px)}.window-body{grid-template-columns:145px 1fr}.workspace{padding:25px}.hero-school-scene{grid-template-columns:1.4fr 1fr;gap:20px}.hero-campus-photo{height:240px}.hero-campus-bottom{font-size:11px;padding-inline:14px;gap:7px}.hero-campus-bottom button{font-size:12px}.hero-campus-bottom>span+span:before{padding-right:7px}.campus-caption{left:18px}.campus-caption h4{font-size:24px}.hero-journey h4{font-size:25px}.journey-check{gap:8px}.journey-check b{font-size:13px}.journey-check small{font-size:10px}.hero-scene-button{font-size:13px;padding:11px}.hero-lesson h4{font-size:28px}.hero-learning-scene{gap:23px}.math-art .fraction-tile{width:115px;height:135px;left:calc(50% - 57px);font-size:90px}.hero-progress-summary h4{font-size:27px}.hero-progress-stat{gap:12px}.hero-progress-stat>div{font-size:13px}.hero-progress-stat small{font-size:10px}.school-stage{padding:23px}.showcase-school-photo{height:225px}.showcase-school-info{padding:23px}.showcase-school-info h3{font-size:28px}.school-card-cta{right:22px;font-size:12px}.school-tags{gap:6px}.school-tags span{font-size:10px;padding:5px 7px}.school-connection{gap:9px}.school-connection b{font-size:13px}.school-connection div>span{font-size:11px}.practice-cover-copy>b{font-size:27px}.practice-cover-copy>span{font-size:11px}.cover-route{gap:6px;font-size:10px}.practice-visual-cover .math-art .fraction-tile{width:98px;height:120px;font-size:76px;left:calc(50% - 49px)}.practice-visual-cover .dot-one{left:16px;width:20px;height:20px}.practice-visual-cover .dot-two{right:13px;width:26px;height:26px}.progress-section{gap:45px;grid-template-columns:.9fr 1.2fr}.progress-snapshot{padding:26px}.snapshot-heading h3{font-size:26px}.snapshot-heading .sample-data-pill{font-size:10px;padding:4px 8px}.progress-dashboard-main{gap:20px}.completion-ring{width:150px;height:150px}.completion-ring:before{inset:10px}.completion-ring:after{inset:17px}.completion-ring strong{font-size:40px}.completion-ring strong span{font-size:20px}.completion-ring small{font-size:10px}.topic-completion h4{font-size:13px}.topic-completion p{font-size:11px}.activity-chart{gap:7px;height:116px}.weekly-total{font-size:31px}.weekly-total small{font-size:12px}.weekly-activity>span{font-size:12px}.review-focus{gap:10px;padding:16px 12px}.review-focus-icon{width:35px;height:38px}.review-focus b{font-size:13px}.review-focus p{font-size:11px}.compare-photo-grid h4{font-size:18px;margin-inline:14px}.compare-photo-grid p,.compare-photo-grid dl{margin-inline:14px}}
@media(max-width:950px){.hero-visual{width:calc(100% - 48px)}.window-body{grid-template-columns:130px 1fr;min-height:0}.workspace{padding:23px 20px}.workspace h3{font-size:25px}.mini-side{padding-inline:8px}.side-item{font-size:12px}.hero-school-scene{grid-template-columns:1fr}.hero-campus-photo{height:247px}.hero-journey{display:none}.campus-caption h4{font-size:26px}.hero-campus-bottom{font-size:12px;padding:15px 18px;gap:10px}.hero-campus-bottom button{font-size:13px}.hero-learning-scene{grid-template-columns:1fr 1fr;gap:20px;min-height:302px}.hero-learning-scene .math-art{min-height:302px}.hero-lesson{padding-block:5px}.hero-lesson h4{font-size:25px;margin-block:13px 19px}.hero-lesson>p{font-size:12px;margin-block:17px}.hero-lesson .scene-kicker{font-size:11px}.lesson-route{font-size:10px;gap:5px}.math-label{font-size:15px;left:18px;bottom:26px}.math-art .fraction-tile{width:94px;height:116px;font-size:76px;left:calc(50% - 47px);top:60px}.math-art .dot-one{width:24px;height:24px;left:15px;top:27px}.math-art .dot-two{width:27px;height:27px;right:11px;bottom:86px}.hero-progress-scene{gap:17px;grid-template-columns:1fr 1fr;min-height:302px}.hero-ring-panel{padding:22px 8px 17px}.hero-ring-panel>.scene-kicker{font-size:11px}.hero-ring-panel .completion-ring{width:136px;height:136px;margin-block:23px 20px}.hero-ring-panel .completion-ring strong{font-size:36px}.hero-ring-panel .completion-ring strong span{font-size:18px}.hero-ring-panel .completion-ring small{font-size:9px}.hero-ring-panel>p{font-size:12px;max-width:130px;margin:auto}.hero-progress-summary h4{font-size:25px;letter-spacing:-.8px;margin-block:14px 19px}.hero-progress-summary .sample-data-pill{font-size:9px;padding:4px 6px}.hero-progress-stat{gap:10px}.hero-progress-stat>span{font-size:28px;width:31px}.hero-progress-stat>div{font-size:12px}.hero-progress-stat small{font-size:9px}.hero-progress-link{font-size:12px;line-height:1.6}.hero-progress-link span{margin-left:5px}.school-showcase{grid-column:1;grid-row:2}.school-stage{padding:30px}.stage-topline{font-size:15px}.school-view-switch{margin-block:21px 25px}.school-view-switch button{font-size:15px;padding:10px 20px}.showcase-school-photo{height:290px}.showcase-school-info{padding:27px}.showcase-school-info h3{font-size:33px}.school-location{font-size:15px}.school-tags span{font-size:12px;padding:6px 9px}.school-card-cta{font-size:15px;right:27px;bottom:28px}.school-connection{padding-top:26px;gap:14px}.school-connection b{font-size:16px}.school-connection div>span{font-size:13px}.connection-icon{width:45px;height:45px}.school-browser summary{padding:19px 25px;font-size:17px}.school-browser .school-demo{padding:27px}.school-browser .school-result b{font-size:17px}.school-browser .school-result small{font-size:14px}.school-browser .school-result{padding:17px;min-height:80px}.school-browser .search-field input{font-size:17px}.school-browser .demo-bottom .text-button{font-size:15px}.school-browser .demo-bottom>span{font-size:14px}.compare-photo-grid img{height:180px}.compare-photo-grid h4{font-size:24px;margin-inline:20px}.compare-photo-grid p{font-size:15px;margin-inline:20px}.compare-photo-grid dl{margin-inline:20px}.compare-photo-grid dt{font-size:13px}.compare-photo-grid dd{font-size:16px}.compare-note{font-size:13px}.practice-visual-cover{height:245px}.practice-visual-cover .math-art .fraction-tile{width:126px;height:153px;font-size:100px;left:calc(50% - 63px);top:31px}.practice-cover-copy>b{font-size:36px}.practice-cover-copy>span{font-size:15px}.cover-route{gap:11px;font-size:13px}.practice-visual-cover .math-art .dot-one{width:29px;height:29px;left:29px;top:35px}.practice-visual-cover .math-art .dot-two{width:37px;height:37px;right:25px;bottom:35px}.practice-showcase .practice-main>p:not(.hint){font-size:22px}.practice-showcase .practice-main h3{font-size:36px}.practice-showcase .practice-main>.eyebrow{font-size:15px}.practice-showcase .practice-head{padding:23px 37px;font-size:15px}.progress-section{grid-template-columns:1fr;gap:42px}.progress-snapshot{padding:35px}.snapshot-heading h3{font-size:33px}.snapshot-heading p{font-size:15px}.snapshot-heading .sample-data-pill{font-size:13px}.progress-dashboard-main{gap:38px;margin-block:40px 34px}.completion-ring{width:195px;height:195px}.completion-ring:before{inset:13px}.completion-ring:after{inset:22px}.completion-ring strong{font-size:51px}.completion-ring strong span{font-size:25px}.completion-ring small{font-size:12px}.topic-completion h4{font-size:16px}.topic-completion p{font-size:14px}.weekly-activity>span{font-size:16px}.weekly-total{font-size:42px}.weekly-total small{font-size:15px}.activity-chart{gap:13px;height:150px}.activity-chart i{max-height:120px;max-width:21px}.activity-chart span{font-size:12px}.review-focus{padding:20px;gap:15px}.review-focus-icon{width:45px;height:48px;font-size:29px}.review-focus b{font-size:16px}.review-focus p{font-size:14px}.review-focus button{width:34px;height:34px;font-size:25px}.progress-disclaimer{font-size:13px}#sample-review-list>p{font-size:14px}#sample-review-list b{font-size:16px}#sample-review-list>div>span{font-size:13px}#sample-review-list .text-button{font-size:17px}}
@media(max-width:650px){.hero-visual{width:calc(100% - 26px)}.window-body{display:block}.mini-side{display:none}.workspace{padding:21px 17px 19px}.workspace h3{font-size:24px}.workspace-greeting p{font-size:13px}.preview-tabs{gap:19px;margin:20px 0 17px}.preview-tabs button{font-size:13px;padding-bottom:10px;letter-spacing:-.2px}.hero-campus-photo{height:246px}.hero-campus-card{border-radius:15px}.campus-caption{left:18px;bottom:18px;right:15px}.campus-caption>span{font-size:11px}.campus-caption h4{font-size:24px;letter-spacing:-.7px}.saved-pill{font-size:10px;top:12px;right:12px;padding:5px 9px}.hero-campus-bottom{font-size:11px;padding:14px 13px;gap:7px}.hero-campus-bottom>span+span:before{padding-right:7px}.hero-campus-bottom button{font-size:11px}.hero-campus-bottom button span{margin-left:3px}.hero-learning-scene{grid-template-columns:1fr;gap:22px}.hero-learning-scene .math-art{height:218px;min-height:0}.math-art .fraction-tile{width:101px;height:123px;font-size:83px;left:calc(50% - 50px);top:25px}.math-art .dot-one{width:26px;height:26px;left:35px;top:33px}.math-art .dot-two{width:32px;height:32px;right:30px;bottom:61px}.math-label{font-size:15px;bottom:17px;left:21px}.hero-lesson{padding:0 3px 3px}.hero-lesson .scene-kicker{font-size:12px}.hero-lesson h4{font-size:27px;margin:10px 0 17px}.hero-lesson h4 br{display:none}.lesson-route{font-size:12px;gap:8px;max-width:260px}.hero-lesson>p{font-size:14px;margin-block:18px}.hero-scene-button{font-size:14px;padding:12px 15px}.hero-progress-scene{grid-template-columns:1fr;gap:20px}.hero-ring-panel{padding:22px 17px}.hero-ring-panel>.scene-kicker{font-size:13px}.hero-ring-panel .completion-ring{width:169px;height:169px;margin-block:18px}.hero-ring-panel .completion-ring strong{font-size:45px}.hero-ring-panel .completion-ring strong span{font-size:21px}.hero-ring-panel .completion-ring small{font-size:11px}.hero-ring-panel>p{font-size:14px;max-width:none}.hero-progress-summary{padding:0 3px}.hero-progress-summary h4{font-size:27px;margin-block:14px 22px}.hero-progress-summary h4 br{display:none}.hero-progress-summary .sample-data-pill{font-size:11px;padding:5px 9px}.hero-progress-stat{gap:16px;margin-bottom:18px}.hero-progress-stat>span{font-size:34px;width:36px}.hero-progress-stat>div{font-size:15px}.hero-progress-stat small{font-size:12px}.hero-progress-link{font-size:15px;margin-top:8px}.school-stage{padding:19px;border-radius:25px}.stage-topline{font-size:12px;padding-inline:1px}.stage-sample{font-size:10px;padding:3px 6px}.school-view-switch{margin:18px 0 19px;padding:3px}.school-view-switch button{font-size:12px;padding:9px 14px}.showcase-school-photo{height:220px}.showcase-school-card{border-radius:17px}.photo-save{font-size:10px;top:12px;right:12px;padding:6px 10px}.showcase-school-info{padding:21px}.school-location{font-size:12px}.showcase-school-info h3{font-size:27px;margin:10px 0 15px;letter-spacing:-.8px}.school-tags{gap:7px}.school-tags span{font-size:11px;padding:5px 8px}.school-card-cta{position:static;font-size:14px;margin-top:21px;justify-content:space-between;width:100%;padding-top:16px;border-top:1px solid #edf0f6}.school-connection{gap:10px;padding-top:21px}.connection-icon{width:35px;height:37px;border-radius:10px;font-size:20px}.school-connection b{font-size:13px;line-height:1.4}.school-connection div>span{font-size:11px;line-height:1.4;margin-top:3px}.school-connection button{font-size:17px;padding:2px}.school-browser{margin-top:15px;border-radius:14px}.school-browser summary{padding:17px 18px;font-size:14px}.school-browser .school-demo{padding:19px 15px}.school-browser .search-field{padding:9px 10px}.school-browser .search-field input{font-size:15px}.school-browser .school-result{padding:15px 11px;gap:9px;min-height:80px}.school-browser .school-result b{font-size:14px}.school-browser .school-result small{font-size:11px}.school-browser .school-result .school-symbol{width:27px;height:35px;font-size:19px}.school-browser .school-result button{width:26px;height:26px;font-size:19px}.school-browser .filter-row{gap:6px}.school-browser .filter-row button{font-size:12px;padding-inline:9px}.school-browser .demo-bottom>span{font-size:11px;max-width:110px}.school-browser .demo-bottom .text-button{font-size:12px;max-width:125px}.compare-caption{font-size:22px;margin:3px 0 18px;letter-spacing:-.6px}.compare-photo-grid{gap:10px}.compare-photo-grid article{border-radius:14px}.compare-photo-grid img{height:130px}.compare-photo-grid h4{font-size:17px;line-height:1.25;letter-spacing:-.5px;margin:15px 12px 7px}.compare-photo-grid p{font-size:12px;margin-inline:12px}.compare-photo-grid dl{margin:18px 12px}.compare-photo-grid dt{font-size:10px;margin-top:16px}.compare-photo-grid dd{font-size:13px;margin-top:4px}.compare-note{font-size:11px;margin-top:19px}.practice-showcase{border-radius:24px}.practice-visual-cover{height:190px;border-radius:24px 24px 0 0;grid-template-columns:1fr 1fr}.practice-visual-cover .math-art .fraction-tile{width:83px;height:105px;top:31px;left:calc(50% - 41px);font-size:70px;border-radius:18px;box-shadow:5px 6px 0 #b3cff6,9px 12px 25px #092c914f}.practice-visual-cover .math-art .dot-one{width:18px;height:18px;top:28px;left:14px}.practice-visual-cover .math-art .dot-two{width:24px;height:24px;bottom:24px;right:14px}.practice-visual-cover .math-orbit{width:175px;height:125px}.practice-visual-cover .orbit-two{width:155px;height:185px}.practice-cover-copy{padding:17px 13px 17px 2px}.practice-cover-copy>span{font-size:10px}.practice-cover-copy>b{font-size:25px;line-height:1.12;letter-spacing:-.7px;margin-top:10px}.cover-route{gap:6px;font-size:9px;margin-top:15px;white-space:nowrap}.practice-showcase .practice-card{border-radius:0 0 24px 24px}.practice-showcase .practice-head{padding:18px 23px;font-size:12px}.practice-showcase .practice-main{padding:24px 23px}.practice-showcase .practice-main>.eyebrow{font-size:13px}.practice-showcase .practice-main h3{font-size:29px;margin:13px 0 19px}.practice-showcase .practice-main>p:not(.hint){font-size:19px}.progress-section{gap:35px}.progress-snapshot{padding:25px 20px;border-radius:24px}.snapshot-heading{gap:12px;align-items:start}.snapshot-heading p{font-size:12px;margin-bottom:7px}.snapshot-heading h3{font-size:26px;letter-spacing:-.8px}.snapshot-heading .sample-data-pill{font-size:10px;padding:4px 7px;margin-top:3px}.progress-dashboard-main{gap:19px;margin:31px 0 27px}.completion-ring{width:143px;height:143px}.completion-ring:before{inset:10px}.completion-ring:after{inset:17px}.completion-ring strong{font-size:39px;letter-spacing:-1.5px}.completion-ring strong span{font-size:19px}.completion-ring small{font-size:9px}.topic-completion h4{font-size:12px;line-height:1.4;margin-top:15px}.topic-completion p{font-size:10px;line-height:1.5;margin-top:5px}.weekly-activity>span{font-size:11px}.weekly-total{font-size:30px;margin-top:9px}.weekly-total small{font-size:10px;letter-spacing:0}.activity-chart{height:100px;gap:6px;margin-top:16px}.activity-chart>div{padding-bottom:19px}.activity-chart i{max-height:79px;max-width:13px;border-radius:4px 4px 1px 1px}.activity-chart span{font-size:9px}.review-focus{padding:15px 12px;gap:9px;border-radius:14px;align-items:start}.review-focus-icon{width:32px;height:35px;border-radius:9px;font-size:23px}.review-focus b{display:block;font-size:12px;line-height:1.4;font-weight:500;letter-spacing:-.1px}.review-focus p{font-size:11px;line-height:1.4;margin-top:5px}.review-focus button{width:25px;height:25px;font-size:19px;margin-top:4px}.progress-disclaimer{font-size:11px;line-height:1.5;margin:16px 12px 0}#sample-review-list{padding-top:20px}#sample-review-list>p{font-size:12px}#sample-review-list>div{gap:10px;padding-block:14px}#sample-review-list b{font-size:13px}#sample-review-list>div>span{font-size:10px}#sample-review-list .text-button{font-size:14px}.photo-credit-list h3{font-size:21px}.photo-credit-list p{font-size:15px}}
@media(max-width:370px){.workspace{padding-inline:15px}.workspace h3{font-size:23px}.preview-tabs{gap:17px}.preview-tabs button{font-size:12px}.hero-campus-photo{height:230px}.hero-campus-bottom{gap:6px;font-size:10px;padding-inline:12px}.hero-campus-bottom>span+span:before{padding-right:6px}.hero-campus-bottom button{font-size:10px}.campus-caption h4{font-size:23px}.school-stage{padding:17px}.stage-topline{font-size:11px}.showcase-school-photo{height:215px}.showcase-school-info{padding:20px}.showcase-school-info h3{font-size:26px}.school-connection b{font-size:12px}.school-connection div>span{font-size:10px}.connection-icon{width:31px;height:35px}.school-connection{gap:8px}.school-browser summary{font-size:13px}.compare-photo-grid h4{font-size:16px;margin-inline:10px}.compare-photo-grid dl,.compare-photo-grid p{margin-inline:10px}.compare-photo-grid dd{font-size:12px}.practice-cover-copy>b{font-size:23px}.practice-cover-copy>span{font-size:9px}.cover-route{gap:5px;font-size:8px}.practice-visual-cover .math-art .fraction-tile{width:76px;height:98px;font-size:65px;left:calc(50% - 38px)}.progress-snapshot{padding:23px 17px}.snapshot-heading h3{font-size:23px}.snapshot-heading .sample-data-pill{font-size:9px;padding:4px 6px}.progress-dashboard-main{gap:15px}.completion-ring{width:127px;height:127px}.completion-ring strong{font-size:35px}.completion-ring strong span{font-size:18px}.completion-ring small{font-size:8px}.completion-ring:after{inset:16px}.topic-completion h4{font-size:11px}.topic-completion p{font-size:9px}.weekly-total{font-size:27px}.weekly-total small{font-size:9px}.weekly-activity>span{font-size:10px}.activity-chart{gap:5px}.review-focus{padding:14px 10px;gap:8px}.review-focus b{font-size:11px}.review-focus p{font-size:10px}.review-focus-icon{width:28px;height:32px}.review-focus button{width:23px;height:23px;font-size:18px}}
@media(prefers-reduced-motion:reduce){.hero-campus-card:hover .hero-campus-photo img,.showcase-school-card:hover img{transform:none}}
/* Keep labels on one line and activity bars on a common, proportional scale. */
.side-item{white-space:nowrap}
.activity-chart>div{height:calc(100% - 23px);padding-bottom:0;margin-bottom:23px;align-self:flex-start}
.activity-chart i{max-height:none}
.activity-chart span{bottom:-23px}
@media(max-width:650px){.activity-chart>div{height:calc(100% - 20px);margin-bottom:20px}.activity-chart span{bottom:-20px}}

/* Concept 04: verified catalogue figures and St Paul's Girls' School. */
.hero-metrics{display:grid;grid-template-columns:1fr 1fr 1fr;max-width:740px;margin:32px auto 30px;padding:25px 0 23px;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}
.hero-metrics>div{display:flex;flex-direction:column-reverse;gap:7px;padding:0 15px}
.hero-metrics>div+div{border-left:1px solid #e5e7eb}
.hero-metrics dt{font-size:17px;line-height:1.4;color:#667080;letter-spacing:-.3px}
.hero-metrics dd{margin:0;font-size:48px;font-weight:650;line-height:1.05;letter-spacing:-2px;color:#1865cf;font-variant-numeric:tabular-nums}
.hero-note .counts-link{margin-left:9px}
.counts-link{border:0;background:transparent;color:#0066cc;font:inherit;padding:2px 0;cursor:pointer}
.counts-link:hover{text-decoration:underline}
.counts-link span{padding-left:3px}
.hero-campus-photo img,.showcase-school-photo img{object-position:50% 54%}
.hero-journey{padding-top:10px}
.hero-journey h4{margin:10px 0 16px}
.school-library-stats{margin:0 0 16px}
.school-library-stats>div{display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:baseline;gap:14px;padding:10px 0;border-bottom:1px solid #d9e2f0}
.school-library-stats dt{font-size:13px;color:#637897;line-height:1.4}
.school-library-stats dd{margin:0;min-width:76px;font-size:29px;font-weight:600;letter-spacing:-1px;line-height:1.1;color:#285ea8;font-variant-numeric:tabular-nums}
.hero-journey .hero-scene-button{margin-top:auto}
.coverage-section .text-button{font-size:17px;margin-top:20px}
.count-table-scroll{max-width:100%;overflow-x:auto;margin:25px 0}
.count-table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.4;text-align:right;min-width:490px;font-variant-numeric:tabular-nums}
.count-table caption{text-align:left;font-size:16px;font-weight:600;padding-bottom:12px}
.count-table th,.count-table td{padding:14px 10px;border-bottom:1px solid #e8ebf0;vertical-align:middle}
.count-table th:first-child{text-align:left;padding-left:0;width:45%}
.count-table th:last-child,.count-table td:last-child{padding-right:0}
.count-table thead th{color:#707c8c;font-size:12px;font-weight:500;white-space:nowrap}
.count-table tbody th{font-weight:500}
.count-table tfoot{color:#165fbf;background:#f4f8fd;font-weight:650}
.count-table tfoot th:first-child{padding-left:10px}
.count-table tfoot td:last-child{padding-right:10px}
.count-definitions{font-size:16px;line-height:1.6;color:#637080}
.count-definitions p{margin:14px 0}
.count-definitions b{font-weight:600;color:#242c39}
@media(max-width:1190px){.hero-journey h4{font-size:23px}.school-library-stats dd{font-size:26px;min-width:65px}.school-library-stats dt{font-size:12px}.school-library-stats>div{gap:10px}}
@media(max-width:650px){.hero-metrics{margin:26px auto 24px;padding:20px 0 18px}.hero-metrics>div{padding:0 10px;gap:7px}.hero-metrics dd{font-size:38px;letter-spacing:-1.5px}.hero-metrics dt{font-size:13px;line-height:1.4;letter-spacing:-.15px;max-width:100px;margin:auto}.hero-note{line-height:1.8;margin-top:15px}.hero-note .counts-link{margin-left:5px}.hero-copy h1{font-size:clamp(43px,12.6vw,60px);letter-spacing:-2.5px}.workspace h3{font-size:23px}.coverage-section .text-button{font-size:16px}.count-table{font-size:14px}.count-definitions{font-size:15px}.count-table-scroll{margin-block:23px}.school-connection b{font-size:12px}}
@media(max-width:370px){.hero-metrics>div{padding-inline:7px}.hero-metrics dt{font-size:12px}.hero-metrics dd{font-size:35px}.hero-note{font-size:12px}.workspace h3{font-size:21px}.school-connection b{font-size:11px}}

/* Concept 05: school-specific topics, varied practice and step-by-step help. */
.hero-copy h1{font-size:clamp(64px,6.3vw,91px);letter-spacing:-4.6px;line-height:1.06}
.hero .lead{max-width:780px}
.method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;margin-top:54px;border-top:1px solid #d9d9df;padding-top:36px}
.method-grid article{display:flex;flex-direction:column;align-items:flex-start}
.method-number{font-size:18px;font-weight:600;color:#1766cc;margin-bottom:20px}
.method-grid h3{font-size:28px;font-weight:600;letter-spacing:-.8px;line-height:1.16;margin:0 0 19px}
.method-grid p{font-size:19px;line-height:1.55;letter-spacing:-.25px;color:#6e6e73;margin:0 0 26px}
.method-grid .text-link{font-size:17px;margin-top:auto;gap:8px}
.intro h2{max-width:1150px}
.intro-description{max-width:920px}
.steps-button{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;margin-top:22px;padding:17px 20px;background:#ecf3ff;border:1px solid #dce8fc;border-radius:14px;color:#165fbf;text-align:left;font-size:17px;font-weight:500;cursor:pointer;scroll-margin-top:110px}
.steps-button:hover{background:#e3edff}
.steps-toggle{font-size:25px;font-weight:400;line-height:1}
.step-explanation{margin-top:15px;padding:25px 22px;border:1px solid #dce8fc;border-radius:16px;background:linear-gradient(145deg,#f4f8ff,#fcfdff)}
.steps-label{color:#5376a4;font-size:12px;line-height:1.4;margin:0 0 10px}
.step-explanation h4{font-size:24px;letter-spacing:-.6px;line-height:1.2;margin:0 0 24px;font-weight:600;color:#243c62}
.worked-steps{list-style:none;padding:0;margin:0}
.worked-steps li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:13px;position:relative;padding-bottom:25px}
.worked-steps li:last-child{padding-bottom:0}
.worked-steps li:not(:last-child):before{content:'';position:absolute;left:13px;top:33px;bottom:7px;width:1px;background:#d2e1f7}
.step-number{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#dfeaff;color:#1763bc;font-size:13px;font-weight:600}
.worked-steps h5{font-size:17px;line-height:1.4;font-weight:600;color:#243c62;margin:2px 0 7px;letter-spacing:-.2px}
.worked-steps p{font-size:16px;color:#63748c;line-height:1.5;margin:0}
.step-equation{font-size:23px;font-weight:500;letter-spacing:-.6px;line-height:1.4;margin-top:10px;color:#243c62}
.step-equation strong{font-weight:600;color:#1763bc}
.steps-takeaway{border-top:1px solid #dce6f5;margin:23px 0 0;padding-top:17px;color:#45668e;font-size:15px;line-height:1.5}
@media(min-width:1700px){.hero-copy h1{font-size:99px}}
@media(max-width:950px){.hero-copy h1{font-size:clamp(55px,7.5vw,71px);letter-spacing:-3px}.method-grid{gap:25px}.method-grid h3{font-size:23px}.method-grid p{font-size:17px}.method-grid .text-link{font-size:15px}.steps-button{font-size:18px}.step-explanation{padding:27px}.step-explanation h4{font-size:28px}.worked-steps h5{font-size:19px}.worked-steps p{font-size:18px}.step-equation{font-size:27px}}
@media(max-width:650px){.hero-kicker{font-size:16px}.hero-copy h1{font-size:clamp(35px,10.1vw,60px);letter-spacing:-1.8px;line-height:1.13}.hero .lead{font-size:19px;max-width:370px;line-height:1.5}.hero-note .counts-link{margin-left:4px}.intro h2{font-size:39px;letter-spacing:-1.7px}.method-grid{grid-template-columns:1fr;gap:0;margin-top:33px;padding-top:0}.method-grid article{display:block;padding:27px 0;border-bottom:1px solid #d9d9df}.method-grid article:last-child{border-bottom:0;padding-bottom:0}.method-number{display:block;font-size:16px;margin-bottom:14px}.method-grid h3{font-size:28px;letter-spacing:-.8px;margin-bottom:16px}.method-grid p{font-size:18px;line-height:1.5;margin-bottom:18px}.method-grid .text-link{font-size:17px}.steps-button{padding:15px 14px;font-size:15px;gap:10px}.step-explanation{padding:21px 16px}.steps-label{font-size:11px}.step-explanation h4{font-size:23px;margin-bottom:22px}.worked-steps li{grid-template-columns:25px minmax(0,1fr);gap:10px;padding-bottom:23px}.step-number{width:25px;height:25px;font-size:12px}.worked-steps li:not(:last-child):before{left:12px;top:31px}.worked-steps h5{font-size:16px;margin-top:1px}.worked-steps p{font-size:15px}.step-equation{font-size:21px}.steps-takeaway{font-size:14px}.practice-cover-copy>span{font-size:10px}}
@media(max-width:370px){.hero-kicker{font-size:15px}.hero-copy h1{letter-spacing:-1.7px}.hero .lead{font-size:18px}.intro h2{font-size:36px}.steps-button{font-size:14px}.step-explanation{padding-inline:13px}.step-equation{font-size:20px}}