.ot-newhero{padding-top:26px;padding-bottom:34px}.ot-newhero .hero__inner{align-items:center;gap:40px}
.ot-newhero .hero__content{max-width:770px}.ot-newhero .hero__title{font-size:clamp(30px,3.4vw,52px);line-height:1.12}
.ot-newhero__lead{font-size:18px;line-height:1.65;max-width:760px;margin:16px 0 24px}
.ot-newhero__facts{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}
.ot-newhero__facts>div{border:1px solid #dce7f0;background:#fff;border-radius:12px;padding:15px 19px;min-width:165px;flex:1}
.ot-newhero__facts small{display:block;color:#63768a;font-size:12px;margin-bottom:6px}
.ot-newhero__facts strong{display:block;font-size:16px;line-height:1.35}
.ot-newhero__visual{flex:0 0 32%;background:linear-gradient(155deg,#12587f,#103b61);color:#fff;border-radius:22px;padding:30px;box-shadow:0 18px 45px #12587f24}
.ot-newhero__mark{display:grid;place-items:center;width:65px;height:65px;border-radius:18px;background:#ffffff22;font-size:40px;margin-bottom:24px}
.ot-newhero__visual-title{font-size:24px;font-weight:750;line-height:1.2}
.ot-newhero__visual p{color:#e5f0f8;line-height:1.6}
.ot-newhero__visual-line{border-top:1px solid #ffffff35;padding:15px 0;display:flex;gap:12px;justify-content:space-between;font-size:14px}
.ot-newhero__visual-line strong{white-space:nowrap}.ot-newhero__visual-link{display:block;color:white;text-decoration:underline;margin-top:16px;font-weight:600}
.ot-sticky-nav{background:#fff;border-block:1px solid #e7edf2}.ot-sticky-nav .container{display:flex;overflow-x:auto;gap:28px;padding-block:16px}.ot-sticky-nav a{white-space:nowrap;font-size:14px;font-weight:700;color:#1f5775;text-decoration:none}
.ot-section{padding:64px 0}.ot-tint{background:#f5f8fb}.ot-heading{max-width:900px;margin-bottom:28px}
.ot-overline{display:block;font-size:12px;letter-spacing:.07em;font-weight:800;color:#17749c;margin-bottom:10px}
.ot-heading h2{font-size:clamp(27px,2.6vw,38px);line-height:1.22;margin-bottom:14px}.ot-heading p{font-size:17px;line-height:1.65;color:#43566b}
.ot-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.ot-four article,.ot-docs__card{background:white;border:1px solid #e2eaf0;border-radius:16px;padding:24px;box-shadow:0 7px 25px #23475f0a}
.ot-four h3,.ot-steps h3{font-size:19px;margin:10px 0}.ot-four p,.ot-steps p{font-size:15px;line-height:1.65;color:#43566b}
.ot-num,.ot-docs__icon{font-weight:800;color:#1b6c94;font-size:23px}.ot-note{border-left:4px solid #26769e;background:#e8f1f7;padding:23px 27px;border-radius:0 12px 12px 0;line-height:1.65}
.ot-other{margin-top:30px}.ot-other h3{font-size:23px}.ot-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}
.ot-links a{padding:12px 16px;border:1px solid #c9dce9;background:white;border-radius:10px;color:#205c7e;font-weight:650;text-decoration:none}
.ot-docs{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ot-docs__card h3{font-size:22px;margin:14px 0}
.ot-docs__card p{line-height:1.65;color:#43566b}.ot-docs__small,.ot-disclaimer{font-size:14px;color:#68788a}
.ot-docs__link{font-weight:800;color:#126b98;text-decoration:underline}
.ot-protocol{border:1px solid #dce3e9;background:#f9fbfd;padding:18px 16px;border-radius:12px}
.ot-protocol__head{text-align:center;font-weight:800;color:#203e53;margin-bottom:16px}
.ot-protocol__head small{display:block;font-weight:500}.ot-protocol__row{display:flex;gap:18px;border-top:1px solid #d8e2ea;padding:10px 0;justify-content:space-between;font-size:13px}
.ot-protocol__row span{color:#64778b}.ot-protocol__sample{font-size:11px;color:#738496}
.ot-disclaimer{margin-top:20px;line-height:1.6}.ot-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ot-steps>div{background:white;border:1px solid #e2eaf0;padding:22px;border-radius:14px}
.ot-steps b{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#dceaf3;color:#1d6187}
.ot-callout{display:flex;gap:25px;align-items:center;justify-content:space-between;background:#dceaf3;border-radius:18px;padding:30px;margin-top:30px}
.ot-callout h3{font-size:25px;margin:0 0 9px}.ot-callout p{line-height:1.6;margin:0}.ot-callout button{flex-shrink:0}
.ot-faq{display:grid;gap:12px}.ot-faq details,.ot-source details{border:1px solid #e1e8ef;background:#fff;border-radius:12px;padding:19px 22px}
.ot-faq summary,.ot-source summary{cursor:pointer;font-size:17px;font-weight:750;color:#1c405b}
.ot-faq p{line-height:1.7;color:#42576d;margin:16px 0 0}
.ot-reference{font-size:13px;line-height:1.7;color:#5e7286;margin-top:26px}
.ot-source{padding-top:12px}.ot-source__body{padding:20px 0;line-height:1.65;overflow-wrap:anywhere}
@media(max-width:900px){.ot-newhero .hero__inner{display:block}.ot-newhero__visual{margin-top:28px}.ot-four,.ot-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.ot-newhero__facts{display:block}.ot-newhero__facts>div{margin-bottom:9px}.ot-four,.ot-steps,.ot-docs{grid-template-columns:1fr}.ot-section{padding:38px 0}.ot-newhero__visual{padding:22px}.ot-callout{display:block;padding:24px}.ot-callout button{margin-top:18px;width:100%}.ot-steps h3{margin-bottom:7px}}

.ot-docs__preview{display:block;text-align:center;margin:14px 0}.ot-docs__preview img{max-width:100%;height:auto;border-radius:10px}.ot-protocol+.ot-docs__link{display:block;margin-top:17px}

/* Corporate discounts block: occupational safety programs only */
.otc-course + .corporate{margin-top:40px}
@media(max-width:640px){.otc-course + .corporate{margin-top:26px}}

/* Discount details in the OT-only corporate banner */
.corporate .ot-corporate__rules{align-self:flex-start;max-width:710px;color:#deebf9;font-size:13px;line-height:1.65;margin:3px 0 0;opacity:.95}


/* Premium first screen for the five occupational safety programs.
   Shared foundation: catalog's .otc-hero / .otc-hero__panel. */
.otc-course__hero{padding:clamp(52px,5.4vw,76px) 0 clamp(52px,5.2vw,74px)}
.otc-course .otc-hero__layout{grid-template-columns:minmax(0,1.35fr) minmax(340px,.8fr);gap:clamp(28px,4vw,60px);align-items:center}
.otc-course__label{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;background:rgba(236,203,144,.095);border:1px solid rgba(229,201,138,.37);border-radius:999px;padding:8px 17px;margin:0 0 22px;color:#f1d7a1;font-size:12px;font-weight:750;letter-spacing:.015em}
.otc-course__label-icon{display:grid;place-items:center;background:#e4c28425;width:23px;height:23px;border-radius:50%;font-size:14px}
.otc-course__label-dot{color:#d9ba7e}
.otc-course__title{font-size:clamp(36px,3.9vw,55px)!important;font-weight:770;letter-spacing:-.027em;line-height:1.13;margin:0 0 22px;color:#fff}
.otc-course__title>span{display:block;color:#f2dba8;font-size:clamp(20px,2.2vw,26px);letter-spacing:.015em;margin-bottom:12px}
.otc-course__title em{font-style:normal;color:#fff}
.otc-course .otc-hero__lead{font-size:clamp(16px,1.45vw,18px);max-width:740px;margin-bottom:27px}
.otc-course__facts{grid-template-columns:minmax(125px,.9fr) minmax(145px,1.2fr) minmax(135px,1fr);margin-top:34px;gap:10px}
.otc-course__facts>div:not(:first-child){padding-left:16px;border-left:1px solid #d9bc8747}
.otc-course__facts .otc-highlight__number{font-size:clamp(19px,2vw,24px)}
.otc-course__facts .otc-course__duration{font-size:clamp(15px,1.6vw,20px);line-height:1.35}
.otc-course__facts .otc-course__result{font-size:clamp(19px,1.95vw,23px)}
.otc-course__panel{max-width:520px;width:100%}
.otc-course__panel .otc-panel__line{font-size:12px}
.otc-course__panel .otc-panel__line strong{font-size:13px;max-width:54%}
.otc-course__panel .otc-panel__link{font-size:14px}
@media(max-width:1050px){
 .otc-course .otc-hero__layout{grid-template-columns:minmax(0,1fr) 340px;gap:27px}
 .otc-course__facts{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:800px){
 .otc-course .otc-hero__layout{grid-template-columns:1fr}
 .otc-course__panel{max-width:none}
}
@media(max-width:600px){
 .otc-course__hero{padding:38px 0 48px}
 .otc-course__label{font-size:11px;border-radius:15px;margin-bottom:18px}
 .otc-course__label-dot{display:none}
 .otc-course__title{font-size:clamp(32px,8.4vw,43px)!important}
 .otc-course__title>span{font-size:20px}
 .otc-course__facts{grid-template-columns:1fr;gap:0;margin-top:23px}
 .otc-course__facts>div{padding:11px 0!important;border-left:0!important;border-bottom:1px solid #ffffff22}
 .otc-course__facts .otc-highlight__number{font-size:21px}
 .otc-course__panel{padding:24px}
}