:root{--ink:#07141d;--dark:#061019;--blue:#087fbd;--cyan:#59dffb;--soft:#edf4f7;--bg:#f7f9fa;--line:#d8e1e5;--muted:#65757d;--white:#fff;--max:1240px}

body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",sans-serif;-webkit-font-smoothing:antialiased}

a{text-decoration:none;color:inherit}

button,input,select,textarea{font:inherit}

.wrap{width:min(var(--max),calc(100% - 72px));margin:auto}

.mono{font:600 12px/1 "IBM Plex Mono",monospace;letter-spacing:.14em;text-transform:uppercase}

.career-hero{background:linear-gradient(135deg,#0c202b 0%,#07131b 55%,#050d13 100%);overflow:hidden;border-bottom:1px solid rgba(255,255,255,.10);isolation:isolate}

.career-hero-inner{min-height:610px;display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center;padding:82px 0 72px}

.hero-copy h1{margin:0;font:700 clamp(57px,6.5vw,90px)/.88 "Manrope",sans-serif;letter-spacing:-.07em;color:#f6fbfd}

.hero-copy h1 span{color:var(--cyan)}

.eyebrow{display:flex;align-items:center;gap:12px;color:var(--cyan);margin-bottom:26px}

.eyebrow:before{content:"";width:30px;height:2px;background:var(--cyan)}

.hero-copy>p{max-width:565px;margin:29px 0 0;color:#b7c8cf;font-size:16px;line-height:1.8}

.hero-actions{display:flex;align-items:center;gap:20px;margin-top:34px}

.primary-btn{display:inline-flex;align-items:center;gap:22px;padding:16px 19px;color:var(--dark);background:var(--cyan);font:700 12px/1 "IBM Plex Mono",monospace;letter-spacing:.1em;text-transform:uppercase;transition:.2s}

.primary-btn:hover{background:#fff;transform:translateY(-2px)}

.primary-btn b{color:var(--dark);font:400 17px/1 "DM Sans",sans-serif}

.text-btn{color:#d2e0e5;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:5px;font:600 12px/1 "IBM Plex Mono",monospace;letter-spacing:.1em;text-transform:uppercase}

.career-visual{position:relative;min-height:455px;background:#fff;padding:28px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.28)}

.career-visual:before{content:"";position:absolute;width:480px;height:480px;right:-270px;top:-130px;border:1px solid rgba(89,223,251,.18);border-radius:50%}

.visual-top{position:relative;z-index:1;display:flex;justify-content:space-between;color:rgba(7,20,29,.5)}

.visual-top strong{color:var(--blue)}

.visual-card{position:relative;z-index:1;max-width:470px;margin:55px auto 0}

.visual-card h2{margin:0;font:600 clamp(35px,4.2vw,57px)/.94 "Manrope",sans-serif;letter-spacing:-.055em;color:var(--ink)}

.visual-card h2 span{color:var(--blue)}

.visual-card p{max-width:420px;margin:20px 0 0;color:rgba(7,20,29,.62);font-size:14px;line-height:1.75}

.visual-lines{display:grid;gap:10px;margin-top:34px}

.visual-lines div{height:4px;background:rgba(7,20,29,.1)}

.visual-lines div:nth-child(1){width:84%;background:var(--blue)}

.visual-lines div:nth-child(2){width:64%}

.visual-lines div:nth-child(3){width:73%}

.visual-foot{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border-top:1px solid rgba(7,20,29,.12);padding-top:15px;margin-top:15px;}

.visual-foot span{color:rgba(7,20,29,.45)}

.visual-foot strong{display:block;color:var(--ink);margin-top:7px;font-size:12px}

.culture{padding:105px 0;background:var(--bg)}

.section-heading{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:end;margin-bottom:52px}

.section-heading h2{margin:17px 0 0;font:650 clamp(49px,5.8vw,76px)/.88 "Manrope",sans-serif;letter-spacing:-.065em}

.section-heading h2 span{color:var(--blue)}

.section-heading>p{max-width:570px;color:var(--muted);font-size:14px;line-height:1.8}

.culture-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}

.culture-card{min-height:250px;padding:25px;background:#fff;border:1px solid var(--line);position:relative}

.culture-card.dark{background:var(--dark);color:#fff;border-color:var(--dark)}

.culture-card.blue{background:var(--blue);color:#fff;border-color:var(--blue)}

.culture-card .num{color:var(--blue)}

.culture-card.dark .num,.culture-card.blue .num{color:var(--cyan)}

.culture-card h3{margin:70px 0 0;font:600 27px/.98 "Manrope",sans-serif;letter-spacing:-.045em}

.culture-card p{margin:14px 0 0;color:var(--muted);font-size:14px;line-height:1.7}

.culture-card.dark p,.culture-card.blue p{color:rgba(255,255,255,.68)}

.culture-card .arrow{position:absolute;right:20px;bottom:20px;font-size:18px;color:var(--blue)}

.culture-card.dark .arrow,.culture-card.blue .arrow{color:var(--cyan)}

.role{padding:110px 0 120px;background:#fff}

.role-shell{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:start}

.role-main{border-top:1px solid var(--line)}

.role-head{padding:29px 0 26px;border-bottom:1px solid var(--line)}

.role-head .meta{display:flex;gap:18px;color:var(--blue)}

.role-head h2{margin:17px 0 0;font:650 clamp(38px,4.4vw,58px)/.92 "Manrope",sans-serif;letter-spacing:-.06em}

.role-head p{margin:12px 0 0;color:#7a878e;font-size:12px}

.role-body{padding-top:28px}

.role-body h3{margin:30px 0 10px;font:600 20px/1 "Manrope",sans-serif;letter-spacing:-.03em}

.role-body h3:first-child{margin-top:0}

.role-body p,.role-body li{color:#607078;font-size:14px;line-height:1.8}

.role-body ul{padding-left:18px;margin:9px 0 0}

.role-side{position:sticky;top:25px;background:var(--bg);padding:30px}

.role-side .side-title{color:var(--blue)}

.role-side h3{margin:13px 0 0;font:600 26px/1 "Manrope",sans-serif}

.role-side ul{list-style:none;padding:0;margin:24px 0 0}

.role-side li{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);color:#66767d;font-size:12px}

.role-side li strong{color:var(--ink);font-weight:600;text-align:right}

.apply-link{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding:15px 16px;background:var(--blue);color:#fff!important;font:700 11px/1 "IBM Plex Mono",monospace;letter-spacing:.1em;text-transform:uppercase}

.apply-link b{color:var(--cyan);font-size:16px}

.apply{padding:105px 0 120px;background:var(--dark);color:#fff}

.apply-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:end;margin-bottom:55px}

.apply-head h2{margin:16px 0 0;font:650 clamp(49px,6vw,78px)/.86 "Manrope",sans-serif;letter-spacing:-.065em}

.apply-head h2 span{color:var(--cyan)}

.apply-head p{max-width:530px;color:rgba(255,255,255,.58);font-size:14px;line-height:1.8}

.application{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px}

.field{display:flex;flex-direction:column;gap:8px}

.field.full{grid-column:1/-1}

.field label{color:rgba(255,255,255,.5)}

.field input,.field select,.field textarea{width:100%;border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.04);color:#fff;padding:14px 15px;outline:none;border-radius:0}

.field input::placeholder,.field textarea::placeholder{color:rgba(255,255,255,.25)}

.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--cyan)}

.field select option{color:#000}

.field textarea{min-height:125px;resize:vertical}

.apply-footer{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:10px;padding-top:25px;border-top:1px solid rgba(255,255,255,.12)}

.upload-note{color:rgba(255,255,255,.43)}

.submit-btn{border:0;cursor:pointer;padding:16px 21px;background:#fff;color:var(--ink);font:700 12px/1 "IBM Plex Mono",monospace;letter-spacing:.1em;text-transform:uppercase}

.submit-btn:hover{background:var(--cyan)}

@media(max-width:900px){
.career-hero-inner,.section-heading,.role-shell,.apply-head{grid-template-columns:1fr;gap:45px}
.career-hero-inner{padding:70px 0 55px;min-height:0}
.career-visual{min-height:410px}
.culture-grid{grid-template-columns:1fr 1fr}
.culture-card:last-child{grid-column:1/-1}
.role-side{position:static}
}

@media(max-width:560px){
.wrap{width:calc(100% - 30px)}
.career-hero-inner{padding:58px 0 40px}
.hero-copy h1{font-size:54px}
.hero-copy>p{font-size:14px}
.hero-actions{display:block}
.text-btn{display:inline-block;margin-top:17px}
.career-visual{min-height:340px;padding:20px;margin-top:8px}
.visual-card{margin-top:56px}
.visual-card h2{font-size:35px}
.culture,.role{padding:76px 0 82px}
.section-heading{margin-bottom:35px}
.section-heading h2{font-size:53px}
.section-heading>p{font-size:13px}
.culture-grid{display:block}
.culture-card{min-height:220px;margin-bottom:12px}
.culture-card:last-child{margin-bottom:0}
.role-head h2{font-size:41px}
.role-shell{gap:40px}
.role-side{padding:23px}
.apply{padding:76px 0 82px}
.apply-head h2{font-size:51px}
.application{grid-template-columns:1fr}
.field.full{grid-column:auto}
.apply-footer{display:block}
.submit-btn{width:100%;margin-top:20px}
}

.availability-note{
  width:100%;
  min-height:47px;
  display:flex;
  align-items:center;
  padding:14px 15px;
  border:1px solid rgba(255,255,255,.17);
  background:rgba(255,255,255,.04);
  color:#fff;
  font:600 12px/1.3 "IBM Plex Mono",monospace;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.kicker-blue{color:var(--blue)}
.kicker-cyan{color:var(--cyan)}
