/* Local, pre-softened artwork; no runtime blur, animation, or external image request. */
/* Home uses the same section actions and page frame as the rest of the portal. */
.section-heading.home-section-heading{align-items:flex-end}
@media(max-width:700px){.section-heading.home-section-heading{align-items:flex-start}}

.page-heading-band.home-heading{position:relative;isolation:isolate;overflow:visible;background:#0000cc;background-image:none;color:#fff}
.home-heading .home-backdrop{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none}
.home-backdrop img{width:100%;height:100%;object-fit:cover;object-position:60% center;display:block}
.page-heading-band.home-heading::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,rgba(0,0,160,.96) 10%,rgba(0,0,180,.9) 48%,rgba(0,0,140,.7));pointer-events:none}
.home-heading .hero{padding-block:12px 16px;gap:32px 56px}
.home-heading .hero-copy{max-width:700px}
.home-heading .hero h1{color:#fff;font-size:clamp(36px,4.6vw,62px);line-height:1.09;letter-spacing:-.035em}
.home-heading .hero h1 span,.home-heading .hero-copy p,.home-heading .hero-copy .eyebrow{color:#fff}
.home-heading .hero-copy p{max-width:560px;font-size:17px;line-height:1.6}
.home-heading .search-companion{background:rgba(10,10,90,.4);border:1px solid rgba(255,255,255,.22);border-radius:18px;padding:24px}
.home-heading .search-companion :is(h2,strong,small,.eyebrow){color:#fff}
.home-heading .search-companion a{color:#fff}
.home-heading .search-companion a:focus-visible{outline:3px solid #fff;outline-offset:4px;border-radius:6px}
.home-heading .search-assurance{color:#fff}
.home-heading .search-form{box-shadow:0 10px 36px rgba(0,0,40,.16)}
[data-theme="dark"] .page-heading-band.home-heading{background:var(--canvas)}
[data-theme="dark"] .home-heading::before{background:linear-gradient(105deg,rgba(16,20,24,.98),rgba(16,20,24,.92) 62%,rgba(16,20,24,.84))}
[data-theme="dark"] .home-heading .search-companion{background:var(--paper)}
@media(max-width:950px){.home-heading .hero{gap:26px}.home-heading .search-companion{padding:18px}.home-heading .hero-copy p{font-size:15px}}
@media(max-width:700px){.page-heading-band.home-heading{padding-block:22px 26px}.home-heading .hero{padding:0;gap:20px}.home-heading .hero h1{font-size:clamp(31px,8vw,42px);margin-bottom:16px}.home-heading .hero h1::after{margin-top:14px}.home-heading .hero-copy p{font-size:14px;margin-bottom:0}.home-heading .hero-copy .eyebrow{margin-bottom:10px}.home-heading .home-backdrop img{object-position:72% center}.home-heading .search-companion{display:none}}
@media print{.home-heading .home-backdrop,.home-heading::before{display:none}.page-heading-band.home-heading{background:#fff;color:#111}.home-heading .hero :is(h1,span,p){color:#111}}

/* 2.9.30: approved employer invitation, built with CSS and the existing inline icons. */
.employer-invitation.employer-invitation--home{position:relative;isolation:isolate;display:grid;grid-template-columns:76px minmax(0,1fr) minmax(260px,340px);align-items:center;gap:28px;min-height:202px;margin-top:32px;margin-bottom:40px;padding:30px 32px;border:1px solid var(--line);border-radius:14px;background:var(--paper);box-shadow:var(--shadow-sm)}
.employer-invitation--home::before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 105% 115%,var(--tint),transparent 64%)}
.employer-invitation--home .employer-invitation-symbol{display:grid;place-items:center;width:76px;height:76px;align-self:center;border-radius:14px;background:var(--tint);color:var(--link)}
.employer-invitation--home .employer-invitation-symbol>.icon{display:block;width:43px;height:43px}
.employer-invitation--home .employer-invitation-copy{min-width:0}
.employer-invitation--home .eyebrow{margin:0 0 12px;color:var(--link);font-size:12px;font-weight:700;line-height:1.4;letter-spacing:.04em}
.employer-invitation--home h2{margin:0;color:var(--ink);font-size:clamp(23px,2.15vw,30px);font-weight:750;line-height:1.25;letter-spacing:-.025em;overflow-wrap:anywhere}
.employer-invitation--home p{margin:14px 0 0;max-width:58ch;color:var(--muted);font-size:14px;line-height:1.6}
.employer-invitation--home .employer-invitation-actions{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:12px;min-width:0;width:100%}
.employer-invitation--home .employer-invitation-actions>.button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;width:100%;margin:0;padding:12px 16px;border:1px solid var(--blue);border-radius:9px;background:var(--blue);color:#fff;font-size:14px;font-weight:650;line-height:1.4;white-space:normal;text-decoration:none}
.employer-invitation--home .employer-invitation-actions>.button:is(:hover,:focus-visible){background:var(--action-hover);border-color:var(--action-hover);color:#fff;text-decoration:none}
/* 2.10.32: this home invitation keeps a blue CTA in both themes. */
:root body .employer-invitation--home .employer-invitation-actions>a.button{background:#0000cc;border-color:#0000cc;color:#fff}
:root body .employer-invitation--home .employer-invitation-actions>a.button:is(:hover,:focus-visible){background:#0000a6;border-color:#0000a6;color:#fff}
.employer-invitation--home .employer-invitation-actions>.button>.icon{display:block;flex:0 0 21px;width:21px;height:21px}
.employer-invitation--home .employer-invitation-actions>.text-link{display:inline-flex;align-items:center;justify-content:center;align-self:center;gap:8px;min-height:44px;max-width:100%;padding:8px 4px;color:var(--link);font-size:14px;font-weight:600;line-height:1.4;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;text-decoration-skip-ink:auto}
.employer-invitation--home .employer-invitation-actions>.text-link>.icon{display:block;flex:0 0 19px;width:19px;height:19px}
.employer-invitation--home .employer-invitation-actions>.text-link:hover{color:var(--link-hover)}
.employer-invitation--home .employer-invitation-actions>a:focus-visible{outline:2px solid var(--focus);outline-offset:4px}
@media(max-width:1050px){
 .employer-invitation.employer-invitation--home{grid-template-columns:64px minmax(0,1fr);gap:18px 22px;padding:26px}
 .employer-invitation--home .employer-invitation-symbol{width:64px;height:64px;border-radius:12px;align-self:start}
 .employer-invitation--home .employer-invitation-symbol>.icon{width:36px;height:36px}
 .employer-invitation--home .employer-invitation-actions{grid-column:2;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:8px 20px}
 .employer-invitation--home .employer-invitation-actions>.button{width:auto;max-width:100%;flex:0 1 auto}
 .employer-invitation--home .employer-invitation-actions>.text-link{align-self:auto}
}
@media(max-width:600px){
 .employer-invitation.employer-invitation--home{grid-template-columns:minmax(0,1fr);gap:18px;min-height:0;margin-top:24px;margin-bottom:28px;padding:22px 20px;border-radius:12px}
 .employer-invitation--home .employer-invitation-symbol{width:52px;height:52px;border-radius:11px}
 .employer-invitation--home .employer-invitation-symbol>.icon{width:30px;height:30px}
 .employer-invitation--home .eyebrow{font-size:11px;margin-bottom:10px}
 .employer-invitation--home h2{font-size:24px;line-height:1.25}
 .employer-invitation--home p{font-size:14px;margin-top:12px}
 .employer-invitation--home .employer-invitation-actions{grid-column:1;flex-direction:column;align-items:stretch;gap:8px}
 .employer-invitation--home .employer-invitation-actions>.button{width:100%;min-height:54px;font-size:14px;padding:12px}
 .employer-invitation--home .employer-invitation-actions>.text-link{align-self:center}
}
@media print{.employer-invitation--home::before{display:none}.employer-invitation.employer-invitation--home{break-inside:avoid;background:#fff;box-shadow:none}}