/* Nexwith — Work with Us page */
.work-page{background:var(--paper)}
.ww-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 78% 45%,rgba(59,140,244,.12),transparent 40%),linear-gradient(180deg,#f5f6f3,#edf2f7)}
.ww-hero-grid{min-height:650px;display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:60px;padding-top:76px;padding-bottom:95px}
.ww-hero-copy{position:relative;z-index:2}
.ww-hero-copy .eyebrow{margin-top:34px}
.ww-hero h1,.ww-apply h2{font:700 clamp(56px,7.2vw,92px)/.98 var(--font-head);letter-spacing:-.075em;margin:18px 0 24px}
.ww-hero h1 em{font-style:normal;color:var(--blue);position:relative}
.ww-lede{max-width:560px;color:#59677a;font-size:17px;line-height:1.8}
.ww-hero .hero-actions{margin-top:32px}
.ww-hero-art{height:460px;position:relative;isolation:isolate;border:1px solid rgba(17,29,50,.08);border-radius:22px;background:linear-gradient(145deg,#e5edf7,#f9fbfd 58%,#e9eff7);box-shadow:0 30px 90px rgba(17,29,50,.10);overflow:hidden}
.ww-hero-art:before,.ww-hero-art:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(23,104,210,.12);inset:50px 55px}
.ww-hero-art:after{inset:90px 95px;border-style:dashed}
.art-top{position:absolute;left:25px;right:25px;top:22px;display:flex;justify-content:space-between;color:#8491a3;font:700 9px var(--font-head);letter-spacing:.14em}
.art-mark{position:absolute;z-index:1;width:162px;height:162px;left:50%;top:48%;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:34px;background:#101d32;box-shadow:0 28px 60px rgba(17,29,50,.25)}
.art-mark img{width:75px;height:75px;object-fit:contain;filter:brightness(0) invert(1)}
.art-orbit{position:absolute;left:50%;top:48%;border:1px solid rgba(23,104,210,.18);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}
.orbit-one{width:300px;height:300px}.orbit-two{width:410px;height:410px;border-style:dashed}
.art-card{position:absolute;z-index:2;display:flex;flex-direction:column;gap:3px;min-width:156px;padding:14px 16px;background:rgba(255,255,255,.94);border:1px solid rgba(17,29,50,.08);border-radius:12px;box-shadow:0 15px 36px rgba(17,29,50,.10)}
.art-card b{font:700 12px var(--font-head)}.art-card small{font-size:9px;color:var(--muted)}
.art-card-icon{font-size:17px;color:var(--blue);margin-bottom:3px}
.card-local{left:24px;top:110px}.card-people{right:18px;top:190px}.card-growth{left:58px;bottom:38px}
.art-caption{position:absolute;right:22px;bottom:28px;text-align:right;font:500 11px/1.55 var(--font-head);letter-spacing:.03em;color:#69778a}
.art-caption strong{font-size:15px;color:var(--ink)}
.ww-strip{position:absolute;bottom:0;left:0;right:0;background:rgba(255,255,255,.62);border-top:1px solid rgba(17,29,50,.07)}
.ww-strip .shell{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.ww-strip span{font:700 9px var(--font-head);letter-spacing:.15em;color:#7b8798}.ww-strip div div{font:700 10px var(--font-head);letter-spacing:.12em}.ww-strip b{color:var(--blue);margin:0 8px}
.ww-intro{background:#fff}
.ww-intro-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:start}
.ww-intro h2,.ww-opportunities h2,.ww-values h2{font:700 clamp(42px,5vw,64px)/1.04 var(--font-head);letter-spacing:-.065em;margin:18px 0}
.ww-intro h2 span,.ww-opportunities h2 span,.ww-values h2 span{color:var(--blue)}
.ww-intro-text{max-width:650px;padding-top:10px;color:#657184;line-height:1.85}
.ww-intro-large{font:600 21px/1.5 var(--font-head);color:var(--ink);letter-spacing:-.025em;margin:0 0 20px}
.ww-opportunities{background:#edf2f7}
.opportunity-grid{display:grid;grid-template-columns:minmax(0,780px);gap:16px;align-items:stretch}
.opportunity-card{background:#fff;padding:28px 25px 25px;border:1px solid #e1e6ed;border-radius:14px;display:flex;flex-direction:column;box-shadow:0 14px 40px rgba(17,29,50,.04);transition:transform .3s var(--ease),box-shadow .3s}
.opportunity-card:hover{transform:translateY(-6px);box-shadow:0 24px 55px rgba(17,29,50,.10)}
.opp-top{display:flex;align-items:center;justify-content:space-between;font:700 9px var(--font-head);letter-spacing:.12em;color:#8290a2}
.opp-icon{display:grid;place-items:center;width:34px;height:34px;background:#edf3fc;border-radius:9px;color:var(--blue);font-size:17px}
.opportunity-card h3{font:700 clamp(23px,2.5vw,30px)/1.12 var(--font-head);letter-spacing:-.05em;margin:27px 0 15px}
.opp-summary{color:#677487;font-size:13px;line-height:1.75;min-height:92px}
.opp-meta{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 24px}
.opp-meta span{font:700 8px var(--font-head);letter-spacing:.08em;padding:7px 8px;border-radius:4px;background:#edf3fb;color:#49617f}
.opportunity-card h4{font:700 10px var(--font-head);text-transform:uppercase;letter-spacing:.12em;margin:13px 0 9px}
.opportunity-card ul{padding-left:17px;margin:0 0 12px;color:#687588;font-size:12px;line-height:1.8}
.opportunity-card li{padding-left:2px;margin:5px 0}
.opportunity-card>p:not(.opp-summary){color:#687588;font-size:12px;line-height:1.7}
.opp-link{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:20px;border-top:1px solid #e5e9ef;color:var(--blue);font:700 11px var(--font-head)}
.opp-link span{font-size:16px;transition:transform .25s}.opp-link:hover span{transform:translate(3px,-3px)}
.opportunity-card-dark{background:#101d32;color:#fff;border-color:#101d32}
.opportunity-card-dark .opp-top,.opportunity-card-dark .opp-summary,.opportunity-card-dark ul,.opportunity-card-dark>p:not(.opp-summary){color:#a9b7cb}
.opportunity-card-dark .opp-icon{background:rgba(255,255,255,.1);color:#f4c65c}
.opportunity-card-dark .opp-meta span{background:rgba(255,255,255,.1);color:#dbe5f4}
.opportunity-card-dark .opp-link{border-color:rgba(255,255,255,.17);color:#83b8ff}
.ww-note{margin:22px 0 0;padding:17px 20px;border-left:3px solid var(--gold);background:rgba(255,255,255,.66);color:#697487;font-size:11px;line-height:1.8}
.ww-note strong{color:var(--ink)}
.ww-values{background:#fff}
.ww-steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #dfe4eb;border-bottom:1px solid #dfe4eb;margin-top:55px}
.ww-steps article{padding:26px 23px 28px 0;position:relative}
.ww-steps article:not(:last-child):after{content:"";position:absolute;right:22px;top:25px;bottom:25px;width:1px;background:#e1e6ed}
.ww-steps article>span,.ww-principles span{font:700 10px var(--font-head);color:var(--blue)}
.ww-steps h3{font:700 21px var(--font-head);margin:19px 0 8px;letter-spacing:-.04em}
.ww-steps p{max-width:225px;margin:0;color:#788496;font-size:12px;line-height:1.75}
.ww-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:56px}
.ww-principles>div{display:grid;grid-template-columns:28px 1fr;column-gap:10px;align-items:start}
.ww-principles b{font:700 13px var(--font-head)}
.ww-principles p{grid-column:2;margin:7px 0 0;color:#788496;font-size:11px;line-height:1.7}
.ww-apply{background:radial-gradient(ellipse at 5% 20%,rgba(23,104,210,.1),transparent 40%),#eaf0f6}
.ww-apply-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:start}
.ww-apply h2{font-size:clamp(48px,5.5vw,70px);margin-top:22px}
.ww-apply h2 span{color:var(--blue)}
.apply-copy>p:not(.eyebrow){max-width:410px;color:#687588;line-height:1.8}
.apply-aside{display:flex;align-items:center;gap:10px;margin-top:28px;color:#677487;font-size:11px}
.apply-aside .live-dot{flex:none}
.apply-contact{display:flex;flex-direction:column;gap:7px;margin-top:55px}
.apply-contact span{font:700 9px var(--font-head);letter-spacing:.14em;color:#8490a0}
.apply-contact a{width:fit-content;font:600 13px var(--font-head);color:var(--blue)}
.apply-form{width:100%}
.apply-form .form-row>div{min-width:0}
.apply-form input,.apply-form select,.apply-form textarea{width:100%;min-width:0}
.ww-bottom{position:relative;overflow:hidden;background:#101d32;color:#fff;padding:95px 0}
.ww-bottom:after{content:"N";position:absolute;right:5%;top:-125px;font:700 450px/.9 var(--font-head);color:rgba(255,255,255,.035);pointer-events:none}
.ww-bottom .shell{position:relative;z-index:1}
.ww-bottom .eyebrow{color:#9fb1c9}
.ww-bottom h2{font:700 clamp(42px,5.5vw,68px)/1.02 var(--font-head);letter-spacing:-.06em;margin:18px 0 30px}
.ww-bottom h2 span{color:#82b7ff}
.ww-bottom .btn{margin-top:5px}
.work-page .footer{padding-top:40px}
@media(max-width:980px){
 .ww-hero-grid{grid-template-columns:1fr .85fr;gap:30px}.ww-hero-art{height:410px}.art-card{min-width:135px;padding:12px}.card-local{left:12px}.card-people{right:10px}.card-growth{left:28px}
 .opportunity-grid{grid-template-columns:minmax(0,780px)}.opp-summary{min-height:0}
 .ww-intro-grid,.ww-apply-grid{gap:48px}
}
@media(max-width:760px){
 .ww-hero-grid{grid-template-columns:1fr;min-height:0;padding-top:55px;padding-bottom:92px;gap:35px}
 .ww-hero h1{font-size:clamp(54px,13vw,76px)}.ww-lede{font-size:15px}
 .ww-hero-art{height:390px;max-width:550px;width:100%;margin:auto}
 .ww-strip .shell{align-items:flex-start;flex-direction:column;justify-content:center;padding-top:11px;padding-bottom:11px;gap:4px}
 .ww-strip .shell>div{font-size:8px;letter-spacing:.08em}.ww-strip b{margin:0 3px}
 .ww-intro-grid,.ww-apply-grid{grid-template-columns:1fr;gap:24px}
 .ww-intro-grid{gap:8px}.ww-intro-text{padding-top:0}
 .opportunity-grid{grid-template-columns:1fr}.opportunity-card:last-child{grid-column:auto}
 .opportunity-card{padding:25px 22px}.opportunity-card h3{font-size:28px}
 .ww-steps{grid-template-columns:1fr 1fr;margin-top:35px}
 .ww-steps article{padding:22px 12px 22px 0}.ww-steps article:nth-child(2):after{display:none}.ww-steps article p{max-width:none}
 .ww-principles{grid-template-columns:1fr;gap:23px;margin-top:35px}
 .ww-apply-grid{gap:40px}.apply-contact{margin-top:28px}
 .ww-bottom{padding:70px 0}.ww-bottom:after{font-size:300px;top:-50px}
}
@media(max-width:480px){
 .ww-hero-art{height:340px;border-radius:16px}
 .art-mark{width:122px;height:122px;border-radius:27px}.art-mark img{width:59px;height:59px}
 .art-orbit.orbit-one{width:240px;height:240px}.art-orbit.orbit-two{width:320px;height:320px}
 .art-card{min-width:121px;padding:10px 11px}.art-card b{font-size:10px}.art-card small{font-size:8px}
 .card-local{left:9px;top:85px}.card-people{right:8px;top:155px}.card-growth{left:18px;bottom:24px}
 .art-caption{right:12px;bottom:18px;font-size:9px}.art-caption strong{font-size:12px}
 .ww-steps{gap:0}.ww-steps article:nth-child(odd):after{display:block}.ww-steps article:nth-child(even):after{display:none}
 .ww-hero .hero-proof{align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){.opportunity-card,.art-card,.opp-link span{transition:none!important}.opportunity-card:hover{transform:none}}


/* Application success confirmation */
.application-success-dialog {
  width: min(92vw, 470px);
  max-width: 470px;
  padding: 0;
  border: 1px solid rgba(17,29,50,.12);
  border-radius: 18px;
  background: #fff;
  color: var(--ink);
  box-shadow: 0 30px 100px rgba(9,24,45,.28);
}
.application-success-dialog::backdrop {
  background: rgba(10,20,36,.62);
  backdrop-filter: blur(5px);
}
.success-popup-content {
  padding: 42px 38px 36px;
  text-align: center;
}
.success-popup-icon {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  margin: 0 auto 22px;
  border-radius: 50%;
  background: #eaf5ee;
  color: #21834b;
  font: 700 29px/1 var(--font-head);
}
.success-popup-eyebrow {
  margin: 0 0 12px;
  color: var(--blue);
  font: 700 9px var(--font-head);
  letter-spacing: .15em;
}
.success-popup-content h2 {
  margin: 0 0 13px;
  font: 700 clamp(30px,6vw,38px)/1.08 var(--font-head);
  letter-spacing: -.055em;
}
.success-popup-message {
  margin: 0 auto 10px;
  color: #334155;
  font: 600 14px/1.65 var(--font-head);
}
.success-popup-detail {
  margin: 0 auto 25px;
  max-width: 340px;
  color: #718096;
  font-size: 12px;
  line-height: 1.75;
}
.success-popup-close {
  min-width: 145px;
  justify-content: center;
}
@media(max-width:480px) {
  .success-popup-content { padding: 34px 24px 28px; }
}


/* Application issue dialogs */
.application-issue-dialog .issue-popup-icon {
  background: #fff3e7;
  color: #b66a20;
}
.application-issue-dialog .issue-popup-eyebrow {
  color: #b66a20;
}
.application-issue-dialog .issue-popup-detail {
  margin-bottom: 25px;
}


/* Recruitment FAQs */
.ww-faq { background: #fff; }
.ww-faq-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 80px; align-items: start; }
.ww-faq-heading h2 { font: 700 clamp(42px,5vw,64px)/1.04 var(--font-head); letter-spacing: -.065em; margin: 18px 0; }
.ww-faq-heading h2 span { color: var(--blue); }
.ww-faq-heading > p:last-child { max-width: 300px; color: #718096; font-size: 13px; line-height: 1.8; }
.ww-faq-list { border-top: 1px solid #dfe4eb; }
.ww-faq-item { border-bottom: 1px solid #dfe4eb; }
.ww-faq-item summary { position: relative; list-style: none; cursor: pointer; padding: 21px 42px 21px 0; color: var(--ink); font: 600 15px/1.5 var(--font-head); }
.ww-faq-item summary::-webkit-details-marker { display: none; }
.ww-faq-item summary::after { content: "+"; position: absolute; right: 4px; top: 17px; color: var(--blue); font: 400 25px/1 var(--font-head); }
.ww-faq-item[open] summary::after { content: "−"; }
.ww-faq-item p { max-width: 650px; margin: -3px 35px 21px 0; color: #718096; font-size: 13px; line-height: 1.85; }
@media(max-width:760px) {
  .ww-faq-grid { grid-template-columns: 1fr; gap: 28px; }
}