:root{color-scheme:light;--navy:#091820;--navy-light:#152b34;--ivory:#f5f5ee;--ink:#132c32;--muted:#617074;--lime:#d4f68b;--line:#daddd3;--cyan:#8bcad0;--page:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.6;color:var(--ink);background:var(--ivory);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}svg{display:block}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #558899;outline-offset:5px}a:focus-visible{border-radius:2px}button:disabled{cursor:default}[hidden]{display:none!important}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-weight:500}a,button{touch-action:manipulation}.page-width{width:min(calc(100% - 112px),var(--page));margin-inline:auto}.skip-link{position:fixed;left:16px;top:12px;transform:translateY(-200%);padding:12px 18px;background:var(--lime);color:var(--navy);z-index:20}.skip-link:focus{transform:translateY(0)}.site-header{height:100px;padding:0 56px;display:flex;align-items:center;justify-content:space-between;gap:32px;background:var(--navy);color:#eef0e7;border-bottom:1px solid #c1d4d617;position:relative;z-index:2}.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-size:25px;font-weight:600;letter-spacing:-1px}.brand svg{width:31px;height:31px;color:var(--lime)}.brand-dot{color:var(--lime)}.main-nav{display:flex;gap:36px;margin-left:40px}.main-nav a{font-size:14px;color:#d5dddd;transition:color .2s}.main-nav a:hover{color:var(--lime)}.header-actions{display:flex;gap:28px;align-items:center}.locale-switch{display:flex;gap:8px;align-items:center;font-size:14px}.locale-switch>span{color:#78888d}.locale-switch button{border:0;background:none;color:#b0bdc1;padding:8px 2px;font-size:14px}.locale-switch button[aria-pressed=true]{color:var(--lime)}.header-login{display:flex;align-items:center;justify-content:center;gap:24px;border:1px solid #66767d;border-radius:3px;font-size:14px;min-width:100px;padding:9px 14px;transition:background .2s}.header-login:hover{background:#ffffff10}.hero{position:relative;background:var(--navy);color:var(--ivory);min-height:690px;height:min(830px,calc(100svh - 100px));overflow:hidden}.hero-art{position:absolute;inset:-35px -30px -35px;transform:translate3d(var(--art-x,0px),var(--art-y,0px),0) scale(1.025);background-image:url("/assets/studygps-navigation-hero.png");background-size:cover;background-position:center 52%;will-change:transform;transition:transform 1.3s cubic-bezier(.2,.6,.3,1)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#091820c7 0%,#0918209e 20%,#09182030 42%,transparent 68%),linear-gradient(0deg,#091820 0%,transparent 19%,transparent 87%,#09182040 100%)}.hero-grid{position:absolute;inset:0;pointer-events:none;display:flex;justify-content:space-between;padding-inline:56px;opacity:.2}.hero-grid span{display:block;height:100%;width:1px;background:linear-gradient(#a8c8ce22,transparent 85%)}.hero-inner{position:relative;height:100%;min-height:690px;padding-top:88px}.hero-copy{max-width:520px;position:relative;z-index:1}.eyebrow{display:flex;align-items:center;gap:10px;font-size:14px;letter-spacing:.11em;line-height:1.7}.signal-dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px #d4f68b12}.hero h1{font-size:clamp(62px,6.4vw,96px);line-height:1.16;letter-spacing:-.055em;margin-top:25px;margin-bottom:25px;font-weight:400}.hero h1>span,.hero h1>em{display:block}.hero h1 em{color:var(--lime);font-style:normal;font-weight:400}.hero-description{max-width:385px;font-size:17px;line-height:1.9;color:#ced8d9}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:33px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:54px;border:0;border-radius:3px;padding:15px 22px;font-size:15px;font-weight:500;line-height:1.5;transition:background .2s,transform .2s}.button-lime{background:var(--lime);color:var(--navy)}.button-lime:hover{background:#e1ffa9;transform:translateY(-2px)}.button>span:last-child{font-size:21px;line-height:1}.text-link,.dark-link{display:inline-flex;align-items:center;gap:20px;font-size:14px;line-height:1.6;padding-block:8px;border-bottom:1px solid currentColor}.text-link{color:#e7ece7;border-bottom-color:#a3b1b58c}.text-link:hover{color:var(--lime)}.hero-note{display:flex;align-items:center;gap:8px;color:#aabbc0;font-size:14px;margin-top:20px}.tiny-compass{font-size:21px;color:var(--lime)}.route-annotation{position:absolute;left:58%;top:61%;max-width:360px;display:flex;align-items:center;gap:14px;border:1px solid #edf6f04d;border-radius:6px;padding:18px 22px;background:#173038ab;backdrop-filter:blur(18px);box-shadow:0 16px 55px #0003;animation:annotation-float 7s ease-in-out infinite}.annotation-orbit{width:39px;height:39px;border:1px solid #badf8680;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:24px;color:var(--lime)}.route-annotation>div{display:flex;flex-direction:column;gap:4px}.annotation-label{font-size:14px;color:#d2e1db}.route-annotation strong{font-size:16px;color:#fff;font-weight:500;line-height:1.5}.annotation-time{font-size:14px;color:#b8cdcf}.annotation-dot{height:6px;width:6px;background:var(--lime);box-shadow:0 0 12px var(--lime);border-radius:50%;margin-left:4px}.hero-bottom{position:absolute;left:0;right:0;bottom:26px;display:flex;align-items:center;justify-content:space-between;color:#bdcdcf;font-size:14px}.hero-coordinate{letter-spacing:.16em;font-size:12px}.discover-link{display:flex;align-items:center;gap:22px;font-size:14px}.discover-link>span:last-child{font-size:24px;color:var(--lime)}.section-space{padding-block:118px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:70px;margin-bottom:55px}.muted{color:#69796d}.section-heading h2,.together h2{font-size:clamp(38px,4vw,55px);line-height:1.3;letter-spacing:-.045em;margin-top:17px}.serif-accent{color:#546b5d}.section-intro{font-size:16px;line-height:1.9;color:var(--muted);max-width:360px}.approach-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.approach-card{position:relative;min-height:521px;border:1px solid var(--line);border-radius:5px;background:#ffffff50;padding:28px 28px 23px;display:flex;flex-direction:column;overflow:hidden}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px}.card-number{font-size:14px;color:#5c7169;font-variant-numeric:tabular-nums;letter-spacing:.14em}.card-tag{font-size:14px;color:#536b60;padding:3px 10px;border-radius:20px;border:1px solid #d9dfd0}.approach-card h3{font-size:22px;line-height:1.4;letter-spacing:-.04em;margin-bottom:10px}.card-description{font-size:15px;color:var(--muted);line-height:1.8;max-width:290px}.card-footnote{font-size:14px;line-height:1.7;color:#687671;margin-top:auto;padding-top:22px}.diagnosis-visual{padding-top:24px}.same-score{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dde2d8;padding-bottom:10px;gap:10px}.same-score>span{font-size:14px;color:#63756b}.same-score strong{font-size:30px;line-height:1.3;font-weight:500;letter-spacing:-.05em;white-space:nowrap}.same-score small{font-size:13px;font-weight:400;letter-spacing:0;padding-left:3px;color:#69796d}.chart-legend{display:flex;gap:16px;font-size:13px;margin-top:13px;color:#5a6e65}.chart-legend>span{display:flex;align-items:center;gap:6px}.chart-legend i{display:inline-block;width:7px;height:7px;border-radius:2px}.alex-key{background:#2e5d5b}.sarah-key{background:#b5ce8f}.bar-group{margin-top:12px}.bar-group>span{display:block;margin-bottom:4px;font-size:14px}.bar-row{display:flex;align-items:center;gap:9px;margin-top:4px}.bar-track{height:6px;border-radius:2px;background:#e7eade;flex:1;overflow:hidden}.bar-fill{display:block;height:100%;border-radius:2px}.bar-fill.alex{background:#2e5d5b}.bar-fill.sarah{background:#b5ce8f}.first-alex,.rankine-sarah{width:85%}.first-sarah,.rankine-alex{width:50%}.bar-row b{font-size:12px;line-height:1.3;width:19px;font-weight:400;font-variant-numeric:tabular-nums}.time-card{background:#e7ecdf}.time-visual{width:min(270px,100%);height:250px;margin:20px auto 0;position:relative;display:grid;place-items:center;flex:1}.time-orbit{position:absolute;left:50%;top:50%;border:1px solid #67847647;border-radius:50%;transform:translate(-50%,-50%)}.orbit-one{height:175px;width:175px;border-color:#6681707d}.orbit-two{height:220px;width:220px}.orbit-three{height:125px;width:255px;transform:translate(-50%,-50%) rotate(-34deg)}.time-center{display:flex;flex-direction:column;align-items:center;position:relative}.time-center strong{font-family:Georgia,"Times New Roman",serif;font-size:84px;font-weight:400;letter-spacing:-.08em;line-height:1.05}.time-center strong>span{font-family:Arial,sans-serif;font-size:50px;vertical-align:top;line-height:1.35;margin-left:4px;color:#66815d}.time-center>span{font-size:14px;color:#536a5d;margin-top:7px}.time-satellite{position:absolute;border-radius:50%;box-shadow:0 0 0 5px #e7ecdf;background:#617c63;z-index:1}.satellite-one{width:12px;height:12px;top:52px;right:57px}.satellite-two{width:7px;height:7px;bottom:49px;left:27px;background:#95af77}.time-coordinate{position:absolute;bottom:1px;right:0;font-size:10px;letter-spacing:.15em;color:#7c8e7a}.reroute-visual{padding:29px 0 2px}.progress-topic{display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:14px}.demo-pill{font-size:12px;color:#6a7d70;background:#edf0e5;padding:3px 8px;border-radius:3px}.progress-values{display:flex;align-items:center;justify-content:space-between;margin-top:19px;font-family:Georgia,"Times New Roman",serif;font-size:63px;font-weight:400;line-height:1.2}.progress-values>span{color:#84928a}.progress-values strong{color:#2c5746;font-weight:400}.progress-values svg{width:65px;height:24px;color:#a1b78c;margin-inline:8px}.reroute-path{display:flex;margin-top:11px;height:4px;gap:5px}.reroute-path span{display:block;width:33%;height:4px;background:#dce5cc}.reroute-path span:last-child{background:#aac981}.next-topic{margin-top:23px;display:flex;align-items:center;gap:12px;padding:14px;background:#edf0e5;border-radius:4px}.next-icon{color:#4c6d52;width:35px;height:35px;display:grid;place-items:center;border:1px solid #bdcbae;border-radius:50%;font-size:22px;flex-shrink:0}.next-topic>div{display:flex;flex-direction:column;gap:2px}.next-topic>div>span{font-size:13px;color:#69816d}.next-topic strong{font-weight:500;font-size:16px}.approach-link{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:28px}.approach-link>span{font-size:14px;color:#68776f}.dark-link{color:#294b3c;white-space:nowrap;font-size:15px;gap:30px}.dark-link:hover{color:#64823b}.together{padding-top:30px;padding-bottom:135px}.together-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.together-copy h2{font-size:clamp(36px,3.8vw,52px)}.together-copy>.section-intro{margin-top:22px;max-width:405px}.role-tabs{display:flex;border-bottom:1px solid #d8ded1;gap:20px;margin-top:29px;max-width:400px}.role-tabs button{display:flex;align-items:center;gap:8px;padding:12px 4px 14px;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:none;color:#7a877c;font-size:15px}.role-tabs button[aria-selected=true]{color:#28483a;border-bottom-color:#456d45}.role-tabs button>span:first-child{font-size:20px}.role-benefits{margin-top:23px;min-height:130px}.role-benefits p{display:flex;align-items:center;gap:15px;color:#506157;font-size:15px;margin-bottom:13px;line-height:1.65}.role-benefits p>span:first-child{font-size:11px;color:#819575;font-variant-numeric:tabular-nums;letter-spacing:.08em}.together-link{margin-top:13px}.product-scene{position:relative;padding:48px 30px 0;min-width:0}.scene-ring{position:absolute;border:1px solid #c8d1bc;border-radius:50%;left:50%;top:50%;pointer-events:none}.ring-one{width:109%;height:92%;transform:translate(-50%,-55%) rotate(24deg)}.ring-two{width:82%;height:106%;transform:translate(-50%,-57%) rotate(-32deg);border-color:#dee3d5}.product-window{position:relative;background:#fffef9;border:1px solid #d1dac9;border-radius:8px;box-shadow:0 22px 58px #283b3014,0 3px 10px #283b3008;overflow:hidden;transform:rotate(-1.6deg);transition:transform .5s}.product-scene:hover .product-window{transform:rotate(0)}.window-chrome{padding:17px 23px;border-bottom:1px solid #e6e9df;display:flex;align-items:center;justify-content:space-between;gap:20px}.mini-brand{font-size:15px;font-weight:600;letter-spacing:-.02em}.mini-brand>span{font-size:20px;vertical-align:middle;margin-right:4px;color:#517945}.illustration-label{font-size:12px;line-height:1.5;color:#617066;border:1px solid #d7dfd1;border-radius:3px;padding:2px 7px}.mock-panel{padding:24px;min-height:387px}.mock-profile{display:flex;align-items:center;gap:11px;margin-bottom:24px}.avatar{width:39px;height:39px;flex-shrink:0;background:#dce9cf;color:#435d37;border:1px solid #ccdbbe;border-radius:50%;display:grid;place-items:center;font-family:Georgia,"Times New Roman",serif;font-size:18px}.mock-overline{display:block;font-size:12px;line-height:1.5;color:#728070}.mock-profile h3{font-size:16px;font-weight:500;margin-top:3px;line-height:1.4}.lock-icon{margin-left:auto;font-size:24px;color:#829776}.mock-route{border:1px solid #d4dfc8;background:#f0f4e8;border-radius:5px;padding:18px}.mock-route-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.route-time{font-size:12px;color:#647956;border:1px solid #cad8bf;border-radius:16px;padding:2px 8px;white-space:nowrap}.mock-route h4{font-size:26px;margin-top:11px;letter-spacing:-.05em}.mock-route>p{font-size:13px;line-height:1.7;color:#667863;max-width:300px;margin-top:6px}.mini-route{display:flex;align-items:center;justify-content:space-between;margin-top:22px}.mini-route span{width:24px;height:24px;display:grid;place-items:center;font-size:11px;line-height:1;border:1px solid #c4d2ba;border-radius:50%;color:#86987d;flex-shrink:0;background:#f0f4e8}.mini-route i{display:block;height:1px;background:#d1dcc7;flex:1;margin-inline:4px}.mini-route .complete{background:#54734a;border-color:#54734a;color:#fff}.mini-route .current{border-color:#8ba571;color:#54734a;box-shadow:0 0 0 3px #e5eddb}.mini-route-labels{display:flex;justify-content:space-between;margin-top:7px;font-size:11px;color:#798c6d}.advice-card{display:flex;gap:10px;margin-top:18px}.advice-icon{font-family:Georgia,serif;line-height:1.2;font-size:37px;color:#879d72}.advice-card p{font-size:13px;line-height:1.8;color:#52634e;margin-top:6px}.scene-caption{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:31px;color:#6d7d65;font-size:12px;line-height:1.7;text-align:center}.scene-caption>span:first-child{font-size:18px;flex-shrink:0}.teacher-avatar{background:#e2ece8;color:#3c6760;border-color:#ccded8;font-size:22px}.class-summary{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;color:#697a66;padding:0 0 10px;border-bottom:1px solid #e0e5d7}.student-row{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #e4e9dd}.small-avatar{width:30px;height:30px;font-size:15px}.sarah-avatar{background:#eee8d9;color:#8a784c;border-color:#e4d9be}.student-row>div:nth-child(2){display:flex;flex-direction:column;gap:1px}.student-row strong{font-size:14px;font-weight:500}.student-row>div>span{font-size:12px;color:#74816c}.student-row .student-score{margin-left:auto;font-size:19px;font-weight:400}.row-arrow{font-size:17px;color:#6d8261;margin-left:6px}.teacher-note{margin-top:18px;padding:15px 16px;background:#f0f4e8;border:1px solid #dde5d2;border-radius:4px}.teacher-note>p{font-size:13px;line-height:1.8;color:#52634e;margin-top:7px}.note-status{display:flex;align-items:center;gap:6px;font-size:11px;color:#6e8460;margin-top:12px}.status-dot{width:5px;height:5px;border-radius:50%;background:#8daa75}.closing{position:relative;overflow:hidden;padding:100px 24px 106px;background:var(--navy);color:var(--ivory);text-align:center}.closing-inner{position:relative;z-index:1;max-width:760px;margin:auto}.closing .eyebrow{justify-content:center;color:#b5c7b9;font-size:13px}.closing h2{font-size:clamp(42px,5.4vw,72px);letter-spacing:-.055em;line-height:1.3;font-weight:400;margin-top:23px}.closing h2 em{font-style:normal;color:var(--lime)}.closing-inner>p:not(.eyebrow){font-size:16px;line-height:1.8;color:#adc1bf;margin-top:20px}.closing .button{margin-top:30px;min-width:238px}.closing-orbit{position:absolute;left:50%;top:50%;border:1px solid #92c1a923;border-radius:50%;transform:translate(-50%,-50%) rotate(-23deg);width:1120px;height:395px;pointer-events:none}.orbit-b{width:1030px;height:510px;transform:translate(-50%,-50%) rotate(18deg);border-color:#92c1a914}.closing-star{position:absolute;top:25%;left:13%;color:var(--lime);font-size:27px;opacity:.85;animation:star-rotate 35s linear infinite}.site-footer{background:var(--navy);color:#bccac9;border-top:1px solid #a6c6c01c;padding:31px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.site-footer .brand{font-size:22px;color:#e2eae2}.site-footer .brand svg{width:27px;height:27px}.site-footer p{font-size:14px;color:#98adae}.site-footer .footer-inner>a:last-child{display:flex;gap:14px;align-items:center;font-size:14px}.site-footer .footer-inner>a:last-child:hover{color:var(--lime)}html[lang=en] .hero h1{font-size:clamp(64px,6.4vw,96px);letter-spacing:-.055em;line-height:1.07}html[lang=en] .hero h1 em,html[lang=en] .serif-accent,html[lang=en] .closing h2 em{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400}html[lang=en] .hero-copy{max-width:600px}html[lang=en] .hero-description{max-width:360px;font-size:16px;line-height:1.8}html[lang=en] .hero h1{margin-top:29px}html[lang=en] .hero-note{max-width:350px}html[lang=en] .section-heading h2,html[lang=en] .together h2{font-size:clamp(38px,4vw,56px);line-height:1.16}html[lang=en] .approach-card h3{font-size:24px;line-height:1.2;max-width:245px}html[lang=en] .card-description{font-size:15px;line-height:1.6}html[lang=en] .approach-card{min-height:555px}html[lang=en] .card-top{margin-bottom:27px}html[lang=en] .together-grid{gap:75px}html[lang=en] .route-annotation strong{font-size:16px}html[lang=en] .annotation-time{font-size:13px}html[lang=en] .closing h2{max-width:750px;margin-inline:auto}html[lang=en] .closing h2 em{white-space:nowrap}
@keyframes annotation-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes star-rotate{to{transform:rotate(360deg)}}
@media(min-width:1700px){.hero-art{background-size:cover;background-position:center 58%}.hero-shade{background:linear-gradient(90deg,#091820ad 0%,#0918206e 27%,transparent 60%),linear-gradient(0deg,#091820 0%,transparent 18%)}.hero-copy{max-width:560px}.hero h1{font-size:98px}.hero-inner{padding-top:100px}}
@media(max-width:1150px){.site-header{padding-inline:36px;gap:20px;height:88px}.main-nav{margin:0;gap:23px}.header-actions{gap:17px}.page-width{width:calc(100% - 72px)}.hero{height:730px}.hero-inner{padding-top:88px}.hero-art{background-position:56% center}.hero-grid{padding-inline:36px}.hero h1{font-size:75px}.hero-shade{background:linear-gradient(90deg,#091820e6 0%,#091820ab 26%,#09182018 66%,transparent 80%),linear-gradient(0deg,#091820 0%,transparent 24%)}.hero-copy{max-width:450px}.hero-description{max-width:350px}.route-annotation{left:auto;right:1%;top:65%;padding:15px}.approach-card{padding:24px 21px 21px}.approach-cards{gap:14px}.approach-card h3{font-size:21px}.section-space{padding-block:95px}.section-heading{gap:40px}.section-intro{max-width:320px}.together{padding-top:10px}.together-grid,html[lang=en] .together-grid{gap:40px;grid-template-columns:1fr 1.15fr}.product-scene{padding:35px 10px 0}.mock-panel{padding:20px}.window-chrome{padding:16px 20px}.mock-profile h3{font-size:15px}.time-orbit.orbit-three{width:225px}.orbit-two{width:200px;height:200px}.progress-values{font-size:56px}.progress-values svg{width:49px}.same-score>span{font-size:13px}html[lang=en] .hero h1{font-size:74px}html[lang=en] .approach-card h3{font-size:22px}html[lang=en] .approach-card{min-height:565px}.scene-caption{font-size:12px}.card-footnote{font-size:13px}}
@media(max-width:900px){.main-nav{display:none}.site-header{height:83px}.hero{min-height:780px;height:780px}.hero-inner{min-height:780px;padding-top:78px}.hero-art{background-size:auto 97%;background-position:58% bottom;background-repeat:no-repeat}.hero-copy{max-width:465px}.hero h1{font-size:76px}.hero-shade{background:linear-gradient(90deg,#091820e6 0%,#091820a3 35%,#09182009 100%),linear-gradient(0deg,#091820 0%,transparent 23%)}.route-annotation{right:1%;top:auto;bottom:80px;max-width:330px}.section-heading{align-items:flex-start;gap:30px}.section-heading h2,.together h2{font-size:41px}.section-intro{max-width:300px;font-size:15px}.approach-cards{grid-template-columns:1fr;gap:18px}.approach-card,html[lang=en] .approach-card{min-height:330px;display:grid;grid-template-columns:1fr 1fr;column-gap:40px;grid-template-rows:auto auto 1fr auto;padding:29px}.card-top{grid-column:1;max-width:245px;margin-bottom:25px}.approach-card h3,html[lang=en] .approach-card h3{grid-column:1;font-size:26px;margin-bottom:15px;max-width:290px}.card-description{grid-column:1;max-width:290px}.card-footnote{grid-column:1;margin-top:25px;padding-top:0;font-size:14px}.diagnosis-visual,.time-visual,.reroute-visual{grid-column:2;grid-row:1/5;align-self:center;margin-top:0;padding-top:0}.time-visual{height:255px}.time-orbit.orbit-three{width:255px}.orbit-two{width:230px;height:230px}.same-score>span{font-size:14px}.progress-values{font-size:70px}.together-grid,html[lang=en] .together-grid{grid-template-columns:1fr 1fr;gap:24px}.product-scene{padding:25px 0 0}.mock-panel{padding:18px;min-height:420px}.mock-route{padding:14px}.mock-route h4{font-size:24px}.window-chrome{padding:14px 17px}.mini-brand{font-size:13px}.illustration-label{font-size:11px}.mock-overline{font-size:11px}.mock-profile{gap:8px}.mock-profile h3{font-size:14px}.mock-profile .avatar{width:33px;height:33px}.mock-route>p,.advice-card p,.teacher-note>p{font-size:12px}.route-time{font-size:11px}.role-benefits p{font-size:14px;gap:12px}.role-tabs{gap:17px}.role-tabs button{font-size:14px}.together-copy>.section-intro{font-size:15px}.student-row>div>span{font-size:11px}.student-row .student-score{font-size:17px}.class-summary{font-size:11px}.scene-caption{font-size:11px}.scene-ring{max-width:108%}.closing{padding-block:90px}.closing-star{left:8%}.footer-inner{flex-wrap:wrap}.site-footer p{font-size:13px}}
@media(max-width:680px){.page-width{width:calc(100% - 40px)}.site-header{height:77px;padding-inline:20px;gap:12px}.brand{font-size:23px;gap:7px}.brand svg{width:28px;height:28px}.header-actions{gap:17px}.header-login{min-width:0;padding:7px 0;border:0;gap:6px}.header-login>span:last-child{display:none}.locale-switch{gap:6px}.locale-switch button{font-size:14px;padding-block:10px}.hero{min-height:950px;height:950px}.hero-inner{min-height:950px;padding-top:49px}.hero h1{font-size:clamp(56px,12.9vw,76px);letter-spacing:-.045em;margin-top:22px;margin-bottom:22px;line-height:1.18}.hero-copy{max-width:none}.hero .eyebrow{font-size:13px;letter-spacing:.07em}.hero-description{font-size:16px;max-width:345px;line-height:1.9}.hero-art{inset:0 -65px -10px;background-size:auto 58%;background-position:69% bottom;transform:translate3d(var(--art-x,0px),var(--art-y,0px),0) scale(1.025)}.hero-shade{background:linear-gradient(180deg,#091820 0%,#091820 31%,#091820e8 39%,#09182038 58%,transparent 76%,#091820dd 100%)}.hero-grid{padding-inline:20px}.hero-actions{margin-top:28px;gap:24px;align-items:center;flex-wrap:wrap}.button{font-size:15px;padding:14px 18px;min-height:54px;gap:23px}.hero-note{font-size:13px;margin-top:17px}.route-annotation{right:0;left:auto;top:auto;bottom:94px;padding:13px 16px;gap:10px;max-width:calc(100% - 25px);background:#173038c9}.annotation-orbit{width:34px;height:34px;font-size:21px}.annotation-label{font-size:12px}.route-annotation strong{font-size:15px}.annotation-time{font-size:13px}.hero-bottom{bottom:23px;gap:14px;align-items:center}.hero-coordinate{font-size:9px;letter-spacing:.1em}.discover-link{font-size:12px;gap:10px}.discover-link>span:last-child{font-size:22px}.section-space{padding-block:74px}.section-heading{display:block;margin-bottom:33px}.section-heading h2,.together h2{font-size:38px;line-height:1.35;margin-top:13px}.muted{font-size:12px;letter-spacing:.07em}.section-heading .section-intro{margin-top:22px;max-width:410px;font-size:16px}.approach-card,html[lang=en] .approach-card{display:flex;min-height:518px;padding:26px;gap:0}.card-top{max-width:none;margin-bottom:28px;width:100%}.approach-card h3,html[lang=en] .approach-card h3{font-size:24px;margin-bottom:11px;max-width:none}.card-description{font-size:16px;line-height:1.7;max-width:none}.diagnosis-visual,.time-visual,.reroute-visual{align-self:stretch;margin-top:27px;padding-top:0}.time-visual{align-self:center;flex:1;margin-top:20px;min-height:240px}.card-footnote{margin-top:auto;padding-top:24px;font-size:14px}.diagnosis-visual{margin-bottom:0}.bar-group{margin-top:16px}.bar-row{margin-top:6px}.bar-track{height:7px}.bar-row b{font-size:14px;width:24px}.chart-legend{font-size:14px;margin-top:14px}.same-score strong{font-size:34px}.same-score small{font-size:14px}.bar-group>span{font-size:14px}.same-score>span{font-size:14px}.time-card{min-height:500px}.reroute-card{min-height:500px}.progress-topic{font-size:15px}.demo-pill{font-size:13px}.next-topic{padding:17px}.next-topic>div>span{font-size:14px}.next-topic strong{font-size:17px}.progress-values{font-size:74px}.progress-values svg{width:76px}.progress-values{margin-top:14px}.reroute-path{margin-top:13px}.approach-link{display:block;margin-top:25px}.approach-link>span{display:block;font-size:14px;line-height:1.8}.approach-link .dark-link{margin-top:13px}.together{padding-top:0;padding-bottom:78px}.together-grid,html[lang=en] .together-grid{display:block}.together-copy>.section-intro{max-width:440px;font-size:16px;margin-top:18px}.role-tabs{max-width:none;margin-top:24px;gap:35px}.role-tabs button{font-size:16px;padding-block:14px}.role-benefits{min-height:135px;margin-top:24px}.role-benefits p{font-size:15px;gap:14px;margin-bottom:14px}.role-benefits p>span:first-child{font-size:12px}.together-link{margin-top:2px}.product-scene{padding:48px 8px 0;margin-top:13px}.product-window{transform:rotate(-1.4deg)}.window-chrome{padding:17px 20px}.mini-brand{font-size:15px}.illustration-label{font-size:12px}.mock-panel{padding:21px;min-height:417px}.mock-profile{gap:11px;margin-bottom:24px}.mock-profile .avatar{width:37px;height:37px}.mock-overline{font-size:13px}.mock-profile h3{font-size:16px}.mock-route{padding:17px}.mock-route h4{font-size:27px}.mock-route>p,.advice-card p,.teacher-note>p{font-size:14px}.route-time{font-size:13px}.mini-route-labels{font-size:12px}.mini-route span{font-size:12px;width:26px;height:26px}.scene-caption{font-size:13px;line-height:1.8;margin-top:27px;align-items:flex-start;padding-inline:5px}.ring-one{width:103%;height:84%}.ring-two{width:78%;height:92%}.class-summary{font-size:13px}.student-row{padding-block:14px}.student-row strong{font-size:15px}.student-row>div>span{font-size:13px}.student-row .student-score{font-size:20px}.teacher-note{padding:15px;margin-top:20px}.note-status{font-size:12px}.closing{padding:77px 20px 81px}.closing .eyebrow{font-size:12px;letter-spacing:.07em}.closing h2{font-size:43px;line-height:1.25;margin-top:23px}.closing h2>span,.closing h2 em{display:block}.closing-inner>p:not(.eyebrow){font-size:15px;margin-top:19px}.closing .button{margin-top:26px;min-width:230px}.closing-orbit{width:660px;height:340px;transform:translate(-50%,-50%) rotate(-34deg)}.orbit-b{width:610px;height:340px;transform:translate(-50%,-50%) rotate(40deg)}.closing-star{top:16%;left:6%;font-size:18px}.footer-inner{display:grid;grid-template-columns:1fr auto;gap:17px}.site-footer{padding-block:28px}.site-footer .brand{font-size:21px}.site-footer .brand svg{width:25px;height:25px}.site-footer p{grid-row:2;grid-column:1/-1;font-size:13px}.site-footer .footer-inner>a:last-child{grid-column:2;grid-row:1;font-size:13px;gap:10px}html[lang=en] .hero h1{font-size:clamp(55px,12.5vw,76px);line-height:1.07;margin-top:29px;margin-bottom:24px}html[lang=en] .hero-description{font-size:16px;line-height:1.8;max-width:345px}html[lang=en] .hero{min-height:960px;height:960px}html[lang=en] .hero-inner{min-height:960px}html[lang=en] .hero-copy{max-width:440px}html[lang=en] .hero-note{font-size:13px;max-width:320px}html[lang=en] .hero-actions{gap:22px}html[lang=en] .hero .button{gap:18px;padding-inline:17px;font-size:14px}html[lang=en] .text-link{font-size:14px;gap:12px}html[lang=en] .section-heading h2,html[lang=en] .together h2{font-size:39px;line-height:1.15}html[lang=en] .approach-card h3{font-size:29px;max-width:300px}html[lang=en] .card-description{font-size:16px;line-height:1.7}html[lang=en] .route-annotation strong{font-size:14px}html[lang=en] .closing h2{font-size:46px}html[lang=en] .closing h2 em{white-space:normal}html[lang=en] .mock-profile h3{font-size:15px}html[lang=en] .role-benefits p{font-size:15px}html[lang=en] .mock-overline{font-size:12px}}
@media(max-width:380px){.header-actions{gap:13px}.brand{font-size:21px}.brand svg{width:25px;height:25px}.locale-switch{gap:4px}.header-login{font-size:14px}.hero-actions{gap:19px}.hero-actions .text-link{gap:10px}.hero-actions .button{gap:16px;padding-inline:15px;font-size:14px}.hero-note{font-size:12px}.hero-coordinate{font-size:8px}.approach-card,html[lang=en] .approach-card{padding:24px 21px}.section-heading h2,.together h2{font-size:35px}.mock-panel{padding:18px}.mock-profile h3{font-size:15px}.mock-overline{font-size:12px}.route-time{font-size:12px}.product-scene{padding-inline:4px}.role-tabs{gap:27px}html[lang=en] .hero h1{font-size:53px}html[lang=en] .hero-actions{gap:19px}html[lang=en] .hero .button{gap:12px;padding-inline:13px}html[lang=en] .hero .text-link{gap:9px}html[lang=en] .section-heading h2,html[lang=en] .together h2{font-size:35px}html[lang=en] .mock-profile h3{font-size:14px}}
/* Scores, sample-data labels and guidance remain readable at every breakpoint. */
.card-description,html[lang=en] .card-description{font-size:16px}
.annotation-label,.annotation-time,html[lang=en] .annotation-time,.card-footnote,.same-score>span,.same-score small,.chart-legend,.bar-row b,.demo-pill,.next-topic>div>span,.illustration-label,.mock-overline,html[lang=en] .mock-overline,.route-time,.mock-route>p,.advice-card p,.teacher-note>p,.class-summary,.student-row>div>span,.scene-caption,.note-status,.mini-route-labels{font-size:14px}
.scene-caption{line-height:1.75}.mock-route>p,.advice-card p,.teacher-note>p{line-height:1.75}.mini-route-labels{gap:5px}.illustration-label{white-space:nowrap}
.together{overflow-x:clip}
/* Let text enlargement grow the layout instead of hiding the primary action. */
.hero,html[lang=en] .hero{height:auto}.hero-inner{height:auto;padding-bottom:120px}.hero h1,.section-heading h2,.together h2,.closing h2{overflow-wrap:anywhere}
.site-header{height:auto;min-height:100px;padding-block:20px;flex-wrap:wrap}.header-actions{margin-left:auto}
.main-nav,.role-tabs,.window-chrome,.mock-route-heading,.progress-values{flex-wrap:wrap}
.role-tabs button{max-width:100%;min-width:0}.role-tabs button>span:last-child{min-width:0}
.illustration-label{white-space:normal}.mock-profile>div:not(.avatar),.next-topic>div,.advice-card>div,.student-row>div:nth-child(2){min-width:0;overflow-wrap:anywhere}
.student-score{flex-shrink:0}.scene-caption{overflow-wrap:anywhere}
@media(max-width:1150px){.site-header{min-height:88px}}
@media(max-width:900px){.site-header{min-height:83px}}
@media(max-width:680px){.site-header{min-height:77px;padding-block:15px}.hero-inner{padding-bottom:480px}.role-tabs{row-gap:0}.footer-inner{display:flex;flex-wrap:wrap}.site-footer p{flex-basis:100%;order:3}.site-footer .footer-inner>a:last-child{margin-left:auto}.window-chrome{gap:12px}.progress-values{gap:8px}.progress-values svg{flex-shrink:1}}
@media(max-width:900px) and (min-width:681px){.together-grid,html[lang=en] .together-grid{grid-template-columns:1fr;gap:16px}.together-copy{max-width:530px}.together-copy>.section-intro{max-width:470px}.product-scene{max-width:530px;margin:15px auto 0;width:100%;padding-inline:25px}.mock-panel{min-height:415px;padding:24px}.mock-profile h3{font-size:17px}.mock-profile .avatar{height:39px;width:39px}.mock-route{padding:18px}.mock-route h4{font-size:28px}.scene-caption{font-size:14px}.role-benefits p{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-art{transform:none!important;will-change:auto}}

.mini-route-labels{display:grid;grid-template-columns:repeat(auto-fit,minmax(3em,1fr))}
html[lang=en] .closing h2 em{display:block}

/* A route is a sequence of decisions; research sits beside the product claims. */
.route-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:0 0 34px;padding:0;border:1px solid #d5ddd1;border-radius:14px;overflow:hidden;background:#eef1e7}
.route-steps li{display:flex;align-items:center;gap:11px;padding:18px 20px;font-size:14px;font-weight:600;line-height:1.5;min-width:0}
.route-steps li+li{border-left:1px solid #d5ddd1}
.route-step-dot{flex:0 0 29px;display:grid;place-items:center;width:29px;height:29px;border:1px solid #b2bea7;border-radius:50%;font-size:11px;font-weight:500;color:#55634d}
.route-steps li:last-child .route-step-dot{background:#cee982;border-color:#cee982;font-size:19px}
.learning-science{background:#0c2025;color:#f3f5ec;padding-block:67px}
.science-heading{display:flex;align-items:center;gap:20px}
.science-mark{font-size:46px;line-height:1;color:#c9ed7d}
.science-heading h2{font-size:clamp(25px,2.4vw,35px);font-weight:500;letter-spacing:-.035em;line-height:1.2;margin:0}
.science-heading p{margin:9px 0 0;color:#c3cecb;font-size:15px;line-height:1.65}
.science-principles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:35px;border-block:1px solid #314347}
.science-principles article{padding:28px 25px;min-width:0}
.science-principles article:first-child{padding-left:0}
.science-principles article:last-child{padding-right:0}
.science-principles article+article{border-left:1px solid #314347}
.science-number{color:#b7d889;font-size:12px;letter-spacing:.1em}
.science-principles h3{font-size:19px;font-weight:500;line-height:1.4;letter-spacing:-.015em;margin:17px 0 9px}
.science-principles p{font-size:15px;line-height:1.75;color:#c3cecb;margin:0}
.science-sources{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:start;margin-top:24px}
.science-sources>div{display:flex;flex-wrap:wrap;gap:8px 23px}
.science-sources a{color:#d3ebaa;font-size:13px;line-height:1.8;text-decoration:underline;text-underline-offset:4px}
.science-sources a:hover{color:#fff}
.science-sources p{color:#c3cecb;font-size:12px;line-height:1.8;margin:0}
.learning-science+.together{padding-top:100px}
@media(max-width:900px){.route-steps li{padding:15px 12px;gap:8px}.science-principles{grid-template-columns:repeat(2,minmax(0,1fr))}.science-principles article{padding:24px}.science-principles article:nth-child(3){padding-left:0;border-left:0;border-top:1px solid #314347}.science-principles article:nth-child(4){border-top:1px solid #314347}.science-sources{grid-template-columns:1fr;gap:15px}.learning-science+.together{padding-top:80px}}
@media(max-width:680px){.route-steps{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:25px}.route-steps li{padding:15px 13px;font-size:13px}.route-steps li:nth-child(3){border-left:0}.route-steps li:nth-child(n+3){border-top:1px solid #d5ddd1}.route-step-dot{flex-basis:25px;width:25px;height:25px;font-size:10px}.learning-science{padding-block:47px}.science-heading{gap:15px;align-items:flex-start}.science-mark{font-size:34px}.science-heading h2{font-size:28px}.science-heading p{font-size:14px}.science-principles{margin-top:27px}.science-principles article,.science-principles article:nth-child(4){padding:22px 15px}.science-principles h3{font-size:18px}.science-principles p{font-size:14px}.science-sources a{font-size:13px}.science-sources p{font-size:12px}.learning-science+.together{padding-top:72px}}

.problem-frame{display:flex;align-items:flex-start;gap:28px;padding-top:68px}.problem-mark{font-size:39px;color:#6a8455;line-height:1}.problem-frame h2{font-size:clamp(23px,2.5vw,32px);line-height:1.35;letter-spacing:-.035em;max-width:820px}.problem-frame p{font-size:16px;color:#65736b;line-height:1.85;max-width:930px;margin-top:13px}.problem-frame+.approach{padding-top:75px}.priority-method{padding-bottom:70px}.priority-method h2{font-size:clamp(28px,3vw,40px);line-height:1.25;letter-spacing:-.04em;margin-top:16px}.priority-formula{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:20px;background:#10282d;color:#d8e5df;border-radius:7px;padding:28px 20px;margin-top:26px;font-size:clamp(17px,2vw,25px);line-height:1.5}.priority-formula strong{color:#d4f68b;font-weight:500}.priority-definitions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:24px}.priority-definitions p{font-size:14px;color:#52685c;line-height:1.9}.priority-rules,.priority-note{font-size:13px;color:#6a786d;line-height:1.9;margin-top:21px}.priority-example{display:grid;grid-template-columns:1.2fr 1fr 1fr;align-items:center;gap:24px;padding:23px 26px;background:#e9eedf;border:1px solid #d4dec7;border-radius:6px;margin-top:24px}.priority-example h3{font-size:19px;line-height:1.5;letter-spacing:-.02em}.priority-example>div>span{display:block;font-size:12px;color:#65795f}.priority-example>div>strong{display:block;font-size:19px;font-weight:500;color:#315436;margin-top:5px;font-variant-numeric:tabular-nums}.footer-pricing{font-size:13px;white-space:nowrap}.footer-pricing:hover{color:#4b6d3e}
@media(max-width:900px){.priority-example{grid-template-columns:1fr 1fr}.priority-example h3{grid-column:1/-1}.site-footer .footer-inner{gap:20px}}
@media(max-width:680px){.problem-frame{padding-top:45px;gap:16px}.problem-mark{font-size:28px}.problem-frame h2{font-size:25px}.problem-frame p{font-size:15px}.problem-frame+.approach{padding-top:58px}.priority-method{padding-bottom:49px}.priority-method .eyebrow{font-size:11px;letter-spacing:.04em}.priority-method h2{font-size:29px}.priority-formula{gap:8px;padding:22px 13px;font-size:16px}.priority-formula>span:first-child{flex-basis:100%;text-align:center}.priority-definitions{grid-template-columns:1fr;gap:13px;margin-top:20px}.priority-definitions p{font-size:14px}.priority-example{padding:19px;gap:17px}.priority-example h3{font-size:18px}.priority-example>div>strong{font-size:16px}.priority-example>div>span{font-size:11px}.priority-note,.priority-rules{font-size:12px}.site-footer .footer-pricing{order:2}.site-footer .footer-inner>a:last-child{order:2}.site-footer p{order:3}}

.hero-actions{flex-wrap:wrap}