.jobs-hero-section{background:linear-gradient(160deg, var(--brand-navy) 0%, var(--brand-navy-dark,#001d32) 100%);text-align:center;padding:100px 0 80px;position:relative;overflow:hidden}.jobs-hero-bg-circle{opacity:.12;border-radius:50%;position:absolute}.jobs-hero-circle-1{background:var(--brand-orange);width:500px;height:500px;top:-120px;left:-120px}.jobs-hero-circle-2{background:var(--brand-blue);width:360px;height:360px;bottom:-100px;right:-60px}.jobs-hero-title{color:#fff;letter-spacing:-.04em;margin-bottom:20px;font-size:3.5rem;font-weight:900;line-height:1.1}.jobs-hero-accent{color:var(--brand-blue)}.jobs-hero-subtitle{color:#ffffffbf;max-width:800px;margin:0 auto 40px;font-size:1.2rem;line-height:1.7}.roles-grid-section{background-color:#f8fafc;padding:80px 0 60px}.roles-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.subject-card{background:#fff;border:1px solid #0000000f;border-radius:16px;flex-direction:column;padding:36px 30px 30px;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 8px 30px #0000000a}.subject-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px #00000014}.subject-card-title{color:var(--brand-navy);letter-spacing:-.02em;margin-bottom:12px;font-size:1.4rem;font-weight:900;line-height:1.25}.subject-card-blurb{color:var(--text-secondary);flex:1;margin-bottom:24px;font-size:.925rem;line-height:1.65}.subject-card-btn{color:var(--brand-blue);border:2px solid var(--brand-blue);cursor:pointer;background:0 0;border-radius:50px;align-self:flex-start;align-items:center;gap:6px;padding:12px 24px;font-size:.875rem;font-weight:800;transition:all .25s;display:inline-flex}.subject-card-btn:hover{background:var(--brand-blue);color:#fff;transform:translateY(-2px);box-shadow:0 4px 14px #2bafe54d}.how-it-works-section{text-align:center;background:#fff;padding:100px 0}.hiw-title{color:var(--brand-navy);margin-bottom:12px;font-size:clamp(2rem,4vw,2.8rem);font-weight:900}.hiw-subtitle{color:var(--text-secondary);margin-bottom:60px;font-size:1.15rem}.hiw-grid{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.hiw-card{text-align:center;background:#f8fafc;border:1px solid #0000000a;border-radius:20px;padding:40px 24px;transition:transform .25s,box-shadow .25s}.hiw-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #0000000f}.hiw-icon{background:linear-gradient(135deg, var(--brand-blue), var(--brand-navy));color:#fff;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;display:flex}.hiw-number{color:var(--brand-orange);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;font-size:.8rem;font-weight:800;display:block}.hiw-card-title{color:var(--brand-navy);letter-spacing:-.02em;margin-bottom:12px;font-size:1.25rem;font-weight:900}.hiw-card-desc{color:var(--text-secondary);font-size:.925rem;line-height:1.65}.subject-cta-section{background:#f8fafc;padding:80px 0}.subject-cta-title{color:var(--brand-navy);margin-bottom:16px;font-size:clamp(2rem,4vw,2.8rem);font-weight:900}.subject-cta-text{color:var(--text-secondary);max-width:560px;margin:0 auto 36px;font-size:1.1rem;line-height:1.7}@media (max-width:1024px){.roles-grid,.hiw-grid{grid-template-columns:repeat(2,1fr)}}.roles-arrow{display:none}@media (max-width:768px){.jobs-hero-section{padding:100px 0 60px}.jobs-hero-title{font-size:2rem}.jobs-hero-subtitle{font-size:1rem}.roles-scroll-wrapper{align-items:center;gap:8px;display:flex;position:relative}.roles-arrow{width:40px;height:40px;color:var(--brand-navy);cursor:pointer;background:#fff;border:2px solid #0000001a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000000f}.roles-arrow:active{background:var(--brand-navy);color:#fff}.roles-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;flex:1;gap:16px;min-width:0;padding-bottom:8px;display:flex;overflow-x:auto}.roles-grid::-webkit-scrollbar{display:none}.roles-grid{-ms-overflow-style:none;scrollbar-width:none}.roles-grid>*{scroll-snap-align:center;flex:0 0 min(280px,80vw)}.roles-grid-section{padding:50px 0 40px}.hiw-grid{grid-template-columns:1fr;gap:16px}.how-it-works-section,.subject-cta-section{padding:50px 0}}
