/* Employer value first. Existing artwork, factual details and static interactions stay intact. */
.page-employers .employer-intro-hero{padding:48px 24px 52px}
.page-employers .employer-intro-hero .hero-title{font-size:clamp(44px,6.2vw,76px);line-height:1.02;font-weight:800;letter-spacing:-.045em;max-width:16ch;margin:24px 0 0}
.page-employers .employer-intro-hero .hero-description{max-width:44ch;margin-top:22px;font-size:19px;line-height:1.6}
.page-employers .employer-intro-hero .hero-actions{display:grid;grid-template-columns:max-content max-content;align-items:center;justify-content:start;gap:10px 24px;margin-top:24px}
.page-employers .employer-intro-hero .hero-actions .cta{min-height:52px;width:auto}
.page-employers .employer-intro-hero .hero-note{grid-column:1/-1;text-align:left;margin-top:2px}
.page-employers .employer-intro-hero .employer-event-date{font-size:16px;line-height:1.6}
.page-employers .employer-intro-hero .employer-event-date>span{font-size:14px}
.employer-details-link{display:inline-flex;align-items:center;min-height:44px;color:#fffaf3;font-size:15px;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.employer-section-inner{max-width:1024px;margin:0 auto}
.employer-value,.employer-flow{padding:64px 24px}
.employer-value{background:#fcf8f2}
.employer-value-intro{display:grid;grid-template-columns:minmax(0,1fr);gap:36px;align-items:center;background:#fcf8f2}
.employer-value h2,.employer-flow h2{font-size:clamp(32px,4.4vw,46px);line-height:1.12;font-weight:800;letter-spacing:-.03em;color:#1f2a8f;margin:18px 0 0}
.employer-value-intro>div>p{max-width:38ch;color:#575167;font-size:17px;line-height:1.6;margin:16px 0 0}
.employer-character{margin:0;min-width:0}
.employer-character img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
@supports (filter:brightness(1.03)) and (mix-blend-mode:multiply){.employer-character img{filter:brightness(1.03);mix-blend-mode:multiply}}
.employer-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:32px}
.employer-benefits article{border-top:3px solid #edafc3;padding-top:20px;min-width:0}
.employer-benefits h3,.employer-steps h3{font-size:21px;line-height:1.3;font-weight:800;color:#1f2a8f;margin:0}
.employer-benefits p,.employer-steps p{font-size:16px;line-height:1.65;color:#575167;margin:9px 0 0}
.employer-flow{background:#f2eff5}
.employer-flow-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:48px;margin-top:32px;align-items:start}
.employer-steps{list-style:none;padding:0;margin:0;display:grid;gap:24px}
.employer-steps li{display:grid;grid-template-columns:42px minmax(0,1fr);gap:16px}
.employer-steps li>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#1f2a8f;color:#fffaf3;font-size:14px;font-weight:800}
.employer-preparation{padding:26px;background:#fffaf3;border:1px solid #e4dce7;border-radius:20px;min-width:0}
.employer-preparation h3{font-size:24px;line-height:1.2;color:#1f2a8f;font-weight:800;margin:10px 0 18px}
.employer-preparation ul{padding-left:20px;margin:0;display:grid;gap:11px;list-style:disc}
.employer-preparation li{font-size:15px;line-height:1.6;color:#575167;padding-left:3px}
.employer-preparation li::marker{color:#b63967}
.employer-flow .employer-promotion{margin-top:32px}
@media(max-width:800px){.employer-value-intro{grid-template-columns:minmax(0,1fr);gap:24px}.employer-flow-grid{gap:28px}}
@media(max-width:600px){
 .page-employers .employer-intro-hero{padding:28px 20px 36px}
 .page-employers .employer-intro-hero .hero-title{font-size:clamp(38px,10.2vw,52px);margin-top:22px}
 .page-employers .employer-intro-hero .hero-description{font-size:17px;line-height:1.6;margin-top:20px}
 .page-employers .employer-intro-hero .hero-actions{grid-template-columns:minmax(0,1fr);gap:8px;justify-content:stretch}
 .page-employers .employer-intro-hero .hero-actions .cta{width:100%;padding-inline:16px;font-size:16px}
 .page-employers .employer-intro-hero .hero-note{grid-row:2;text-align:center}
 .employer-details-link{justify-content:center}
 .employer-value,.employer-flow{padding:40px 20px}
 .employer-value-intro{grid-template-columns:minmax(0,1fr);gap:20px}
 .employer-value-intro>div>p{font-size:16px}
 .employer-character{width:min(100%,280px);justify-self:center}
 .employer-benefits{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:24px}
 .employer-benefits article{padding-top:16px}
 .employer-benefits h3,.employer-steps h3{font-size:20px}
 .employer-benefits p,.employer-steps p{font-size:16px;margin-top:7px}
 .employer-flow-grid{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:26px}
 .employer-steps li{grid-template-columns:36px minmax(0,1fr);gap:14px}
 .employer-steps li>span{width:36px;height:36px;font-size:13px}
 .employer-preparation{padding:23px}
}
@media(max-width:359px){.page-employers .employer-intro-hero,.employer-value,.employer-flow{padding-left:16px;padding-right:16px}.page-employers .employer-intro-hero .hero-title{font-size:36px}}

/* The approved conversation scene is visible in the hero, not hidden below it. */
.page-employers .employer-intro-hero{background:#fcf8f2;color:#1f2a8f;isolation:isolate;padding-top:40px;padding-bottom:40px}
.employer-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:36px;align-items:center;background:#fcf8f2}
.employer-hero-copy{min-width:0}
.employer-audience-label{display:inline-block;margin:0;padding:7px 12px;border-radius:999px;background:#ece9f3;color:#1f2a8f;font-size:13px;line-height:1.4;font-weight:700}
.page-employers .employer-intro-hero .hero-title{color:#1f2a8f;font-size:clamp(40px,4.9vw,62px);max-width:16ch;margin-top:22px}
.page-employers .employer-intro-hero .hero-title>span{color:#b63967}
.page-employers .employer-intro-hero .hero-description{color:#575167!important;font-size:18px;margin-top:18px;line-height:1.55}
.page-employers .employer-intro-hero .employer-event-date{color:#1f2a8f;margin-top:20px;font-size:16px;line-height:1.55}
.page-employers .employer-intro-hero .employer-event-date>span{display:block;color:#625b71;font-size:14px;margin-top:3px}
.page-employers .employer-intro-hero .hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:9px;margin-top:22px}
.page-employers .employer-intro-hero .hero-actions .cta{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:#1f2a8f;color:#fffaf3;min-height:52px;padding:12px 24px;border-radius:999px;font-size:16px;font-weight:800;box-shadow:none}
.page-employers .employer-intro-hero .hero-note{color:#625b71!important;font-size:13px!important;line-height:1.55;margin:0;text-align:left}
.page-employers .employer-hero-art{width:100%;max-width:none;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent}
.page-employers .employer-hero-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:0;-webkit-mask-image:linear-gradient(to bottom,#000 98%,transparent 100%);mask-image:linear-gradient(to bottom,#000 98%,transparent 100%)}
@media(max-width:800px){.employer-hero-grid{grid-template-columns:minmax(0,1fr);gap:22px}.page-employers .employer-intro-hero .hero-title{font-size:clamp(38px,7.3vw,54px)}.page-employers .employer-hero-art{max-width:540px;justify-self:center}}
@media(max-width:600px){.page-employers .employer-intro-hero{padding-top:26px;padding-bottom:28px}.employer-hero-grid{gap:20px}.page-employers .employer-intro-hero .hero-title{font-size:clamp(36px,9.8vw,48px);margin-top:20px}.page-employers .employer-intro-hero .hero-description{font-size:17px;line-height:1.55;margin-top:16px}.page-employers .employer-intro-hero .employer-event-date{margin-top:17px}.page-employers .employer-intro-hero .hero-actions{margin-top:20px;align-items:stretch}.page-employers .employer-intro-hero .hero-note{text-align:center}.page-employers .employer-hero-art{max-width:none}}

/* Keep short-screen faces ahead of the informational opening-soon note. */
.page-employers .employer-intro-hero .employer-hero-status{grid-column:1/-1;font-size:13px!important;line-height:1.55!important;margin:0;text-align:left}
@media(max-width:800px){.page-employers .employer-intro-hero .employer-hero-status{text-align:center}}