:root{
  --black:#050505;--navy:#08356D;--aqua:#57D97D;--aqua-soft:#E4F8EB;--aqua-wash:#F5FFF8;
  --white:#FFFFFF;--text:#263747;--line:#D7E5E3;--font:"Plus Jakarta Sans",Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;font-family:var(--font);font-synthesis:none}
body,button,input,select,a,p,span,label,small,strong,b,em,i,h1,h2,h3,div,section,article,header{font-family:var(--font)}
body{margin:0;overflow-x:clip;background:var(--white);color:var(--black);font-size:16px;font-weight:400;line-height:1.65;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:var(--aqua);color:var(--black)}
a{color:inherit;text-decoration:none}button{color:inherit}strong,b{font-weight:600}em,i{font-style:normal}img{display:block;max-width:100%}main{width:100%;overflow-x:clip;overflow-y:visible}
.careers-page-main svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
button,input,select{font:inherit}.section{width:min(100%,1600px);margin:0 auto;padding:clamp(92px,8vw,136px) max(24px,5.5vw)}
.overline{margin:0 0 14px;color:var(--navy);font-size:11px;font-weight:600;line-height:17px;letter-spacing:.09em}
.heading{width:min(100%,1440px);margin:0 auto 44px}.heading h2,.culture-heading h2,.final-cta h2{margin:0;color:var(--black);font-size:clamp(3rem,5.1vw,5.7rem);font-weight:700;line-height:.94;letter-spacing:-.055em}.heading h2 em,.culture-heading h2 em,.final-cta h2 em{color:var(--aqua)}

.hero{position:relative;width:min(calc(100% - 28px),1680px);min-height:580px;margin:14px auto 0;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:var(--white);color:var(--black);display:flex;flex-direction:column;justify-content:center}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--white) 0%,var(--white) 58%,rgba(255,255,255,.92) 66%,transparent 76%);pointer-events:none}
.hero-art{position:absolute;inset:0 0 0 64%;overflow:hidden;background:radial-gradient(circle at 62% 35%,rgba(87,217,125,.3),transparent 27%),linear-gradient(145deg,#0D478C,var(--navy) 68%)}
.hero-art::before,.hero-art::after{content:"";position:absolute;inset:-20%;background:repeating-linear-gradient(120deg,transparent 0 32px,rgba(87,217,125,.18) 33px,transparent 34px 68px);transform:skewY(-9deg) rotate(-4deg)}
.hero-art::after{background:repeating-radial-gradient(ellipse at center,transparent 0 18px,rgba(87,217,125,.13) 20px,transparent 22px 42px);transform:rotate(-16deg) scale(1.25)}
.hero-art span{position:absolute;border:1px solid rgba(87,217,125,.48);border-radius:50%}.hero-art span:nth-child(1){width:220px;height:220px;right:12%;top:12%}.hero-art span:nth-child(2){width:420px;height:420px;right:-7%;bottom:-18%}.hero-art span:nth-child(3){width:78px;height:78px;right:34%;bottom:19%;background:rgba(0,239,212,.13)}
.hero-copy{position:relative;z-index:2;padding:clamp(62px,7vw,104px);max-width:1120px}.hero-label{margin:0 0 20px;color:var(--navy);font-size:12px;font-weight:600;letter-spacing:.08em}.hero-label b{margin-right:14px;color:var(--aqua);font-size:28px;letter-spacing:-.03em}
.hero h1{margin:0;max-width:1250px;font-size:clamp(4.8rem,8.7vw,9.6rem);font-weight:700;line-height:.83;letter-spacing:-.075em}.hero h1 em{color:var(--aqua)}.hero-copy>p:last-of-type{max-width:650px;margin:28px 0 0;color:var(--text);font-size:17px;line-height:29px}
.pill{width:max-content;min-height:54px;margin-top:31px;padding:0 7px 0 20px;border:1px solid var(--navy);border-radius:999px;background:var(--navy);color:var(--white);display:flex;align-items:center;gap:18px;font-size:14px;font-weight:600;transition:background .25s ease,color .25s ease}.pill i,.details-button i,.job-detail>a i{width:40px;height:40px;border-radius:50%;background:var(--aqua);color:var(--black);display:grid;place-items:center;transition:transform .25s ease,background .25s ease}.pill svg,.details-button svg,.job-detail>a svg{width:17px;height:17px}.pill:hover{background:var(--white);color:var(--navy)}.pill:hover i{transform:translateX(3px)}

.roles{padding-top:clamp(110px,9vw,150px)}.filter-bar{width:min(100%,1440px);margin:0 auto;padding:15px;border-radius:14px;background:var(--navy);display:grid;grid-template-columns:1.15fr .85fr .85fr auto;gap:10px;align-items:end}.filter-bar label{min-width:0;display:grid;gap:7px}.filter-bar label>span{padding-left:3px;color:var(--aqua);font-size:9px;font-weight:600;line-height:15px;letter-spacing:.1em}
.filter-bar input,.filter-bar select{width:100%;height:52px;padding:0 15px;border:1px solid transparent;border-radius:8px;background:var(--white);color:var(--black);outline:none;box-shadow:none;font-size:14px}.filter-bar input::placeholder{color:#65727c;opacity:.7}.filter-bar input:focus,.filter-bar select:focus{border-color:var(--aqua);box-shadow:0 0 0 3px rgba(87,217,125,.22)}.filter-bar select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--navy) 50%),linear-gradient(135deg,var(--navy) 50%,transparent 50%);background-position:calc(100% - 18px) 22px,calc(100% - 13px) 22px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:38px}
.search-button{height:52px;min-width:162px;padding:0 18px;border:0;border-radius:8px;background:var(--aqua);color:var(--black);display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-size:13px;font-weight:600;transition:background .2s ease}.search-button svg{width:17px;height:17px}.search-button:hover{background:var(--white)}
.result-line{width:min(100%,1440px);min-height:49px;margin:8px auto 0;padding:0 4px;display:flex;align-items:center;justify-content:space-between;color:var(--navy);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.reset-filters{border:0;border-bottom:1px solid var(--black);padding:3px 0;background:transparent;cursor:pointer;font-size:10px;font-weight:600}.reset-filters[hidden]{display:none}
.job-list{width:min(100%,1440px);margin:0 auto;display:grid;gap:10px}.job-card{margin:0;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:var(--white);transition:border-color .2s ease,background .2s ease}.job-card:hover,.job-card.open{border-color:var(--navy);background:var(--aqua-wash)}
.job-summary{min-height:104px;padding:17px 17px 17px 20px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:16px;align-items:center}.job-number{align-self:start;padding-top:5px;color:var(--aqua);font-size:10px;font-weight:600;letter-spacing:.09em}.job-copy h3{margin:0 0 9px;font-size:clamp(1.02rem,1.3vw,1.22rem);font-weight:600;line-height:1.35;letter-spacing:-.02em}.job-copy p{margin:0;display:flex;flex-wrap:wrap;gap:7px 22px;color:var(--text);font-size:12px;line-height:18px}.job-copy p span{display:flex;align-items:center;gap:6px}.job-copy p svg{width:14px;height:14px;color:var(--navy)}
.details-button{min-height:48px;padding:0 6px 0 17px;border:1px solid var(--navy);border-radius:999px;background:var(--white);display:flex;align-items:center;gap:13px;cursor:pointer;font-size:12px;font-weight:600;white-space:nowrap}.details-button:hover{background:var(--navy);color:var(--white)}.details-button i{width:36px;height:36px}.details-button i svg{transition:transform .25s ease}.job-card.open .details-button i svg{transform:rotate(180deg)}
.job-detail{padding:22px 18px 22px 80px;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:end}.job-detail>div>span{color:var(--navy);font-size:9px;font-weight:600;letter-spacing:.1em}.job-detail p{max-width:720px;margin:8px 0 0;color:var(--text);font-size:14px;line-height:23px}.job-detail>a{min-height:48px;padding:0 6px 0 17px;border-radius:999px;background:var(--navy);color:var(--white);display:flex;align-items:center;gap:14px;font-size:12px;font-weight:600}.job-detail>a:hover i{background:var(--white)}
.empty{min-height:290px;border:1px solid var(--line);border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px}.empty>i{width:46px;height:46px;border-radius:50%;background:var(--aqua);display:grid;place-items:center}.empty>i svg{width:19px;height:19px}.empty h3{margin:17px 0 5px;font-size:23px;font-weight:600}.empty p{max-width:470px;margin:0;color:var(--text);font-size:14px}.empty button{margin-top:16px;border:0;background:transparent;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;font-weight:600}.empty button svg{width:16px;height:16px}

.experience{padding-top:clamp(96px,8vw,136px);display:grid;grid-template-columns:minmax(360px,.7fr) minmax(0,1fr);gap:clamp(44px,6vw,96px);align-items:start}.experience>.heading{position:sticky;top:32px;width:auto;margin:0}.experience>.heading h2{font-size:clamp(3rem,4.8vw,5.35rem)}.experience-stack{width:100%;margin:0;padding-bottom:clamp(80px,10vw,160px);display:grid;grid-template-columns:1fr;gap:28px}.experience-stack article{position:sticky;top:32px;z-index:1;align-self:start;width:100%;min-height:235px;padding:28px;border:1px solid var(--line);border-radius:16px;background:var(--aqua-soft);box-shadow:0 16px 40px rgba(8,53,109,.08);display:grid;grid-template-columns:minmax(0,.9fr) minmax(260px,1fr);gap:28px;transition:border-color .2s ease}.experience-stack article:nth-child(2){top:52px;z-index:2}.experience-stack article:nth-child(3){top:72px;z-index:3}.experience-stack article:hover{border-color:var(--navy)}.experience-stack article.accent-card{background:var(--navy);border-color:var(--navy);color:var(--white)}.experience-stack article:nth-child(3){background:var(--white);border-color:var(--navy)}
.experience-stack article>div{display:flex;justify-content:space-between;color:var(--navy);font-size:10px;font-weight:600;letter-spacing:.08em}.experience-stack article>div i,.benefit-list article>i{width:44px;height:44px;border-radius:50%;background:var(--aqua-soft);color:var(--navy);display:grid;place-items:center}.experience-stack .accent-card>div i{background:var(--white)}.experience-stack article>div svg,.benefit-list article>i svg{width:19px;height:19px}.experience-stack h3{margin:48px 0 0;font-size:clamp(1.8rem,2.35vw,2.6rem);font-weight:700;line-height:1;letter-spacing:-.045em}.experience-stack p{max-width:480px;margin:48px 0 0;color:var(--text);font-size:14px;line-height:23px}.experience-stack .accent-card h3{color:var(--white)}.experience-stack .accent-card p{color:#DCE8F3}.experience-stack .accent-card>div{color:#72E39D}

.culture-showcase{width:min(100%,1600px)}.culture-heading{width:min(100%,1440px);margin:0 auto 44px;display:flex;align-items:end;justify-content:space-between;gap:32px}.culture-heading h2{font-size:clamp(3rem,4.9vw,5.5rem)}.culture-controls{display:flex;gap:10px;padding-bottom:5px}.culture-controls button{width:52px;height:52px;border:1px solid var(--navy);border-radius:50%;background:var(--white);color:var(--navy);display:grid;place-items:center;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}.culture-controls button:hover{background:var(--navy);color:var(--white);transform:translateY(-2px)}.culture-controls svg{width:20px;height:20px}
.culture-viewport{width:min(100%,1440px);margin:0 auto;overflow:hidden;border-radius:22px}.culture-track{display:flex;transition:transform .65s cubic-bezier(.22,.8,.24,1);will-change:transform}.culture-card{min-width:100%;min-height:410px;padding:36px;border-radius:22px;background:var(--aqua-soft);display:grid;grid-template-columns:minmax(0,.86fr) minmax(430px,1.14fr);gap:clamp(36px,5vw,72px);align-items:center}.culture-card:nth-child(2){background:#72E39D}.culture-card:nth-child(3){background:var(--aqua-wash);border:1px solid var(--line)}.culture-card.image-left figure{order:-1}.culture-card-copy{padding:12px}.culture-card-copy>span{display:block;margin-bottom:15px;color:var(--navy);font-size:10px;font-weight:600;letter-spacing:.08em}.culture-card h3{margin:0;color:var(--black);font-size:clamp(2rem,3vw,3.45rem);font-weight:700;line-height:1;letter-spacing:-.045em}.culture-card p{max-width:480px;margin:18px 0 0;color:var(--text);font-size:15px;line-height:25px}.culture-card figure{height:330px;margin:0;overflow:hidden;border-radius:18px;background:var(--white)}.culture-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.culture-card:hover img{transform:scale(1.035)}.culture-dots{display:flex;justify-content:center;gap:8px;margin-top:16px}.culture-dots button{width:9px;height:9px;padding:0;border:0;border-radius:999px;background:var(--line);cursor:pointer;transition:width .25s ease,background .25s ease}.culture-dots button.active{width:30px;background:var(--aqua)}

.benefits{padding-top:clamp(104px,8vw,132px)}.benefit-list{width:min(100%,1440px);margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--navy);border-bottom:1px solid var(--navy)}.benefit-list article{min-height:205px;padding:30px 28px;border:0;border-right:1px solid rgba(8,53,109,.2);border-bottom:1px solid rgba(8,53,109,.2);border-radius:0;background:var(--white);display:grid;grid-template-columns:28px 48px minmax(0,1fr);gap:14px;align-items:start;transition:background .25s ease}.benefit-list article:nth-child(3n){border-right:0}.benefit-list article:nth-child(n+4){border-bottom:0}.benefit-list article:nth-child(2),.benefit-list article:nth-child(5){background:var(--aqua-soft)}.benefit-list article:nth-child(4){background:#72E39D}.benefit-list article:hover{background:var(--aqua-wash)}.benefit-list article>span{padding-top:4px;color:var(--navy);font-size:10px;font-weight:600;letter-spacing:.08em}.benefit-list article>i{width:46px;height:46px;border:1px solid rgba(8,53,109,.15);background:var(--white);color:var(--navy)}.benefit-list article>div{align-self:center}.benefit-list h3{margin:0 0 8px;font-size:19px;font-weight:600;line-height:27px;letter-spacing:-.02em}.benefit-list p{max-width:330px;margin:0;color:var(--text);font-size:13px;line-height:22px}

.process{width:min(calc(100% - 28px),1680px);margin:14px auto;padding:clamp(66px,7vw,108px);border:1px solid var(--line);border-radius:20px;background:var(--aqua-wash);color:var(--black)}.process .overline{color:var(--navy)}.process .heading h2{color:var(--black)}.process .heading h2 em{color:var(--aqua)}.process-grid{width:100%;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--navy)}.process-grid article{min-height:285px;padding:28px;border:0;border-right:1px solid rgba(8,53,109,.2);border-radius:0;background:transparent;display:flex;flex-direction:column}.process-grid article:last-child{border-right:0}.process-grid article>div{display:flex;justify-content:space-between;color:var(--navy);font-size:10px;font-weight:600;letter-spacing:.09em}.process-grid article>div svg{width:19px;height:19px}.process-grid h3{margin:auto 0 8px;color:var(--black);font-size:23px;font-weight:600;line-height:30px;letter-spacing:-.025em}.process-grid p{max-width:390px;margin:0;color:var(--text);font-size:13px;line-height:22px}

.final-cta{width:min(calc(100% - 28px),1680px);min-height:360px;margin:14px auto;overflow:hidden;border-radius:20px;background:#72E39D;color:var(--black);display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.36fr)}.final-cta>div{padding:clamp(42px,5.5vw,84px);display:flex;flex-direction:column;justify-content:center}.final-cta h2{color:var(--black);font-size:clamp(3rem,5vw,5.6rem)}.final-cta h2 em{color:var(--navy)}.final-cta>div>span{max-width:590px;margin-top:21px;color:var(--text);font-size:15px;line-height:25px}.final-cta>a{padding:30px;background:var(--navy);color:var(--white);display:flex;flex-direction:column;transition:background .2s ease}.final-cta>a small{font-size:10px;font-weight:600;letter-spacing:.06em;overflow-wrap:anywhere}.final-cta>a strong{max-width:230px;margin:auto 0 18px;font-size:23px;line-height:1.22;letter-spacing:-.025em}.final-cta>a i{width:72px;height:72px;align-self:flex-end;border-radius:50%;background:#72E39D;color:var(--navy);display:grid;place-items:center;transition:background .2s ease}.final-cta>a i svg{width:27px;height:27px}.final-cta>a:hover{background:#0D478C}.final-cta>a:hover i{background:var(--white)}

[data-reveal]{opacity:1;transform:none}
.careers-page-main{overflow:visible}
.experience,.experience-stack{overflow:visible}

/* Single Career hero in the same visual system as the UX/UI Design hero. */
.career-service-hero{position:relative;width:100%;max-width:1700px;margin:0 auto clamp(72px,5vw,96px);padding:clamp(18px,1.45vw,28px) clamp(24px,2.5vw,48px) clamp(48px,4vw,70px);background:#fff;overflow:visible}
.career-hero-picture{display:block;width:100%;line-height:0}
.career-hero-art{display:block;width:100%;height:auto;margin:0}
.career-hero-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.career-hero-cta{position:absolute;right:clamp(52px,4.5vw,86px);bottom:clamp(50px,4.5vw,76px);z-index:5;width:clamp(286px,21vw,360px);min-height:clamp(62px,4.6vw,76px);padding:0 8px 0 clamp(24px,2vw,34px);border:1.5px solid #111;border-radius:999px;background:#fff;color:#111;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:clamp(17px,1.3vw,22px);font-weight:500;line-height:1;letter-spacing:-.035em;white-space:nowrap;box-shadow:none}
.career-hero-cta i{width:clamp(50px,3.6vw,62px);height:clamp(50px,3.6vw,62px);flex:0 0 auto;border:5px solid #2ED06E;border-radius:50%;background:#fff;display:grid;place-items:center;overflow:hidden}
.career-hero-cta i img{width:47%;height:47%;object-fit:contain}
.career-hero-cta:hover{background:#2ED06E;color:#111}
.career-hero-cta:hover i{background:#fff;transform:translateX(2px)}

/* Exact UX/UI hero copy, isolated from the original Career hero below it. */
.career-uxui-frame-shell{width:100%;margin:0;padding:0;background:#fff;overflow:hidden}
.career-uxui-frame{display:block;width:100%;height:clamp(760px,58vw,980px);margin:0;border:0;background:#fff;overflow:hidden}

@media(max-width:991px) and (min-width:768px){
  .career-service-hero{padding:14px 10px 48px;margin-bottom:68px}
  .career-hero-cta{right:clamp(28px,4.5vw,48px);bottom:clamp(35px,4vw,46px);width:clamp(220px,29vw,272px);min-height:54px;padding-left:20px;font-size:14px}
  .career-hero-cta i{width:42px;height:42px;border-width:4px}
}

@media(max-width:767px){
  .career-uxui-frame{height:760px}
  .career-service-hero{width:100%;max-width:484px;margin:0 auto 58px;padding:0 0 34px;overflow:visible}
  .career-hero-art{width:100%;height:auto}
  .career-hero-cta{right:clamp(16px,7vw,34px);bottom:18px;width:calc(100% - clamp(44px,13vw,72px));min-height:92px;padding:0 10px 0 clamp(22px,6vw,34px);border-width:2px;font-size:clamp(18px,5vw,24px)}
  .career-hero-cta i{width:68px;height:68px;border-width:5px}
}

@media(max-width:390px){
  .career-hero-cta{min-height:78px;font-size:17px}
  .career-hero-cta i{width:58px;height:58px;border-width:4px}
}
@media(max-width:1050px){
  .filter-bar{grid-template-columns:1fr 1fr}.search-button{width:100%}.experience{grid-template-columns:1fr}.experience>.heading{position:static}.experience-stack{grid-template-columns:1fr}.culture-card{grid-template-columns:1fr;min-height:0;padding:22px}.culture-card figure{order:-1;height:280px}.benefit-list{grid-template-columns:repeat(2,minmax(0,1fr))}.benefit-list article:nth-child(n){border-right:1px solid rgba(8,53,109,.2);border-bottom:1px solid rgba(8,53,109,.2)}.benefit-list article:nth-child(2n){border-right:0}.benefit-list article:nth-child(n+5){border-bottom:0}.final-cta{grid-template-columns:1fr}.final-cta>a{min-height:210px}
}
@media(max-width:760px){
  .section{padding:78px 18px}.heading{margin-bottom:31px}.heading h2,.culture-heading h2,.final-cta h2{font-size:clamp(2.95rem,13vw,4.35rem);line-height:.92}.hero{width:calc(100% - 14px);min-height:600px;margin:7px auto 0;border-radius:15px}.hero::after{background:linear-gradient(180deg,var(--white) 0%,var(--white) 70%,rgba(255,255,255,.86) 83%,transparent 100%)}.hero-art{inset:auto 0 0 38%;height:26%;opacity:1}.hero-copy{padding:48px 20px 40px}.hero-label{margin-bottom:16px}.hero-label b{display:block;margin:0 0 4px}.hero h1{font-size:clamp(3.9rem,17vw,5.5rem);line-height:.86}.hero-copy>p:last-of-type{font-size:15px;line-height:25px}.pill{width:100%;justify-content:space-between}
  .filter-bar{padding:13px;grid-template-columns:1fr;gap:11px}.job-summary{padding:17px;grid-template-columns:30px minmax(0,1fr);gap:10px}.details-button{grid-column:2;width:max-content;margin-top:5px}.job-copy p{flex-direction:column;gap:4px}.job-detail{padding:20px 17px;grid-template-columns:1fr}.job-detail>a{width:max-content}.experience-stack{gap:18px;padding-bottom:105px}.experience-stack article{top:12px;min-height:300px;padding:21px;grid-template-columns:1fr}.experience-stack article:nth-child(2){top:28px}.experience-stack article:nth-child(3){top:44px}.experience-stack h3{margin-top:42px;font-size:clamp(2rem,10vw,3rem)}.experience-stack p{margin-top:14px}
  .culture-heading{margin-bottom:26px;align-items:flex-end}.culture-controls button{width:44px;height:44px}.culture-controls{gap:7px}.culture-card{min-height:0;padding:12px;border-radius:18px;gap:0}.culture-card-copy{padding:22px 10px 16px}.culture-card h3{font-size:clamp(2rem,10vw,3rem)}.culture-card p{margin-top:12px;font-size:14px;line-height:23px}.culture-card figure{height:220px;border-radius:14px}.culture-viewport{border-radius:18px}.culture-dots{margin-top:14px}.benefit-list{grid-template-columns:1fr}.benefit-list article,.benefit-list article:nth-child(n){min-height:155px;padding:22px 4px;border-right:0;border-bottom:1px solid rgba(8,53,109,.2);grid-template-columns:27px 42px minmax(0,1fr);gap:10px}.benefit-list article:last-child{border-bottom:0}
  .process{width:calc(100% - 14px);padding:58px 18px;border-radius:14px}.process-grid{grid-template-columns:1fr;gap:0}.process-grid article{min-height:230px;padding:24px 4px;border-right:0;border-bottom:1px solid rgba(8,53,109,.2)}.process-grid article:last-child{border-bottom:0}.final-cta{width:calc(100% - 14px);min-height:0;margin:7px auto;border-radius:14px}.final-cta>div{min-height:350px;padding:37px 20px}.final-cta>a{min-height:190px;padding:22px}.final-cta>a strong{font-size:21px}.final-cta>a i{width:60px;height:60px}
}
@media(max-width:390px){.hero h1{font-size:3.55rem}.job-summary{grid-template-columns:1fr}.job-number,.details-button{grid-column:1}.benefit-list article,.benefit-list article:nth-child(even){grid-template-columns:23px 39px minmax(0,1fr);gap:8px}.benefit-list article>i{width:39px;height:39px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}[data-reveal]{opacity:1!important;transform:none!important}}

/* =========================================================
   FINAL VERIFIED VISUAL SYSTEM
   One source of truth for hero, SVGs, buttons and cards.
   ========================================================= */

/* Generic external SVG artwork */
.pack-icon,
.benefit-art,
.benefit-arrow-art,
.process-arrow-art{
  display:block;
  object-fit:contain;
  object-position:center;
  max-width:none;
}

/* HERO — compact, clean, with the earlier handwritten green word style */
.hero{
  width:min(calc(100% - 28px),1680px);
  min-height:0;
  margin:14px auto 0;
  padding:0;
  border:1px solid var(--line);
  border-radius:22px;
  background:var(--white);
  overflow:hidden;
  display:block;
}
.hero::after{display:none}
.hero-copy{
  width:min(100%,1220px);
  max-width:none;
  padding:clamp(48px,5vw,74px) clamp(38px,6.2vw,104px) clamp(44px,5vw,70px);
}
.hero-label{
  margin:0 0 14px;
  color:var(--navy);
  font-size:12px;
  font-weight:600;
  line-height:1.2;
  letter-spacing:.09em;
  display:flex;
  align-items:center;
  gap:10px;
}
.hero-label::before{
  content:"";
  width:34px;
  height:2px;
  border-radius:10px;
  background:var(--aqua);
}
.hero h1{
  max-width:1080px;
  margin:0;
  font-size:clamp(4rem,7vw,7.3rem);
  font-weight:700;
  line-height:.88;
  letter-spacing:-.065em;
}
.hero h1 span,
.hero h1 em{display:block}
.hero h1 em{
  width:max-content;
  max-width:100%;
  margin-top:.02em;
  color:var(--aqua);
  font-family:"Plus Jakarta Sans",Arial,sans-serif !important;
  font-style:italic;
  font-size:.88em;
  font-weight:700;
  line-height:.96;
  letter-spacing:-.045em;
  transform:rotate(-1deg);
  transform-origin:left center;
}
.hero-copy>p:last-of-type{
  max-width:625px;
  margin:20px 0 0;
  color:var(--text);
  font-size:16px;
  line-height:1.7;
}

/* NAVY ACTION BUTTONS — white end circle + thin navy SVG */
.pill,
.job-detail>a{
  min-height:58px;
  padding:0 7px 0 22px;
  border:1px solid var(--navy);
  border-radius:999px;
  background:var(--navy);
  color:var(--white);
  display:flex;
  align-items:center;
  gap:15px;
  font-size:14px;
  font-weight:600;
}
.pill{width:max-content;margin-top:26px}
.pill i,
.job-detail>a i{
  width:46px;
  height:46px;
  flex:0 0 46px;
  border-radius:50%;
  background:var(--white);
  display:grid;
  place-items:center;
  overflow:hidden;
}
.pill i .pack-icon,
.job-detail>a i .pack-icon{
  width:21px !important;
  height:21px !important;
}
.pill:hover,
.job-detail>a:hover{background:#0D478C;color:var(--white)}
.pill:hover i{transform:none}

/* Job details button */
.details-button{
  min-height:54px;
  padding:0 7px 0 18px;
  border:1px solid var(--navy);
  border-radius:999px;
  background:var(--white);
  color:var(--black);
  gap:13px;
}
.details-button i{
  width:42px;
  height:42px;
  flex:0 0 42px;
  border-radius:50%;
  background:var(--aqua);
  color:var(--black);
  display:grid;
  place-items:center;
}
.details-button i svg{width:17px;height:17px}
.details-button:hover,.job-card.open .details-button{background:var(--white);color:var(--black)}

/* WHY DEEPCIPHERS — all boxed icons same holder and same optical size */
.experience-stack article>div{
  min-height:66px;
  align-items:flex-start;
  gap:18px;
}
.experience-stack article>div>span{padding-top:8px}
.experience-stack article>div i{
  width:66px;
  height:66px;
  flex:0 0 66px;
  border:1px solid rgba(8,53,109,.12);
  border-radius:17px;
  background:var(--white);
  display:grid;
  place-items:center;
  overflow:hidden;
}
.experience-stack article>div i .pack-icon{
  width:46px;
  height:46px;
}
.experience-stack .accent-card>div i{
  background:var(--white);
  border-color:rgba(255,255,255,.35);
}
.experience-stack .accent-card>div{color:var(--aqua)}
.experience-stack h3{overflow-wrap:anywhere}

/* CULTURE arrows — equal white circles */
.culture-controls button{
  width:56px;
  height:56px;
  border:1px solid var(--navy);
  border-radius:50%;
  background:var(--white);
  color:var(--navy);
  display:grid;
  place-items:center;
}
.culture-controls button .pack-icon{width:22px;height:22px}
.culture-controls button:hover{background:var(--white);color:var(--navy);transform:none}

/* FOUR SERVICE-STYLE CARDS — thin original icons, equal 56x56 footprint */
.benefit-list{
  width:min(100%,1440px);
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
  border:0;
}
.benefit-list .benefit-card,
.benefit-list .benefit-card:nth-child(n){
  position:relative;
  min-width:0;
  min-height:300px;
  padding:38px 42px 34px;
  border:1px solid #29333B;
  border-radius:30px;
  background:var(--white) !important;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.benefit-card .benefit-art{
  position:absolute;
  top:36px;
  left:42px;
  width:56px;
  height:56px;
}
.benefit-card .benefit-arrow-art{
  position:absolute;
  top:44px;
  right:42px;
  width:28px;
  height:28px;
}
.benefit-card .benefit-copy{
  margin-top:auto;
  padding-top:116px;
  min-width:0;
}
.benefit-card h3{
  margin:0 0 10px;
  color:#111820;
  font-size:clamp(1.55rem,2vw,2.1rem);
  font-weight:600;
  line-height:1.12;
  letter-spacing:-.035em;
}
.benefit-card p{
  max-width:530px;
  margin:0;
  color:#40546A;
  font-size:15px;
  line-height:1.7;
}

/* HIRING PROCESS — thin, fixed-size SVG arrows */
.process-grid article>div{align-items:center}
.process-arrow-art{
  width:24px;
  height:24px;
  flex:0 0 24px;
}

/* FINAL CTA — readable white heading, green application panel */
.final-cta{
  min-height:330px;
  background:var(--navy);
  color:var(--white);
}
.final-cta>div{background:var(--navy)}
.final-cta h2,
.final-cta h2 span,
.final-cta h2 em{color:var(--white) !important}
.final-cta>div>span{color:rgba(255,255,255,.80)}
.final-cta>a{
  background:var(--aqua);
  color:var(--navy);
}
.final-cta>a i{
  width:66px;
  height:66px;
  background:var(--navy);
  display:grid;
  place-items:center;
  overflow:hidden;
}
.final-cta>a i .pack-icon{
  width:25px;
  height:25px;
}
.final-cta>a:hover{background:#72E39D}
.final-cta>a:hover i{background:var(--navy)}

/* RESPONSIVE AUDIT */
@media(max-width:1050px){
  .hero-copy{padding:52px 46px 50px}
  .hero h1{font-size:clamp(4rem,9vw,6.4rem)}
  .experience-stack{gap:18px}
  .experience-stack article{min-height:250px}
  .benefit-list{gap:18px}
  .benefit-list .benefit-card{min-height:280px;padding:34px 34px 30px}
  .benefit-card .benefit-art{top:32px;left:34px}
  .benefit-card .benefit-arrow-art{top:40px;right:34px}
}

@media(max-width:760px){
  .section{padding:68px 18px}
  .hero{
    width:calc(100% - 14px);
    min-height:0;
    margin:7px auto 0;
    border-radius:16px;
  }
  .hero-copy{padding:38px 20px 36px}
  .hero h1{font-size:clamp(3.2rem,14vw,4.5rem);line-height:.88}
  .hero h1 em{font-size:.9em;margin-top:.04em}
  .hero-copy>p:last-of-type{margin-top:17px;font-size:14px;line-height:1.65}
  .pill{width:100%;min-height:54px;margin-top:22px;justify-content:space-between}
  .pill i,.job-detail>a i{width:42px;height:42px;flex-basis:42px}
  .pill i .pack-icon,.job-detail>a i .pack-icon{width:19px!important;height:19px!important}

  .job-summary{grid-template-columns:28px minmax(0,1fr);gap:10px}
  .details-button{grid-column:2;width:max-content;max-width:100%;min-height:52px}
  .job-detail{padding:20px 17px;grid-template-columns:1fr}
  .job-detail>a{width:100%;justify-content:space-between;min-height:54px}

  .experience-stack article{min-height:250px;padding:22px}
  .experience-stack article>div i{width:60px;height:60px;flex-basis:60px;border-radius:15px}
  .experience-stack article>div i .pack-icon{width:42px;height:42px}
  .experience-stack h3{margin-top:28px;font-size:clamp(1.8rem,9vw,2.65rem);line-height:.98}
  .experience-stack p{margin-top:16px;font-size:14px;line-height:1.65}

  .culture-heading{align-items:flex-end;gap:16px}
  .culture-heading h2{font-size:clamp(2.7rem,12vw,4rem)}
  .culture-controls button{width:50px;height:50px;flex:0 0 50px}
  .culture-controls button .pack-icon{width:20px;height:20px}

  .benefit-list{grid-template-columns:1fr;gap:14px}
  .benefit-list .benefit-card,
  .benefit-list .benefit-card:nth-child(n){
    min-height:230px;
    padding:26px 24px 24px;
    border-radius:22px;
  }
  .benefit-card .benefit-art{top:25px;left:24px;width:50px;height:50px}
  .benefit-card .benefit-arrow-art{top:31px;right:24px;width:25px;height:25px}
  .benefit-card .benefit-copy{padding-top:94px}
  .benefit-card h3{font-size:clamp(1.45rem,7vw,1.9rem)}
  .benefit-card p{font-size:14px;line-height:1.65}

  .process{padding:52px 18px}
  .process-grid article{min-height:205px;padding:24px 8px}
  .process-arrow-art{width:22px;height:22px}

  .final-cta{min-height:0}
  .final-cta>div{min-height:250px;padding:34px 22px}
  .final-cta>a{min-height:170px;padding:22px}
  .final-cta>a i{width:56px;height:56px}
  .final-cta>a i .pack-icon{width:22px;height:22px}
}

@media(max-width:420px){
  .hero h1{font-size:clamp(3rem,14.5vw,3.8rem)}
  .heading h2,.culture-heading h2,.final-cta h2{overflow-wrap:anywhere}
  .experience-stack article>div i{width:56px;height:56px;flex-basis:56px}
  .experience-stack article>div i .pack-icon{width:39px;height:39px}
  .benefit-card .benefit-art{width:48px;height:48px}
}

/* FINAL CTA — clean inverse hover interaction */
.final-cta>a{
  background:var(--aqua);
  color:var(--navy);
  transition:background-color .28s ease,color .28s ease,border-color .28s ease;
}
.final-cta>a small,
.final-cta>a strong{
  color:var(--navy);
  transition:color .28s ease;
}
.final-cta>a i{
  background:var(--white);
  color:var(--navy);
  border:1px solid rgba(8,53,109,.08);
  transition:background-color .28s ease,color .28s ease,transform .28s ease;
}
.final-cta>a i .pack-icon{
  width:24px;
  height:24px;
}
.final-cta>a:hover{
  background:var(--white);
  color:var(--navy);
}
.final-cta>a:hover small,
.final-cta>a:hover strong{
  color:var(--navy);
}
.final-cta>a:hover i{
  background:var(--aqua);
  color:var(--navy);
  transform:translate(2px,-2px);
}

@media(max-width:760px){
  .final-cta>a i{
    width:58px;
    height:58px;
  }
  .final-cta>a i .pack-icon{
    width:21px;
    height:21px;
  }
}

/* Final CTA heading color interaction */
.final-cta>a strong{
  color:var(--navy);
  transition:color .28s ease;
}
.final-cta>a:hover strong{
  color:var(--aqua);
}
.final-cta>a:hover small{
  color:var(--navy);
}

/* Keep the document as the scroll container so the experience stack can stick. */
html.careers-page-document,body.careers-page-body{overflow-x:clip!important;overflow-y:visible!important;}
.careers-page-main .experience{--experience-top:112px;}
.careers-page-main .experience>.heading{top:var(--experience-top);}
.careers-page-main .experience-stack{padding-bottom:clamp(160px,18vw,260px);}
.careers-page-main .experience-stack article{top:var(--experience-top);}
.careers-page-main .experience-stack article:nth-child(2){top:calc(var(--experience-top) + 20px);}
.careers-page-main .experience-stack article:nth-child(3){top:calc(var(--experience-top) + 40px);}
@media(max-width:900px){.careers-page-main .experience{--experience-top:92px;}}
@media(max-width:600px){.careers-page-main .experience{--experience-top:84px;}.careers-page-main .experience-stack{padding-bottom:180px;}}
@media(max-height:500px){.careers-page-main .experience-stack article,.careers-page-main .experience>.heading{position:static;}.careers-page-main .experience-stack{padding-bottom:32px;}}

/* Mobile form-control legibility: prevent iOS focus zoom without changing desktop typography. */
@media(max-width:767px){
  .filter-bar input,
  .filter-bar select{font-size:16px}
}

/* Accessible carousel pagination: preserve the visual dot while enlarging the actual control target. */
.culture-dots button{
  position:relative;
  width:24px;
  height:24px;
  background:transparent;
}
.culture-dots button::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:9px;
  height:9px;
  border-radius:999px;
  background:var(--line);
  transform:translate(-50%,-50%);
  transition:width .25s ease,background .25s ease;
}
.culture-dots button.active{
  width:30px;
  background:transparent;
}
.culture-dots button.active::after{
  width:30px;
  background:var(--aqua);
}

/* Careers role cards: one-click navigation, styled like the original "View full role" CTA.
   The existing card grid and every other CTA remain unchanged. */
.careers-page-body .roles .job-summary > .job-role-link {
  min-height: 54px;
  padding: 0 7px 0 18px;
  border: 0;
  border-radius: 999px;
  background: var(--navy);
  color: var(--white);
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 13px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  width: max-content;
  max-width: 100%;
  box-sizing: border-box;
  transition: background .25s ease;
}
.careers-page-body .roles .job-summary > .job-role-link:hover { background: #0D478C; color: var(--white); }
.careers-page-body .roles .job-summary > .job-role-link i {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  border-radius: 50%;
  background: var(--white);
  color: var(--navy);
  display: grid;
  place-items: center;
}
.careers-page-body .roles .job-summary > .job-role-link i svg {
  width: 17px;
  height: 17px;
  transition: transform .25s ease;
}
.careers-page-body .roles .job-summary > .job-role-link:hover i svg { transform: translate(2px, -2px); }
.careers-page-body .roles .job-summary > .job-role-link:focus-visible { outline: 2px solid var(--navy); outline-offset: 4px; }
@media(max-width:760px) {
  .careers-page-body .roles .job-summary > .job-role-link { grid-column: 2; margin-top: 5px; }
}
@media(prefers-reduced-motion:reduce) {
  .careers-page-body .roles .job-summary > .job-role-link,
  .careers-page-body .roles .job-summary > .job-role-link i svg { transition: none; }
  .careers-page-body .roles .job-summary > .job-role-link:hover i svg { transform: none; }
}