/* Shared access and mobile refinements for the three public marketing pages. */
.marketing-page{--marketing-hero-size:clamp(3rem,4.4vw,3.75rem)}
/* Keep the homepage's two desktop headline phrases intact across browsers. */
.marketing-page .hero .hero-copy h1{text-wrap:wrap}
@media(min-width:1101px){.marketing-page .hero-title-lead{white-space:nowrap}}
.marketing-page .skip-link{position:absolute;top:10px;left:15px;z-index:100;transform:translateY(-160%);padding:12px 18px;border-radius:8px;background:#fff;color:#061b2d;font-weight:700}
.marketing-page .skip-link:focus{transform:none}
.marketing-page :is(a,button,summary):focus-visible{outline:3px solid #176b75;outline-offset:4px}
.marketing-page :is(.hero,.audience-hero,.journey-section,.audience-closing,.site-footer) :is(a,button,summary):focus-visible{outline-color:#92f3f0}
.marketing-page .site-header .portal-options{width:280px}
.marketing-page .entry-sign-in{color:inherit;text-decoration:underline;text-underline-offset:4px;font-weight:600}
.marketing-page .journey-action .text-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 22px;border-radius:999px;background:#92f3f0;color:#061b2d;line-height:1.5}
.marketing-page .journey-action .text-link:after{color:#061b2d}
.marketing-page .audience-closing .returning-user{font-size:.95rem;margin-top:18px}
.marketing-page .home-evidence-highlights>span:before{content:none}
.marketing-page .assurance-icon{flex:0 0 26px;width:26px;height:26px;margin-right:11px;padding:5px;border-radius:50%;color:#106a77;background:#e2f5f4;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.marketing-page .home-evidence-highlights>span:nth-child(2) .assurance-icon{color:#6543b7;background:#eee9fb}
.marketing-page .site-footer nav a{display:inline-flex;align-items:center;min-height:44px}
.marketing-page .recruiter-next .signal-card h3{min-height:0}
.marketing-page .commercial-access-note p+p{margin-top:14px}
.marketing-page .commercial-access-note>div{min-width:0}
.marketing-page.reveal-ready main .reveal-section{filter:none;will-change:auto;transition:opacity .25s ease,transform .25s ease}
@media(prefers-reduced-motion:reduce){
 .marketing-page,.marketing-page *,.marketing-page *::before,.marketing-page *::after{transition:none!important;animation:none!important}
}
@media(max-width:860px){
 .marketing-page .site-header{backdrop-filter:none}
 .marketing-page .site-nav{position:relative}
 .marketing-page .site-links{position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain}
 .marketing-page .site-header .portal-options{width:100%}
 .marketing-page .site-links a,.marketing-page .portal-menu summary{min-height:48px}
 .marketing-page.reveal-ready main .reveal-section,.marketing-page.reveal-ready main .reveal-section :is(.process-step,.specialism-row,.journey,.signal-card,.trust-item){opacity:1;transform:none;filter:none;transition:none;will-change:auto}
 .marketing-page .audience-main section{padding:64px 0}
 .marketing-page .dark-head,.marketing-page .recruiter-next-head{margin-bottom:30px}
 .marketing-page .trust-grid{gap:28px}
}
@media(max-width:620px){
 .marketing-page{--marketing-hero-size:clamp(2.65rem,11.5vw,3.25rem)}
 .marketing-page .hero .hero-grid,.marketing-page .audience-hero .audience-hero-inner{padding-top:36px;padding-bottom:40px}
 .marketing-page .hero .eyebrow,.marketing-page .audience-kicker{letter-spacing:.12em}
 .marketing-page .candidate-hero-photo{aspect-ratio:1.5}
 .marketing-page main .home-evidence{padding-top:44px}
 .marketing-page main .home-how,.marketing-page main .specialisms,.marketing-page main .home-why{padding:48px 0}
 .marketing-page main .journey-section{padding:48px 0 32px}
 .marketing-page .home-next-head{margin-bottom:24px}
 .marketing-page .journey-section .journey{min-height:0;padding:28px 0}
 .marketing-page .journey-section .journey-tag{margin-bottom:18px}
 .marketing-page .journey-section .journey h3{margin-bottom:16px!important}
 .marketing-page .journey-section .journey .body-copy{margin:0;font-size:1rem;line-height:1.65}
 .marketing-page .journey-action{gap:10px;padding-top:18px}
 .marketing-page .journey-entry-note{font-size:.875rem}
 .marketing-page .journey-action .text-link{justify-self:stretch;width:100%}
 .marketing-page .journey-learn-link{display:inline-flex;align-items:center;min-height:44px}
 .marketing-page .home-how-head,.marketing-page .home-why-head{margin-bottom:28px}
 .marketing-page .audience-main section,.marketing-page .audience-main .audience-closing{padding:48px 0!important}
 .marketing-page .signal-card{padding:24px}
 .marketing-page .signal-card h3{min-height:0}
 .marketing-page .candidate-step-meta,.marketing-page .recruiter-step-meta{margin-bottom:16px}
 .marketing-page .trust-item{grid-template-columns:36px minmax(0,1fr);gap:14px;padding:20px 0}
 .marketing-page .trust-mark{width:34px;height:34px}
 .marketing-page .closing-grid{gap:24px}
 .marketing-page footer.site-footer{padding:28px 0}
 .marketing-page .site-footer .inner{gap:16px}
 .marketing-page .site-footer nav{gap:4px 20px}
 .marketing-page .home-evidence-visual figcaption{margin-top:14px;font-size:.94rem}
}