/* Compact course layout, with a stronger instructor-led introduction. */
.hero{padding-block:36px 30px;gap:4%}.hero h1{font-size:clamp(42px,4.4vw,65px);line-height:1.05;letter-spacing:-3px;margin-bottom:18px}.hero .eyebrow{margin-bottom:18px;font-size:9px}.hero-description{margin-bottom:20px;font-size:14px;line-height:1.65;max-width:520px}.hero-actions{margin-bottom:20px}.instructor{margin-top:20px}.road-scene{min-height:510px}.earning-goal{margin:22px 0 0;display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px 16px;max-width:470px;padding:14px 0;border-block:1px solid var(--line)}.goal-label{font-size:8px;letter-spacing:1.2px;font-weight:700;line-height:1.6;max-width:180px}.earning-goal>strong{font-size:31px;letter-spacing:-1.2px;line-height:1.1}.earning-goal strong>span{font-size:11px;font-weight:400;letter-spacing:0}.earning-goal>p{grid-column:1/-1;font-size:9px;color:var(--muted);margin:0;line-height:1.5}.availability{padding-block:18px;gap:15px;grid-template-columns:1fr auto}.availability>div:first-child{font-size:12px}.availability>.text-link{font-size:10px;white-space:nowrap}.section{padding-block:48px}.section-heading{margin-bottom:26px;gap:7%}.section-heading .eyebrow{margin-bottom:14px}.section h2{font-size:clamp(30px,3vw,42px)}.modules{gap:0 35px}.module{padding-block:23px 15px;gap:18px}.module h3{font-size:22px;margin-block:8px 10px}.module p{margin-bottom:8px}.audience{padding-block:45px;gap:10%}.audience h2{margin-bottom:20px}.audience-list>div{padding:19px 0}.details{gap:10%}.detail-copy dl{margin-block:20px}.detail-copy dl>div{padding-block:13px}.enroll-card{padding:30px}.enroll-card h3{font-size:31px;margin-bottom:15px}.big-price{font-size:56px;margin-block:17px}.enroll-card .button{margin-top:15px}.faq{padding-block:40px 25px;gap:6%}.faq details{padding-block:16px}.terms{padding-block:12px 28px}.terms .eyebrow{margin-bottom:10px}.terms p:last-child{margin-bottom:0}.closing{padding-block:38px 42px}.closing .eyebrow{margin-bottom:15px}.closing h2{font-size:50px;margin-bottom:24px}.flow{padding-top:25px}.flow .steps{margin-bottom:35px}.flow-heading{margin-bottom:28px}.flow-heading h1{font-size:clamp(35px,4vw,54px)}.flow-heading .eyebrow{margin-bottom:15px}.flow-heading h1+p{margin-bottom:0}
@media(max-width:1050px){.hero h1{font-size:50px;letter-spacing:-2.3px}.road-scene{min-height:490px}.earning-goal>strong{font-size:28px}.goal-label{font-size:7px}.hero-actions{gap:12px}.hero-price strong{font-size:20px}.hero .button{font-size:12px;padding:16px;gap:14px}}
@media(max-width:760px){.hero{padding-top:28px;gap:25px}.hero h1{font-size:clamp(39px,8.4vw,60px);letter-spacing:-2px}.hero-description{font-size:12px}.hero .eyebrow{font-size:7px;letter-spacing:1.2px}.hero-actions .button{padding:16px 20px}.road-scene{min-height:390px;max-width:480px}.truck{top:55px}.scene-caption strong{font-size:26px}.scene-caption{bottom:22px}.route-stop.last{top:225px}.earning-goal{max-width:100%}.earning-goal>strong{font-size:30px}.goal-label{font-size:8px}.availability{grid-template-columns:1fr;padding-block:17px;gap:12px}.availability>div:first-child{font-size:10px}.availability>.text-link{justify-self:start;font-size:9px}.section{padding-block:35px}.section-heading{gap:17px;margin-bottom:22px}.section-heading h2,.section h2{font-size:30px}.section-heading .eyebrow{margin-bottom:10px}.module{padding-block:20px 14px}.audience{padding-block:35px;gap:22px}.audience-list>div{padding-block:17px}.details{gap:25px}.faq{padding-top:30px;padding-bottom:15px}.terms{padding-top:12px;padding-bottom:24px}.closing{padding-block:32px}.closing h2{font-size:43px}.flow{padding-top:22px}.flow .steps{margin-bottom:28px}.flow-heading h1{font-size:35px}.flow-heading{margin-bottom:25px}}