/* Careers page — adapted from Figma Careers Page Design */
.cr-eyebrow{display:block;font-weight:700;font-size:20px;line-height:1.2;letter-spacing:3.75px;color:#0a52c8 !important;margin-bottom:18px;text-transform:uppercase;}
.cr-eyebrow--light{color:#fff;}
.cr-lead{font-size:18px;line-height:1.55;color:#505050;margin:0 0 28px;}
.cr-btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:56px;padding:14px 34px;border-radius:59px;font-weight:700;font-size:15px;letter-spacing:2.4px;text-transform:uppercase;color:#505050;transition:opacity .25s ease,transform .25s ease;}
.cr-btn img{width:22px;height:auto;display:block;}
.cr-btn--green{background:linear-gradient(160deg,#7EC344 22%,#ffffff 167%);}
.cr-btn--green:hover{opacity:.92;color:#505050;transform:translateY(-1px);}
.cr-btn--outline{background:rgba(255,255,255,.1);border:1px solid #fff;color:#fff;}
.cr-btn--outline:hover{background:rgba(255,255,255,.18);color:#fff;}
.cr-btn--block{display:flex;width:100%;}

/* Hero — match Figma height + yellow grid + dark vignette */
.page-careers .main-header{z-index:20;box-shadow:0 8px 30px rgba(0,0,0,.12);}
.cr-hero{padding:20px;}
.cr-hero__wrap{height:560px;min-height:0;border-radius:40px;background-size:cover;background-position:center;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;}
.cr-hero__grid{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.75;background-image:
  linear-gradient(rgba(245,213,71,.95) 1.25px,transparent 1.25px),
  linear-gradient(90deg,rgba(245,213,71,.95) 1.25px,transparent 1.25px);
  background-size:64px 64px;background-position:center center;}
.cr-hero__shade{position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;background:
  radial-gradient(ellipse 70% 65% at 50% 42%,rgba(0,0,0,.12) 0%,rgba(0,0,0,.48) 68%,rgba(0,0,0,.68) 100%),
  linear-gradient(180deg,rgba(0,0,0,.38) 0%,rgba(0,0,0,.2) 38%,rgba(0,0,0,.55) 100%);}
.cr-hero__content{position:relative;z-index:3;padding:40px 24px;}
.cr-hero__wrap h1,.cr-hero__wrap p{color:#fff;margin:0;text-shadow:0 2px 24px rgba(0,0,0,.45);}
.cr-hero__wrap h1{font-size:90px;font-weight:700;letter-spacing:-2px;line-height:1;}
.cr-hero__wrap p{font-size:56px;font-weight:400;letter-spacing:8px;margin-top:8px;}

/* DEI */
.cr-dei{background:#f0f0e8;padding:90px 0;overflow:visible;}
.cr-dei .container{max-width:1400px;}
.cr-dei h2{font-size:56px;line-height:1.05;font-weight:700;color:#000;margin:0 0 24px;max-width:700px;}
.cr-dei .cr-lead{max-width:720px;}
.cr-pillars{list-style:none;padding:0;margin:0 0 34px;max-width:720px;}
.cr-pillars li{background:#fff;border:1px solid rgba(0,0,0,.17);border-radius:16px;padding:22px 28px;margin-bottom:12px;font-size:18px;line-height:1.4;color:#505050;}
.cr-pillars li strong{color:#0B53C8;font-weight:700;margin-right:8px;font-size:22px;letter-spacing:-.5px;}
.cr-dei .row{align-items:stretch;}
.cr-dei .col-lg-6{display:flex;flex-direction:column;}
.cr-dei__visual{position:relative;min-height:0;margin-top:8px;width:100%;}
.cr-dei__sticky{position:-webkit-sticky;position:sticky;top:100px;align-self:flex-start;z-index:1;width:100%;}
.cr-dei__visual img{width:100%;max-width:none;height:auto;display:block;margin-left:auto;filter:drop-shadow(0 20px 45px rgba(0,0,0,.2));}

/* Positions */
.cr-positions{padding:100px 0 80px;}
.cr-positions .container{max-width:1740px;}
.cr-section-head{margin-bottom:50px;}
.cr-section-head h2{font-size:56px;line-height:1.05;font-weight:700;color:#000;margin:0;}
.cr-positions .row{display:flex;flex-wrap:wrap;margin-left:-12px;margin-right:-12px;}
.cr-positions .col-md-4{padding-left:12px;padding-right:12px;}
.cr-job{position:relative;border:1px solid rgba(0,0,0,.28);border-radius:24px;padding:30px 28px 22px;min-height:340px;display:flex;flex-direction:column;background:linear-gradient(180deg,#fff 48%,rgba(10,82,200,.16) 160%);margin-bottom:24px;height:100%;box-sizing:border-box;}
.cr-job__arrow{position:absolute;top:26px;right:22px;width:40px;height:40px;object-fit:contain;}
.cr-job h3{font-size:26px;font-weight:700;color:#000;margin:0 0 18px;padding-right:52px;letter-spacing:-.3px;}
.cr-job__tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px;}
.cr-job__tags span{border:1px solid #0B53C8;border-radius:160px;color:#0B53C8;font-size:12px;font-weight:600;padding:8px 16px;line-height:1;letter-spacing:.3px;}
.cr-job p{font-size:17px;line-height:1.4;color:#505050;margin:0 0 28px;flex:1;}
.cr-job .cr-btn--block{border-radius:16px;min-height:56px;font-size:14px;letter-spacing:1.5px;color:#505050;}
.cr-positions__note{text-align:center;font-size:18px;font-weight:700;color:#505050;margin:28px 0 0;line-height:1.5;}

/* Hire */
.cr-hire{background:#062a68;padding:90px 0 70px;color:#fff;overflow:hidden;}
.cr-hire .cr-section-head h2{color:#fff;text-shadow:0 0 40px rgba(255,255,255,.35);}
.cr-eyebrow--hire{color:#9eb6e0 !important;}
.cr-hire__sub{font-size:18px;line-height:1.5;color:#9eb6e0;max-width:820px;margin:16px auto 0;}
.cr-hire__board{width:100%;max-width:1770px;margin:50px auto 0;padding:0 28px;box-sizing:border-box;}
.cr-hire__steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;align-items:stretch;}
.cr-hire__step{position:relative;border-radius:40px;padding:28px 26px 48px;min-height:310px;height:100%;width:100%;box-sizing:border-box;overflow:hidden;background:transparent;isolation:isolate;}
.cr-hire__step:before{content:"";position:absolute;inset:0;border-radius:40px;z-index:0;pointer-events:none;background:linear-gradient(180deg,#7EC344 0%,#7EC344 12%,rgba(126,195,68,.65) 38%,rgba(6,42,104,.25) 72%,rgba(6,42,104,0) 100%);}
.cr-hire__step > *{position:relative;z-index:1;}
.cr-hire__num{display:block;font-size:56px;font-weight:700;line-height:1;letter-spacing:-4px;margin-bottom:16px;color:#fff;}
.cr-hire__step h4{font-size:22px;font-weight:500;margin:0 0 14px;line-height:1.2;color:#fff;}
.cr-hire__step p{font-size:15px;line-height:1.45;color:rgba(255,255,255,.75);margin:0;max-width:100%;}
.cr-hire__line{margin-top:18px;width:100%;line-height:0;overflow:visible;}
.cr-hire__line img{width:100%;height:auto;display:block;overflow:visible;}

/* Journey — Figma frame 1929×927 absolute layout */
.cr-journey{padding:0;background:#fff;overflow:hidden;}
.cr-journey__stage{position:relative;width:100%;max-width:1929px;margin:0 auto;aspect-ratio:1929 / 927;}
.cr-journey__grid{position:absolute;left:50%;top:25.57%;transform:translateX(-50%);width:139.55%;height:87.27%;max-width:none;object-fit:fill;pointer-events:none;z-index:0;}
.cr-journey__steps{position:absolute;left:0;top:40.18%;width:100.41%;height:70.5%;object-fit:fill;pointer-events:none;z-index:1;}
.cr-journey__head{position:absolute;left:6.53%;top:8.52%;width:87%;display:flex;align-items:center;gap:14.8%;z-index:4;}
.cr-journey__intro{flex:0 0 41.9%;max-width:703px;}
.cr-journey__intro .cr-eyebrow{font-size:clamp(12px,1.3vw,25px);letter-spacing:.2em;margin-bottom:clamp(12px,1.6vw,31px);color:#0a52c8 !important;}
.cr-journey__intro h2{font-size:clamp(28px,4.22vw,81.37px);line-height:1.03;font-weight:700;color:#000;margin:0;letter-spacing:-.02em;text-shadow:0 3px 28px rgba(255,255,255,.47);}
.cr-journey__copy{flex:0 0 41%;max-width:689px;font-size:clamp(14px,1.3vw,25px);line-height:1.44;color:#505050;margin:0;}
.cr-journey__cta{position:absolute;left:6.79%;top:40.88%;z-index:6;display:inline-flex;align-items:center;justify-content:center;gap:12px;width:17.88%;min-width:200px;height:6.61%;min-height:44px;border-radius:46px;background:linear-gradient(159deg,#7EC344 22%,#fff 167%);font-weight:700;font-size:clamp(11px,.9vw,17.3px);letter-spacing:.13em;text-transform:uppercase;color:#505050;text-decoration:none;white-space:nowrap;}
.cr-journey__cta:hover{color:#505050;opacity:.92;}
.cr-journey__cta img{width:clamp(12px,.94vw,18px);height:auto;transform:rotate(-90deg);}
.cr-journey__vline{position:absolute;width:1px;height:18.76%;pointer-events:none;z-index:2;background:linear-gradient(180deg,#000 0%,#F0F0E8 100%);}
/* Figma height 173.87px — bottoms stay above dotted line */
.cr-journey__vline--1{left:25.44%;top:62%;}
.cr-journey__vline--2{left:49.81%;top:53%;}
.cr-journey__vline--3{left:73.92%;top:46%;}
.cr-journey__title{position:absolute;z-index:5;margin:0;font-weight:600;font-size:clamp(14px,1.64vw,31.71px);line-height:1.15;color:#45731d;letter-spacing:-.03em;text-shadow:0 3px 25px rgba(255,255,255,.47);white-space:nowrap;}
.cr-journey__title--1{left:6.17%;top:76.51%;}
.cr-journey__title--2{left:28.93%;top:66.23%;}
.cr-journey__title--3{left:53.74%;top:56.42%;}
.cr-journey__title--4{left:78.12%;top:48.33%;width:15.76%;white-space:normal;}
.cr-journey__desc{position:absolute;z-index:5;margin:0;font-size:clamp(11px,1.06vw,20.4px);line-height:1.2;color:rgba(0,0,0,.45);letter-spacing:-.02em;text-shadow:0 3px 25px rgba(255,255,255,.47);width:15.3%;}
.cr-journey__desc--1{left:6.22%;top:81.83%;width:14.58%;}
.cr-journey__desc--2{left:28.98%;top:71.55%;}
.cr-journey__desc--3{left:53.79%;top:61.74%;}
.cr-journey__desc--4{left:78.17%;top:53.65%;}

/* Culture */
.cr-culture{padding:80px 0 100px;background:#fafaf7;}
.cr-culture h2{font-size:48px;line-height:1.08;font-weight:700;color:#000;margin:0 0 24px;}
.cr-culture__gallery{margin-bottom:40px;}
.cr-culture__main{position:relative;border-radius:30px;overflow:hidden;margin-bottom:18px;}
.cr-culture__main img{width:100%;height:360px;object-fit:cover;display:block;}
.cr-culture__badge{position:absolute;top:18px;left:18px;z-index:2;background:#0B53C8;color:#fff;border-radius:36px;padding:14px 22px;font-size:12px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;}
.cr-culture__pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.cr-culture__pair img{width:100%;height:280px;object-fit:cover;border-radius:30px;display:block;}
.cr-culture__list{list-style:none;padding:0;margin:36px 0 0;max-width:560px;}
.cr-culture__list li{display:flex;align-items:center;gap:18px;border-bottom:1px solid rgba(0,0,0,.17);padding:18px 0;font-size:18px;color:#505050;}
.cr-culture__list li img{width:54px;height:54px;flex-shrink:0;}

/* Final CTA */
.cr-cta{padding:20px 20px 40px;}
.cr-cta__wrap{min-height:560px;border-radius:40px;background-size:cover;background-position:center;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;padding:60px 20px;}
.cr-cta__wrap:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15) 40%,rgba(0,0,0,.65) 100%);}
.cr-cta__wrap > *{position:relative;z-index:1;}
.cr-cta__eyebrow{display:block;color:#4c943a;font-weight:700;font-size:18px;letter-spacing:3px;margin-bottom:18px;}
.cr-cta__wrap h2{font-size:72px;font-weight:700;color:#fff;margin:0;line-height:1;text-shadow:0 4px 35px rgba(255,255,255,.35);}
.cr-cta__wrap > p{font-size:52px;color:#fff;letter-spacing:8px;margin:8px 0 36px;text-shadow:0 4px 35px rgba(255,255,255,.35);}
.cr-cta__actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;}

@media (max-width:1199px){
  .cr-hero__wrap h1{font-size:64px;}
  .cr-hero__wrap p{font-size:36px;letter-spacing:4px;}
  .cr-dei h2,.cr-section-head h2,.cr-culture h2{font-size:40px;}
  .cr-hire__steps{grid-template-columns:repeat(3,1fr);}
  .cr-cta__wrap h2{font-size:48px;}
  .cr-cta__wrap > p{font-size:32px;letter-spacing:4px;}
}

@media (max-width:767px){
  .cr-hero{padding:10px;}
  .cr-hero__wrap{height:360px;min-height:0;border-radius:24px;}
  .cr-hero__content{padding:24px 16px;}
  .cr-hero__grid{background-size:44px 44px;}
  .cr-hero__wrap h1{font-size:42px;}
  .cr-hero__wrap p{font-size:22px;letter-spacing:2px;}
  .cr-dei,.cr-positions,.cr-hire,.cr-culture{padding:50px 0;}
  .cr-journey{padding:40px 0 20px;}
  .cr-journey__stage{aspect-ratio:auto;min-height:0;padding:0 16px 40px;display:flex;flex-direction:column;gap:0;}
  .cr-journey__grid,.cr-journey__vline{display:none;}
  .cr-journey__steps{position:relative;left:auto;top:auto;width:100%;height:auto;order:3;margin-top:-20px;opacity:.45;}
  .cr-journey__head{position:relative;left:auto;top:auto;width:100%;display:block;order:1;}
  .cr-journey__intro{max-width:100%;}
  .cr-journey__intro .cr-eyebrow{font-size:13px;letter-spacing:2px;margin-bottom:12px;}
  .cr-journey__intro h2{font-size:30px;margin-bottom:16px;}
  .cr-journey__copy{margin:0 0 20px;font-size:15px;max-width:100%;}
  .cr-journey__cta{position:relative;left:auto;top:auto;width:auto;max-width:280px;min-height:48px;height:auto;padding:14px 24px;margin-bottom:28px;order:2;font-size:13px;}
  .cr-journey__title,.cr-journey__desc{position:relative;left:auto !important;top:auto !important;width:auto !important;display:block;white-space:normal;}
  .cr-journey__title{font-size:18px;margin:18px 0 6px;order:4;}
  .cr-journey__desc{font-size:14px;margin:0;order:4;}
  .cr-dei h2,.cr-section-head h2,.cr-culture h2{font-size:30px;}
  .cr-eyebrow{font-size:13px;letter-spacing:2px;}
  .cr-lead,.cr-pillars li,.cr-job p,.cr-positions__note{font-size:15px;}
  .cr-pillars li strong{font-size:16px;}
  .cr-dei__visual{min-height:0;margin-top:30px;}
  .cr-dei__sticky{position:relative;top:auto;}
  .cr-dei__visual img{max-width:420px;margin:0 auto;}
  .cr-hire__steps{grid-template-columns:1fr;}
  .cr-hire__step{min-height:0;}
  .cr-hire__line{display:none;}
  .cr-culture__main img{height:240px;}
  .cr-culture__pair img{height:180px;}
  .cr-culture__list li{font-size:15px;gap:12px;}
  .cr-culture__list li img{width:40px;height:40px;}
  .cr-cta{padding:10px 10px 30px;}
  .cr-cta__wrap{min-height:420px;border-radius:24px;}
  .cr-cta__wrap h2{font-size:32px;}
  .cr-cta__wrap > p{font-size:22px;letter-spacing:2px;margin-bottom:24px;}
  .cr-btn{width:100%;min-height:50px;font-size:13px;padding:12px 20px;}
  .cr-cta__actions{width:100%;max-width:420px;}
}
