:root{--paper:#10171d;--white:#f5f6f7;--ink:#f5f6f7;--muted:#a8b1b9;--rule:#344049;--accent:#d4b98a;--tint:#202b34;--dark:#16212a;--on-dark:#f5f6f7;--serif:'Public Sans',Arial,sans-serif;--sans:'Public Sans',Arial,sans-serif;--max:1440px;--gutter:clamp(24px,5vw,80px)}
body{background:#10171d;color:#f5f6f7}h1,h2,h3{font-weight:600}h2{letter-spacing:-.055em;font-size:clamp(38px,4.5vw,64px);line-height:1.05}h3{letter-spacing:-.035em}em{font-style:normal}.header{border-bottom:1px solid #29333b;background:#10171d}.header .masthead{min-height:86px;gap:30px}.brand img{width:172px;height:auto}.brand-description{display:none}.header nav{font-size:13px;gap:35px}.header-contact{border:1px solid #56616a;border-radius:3px;padding:10px 17px;margin-left:24px;font-size:12px}.hero-top{border:0;padding-top:42px;color:#adb6bf;font-size:12px}.hero-top p:last-child{font-size:11px;color:#81909d}.hero-layout{display:block;padding:43px 0 56px}.hero-copy{display:grid;grid-template-columns:1.5fr 1fr;gap:80px;align-items:end}.hero h1{font-size:clamp(57px,6.3vw,91px);font-weight:600;line-height:1.01;letter-spacing:-.065em;max-width:none}.hero h1 em{color:#9daab4}.hero .lead{font-size:16px;line-height:1.7;margin:0;max-width:42ch;color:#bac2c9}.hero-support{padding-bottom:3px}.actions{margin-top:25px;gap:20px}.button{background:#f2f4f5;color:#14212b;border-color:#f2f4f5;border-radius:3px;font-size:13px;font-weight:600;gap:24px;padding:14px 19px}.button:hover{background:#d4b98a;color:#10171d;border-color:#d4b98a}.text-link{font-size:13px}.development{font-size:11px;color:#8f9aa4;margin-top:20px}.product-stage{border:1px solid #3b454e;border-radius:7px;background:#16212a;overflow:hidden}.product-top{display:flex;gap:36px;align-items:center;min-height:68px;padding:0 32px;border-bottom:1px solid #34404a}.product-top img{width:118px;height:auto}.product-top p{font-size:12px;color:#adb7c0}.product-top p span{margin:0 10px;color:#61717f}.product-top>span{margin-left:auto;font-size:11px;color:#a9b2b9}.product-body{display:grid;grid-template-columns:1fr 1.25fr;gap:0}.portfolio{padding:41px 40px;border-right:1px solid #34404a}.product-label{font-size:13px;color:#c0c8cf}.portfolio-score{font:400 106px/1.1 var(--sans);letter-spacing:-.075em;margin:16px 0 14px;color:#d4b98a}.portfolio-score>span{font:400 22px var(--sans);letter-spacing:-.03em;color:#82909b;margin-left:15px}.portfolio-description{font-size:13px;line-height:1.7;color:#a8b4bf}.portfolio-metrics{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:28px 0;margin-top:14px;border-bottom:1px solid #34404a}.portfolio-metrics span{display:block;font-size:11px;color:#a8b4bf}.portfolio-metrics strong{display:block;font-weight:400;font-size:31px;letter-spacing:-.04em;margin-top:8px}.portfolio-note{display:flex;gap:24px;align-items:center;margin-top:23px}.portfolio-note>span{font-size:30px;color:#d4b98a;letter-spacing:-.05em}.portfolio-note p{font-size:11px;color:#b0bdc7;max-width:35ch}.league{border-top:0;margin:0;padding:30px 38px}.figure-heading{padding:0 0 14px;gap:0}.figure-heading h2{font-size:24px;line-height:1.17;letter-spacing:-.04em}.figure-heading h2 br{display:none}.figure-heading p{display:none}.ranking th{font-size:11px}.ranking td{font-size:13px;padding-block:11px}.ranking th small{color:#93a1ad}.ranking .selected{background:#26343f}.ranking .selected td:nth-child(2){color:#e4c99b}.ranking .last td{border-bottom-color:#58636a;padding-top:20px}.annotation{font-size:11px;color:#d4b98a;padding-top:18px}.league figcaption{color:#92a0ac;font-size:10px;line-height:1.6;margin-top:16px}.hero-foot{border:0;padding:20px 0 48px;color:#8696a3;font-size:11px}.hero-foot a{color:#c1cad1}.chapter{padding-top:100px;padding-bottom:100px}.chapter-label{margin-bottom:42px;font-size:12px}.chapter-label>span{color:#ac9572}.chapter-label>p{color:#84929d}.intro-split{grid-template-columns:1.4fr 1fr;gap:100px}.intro-split>p{font-size:16px;color:#aab5be}.lab-columns{gap:50px;margin-top:66px}.lab-columns article{border-top:1px solid #47535d;padding-top:27px}.index{font:400 13px var(--sans);margin-bottom:42px;color:#d4b98a}.lab-columns h3{font-size:26px;font-weight:600;margin-bottom:18px}.lab-columns p{color:#acb7c0;font-size:14px;min-height:115px}.lab-columns .text-link{color:#e0e5e8}.quality{margin-top:70px;border-top-color:#34414c;padding-top:35px;grid-template-columns:1fr 1.5fr;gap:80px}.quality h3{font-size:27px}.quality p{color:#aeb9c2}.quality p.small{color:#8394a2}.score-section{background:#f0f2f3;color:#17232d;padding:100px 0;--muted:#55626b;--rule:#cdd3d7;--accent:#7a5f38;--ink:#17232d}.score-layout{grid-template-columns:1fr 1fr;gap:110px}.score-copy h2{font-size:58px;letter-spacing:-.06em}.score-copy .lead{font:400 21px/1.5 var(--sans);color:#596771}.score-copy>p:not(.lead){font-size:15px;color:#596771}.score-copy .text-link{font-size:13px;color:#17232d}.score-copy .score-note{border-left:0;padding:20px 0 0;border-top:1px solid #c6cdd2;max-width:45ch;font-size:12px}.company-sheet{border:1px solid #d4dadd;border-radius:6px;padding:31px 34px;background:#fff;color:#17232d}.sheet-heading{border-bottom:1px solid #d8dee2;padding-bottom:17px;margin-bottom:24px;color:#5b6771}.sheet-heading span{font-family:var(--sans);font-size:12px}.company-sheet h3{font-size:29px}.overall{margin-top:25px;padding-top:22px}.overall strong{font:400 83px/1.1 var(--sans);letter-spacing:-.075em;color:#8d6e40}.overall strong span{font-size:15px}.overall b{font-size:12px}.attributes th,.attributes td{font-size:13px;padding-block:11px}.reading p{color:#53616a}.reading h4{font-size:13px}.company-sheet figcaption{font-size:11px;color:#627079}.replay-intro{grid-template-columns:1.4fr 1fr}.replay-intro h2{font-size:clamp(38px,4.2vw,59px)}.replay-intro h2 em{color:#98a6b1}.replay-intro>p{color:#aab7c1;font-size:15px}.replay-layout{margin-top:62px;gap:70px;grid-template-columns:1.8fr 1fr}.replay-figure{border-top:1px solid #50616e;padding-top:25px}.chart-heading h3{font-size:20px}.chart-heading p{font-size:12px}.chart .line{stroke:#d4b98a}.chart .band{fill:#26313a}.chart .mk circle{fill:#16212a;stroke:#d4b98a}.chart .mk text{fill:#cbd3d9}.chart .band-l{fill:#99a9b5}.chart .axis text{fill:#9eacb7}.diagnosis{padding-left:30px}.diagnosis h3{font-size:27px;font-weight:400;line-height:1.25}.diagnosis>p:not(.aside-label){font-size:14px;color:#aab6c0}.diagnosis dd{font-family:var(--sans);font-size:21px}.teachers{background:#e6e9eb;color:#17232d;padding:100px 0;--ink:#17232d;--rule:#c3cbd1;--muted:#5c6972}.teachers .chapter-label>span,.teachers .chapter-label p{color:#626e77}.teacher-intro{grid-template-columns:1.4fr 1fr;gap:90px}.teacher-intro h2{font-size:62px;line-height:1.03;letter-spacing:-.065em}.teacher-intro h2 em{color:#798793}.teacher-intro .lead{font-size:21px}.teacher-intro p:not(.lead){color:#566571;font-size:15px}.teacher-intro .button{background:#17232d;color:#f6f7f8;border-color:#17232d}.teacher-intro .button:hover{background:#344957}.teacher-intro p.small{font-size:12px;color:#63717b}.teacher-bottom{grid-template-columns:1fr 1.7fr;gap:75px;margin-top:75px}.teacher-steps li{border-color:#bbc5cc;padding:24px 0}.teacher-steps li>span{font:400 12px var(--sans);color:#6c7c87;padding-top:4px}.teacher-steps h3{font-size:22px}.teacher-steps p{color:#5c6a74;font-size:13px}.teacher-report{background:#f8fafb;color:#192731;padding:30px;border:1px solid #c5cdd3;border-radius:5px}.report-title h3{font-size:24px}.attention{background:#e6ebef}.teacher-observation{border-color:#8d6e40}.teacher-report figcaption{font-size:11px;color:#65717a}.research .chapter-label{margin-bottom:50px}.research-layout{grid-template-columns:1.2fr 1fr;gap:110px}.research-layout h2{font-size:55px}.research-layout .lead{font:400 21px/1.5 var(--sans);color:#c3ccd4}.research-layout p:not(.lead){color:#a6b3bd}.research-layout p.small{font-size:12px}.research-questions h3{font-size:23px}.research-questions li>span{font:400 12px var(--sans);top:26px;color:#c3ad8c}.research-questions p{font-size:14px}.principles{border-color:#465662;margin-top:75px;padding-top:35px}.principles h3{font-size:23px}.principles p{color:#aab8c1}.principles b{color:#e5eaed;font-weight:400}.faq-section{padding-top:20px;padding-bottom:100px}.faq-section h2{font-size:40px}.faq summary{font-size:15px;padding-block:23px}.faq details p{color:#aebcc7}.contact{background:#202e39;padding:80px 0}.contact h2{font-size:49px}.contact-layout>div>p:first-child{color:#b9c5ce}.contact .email{color:#e1c698;border-color:#887557;font-size:23px}.contact p.small{color:#aab7c1}.footer{padding-top:40px;padding-bottom:28px}.footer-top p{font:400 12px var(--sans);color:#91a2b0}.legal{font-size:11px;color:#8193a1}.footer-bottom{color:#9baab5}.footer-top>a:last-child{color:#b5c1c9}.teachers :focus-visible{outline-color:#17232d}.score-section :focus-visible{outline-color:#7a5f38}.tip{background:#e4e9ed;color:#14212a}
@media(max-width:1100px){.hero-copy{gap:40px;grid-template-columns:1.3fr 1fr}.hero h1{font-size:65px}.hero .lead{font-size:14px}.actions{gap:15px}.hero .text-link{font-size:12px}.portfolio{padding:32px}.league{padding:28px}.score-layout{gap:60px}.score-copy h2{font-size:49px}.teacher-intro h2{font-size:52px}.teacher-intro{gap:50px}.teacher-bottom{gap:40px}.research-layout{gap:65px}.research-layout h2{font-size:47px}}
@media(max-width:760px){.header .masthead{min-height:77px;gap:15px}.brand img{width:155px}.menu-toggle{color:#f3f5f6;border-color:#76848e}.header nav{gap:8px}.hero-top{padding-top:30px;font-size:11px}.hero-copy{display:block}.hero-layout{padding:25px 0 30px}.hero h1{font-size:clamp(47px,10vw,65px);line-height:1.04;letter-spacing:-.06em;max-width:none}.hero-support{margin-top:28px}.hero .lead{font-size:15px;max-width:43ch}.hero .actions{gap:21px}.development{font-size:11px;max-width:none}.product-top{padding:17px 20px;gap:20px;min-height:0}.product-top img{width:99px}.product-top p{font-size:10px;line-height:1.6}.product-top p span{margin-inline:3px}.product-top>span{display:none}.product-body{grid-template-columns:1fr}.portfolio{padding:26px 23px;border-right:0;border-bottom:1px solid #34404a}.portfolio-score{font-size:86px;margin:8px 0}.portfolio-description{font-size:12px}.portfolio-metrics{padding:17px 0;margin-top:8px}.portfolio-metrics strong{font-size:26px}.portfolio-note{margin-top:18px}.portfolio-note p{font-size:11px}.league{padding:27px 21px}.figure-heading h2{font-size:22px;max-width:20ch}.ranking th{font-size:10px}.ranking td{font-size:12px}.ranking .position{width:25px}.league figcaption{font-size:11px}.annotation{font-size:11px;gap:8px}.hero-foot{padding:19px 0 35px;font-size:10px}.hero-foot p{max-width:28ch}.chapter{padding-block:56px}.chapter-label{margin-bottom:30px}.intro-split{grid-template-columns:1fr;gap:25px}.intro-split>p{font-size:15px}.lab-columns{gap:30px;margin-top:38px}.lab-columns article{padding:23px 0 0 35px}.index{font-size:11px;top:29px}.lab-columns h3{font-size:24px}.lab-columns p{min-height:0;font-size:14px}.quality{grid-template-columns:1fr;gap:20px;margin-top:40px;padding-top:28px}.quality h3{font-size:25px}.score-section{padding:55px 0}.score-layout{grid-template-columns:1fr;gap:35px}.score-copy h2{font-size:42px}.score-copy .lead{font-size:20px}.score-copy>p:not(.lead){font-size:14px}.company-sheet{padding:25px}.company-sheet h3{font-size:26px}.overall strong{font-size:76px}.replay-intro{grid-template-columns:1fr;gap:25px}.replay-intro h2{font-size:38px}.replay-layout{grid-template-columns:1fr;gap:32px;margin-top:36px}.diagnosis{padding:27px 0 0}.diagnosis h3{font-size:27px}.teachers{padding:55px 0}.teacher-intro{grid-template-columns:1fr;gap:25px}.teacher-intro h2{font-size:43px}.teacher-intro .lead{font-size:20px}.teacher-intro p:not(.lead){font-size:14px}.teacher-bottom{grid-template-columns:1fr;gap:30px;margin-top:30px}.teacher-report{padding:24px 18px}.report-title h3{font-size:22px}.research-layout{grid-template-columns:1fr;gap:35px}.research-layout h2{font-size:40px}.research-layout .lead{font-size:20px}.principles{margin-top:35px;gap:22px}.faq-section{padding-top:10px;padding-bottom:55px}.faq-section h2{font-size:36px}.contact{padding:48px 0}.contact h2{font-size:39px}.contact .email{font-size:18px}.footer-top p{font-size:12px}.footer-top{gap:20px}.footer-top>a:last-child{font-size:11px}}
@media(max-width:360px){.hero h1{font-size:44px}.hero .actions{gap:18px}.portfolio{padding:23px 19px}.league{padding:25px 16px}.product-top{padding:16px}.product-top p{font-size:9px}.figure-heading h2{font-size:21px}.teacher-intro h2{font-size:38px}.company-sheet{padding:22px}.hero-foot{gap:9px}}
