/* First-screen composition from the approved visual reference. */
body main#main>section.hero.webinar-hero {
 max-width:1440px!important;width:100%;padding:32px 48px 0!important;
 grid-template-columns:minmax(0,1.55fr) minmax(400px,1fr)!important;
 grid-template-rows:auto auto!important;gap:20px 48px!important;
}
main>section.hero.webinar-hero .kicker {color:#292426;font-size:12px;letter-spacing:.065em;margin-bottom:18px}
main>section.hero.webinar-hero h1 {font-size:clamp(42px,4.25vw,64px);line-height:1.08;font-weight:600;margin-bottom:22px;letter-spacing:-.045em}
main>section.hero.webinar-hero .hero-copy>p:not(.kicker):not(.note):not(.audit-mobile-date) {font-size:17px;line-height:1.6}
main>section.hero.webinar-hero .webinar-outcomes {position:relative;gap:24px!important;padding-top:42px;margin:26px 0 0}
.hero-route-line {position:absolute;inset:0 0 auto;width:100%;height:42px;overflow:visible;pointer-events:none}
main>section.hero.webinar-hero .webinar-outcomes article {padding:12px 0 0!important;border:0!important}
main>section.hero.webinar-hero .webinar-outcomes article:before {content:none!important}
main>section.hero.webinar-hero .webinar-outcomes b {font-size:19px;color:#292426}
main>section.hero.webinar-hero .webinar-outcomes span {font-size:16px;line-height:1.5}
main>section.hero.webinar-hero>.speaker-intro {display:grid!important;grid-template-columns:280px minmax(0,1fr)!important;gap:26px!important;align-items:end!important}
main>section.hero.webinar-hero>.speaker-intro>.speaker-portrait {float:none!important;width:280px!important;height:280px!important;margin:0!important;object-fit:contain!important}
main>section.hero.webinar-hero .speaker-copy {display:block!important;align-self:center}
main>section.hero.webinar-hero .speaker-copy p {font-size:15px;line-height:1.7;margin:0 0 18px}
main>section.hero.webinar-hero>.hero-registration {padding:28px!important;align-self:start!important;margin-top:4px!important;border-radius:16px;box-shadow:none}
main>section.hero.webinar-hero>.hero-registration>h2 {font-size:clamp(23px,2vw,30px);line-height:1.3;text-align:center;margin-bottom:20px}
body main#main>.webinar-date-band {background:#292426!important;color:#fff;padding:22px 24px!important}
body main#main>.webinar-date-band p {color:#fff;font-size:17px}
main>section.hero.webinar-hero:after {height:85%;inset:30px -20px auto auto;width:100px;background-size:100% 100%;opacity:.45}
@media(max-width:1100px){
 body main#main>section.hero.webinar-hero {padding:28px 28px 0!important;gap:20px 28px!important;grid-template-columns:minmax(0,1.2fr) minmax(360px,1fr)!important}
 main>section.hero.webinar-hero h1 {font-size:42px}
 main>section.hero.webinar-hero>.speaker-intro {grid-template-columns:180px minmax(0,1fr)!important;gap:18px!important}
 main>section.hero.webinar-hero>.speaker-intro>.speaker-portrait {width:180px!important;height:180px!important}
 main>section.hero.webinar-hero .speaker-copy p {font-size:13px}
 main>section.hero.webinar-hero .webinar-outcomes {gap:14px!important}
 main>section.hero.webinar-hero .webinar-outcomes span {font-size:14px}
}
@media(max-width:900px){
 body main#main>section.hero.webinar-hero {grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"copy" "form" "speaker"!important;grid-template-rows:auto auto auto!important;padding:28px 20px 0!important;gap:28px!important}
 main>section.hero.webinar-hero h1 {font-size:clamp(30px,6.2vw,48px)}
 main>section.hero.webinar-hero>.hero-registration {padding:22px!important}
 main>section.hero.webinar-hero>.speaker-intro {grid-template-columns:minmax(120px,34%) minmax(0,1fr)!important;gap:20px!important}
 main>section.hero.webinar-hero>.speaker-intro>.speaker-portrait {width:100%!important;height:auto!important}
 main>section.hero.webinar-hero .speaker-copy p {font-size:14px;line-height:1.6}
 body main#main>.webinar-date-band p {font-size:14px}
}
@media(max-width:520px){
 main>section.hero.webinar-hero .webinar-outcomes {grid-template-columns:1fr!important;padding:0 0 0 18px;margin-top:24px;gap:18px!important;border-left:1px solid #ff9097}
 .hero-route-line {display:none}
 main>section.hero.webinar-hero .webinar-outcomes article {padding:0!important}
 main>section.hero.webinar-hero .webinar-outcomes article:before {content:""!important;top:6px!important;left:-24px!important;width:10px;height:10px;background:#ff4f54;box-shadow:0 0 0 4px #ffe1e4}
 main>section.hero.webinar-hero .webinar-outcomes b {font-size:17px}
 main>section.hero.webinar-hero .webinar-outcomes span {font-size:15px}
 main>section.hero.webinar-hero>.speaker-intro {grid-template-columns:130px minmax(0,1fr)!important;gap:16px!important}
 main>section.hero.webinar-hero .speaker-copy p {font-size:12px;margin-bottom:12px}
 main>section.hero.webinar-hero>.hero-registration {padding:18px!important}
}
.hero-route-dot{position:absolute;width:22px;height:22px;border:3px solid #fff;border-radius:50%;background:#ff4f54;box-shadow:0 0 0 6px #ffe1e4;pointer-events:none}@media(max-width:520px){.hero-route-dot{display:none}}
