/* Promote the application timeline as the first product story. */
.featured-timeline{background:#e4e1ef}
.featured-timeline>.detail-section{padding-block:66px 74px}
.featured-timeline .section-heading{max-width:1030px;margin-bottom:35px}
.featured-timeline .shot-timeline .shot-mat{background:linear-gradient(135deg,#d2d8ec,#e1ddee 65%,#d5d1e6)}
.featured-timeline .section-heading .eyebrow{color:#4e6396}
.school-planning-page .page-jumps{padding-block:20px;margin-bottom:0;border-top:1px solid #cbd6e3;border-bottom:0}
.school-planning-page .page-jumps>a:first-child{color:#1a62bc;font-weight:600}
.school-planning-page .planning-board-showcase{padding-top:58px}
.overview-home .home-introduction{padding-bottom:45px}
.hero-timeline-link{margin-top:19px}
.hero-timeline-link .text-link{font-size:17px;gap:8px}
.hero-timeline-link .text-link>span{font-size:21px}
.timeline-feature-actions{display:flex;align-items:center;gap:25px;margin:32px 4px 0;flex-wrap:wrap}
.timeline-feature-actions>span{font-size:14px;color:#6c7e9b}
.overview-home .home-workspace-preview{padding:10px 0 55px;background:var(--wash)}
.home-workspace-preview .hero-visual{padding-top:20px}
.home-workspace-preview .hero-visual:before{display:none}
@media(max-width:650px){.featured-timeline>.detail-section{padding-block:45px 49px}.featured-timeline .section-heading{margin-bottom:27px}.featured-timeline .section-heading h2{font-size:39px;line-height:1.12;letter-spacing:-1.5px}.featured-timeline .section-heading>.eyebrow{font-size:16px;line-height:1.5;margin-bottom:19px}.featured-timeline .section-heading>p:not(.eyebrow){font-size:19px;line-height:1.55;margin-top:21px}.overview-home .home-introduction{padding-bottom:33px}.hero-timeline-link{margin-top:17px}.hero-timeline-link .text-link{font-size:15px}.hero-timeline-link .text-link>span{font-size:19px}.timeline-feature-actions{gap:16px;margin-top:25px}.timeline-feature-actions .button{font-size:15px}.timeline-feature-actions>span{font-size:12px}.school-planning-page .planning-board-showcase{padding-top:35px}.overview-home .home-workspace-preview{padding:0 0 35px}.home-workspace-preview .hero-visual{padding-top:12px}}

/* Concept 19: softer logo colours, clear contrast and layered surfaces. */
:root{--ink:#20264f;--muted:#56637e;--blue:#2d62dd;--link:#2658bd;--paper:#f0f3fb;--wash:#e9effb;--line:#d7dff0;--surface:#fff;--brand:#2d62dd;--violet:#6956d7;--sky:#69caff;--yellow:#fff0b5;--pink:#ca71c5}
body,.detail-page{background:var(--paper);color:var(--ink)}
.header{background:#f3f6fce6;border-bottom-color:#dce3f0}
.brand>span{color:var(--ink)}
.nav a[aria-current=page],.nav nav a:hover,.footer a:hover{color:var(--brand)}
.hero,.detail-page .page-hero{background:radial-gradient(ellipse at 18% 5%,#e2f1fc 0%,#e2f1fc00 52%),radial-gradient(ellipse at 84% 18%,#eae4fa 0%,#eae4fa00 57%)}
.gradient-text{background:linear-gradient(100deg,#286bd6 5%,#5163d7 49%,#7a5bd2 95%);background-clip:text;-webkit-background-clip:text;color:transparent}
.eyebrow,.feature-copy>.eyebrow,.section-heading>.eyebrow,.stage-number{color:#4a50b8}
.muted-heading{color:#677399}
.hero .lead,.page-lead,.section-heading>p:not(.eyebrow),.stage-copy>p,.overview-intro-heading>p:not(.eyebrow){color:var(--muted)}
.button{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 6px 17px #2d62dd17}
.button:hover{background:#1756cb;border-color:#1756cb}
.button.secondary{background:#ffffff40;color:#4c44b6;border-color:#9389df;box-shadow:none}
.button.secondary:hover{background:#e6e2ff;border-color:var(--violet)}
.text-link,.text-button,.counts-link,.photo-credit-button{color:var(--link)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-color:var(--violet)}
.hero-metrics,.hero-metrics>div+div{border-color:#d3dcf0}
.hero-metrics dd,.detail-stats dd,.school-library-stats dd,.library-figures dd,.bridge-facts strong{color:var(--brand)}
.hero-metrics>div:nth-child(2) dd{color:var(--violet)}
.hero-metrics dt,.detail-stats dt,.school-library-stats dt,.library-figures dt{color:#5f6d8b}
.intro-section,.soft-section,.overview-home .home-workspace-preview{background:#e9effb}
.practice-section{background:#eeebfa}
.membership-section{background:#edeefa}
.coverage-section{background:#e6eefb}
.school-planning-page .planning-compare-section{background:#edf1fb}
.school-planning-page #school-costs{background:#fff7df}
.planning-practice-bridge{background:#e7eefb}
.home-product-grid article,.planning-feature-grid article,.mode-card:not(.dark-mode),.plan-detail-card,.detailed-plans .plan{background:#ffffffed;border-color:#dce3f1}
.home-product-label,.small-label{color:#62749c}
.home-product-grid h3,.planning-feature-grid h3,.shot-detail-pair h3,.shot-benefit-row b{color:var(--ink)}
.home-product-grid p,.home-product-grid ul,.planning-feature-grid p,.shot-detail-pair p,.shot-benefit-row span,.mode-card>p,.mode-card ul{color:#566680}
.home-product-grid article:first-child{border-top:3px solid var(--sky)}
.home-product-grid article:nth-child(2){border-top:3px solid var(--violet)}
.journey-strip a{background:#ffffffd9;border-color:#d2dcf2;color:#4e6293}.journey-strip a:hover{background:#e9effb}
.page-jumps,.detail-stats,.detail-stats>div+div,.footer-bottom{border-color:#ccd8ef}
.page-jumps,.data-caption,.section-footnote,.detail-small{color:#657594}
.school-planning-page .page-jumps>a:first-child{color:var(--brand)}
/* Bright logo-blue and violet make the timeline the lead feature. */
body .featured-timeline{background:radial-gradient(ellipse at 90% 8%,#a693ef24,transparent 55%),linear-gradient(125deg,#2e57c7 0%,#5257c8 53%,#6758c5 100%);color:#fff}
.featured-timeline .section-heading h2{color:#fff}
.featured-timeline .section-heading .muted-heading{color:#d0e7ff}
.featured-timeline .section-heading .eyebrow{color:#fff0b5}
.featured-timeline .section-heading>p:not(.eyebrow){color:#f1f4ff}
.featured-timeline .shot-timeline .shot-mat{background:linear-gradient(135deg,#9bd8ff54,#c6c5ff54 65%,#e1bcff38);box-shadow:0 20px 65px #1c228a22}
.featured-timeline .planning-shot figcaption,.featured-timeline .shot-source,.featured-timeline .timeline-feature-actions>span{color:#f6f7ff}
.featured-timeline .text-button,.featured-timeline .shot-source>a{color:#fff}
.featured-timeline .shot-detail-pair h3{color:#fff}
.featured-timeline .shot-detail-pair p{color:#f1f4ff}
.featured-timeline .button{background:var(--yellow);border-color:var(--yellow);color:#23215c;box-shadow:0 8px 22px #23216f20}
.featured-timeline .button:hover{background:#fff5cf;border-color:#fff5cf}
.shot-mat,.school-planning-page .shot-mat{background:linear-gradient(140deg,#dcecfb,#e8eafa 65%,#e5def6)}
.shot-report .shot-mat,.school-planning-page .shot-report .shot-mat{background:linear-gradient(140deg,#dceff7,#e8f1fb 65%,#e0e8f7)}
.shot-budget .shot-mat,.school-planning-page .shot-budget .shot-mat{background:linear-gradient(140deg,#fff0c5,#fff8e4 65%,#f7efd8)}
.shot-open{border-color:#e0e6fa;box-shadow:0 25px 50px -22px #273a8940}
.shot-open:hover{box-shadow:0 27px 55px -18px #273a8955}
.shot-zoom{background:#fffffff5;color:var(--brand);border-color:#d1dff5}
.planning-shot figcaption,.shot-source,.shot-intro-line>span{color:#647697}.shot-source>a{color:var(--link)}
/* Product controls: blue for planning, violet for the AI learning view. */
.workspace,.progress-snapshot,.complete-detail{background:linear-gradient(140deg,#fff,#f2f5ff)}
.product-window,.hero-campus-card,.practice-card,.practice-showcase,.tutor-explanation,.from-coach>p{background:#fff}
.window-header,.mini-side{background:#f1f4ff;border-color:#dce3f5}
.side-item.active{background:#e0eaff;color:var(--brand)}
.preview-tabs button[aria-selected=true]{color:var(--brand);border-color:var(--brand)}
.hero-journey h4,.hero-lesson h4,.hero-progress-summary h4,.workspace h3{color:var(--ink)}
.hero-scene-button{background:#e4edff;color:var(--brand)}.hero-scene-button:hover{background:#d3e2ff}
.hero-campus-bottom button,.hero-progress-link{color:var(--brand)}
.hero-ring-panel,.school-stage,.planning-directory,.library-overview{background:linear-gradient(140deg,#e1ecff,#eef0ff)}
.how-ai-card{background:linear-gradient(140deg,#ede7ff,#f6f3fc)}
.math-art,.practice-visual-cover{background:linear-gradient(135deg,#69caff,#2877e8 50%,#6956d7)}
.fraction-tile{background:linear-gradient(135deg,#fff,#e2efff);color:#3777df;box-shadow:6px 8px 0 #b6cffa,12px 20px 32px #253b9426}
.hero-progress-stat>span,.weekly-total{color:var(--brand)}
.completion-ring{background:conic-gradient(from 0deg,#69caff 0deg,#3977ee 155deg,#6956d7 230deg,#ca71c5 259.2deg,#e4eafa 259.2deg);box-shadow:0 13px 24px #5e60c51a}
.completion-ring strong{color:var(--violet)}.completion-ring:before{background:#fff}.completion-ring:after{border-color:#e4e7fa}
.activity-chart i{background:linear-gradient(0deg,#a4c9ff,#d0e3ff)}
.activity-chart .highlight-day i{background:linear-gradient(0deg,#6956d7,#8d7af3);box-shadow:0 4px 7px #6754c51a}
.ai-tutor{background:linear-gradient(150deg,#efebfa,#f7f4fc);border-color:#ded6f8}
.tutor-avatar{background:linear-gradient(135deg,#326ee9,#6956d7 70%,#b849da);color:#fff}
.tutor-heading h3,.coach-step h4,.coach-equation{color:#25204e}
.tutor-heading p,.coach-step>p,.coach-step>p.coach-step-note,.from-coach>p{color:#6b6587}
.coach-tabs{background:#f6f3fc}.coach-tabs button[aria-selected=true]{background:var(--violet);color:#fff}
.coach-equation strong,.coach-step-navigation button{color:#5944c9}
.coach-suggestions button{background:#fff;color:#5944c9;border-color:#d9cff8}
.coach-suggestions button:hover{border-color:var(--violet);color:#4e38b9}
.coach-input-row button{background:var(--violet)}.coach-input-row button:hover{background:#4e3fc6}
.subject-tabs button[aria-selected=true]{background:var(--brand);border-color:var(--brand);color:#fff}
.planning-checklist{background:linear-gradient(135deg,#e4eeff,#f3f6ff);border-color:#cfddf5}
.planning-check-track{background:#dce6fa}.planning-check-track i{background:var(--brand)}
.planning-checklist input{accent-color:var(--brand)}
.checklist-heading h3,.planning-checklist label b{color:#3a578b}.planning-checklist label small{color:#7585a2}
.checklist-heading>span{background:#dae7ff;color:#4b6da7}
.plan,.plan-detail-card{background:#fff;border-color:#d6ddf2}
.plan.featured,.detailed-plans .plan.featured{background:#f9f7fd;border-color:#ac9ce6;box-shadow:0 16px 42px -25px #6956d74a}
.plan-badge{background:var(--yellow);color:#38306f}
.dark-mode{background:linear-gradient(140deg,#3657be,#6956c6);color:#fff}
.dark-mode .small-label{color:#fff0b5}.dark-mode>p,.dark-mode ul,.dark-mode .mode-total{color:#e0e7ff}
.mode-icon{background:#e1eaff;color:var(--brand)}.dark-mode .mode-icon{background:#ffffff19;color:#e4efff}
.final-cta,.detail-cta{background:linear-gradient(125deg,#2d50b2,#6555c4);color:#fff}
.final-cta h2,.detail-cta h2{color:#fff}
.final-cta .gradient-text,.detail-cta .gradient-text{background:none;color:#d0e7ff}
.final-cta .eyebrow,.detail-cta .eyebrow{color:#fff0b5}
.final-cta p:not(.eyebrow),.final-cta .container>p:last-child,.detail-cta p:not(.eyebrow){color:#dfe7ff}
.final-cta .button,.detail-cta .button{background:var(--yellow);border-color:var(--yellow);color:#29235b}
.final-cta .button:hover,.detail-cta .button:hover{background:#fff5cf;border-color:#fff5cf}
.final-cta .text-link,.detail-cta .text-link{color:#fff}
.footer,.footer-bottom{color:#667391}
#planning-image-dialog{background:#f0f3fb;border-color:#d6e0f6;color:var(--ink)}
#planning-image-dialog::backdrop{background:#131a51b8}
.planning-image-toolbar{background:#fff;border-color:#d6e0f6}
.planning-image-toolbar button{color:var(--brand);background:#f0f4ff;border-color:#cfdcf7}
.planning-image-note{color:#697b99}
@media(max-width:900px){.header #nav-links{background:#f0f3fbf5}}

/* A restrained surface hierarchy keeps the logo accents in focus. */
.home-product-grid article,.planning-feature-grid article,.mode-card:not(.dark-mode),.plan-detail-card,.detailed-plans .plan{box-shadow:0 8px 30px -20px #334b8126}
.home-product-grid article:first-child{border-top-color:#79c9ed}
.home-product-grid article:nth-child(2){border-top-color:#a393e2}
.hero-metrics,.detail-stats{border-color:#d6dff0}
.hero-metrics dt,.detail-stats dt{color:#596884}
.shot-mat,.school-planning-page .shot-mat{box-shadow:inset 0 1px 0 #ffffffb3}
.featured-timeline .shot-timeline .shot-mat{border:1px solid #ffffff2b;background:linear-gradient(135deg,#c9e7ff32,#dfd9ff32);box-shadow:0 20px 55px #20347b22,inset 0 1px 0 #ffffff2b}
.button.secondary{background:#ffffff85;color:#5144b2;border-color:#b0a4df}
.button.secondary:hover{background:#efebfa;border-color:#8876cf}
.plan.featured,.detailed-plans .plan.featured{box-shadow:0 16px 44px -25px #6956d748}
.comparison-school-heads article,.library-explorer,.planning-checklist{border-color:#d6dff0}
.illustrated-practice .practice-main>p:not(.hint),.practice-intro-detail>p{color:#56637e}
.footer{color:#5e6c86}