body[data-helper-page] > header[data-homepage-region] { position:relative; z-index:2; }
body[data-helper-page] .hero-content { padding-top:132px; }
body[data-helper-page] .site-header { position:absolute; inset:0 0 auto; z-index:4; min-height:132px; box-sizing:border-box; background-color:#171142; background-image:linear-gradient(110deg,#171142,#28206e); }
body[data-helper-page] main { position:relative; z-index:1; background:#f7f6fb; color:#20184a; font-family:Inter,Arial,sans-serif; }
body[data-helper-page] main * { box-sizing:border-box; }
body[data-helper-page] main section { width:100%; }
.career-wrap { width:min(1160px,calc(100% - 64px)); margin-inline:auto; }
.career-intro { padding:86px 0 96px; background:linear-gradient(135deg,#f1effa 0%,#fff 72%); }
.career-intro-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:72px; align-items:center; }
.career-copy { max-width:610px; }
.career-eyebrow { margin:0 0 16px; color:#6949c3; font-size:12px; font-weight:800; letter-spacing:.13em; line-height:1.4; text-transform:uppercase; }
body[data-helper-page] main h1 { margin:0 0 22px; color:#20184a; font-size:clamp(48px,6.3vw,78px); font-weight:750; letter-spacing:-.055em; line-height:.98; }
.career-lede { max-width:590px; margin:0; color:#514d67; font-size:18px; line-height:1.7; }
.career-button { display:inline-flex; min-height:52px; align-items:center; justify-content:center; gap:18px; margin-top:28px; padding:0 22px; border:0; border-radius:10px; background-color:#5d3bc0; color:#fff; font-size:15px; font-weight:750; line-height:1.25; text-decoration:none; box-shadow:0 10px 24px rgba(55,34,112,.18); transition:background-color .2s ease,transform .2s ease; }
.career-button:hover,.career-button:focus-visible { background-color:#472b9f; transform:translateY(-2px); }
.career-button:focus-visible,.career-text-link:focus-visible { outline:3px solid #f2ad47; outline-offset:3px; }
.career-visual { position:relative; min-height:420px; overflow:hidden; border:8px solid #fff; border-radius:28px; background:#dcd5f1; box-shadow:0 28px 65px rgba(37,26,81,.18); }
.career-visual img,.career-content-image img { display:block; width:100%; height:100%; object-fit:cover; }
.career-visual-note { position:absolute; right:18px; bottom:18px; padding:12px 16px; border:1px solid rgba(255,255,255,.45); border-radius:9px; background-color:#21164e; color:#fff; font-size:13px; font-weight:700; }
.career-section { padding:82px 0; background:#fff; }
.career-status { padding-top:0; }
.career-status-card { display:grid; grid-template-columns:90px 1fr; gap:28px; align-items:start; padding:32px 38px; border:1px solid #e7e2f4; border-radius:18px; background:#fff; box-shadow:0 18px 45px rgba(30,22,65,.08); }
.career-status-mark { display:grid; width:66px; height:66px; place-items:center; border-radius:18px; background:#eee9fc; color:#5a3ab4; font-size:20px; font-weight:800; }
body[data-helper-page] main h2 { margin:0 0 18px; color:#211a48; font-size:clamp(28px,3vw,42px); font-weight:740; letter-spacing:-.04em; line-height:1.12; }
.career-status-card p:last-child,.career-interest p:not(.career-eyebrow),.career-content-grid p:not(.career-eyebrow),.career-inquiry-grid>div>p:not(.career-eyebrow),.career-status-detail>p:not(.career-eyebrow),.career-contact-panel p:not(.career-eyebrow) { max-width:720px; margin:0; color:#625e74; font-size:16px; line-height:1.75; }
.career-interest { display:grid; grid-template-columns:1fr 310px; gap:90px; align-items:center; }
.career-interest-aside { padding:27px; border-left:3px solid #8f70e2; border-radius:0 14px 14px 0; background:#f4f1fc; }
.career-interest-aside p { margin:14px 0 0 !important; color:#382d68 !important; font-weight:650; }
.career-aside-icon { color:#805ee0; font-size:30px; }
.career-section-tint { background:#f0eef8; }
.career-content-grid { display:grid; grid-template-columns:.95fr 1.05fr; gap:74px; align-items:center; }
.career-content-image { height:370px; overflow:hidden; border-radius:18px; background:#d8d0ed; box-shadow:0 20px 50px rgba(35,24,77,.14); }
.career-checklist { display:grid; gap:12px; margin:24px 0 0; padding:0; list-style:none; color:#3a3452; font-size:15px; }
.career-checklist li { display:flex; align-items:center; gap:12px; }
.career-checklist li::before { content:'✓'; display:grid; width:24px; height:24px; flex:none; place-items:center; border-radius:50%; background:#e1daf7; color:#5434ae; font-size:13px; font-weight:800; }
.career-inquiry-grid { display:grid; grid-template-columns:1fr 440px; gap:80px; align-items:start; }
.career-step { display:grid; grid-template-columns:38px 1fr; gap:13px; align-items:start; margin-top:23px; }
.career-step>span { display:grid; width:34px; height:34px; place-items:center; border-radius:50%; background:#ece6fb; color:#593bb2; font-weight:800; }
.career-step p { margin:4px 0 0; color:#625e74; font-size:15px; line-height:1.65; }
.career-step strong { color:#27204e; }
.career-form { display:grid; gap:10px; padding:28px; border:1px solid #e6e1f2; border-radius:18px; background:#faf9fd; box-shadow:0 18px 45px rgba(30,22,65,.08); }
body[data-helper-page] main .career-form h3 { margin:0; color:#211a48; font-size:22px; letter-spacing:-.02em; }
.career-form>p { margin:0 0 8px; color:#68647a; font-size:14px; line-height:1.55; }
.career-form label { margin-top:6px; color:#30294f; font-size:13px; font-weight:750; }
.career-form input,.career-form select,.career-form textarea { width:100%; min-height:46px; padding:11px 12px; border:1px solid #d8d2e8; border-radius:8px; background-color:#fff; color:#241d46; font:inherit; font-size:14px; }
.career-form textarea { min-height:115px; resize:vertical; }
.career-form input:focus,.career-form select:focus,.career-form textarea:focus { border-color:#7052c9; outline:3px solid rgba(112,82,201,.18); }
.career-form [aria-invalid="true"] { border-color:#b33248; }
.career-form-error { min-height:20px; margin:0; color:#a4213b; font-size:13px; font-weight:650; }
.career-submit { justify-self:start; margin-top:2px; cursor:pointer; }
.career-form small { color:#716d80; font-size:12px; line-height:1.4; }
.career-status-detail { padding:48px; border:1px solid #ded7f1; border-radius:22px; background:linear-gradient(120deg,#fff,#f7f4ff); }
.career-status-pill { display:inline-flex; align-items:center; gap:9px; margin-bottom:32px; padding:9px 13px; border-radius:999px; background:#e9f5eb; color:#28613b; font-size:12px; font-weight:750; }
.career-status-pill i { width:8px; height:8px; border-radius:50%; background-color:#399455; }
.career-status-detail>p:not(.career-eyebrow) { max-width:780px; }
.career-text-link { display:inline-flex; gap:12px; margin-top:24px; padding:11px 14px; border-radius:8px; background-color:#eee9fc; color:#5033a8; font-size:15px; font-weight:750; text-decoration-thickness:1px; text-underline-offset:4px; }
.career-contact { padding:74px 0 100px; background:#f7f6fb; }
.career-contact-panel { display:flex; align-items:center; justify-content:space-between; gap:45px; padding:42px; border-radius:22px; background:#24185e; color:#fff; }
body[data-helper-page] main .career-contact-panel h2 { max-width:600px; color:#fff; }
.career-contact-panel .career-eyebrow { color:#c9baff; }
.career-contact-panel p:not(.career-eyebrow) { color:#e1ddef; }
.career-contact-actions { display:flex; flex:none; flex-direction:column; align-items:flex-start; gap:2px; }
.career-contact-actions .career-button { background-color:#7856db; color:#fff; }
.career-contact-actions .career-button:hover { background-color:#6645c2; }
.career-contact-actions .career-button-quiet { border:1px solid #9e8bd7; background-color:#30256a; box-shadow:none; }
.career-contact-actions .career-button-quiet:hover { background-color:#40327f; }
.career-reveal { opacity:.01; transform:translateY(18px); transition:opacity .55s ease,transform .55s ease; }
.career-reveal.career-visible { opacity:1; transform:translateY(0); }
.career-noscript-pixel { position:absolute; width:1px; height:1px; opacity:0; }
.role-feed-prototype,.role-card,.role-card__team,.role-card__title,.role-card__summary,.role-card__updated { display:none; }
@media (prefers-reduced-motion:reduce) { .career-reveal { opacity:1; transform:none; transition:none; } .career-button { transition:none; } }
@media (max-width:900px) { body[data-helper-page] .hero-content { padding-top:96px; } .career-wrap { width:min(100% - 44px,720px); } .career-intro { padding:68px 0 78px; } .career-intro-grid { grid-template-columns:1fr; gap:36px; } .career-visual { min-height:340px; max-height:430px; } .career-interest,.career-content-grid,.career-inquiry-grid { grid-template-columns:1fr; gap:34px; } .career-interest { align-items:start; } .career-interest-aside { max-width:460px; } .career-content-image { height:330px; } .career-form { max-width:600px; } .career-contact-panel { align-items:flex-start; flex-direction:column; } .career-contact-actions { flex-direction:row; flex-wrap:wrap; } }
@media (max-width:560px) { .career-wrap { width:calc(100% - 36px); } .career-intro { padding:46px 0 58px; } body[data-helper-page] main h1 { font-size:clamp(44px,14vw,62px); } .career-lede { font-size:16px; } .career-visual { min-height:270px; border-width:5px; border-radius:20px; } .career-section { padding:58px 0; } .career-status { padding-top:0; } .career-status-card { grid-template-columns:1fr; gap:16px; padding:24px; } .career-status-mark { width:50px; height:50px; border-radius:14px; font-size:16px; } body[data-helper-page] main h2 { font-size:30px; } .career-interest-aside { padding:21px; } .career-content-image { height:250px; } .career-form { padding:21px; } .career-status-detail { padding:28px 23px; } .career-status-pill { margin-bottom:22px; } .career-contact { padding:54px 0 70px; } .career-contact-panel { gap:20px; padding:27px 23px; } .career-contact-actions { flex-direction:column; } .career-contact-actions .career-button { margin-top:8px; } }