/* Readable type scale shared by desktop, mobile, and the interactive preview. */
body{font-size:16px;font-weight:500}
.announcement{font-size:11px;font-weight:700;letter-spacing:1.35px}
.header nav,.nav-trigger{font-size:15px;font-weight:650}
.header nav{gap:26px}
.dropdown-panel{width:220px}
.region{font-size:12px;font-weight:600}
.button{font-size:15px;font-weight:700;min-height:54px}
.button-small{font-size:14px;min-height:43px}
.secondary-link{font-size:14px;font-weight:600}
.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.5px}
.section-number{font-size:10px;font-weight:650}
.hero h1{font-size:clamp(74px,7.1vw,114px);font-weight:700;line-height:1.02}
.hero-copy>p{font-size:18px;font-weight:500;line-height:1.75;color:#b0b9c7}
.hero-buttons{flex-wrap:wrap;gap:22px}
.hero-assurances{font-size:12px;font-weight:550;color:#8e9db2;flex-wrap:wrap;gap:14px 22px}
.hero-assurances svg{width:16px;height:16px}
.scroll-cue{font-size:10px;font-weight:650}
.hero-coordinate{font-size:9px;font-weight:600}
.product-caption{font-size:10px;font-weight:650;letter-spacing:1px}
.product-caption small{font-size:12px;font-weight:500;line-height:1.5}
.caption-index,.product-note{font-size:9px;font-weight:600}
.collection-strip .eyebrow{font-size:10px}
.collection-strip h2{font-size:17px;font-weight:600;line-height:1.4}
.collection-types{font-size:21px;font-weight:650}
h2{font-size:clamp(40px,4vw,62px);font-weight:600;line-height:1.13}
h3{font-weight:650}
.section-heading>p,.standards-intro p{font-size:16px;font-weight:500;line-height:1.75;color:#a0aec2}
.section-heading>p{max-width:390px}
.stage-top>span{font-size:10px;font-weight:650;letter-spacing:1px}
.segmented button{font-size:12px;font-weight:650;padding:9px 16px}
.stage-footer{font-size:9px;font-weight:600;letter-spacing:.8px;gap:15px}
.report-detail-top .eyebrow{font-size:10px}
.report-detail-top h3{font-size:29px;font-weight:650}
.grade-row b{font-size:16px;font-weight:650}
.grade-row small{font-size:12px;font-weight:500;line-height:1.5;color:#97a5ba}
.grade-row strong{font-size:28px;font-weight:600}
.analysis-description p{font-size:13px;font-weight:500;line-height:1.7;color:#9baec8}
.overall>span{font-size:11px;font-weight:650;letter-spacing:.6px}
.overall small{font-size:11px;font-weight:500;line-height:1.5}
.overall>strong{font-size:49px;font-weight:600;flex-shrink:0;margin-left:15px}
.overall strong span{font-size:13px}
.advantage .eyebrow{font-size:10px}
.advantage h3,.advantage:not(.feature-large) h3{font-size:27px;font-weight:650;line-height:1.2}
.feature-large h3{font-size:30px;white-space:normal}
.advantage p{font-size:15px;font-weight:500;line-height:1.7;color:#9daac0;max-width:300px}
.feature-large{padding-right:185px;min-height:405px;padding-bottom:65px}
.feature-large p{max-width:260px}
.concept-tag{font-size:9px;font-weight:600;letter-spacing:.6px}
.slab-callout{font-size:9px;letter-spacing:.4px}
.visual-grades span{font-size:10px;font-weight:650;letter-spacing:.8px}
.visual-grades b{font-size:35px;font-weight:600}
.chapter-progress{font-size:10px;font-weight:650;letter-spacing:.8px}
.has-horizontal .advantage{flex-basis:clamp(430px,46vw,620px);width:clamp(430px,46vw,620px);min-height:405px}
.has-horizontal .feature-large{padding-right:185px}
.scale-tabs b{font-size:46px;font-weight:600}
.scale-tabs span{font-size:10px;font-weight:650;letter-spacing:.6px;line-height:1.5}
.scale-description>span{font-size:11px;font-weight:650;min-width:110px}
.scale-description p{font-size:15px;font-weight:500;line-height:1.7}
.scale-description small{font-size:11px;max-width:170px;line-height:1.5}
.pricing-controls .segmented button{font-size:14px;font-weight:650}
.pricing-controls>span{font-size:10px;font-weight:600;letter-spacing:.6px}
.tier-number{font-size:12px;font-weight:650}
.price-card h3{font-size:30px;font-weight:650}
.price-card>p,.price-card li{font-size:15px;font-weight:500;line-height:1.65}
.price-card>p{min-height:48px}
.price>b{font-size:70px;font-weight:600}
.price>span{font-size:14px;font-weight:500}
.turnaround{font-size:14px;padding:14px;gap:8px;flex-wrap:wrap}
.turnaround>b{font-weight:650}
.turnaround>small{font-size:10px;max-width:none;line-height:1.5;width:100%;padding-left:28px}
.price-card .button{font-size:14px;gap:10px;padding:0 17px}
.popular-label{font-size:10px;font-weight:650;letter-spacing:1px;height:30px;line-height:30px;top:-30px}
.pricing-note{font-size:12px;font-weight:500;line-height:1.75;color:#8999b0}
.step-number{font-size:47px;font-weight:600}
.steps h3{font-size:27px;font-weight:650}
.steps p{font-size:15px;font-weight:500;line-height:1.75;max-width:300px;color:#9caac0}
.faq-section>div>p{font-size:16px;font-weight:500}
.faqs summary{font-size:16px;font-weight:650;line-height:1.5}
.faqs details>p{font-size:15px;font-weight:500;line-height:1.75;color:#9baac0}
.closing .eyebrow{font-size:11px}
.closing h2{font-size:clamp(46px,5vw,74px);font-weight:650}
.footer-brand>p,.footer-signup>p{font-size:15px;font-weight:500;line-height:1.7}
.footer-brand .region{font-size:10px}
.footer-top h4{font-size:11px;font-weight:700;letter-spacing:1.2px}
.footer-top>div>a:not(.brand),.footer-top>div>button{font-size:14px;font-weight:550;line-height:1.5}
.footer-signup input{font-size:14px;font-weight:500}
.footer-signup small{font-size:11px;font-weight:500}
.footer-bottom{font-size:11px;font-weight:500;line-height:1.5;gap:20px}
.footer-bottom>span:last-child{letter-spacing:.5px}
.dialog-heading{font-size:44px;font-weight:650}
.dialog-intro{font-size:15px;font-weight:500;line-height:1.7}
.dialog-form label{font-size:14px;font-weight:600}
.dialog-form input,.dialog-form select{font-size:16px;font-weight:500}
.dialog-note{font-size:12px;line-height:1.7}
.certificate,.feedback{font-size:15px}
@media(min-width:1600px){.has-horizontal .why-sticky{padding-left:calc((100vw - 1440px)/2);padding-right:calc((100vw - 1440px)/2)}}
@media(max-width:1100px){
  .hero h1{font-size:clamp(68px,7.6vw,88px)}
  .hero-buttons .button{font-size:14px}
  .hero-copy .desktop-break{display:none}
  .section-heading{gap:25px}
  .section-heading>p{max-width:320px}
  .report-details{padding:30px 24px}
  .grade-row{gap:10px;padding:17px 8px}
  .grade-row>i{margin-left:3px}
  .overall{align-items:start}
  .scale-tabs button{flex-direction:column;align-items:start;gap:8px}
  .price-card{padding:29px 22px}
  .price-card li{font-size:14px}
  .footer-top{grid-template-columns:1.15fr .9fr .9fr 1.15fr;gap:23px}
}
@media(min-width:801px) and (max-width:980px){
  .header nav{display:none;position:absolute;top:93px;left:0;right:0;background:#0c1421;border-bottom:1px solid #324966;padding:22px 5.25%;align-items:start;gap:22px;flex-direction:column}
  .header nav.open{display:flex}
  .menu-toggle{display:block}
  .dropdown-panel{position:static;margin-top:5px}
  .advantage-grid{grid-template-columns:1fr 1fr}
  .feature-large{grid-column:1/-1}
}
@media(max-width:800px){
  .announcement{font-size:9px;letter-spacing:1px;min-height:35px;height:auto;padding:6px 14px;flex-wrap:wrap;gap:6px 10px;line-height:1.5}
  .announcement .star,.announcement-divider{display:none}
  .header nav,.nav-trigger{font-size:16px}
  .hero h1{font-size:clamp(70px,10vw,86px)}
  .hero .eyebrow{font-size:10px;letter-spacing:1.1px}
  .hero-copy>p{font-size:17px}
  .hero-buttons{gap:18px}
  .hero-buttons .button{font-size:14px}
  .hero-assurances{font-size:11px;gap:12px 18px}
  .secondary-link{font-size:13px;gap:10px}
  h2{font-size:clamp(40px,6.5vw,52px)}
  .section-heading>p{max-width:none}
  .section-heading>p,.standards-intro p{font-size:15px}
  .collection-types{font-size:19px}
  .report-detail-top h3{font-size:29px}
  .stage-footer{font-size:8px}
  .feature-large{padding-right:220px}
  .feature-large h3{font-size:30px}
  .feature-large p{max-width:300px}
  .advantage h3,.advantage:not(.feature-large) h3{font-size:27px}
  .scale-tabs span{font-size:9px;letter-spacing:0;line-height:1.5}
  .scale-tabs b{font-size:40px}
  .scale-description{gap:16px}
  .scale-description p{font-size:14px}
  .scale-description small{max-width:none}
  .steps{gap:24px}
  .steps h3{font-size:25px}
  .steps p{font-size:14px}
  .footer-top{grid-template-columns:1fr 1fr;gap:36px}
  .footer-bottom{font-size:10px}
}
@media(max-width:450px){
  .nav-actions{gap:12px}
  .nav-actions .button{font-size:12px;min-height:40px;padding:0 12px}
  .hero h1{font-size:72px}
  .hero-buttons .button{font-size:14px;min-height:52px;padding:0 18px}
  .hero-assurances{font-size:10px}
  .hero-assurances svg{width:14px;height:14px}
  .collection-types{font-size:18px}
  .product-caption{font-size:9px;gap:9px;left:0;right:0}
  .product-caption small{font-size:11px}
  .feature-large{padding-right:24px;padding-bottom:275px}
  .feature-large h3{font-size:29px}
  .feature-large p{max-width:none}
  .feature-large .slab-visual{right:10px;bottom:24px;width:185px;height:230px}
  .concept-tag{left:22px;max-width:125px;line-height:1.7}
  .scale-tabs{gap:6px}
  .scale-tabs button{padding:12px 7px}
  .scale-tabs b{font-size:34px}
  .scale-tabs span{font-size:8px;overflow-wrap:anywhere}
  .scale-description>span{font-size:10px;min-width:85px}
  .stage-top{left:16px;right:16px}
  .stage-top>span{font-size:9px;letter-spacing:.5px}
  .stage-footer{left:16px;right:16px;font-size:7px;letter-spacing:.3px;gap:10px}
  .report-details{padding:27px 20px}
  .grade-row small{font-size:12px}
  .overall>span{font-size:10px}
  .overall small{font-size:10px}
  .overall>strong{font-size:44px}
  .steps h3{font-size:26px}
  .steps p{font-size:15px}
  .closing .eyebrow{font-size:10px;line-height:1.7}
  .footer-bottom{font-size:11px}
}