.hero{background-image:url('/assets/home/hero-poster-4.jpg');background-size:cover;background-position:60% center}
.hero video[hidden]{display:none}
.video-toggle{position:absolute;right:22px;bottom:76px;z-index:4;width:36px;height:36px;padding:0;display:grid;place-items:center;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:rgba(8,20,45,.5);color:#fff;cursor:pointer;opacity:.7;transition:opacity .2s,background .2s}.video-toggle:hover,.video-toggle:focus-visible{opacity:1;background:rgba(8,20,45,.85)}.video-toggle:focus-visible{outline:2px solid #DCC184;outline-offset:3px}.video-toggle svg{width:14px;height:14px;fill:currentColor}.video-toggle .i-play,.video-toggle[data-state="paused"] .i-pause{display:none}.video-toggle[data-state="paused"] .i-play{display:block}
.video-toggle[hidden]{display:none}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip-link{position:fixed;top:-80px;left:16px;z-index:1000;padding:12px 20px;background:#fff;color:#0b1c3c}
.skip-link:focus{top:10px}
:focus-visible{outline:3px solid #9d7115;outline-offset:5px}
.hero :focus-visible,.keys :focus-visible,.cta :focus-visible{outline-color:#ebd6a2}
.t-controls{display:flex!important}.t-btn:disabled{opacity:.4;cursor:default}
.t-dots button{width:24px;height:24px;border:7px solid #f6f2e9;background:#9a8b6e}
.t-dots button.on{width:32px;border-radius:12px}
.eyebrow{color:#805b10}.keys .eyebrow,.cta .eyebrow{color:#ebd6a2}
.hero-note{color:#dce6f5}
:root{--metallic-gold:linear-gradient(112deg,#9d7115 0%,#d4a936 18%,#f7e3a8 38%,#c7951f 58%,#f3d989 77%,#9b6d11 100%)}
.btn-gold,.btn-gold:hover,.btn-gold:focus-visible,.btn-gold:active{background:var(--metallic-gold);color:#061a37;border-color:#b8912c}
.btn-gold:hover{box-shadow:0 4px 14px rgba(157,113,21,.22)}
.employers-cta{display:grid;grid-template-columns:minmax(0,1fr);justify-items:stretch;gap:12px;width:100%;max-width:360px;margin-top:28px}
.employers-cta .btn{width:100%;justify-content:flex-start;text-align:left;white-space:normal;padding:17px 22px}
.employers-grid{row-gap:36px}
.engagement-group{grid-column:1/-1;justify-self:start;width:100%;max-width:620px;text-align:left}
.engagement-group .models{margin-top:0}
.engagement-group .model-list{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:640px){.engagement-group .model-list{grid-template-columns:1fr}}
.concept-header{font-family:Inter,sans-serif;position:sticky;top:0;z-index:100}
.concept-header summary{font-family:Inter,sans-serif;padding:10px!important;font-size:14px;letter-spacing:0}
.concept-header summary::after{display:none}
.concept-header details{border:0}
.concept-header .concept-menu p{padding:0}
.vsg-approved-footer h4{font-family:Inter,sans-serif}
@media(max-width:767px){.hero{background-position:72% center}.hero video{display:none}.video-toggle{display:none}.concept-header{flex-wrap:wrap!important;gap:10px!important;padding:12px!important}.concept-header .concept-brand{width:100%}.concept-header nav{display:flex!important;flex-wrap:wrap!important;gap:8px!important}.concept-header a{font-size:12px!important}.btn{white-space:normal;text-align:center}.hero .wrap{padding-top:130px}.hero-note{font-size:13px}}
@media(prefers-reduced-motion:reduce){.hero video,.video-toggle{display:none}html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
@media(max-width:767px){.concept-header{display:grid!important;grid-template-columns:repeat(5,auto);gap:5px!important;justify-content:space-between!important}.concept-header .concept-brand{grid-column:1/-1}.concept-header .concept-login{padding:9px 7px!important;margin:0!important;white-space:nowrap}.concept-header summary{padding:9px 3px!important;font-size:12px}.concept-header .concept-menu{margin:0!important}.concept-header .concept-menu nav{right:0;left:auto;width:min(290px,90vw)}}
.concept-brand>span{text-align:center!important}.concept-brand>span>small{display:block;text-align:center!important}

/* employers: steps centred against the whole left column (desktop only); models open popups */@media(min-width:961px){#employers .employers-intro{grid-column:1;grid-row:1}#employers .engagement-group{grid-column:1;grid-row:2}#employers .employers-steps{grid-column:2;grid-row:1 / span 2;align-self:center}#employers .model-list{grid-template-columns:repeat(2,minmax(0,1fr))}}#employers button.model{display:block;width:100%;text-align:left;font-family:inherit;cursor:pointer;transition:border-color .2s,box-shadow .2s}#employers button.model:hover,#employers button.model:focus-visible{border-color:var(--gold-500);box-shadow:0 6px 18px rgba(8,20,45,.08)}#employers button.model:focus-visible{outline:2px solid var(--gold-500);outline-offset:2px}#employers .model em{display:block;margin-top:10px;font-style:normal;font-size:12.5px;font-weight:700;color:var(--gold-600)}dialog.model-pop{max-width:660px;width:calc(100% - 32px);border:0;border-top:5px solid var(--gold-500);border-radius:12px;padding:0;color:var(--ink);box-shadow:0 30px 80px rgba(8,20,45,.35)}dialog.model-pop::backdrop{background:rgba(6,26,55,.55)}.model-pop .mp-in{position:relative;padding:30px 32px 28px;max-height:86vh;overflow:auto}.model-pop .eyebrow{color:var(--gold-600)}.model-pop h2{font-family:var(--serif);font-size:30px;line-height:1.15;margin:10px 0 12px;color:var(--navy-900)}.model-pop h3{font:700 12.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:24px 0 10px}.model-pop p{margin:0 0 10px;color:var(--muted);font-size:16px;line-height:1.6}.model-pop ol,.model-pop ul{margin:0;padding-left:20px;color:var(--ink);font-size:15.5px;line-height:1.55}.model-pop li{margin:0 0 7px}.model-pop .mp-fee{background:var(--cream);border-left:4px solid var(--gold-500);padding:14px 18px 6px;border-radius:0 8px 8px 0}.model-pop .mp-fee p{color:var(--ink)}.model-pop .mp-close{position:absolute;top:12px;right:14px;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--navy-800);font-size:22px;line-height:1;cursor:pointer}.model-pop .mp-close:focus-visible{outline:2px solid var(--gold-500);outline-offset:2px}.model-pop .mp-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}mark.todo{background:#fff3c4;border:1px dashed #c9a227;padding:2px 6px;border-radius:4px;color:#5a4500;font-weight:600}
