/* unitQ Careers page. Scoped to .cr-*; builds on company-page.css and site.css tokens. */
:root{--cr-navy:#001b31;--cr-six:linear-gradient(90deg,#1e98ff,#3a77d6,#8881f2,#1db4aa,#f8586f,#ff8800)}

/* Values: typographic list, no cards, no numbered labels */
.cr-values{position:relative;overflow:hidden;background:var(--cr-navy);color:#fff;padding:120px 0 128px}
.cr-values:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 70% at 12% 88%,rgba(30,152,255,.2),transparent 70%),radial-gradient(46% 60% at 92% 8%,rgba(136,129,242,.16),transparent 72%)}
.cr-values .wrap{position:relative}
.cr-values .nx-eyebrow{color:#9fbed5;margin-bottom:22px}
.cr-values__head{margin-bottom:28px}
.cr-values__title{font-size:clamp(36px,4.8vw,72px);line-height:1.04;letter-spacing:-.048em;color:#fff;margin:0}
.cr-values__title em{color:#55d8fe;font-style:normal}
.cr-values__rule{display:block;height:5px;width:280px;max-width:100%;margin-top:28px;border-radius:5px;background:var(--cr-six);transform-origin:left center}
.cr-line{display:block;overflow:hidden}
.cr-line>span{display:block}
.cr-values__list{list-style:none;margin:0;padding:0}
.cr-row{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:24px 8%;align-items:end;padding:52px 0 48px}
.cr-row:before,.cr-row:last-child:after{content:"";position:absolute;left:0;right:0;height:1px;background:#ffffff24;transform-origin:left center}
.cr-row:before{top:0}
.cr-row:last-child:after{bottom:0}
.cr-row h3{font-family:var(--head);font-weight:500;font-size:clamp(34px,4.4vw,64px);line-height:1.02;letter-spacing:-.05em;margin:0;color:#fff;max-width:11ch}
.cr-row p{margin:0;max-width:38ch;font-size:18px;line-height:1.7;color:#c9d6e2;padding-bottom:6px}
.cq-js .cr-values__title .cr-line>span{transform:translateY(110%)}
.cq-js .cr-values__head.is-in .cr-values__title .cr-line>span{transform:none;transition:transform 1s var(--ease-expo)}
.cq-js .cr-values__head.is-in .cr-values__title .cr-line:nth-child(2)>span{transition-delay:.14s}
.cq-js .cr-values__rule{transform:scaleX(0)}
.cq-js .cr-values__head.is-in .cr-values__rule{transform:scaleX(1);transition:transform 1.2s var(--ease-expo) .32s}
.cq-js .cr-row h3 .cr-line>span{transform:translateY(110%)}
.cq-js .cr-row.is-in h3 .cr-line>span{transform:none;transition:transform 1s var(--ease-expo) calc(var(--i,0) * 70ms + 40ms)}
.cq-js .cr-row p{opacity:0;translate:0 16px}
.cq-js .cr-row.is-in p{opacity:1;translate:0 0;transition:opacity .7s var(--ease-out) calc(var(--i,0) * 70ms + .2s),translate .9s var(--ease-expo) calc(var(--i,0) * 70ms + .2s)}
.cq-js .cr-row:before,.cq-js .cr-row:last-child:after{transform:scaleX(0)}
.cq-js .cr-row.is-in:before,.cq-js .cr-row.is-in:last-child:after{transform:scaleX(1);transition:transform 1s var(--ease-expo)}
@media (hover:hover){
  .cr-row h3{transition:color .35s var(--ease)}
  .cr-row:hover h3{color:color-mix(in srgb,var(--c) 70%,#fff)}
}

/* Life at unitQ: five real photos, curtain-wipe reveals */
.cr-life{padding:112px 0}
.cr-life .nx-eyebrow{margin-bottom:28px}
.cr-life h2{font-size:clamp(34px,4.1vw,58px);line-height:1.08;letter-spacing:-.045em;margin-bottom:48px}
.cr-life__grid{display:grid;grid-template-columns:1.15fr .95fr .95fr;grid-template-areas:"a b c" "a d e";gap:18px}
.cr-life__grid .cr-shot:nth-child(1){grid-area:a}
.cr-life__grid .cr-shot:nth-child(2){grid-area:b}
.cr-life__grid .cr-shot:nth-child(3){grid-area:c}
.cr-life__grid .cr-shot:nth-child(4){grid-area:d}
.cr-life__grid .cr-shot:nth-child(5){grid-area:e}
.cr-shot{display:block;margin:0;position:relative}
.cr-shot__ph{position:relative;display:block;overflow:hidden;border-radius:18px;background:#dfe7ef;isolation:isolate;height:100%;min-height:240px}
.cr-shot__ph img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease-expo)}
.cr-life__grid .cr-shot:nth-child(1) .cr-shot__ph{min-height:560px}
.cq-js .cr-shot__ph:before{content:"";position:absolute;inset:0;z-index:2;background:var(--c,#1e98ff);transform-origin:top center;transition:transform 1s var(--ease-expo) calc(var(--i,0) * 90ms + 80ms)}
.cq-js .cr-shot:not(.is-in) .cr-shot__ph:before{transform:scaleY(1)}
.cq-js .cr-shot.is-in .cr-shot__ph:before{transform:scaleY(0);transform-origin:bottom center}
.cq-js .cr-shot:not(.is-in) .cr-shot__ph img{transform:scale(1.22)}
.cq-js .cr-shot.is-in .cr-shot__ph img{transition:transform 1.4s var(--ease-expo) calc(var(--i,0) * 90ms)}
@media (hover:hover){
  .cr-shot:hover .cr-shot__ph img{transform:scale(1.04)}
  .cq-js .cr-shot.is-in:hover .cr-shot__ph img{transition:transform 1.1s var(--ease-expo)}
}

/* Perks */
.cr-perks{background:#f2f5f8}
.cr-perks__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:8%;align-items:center}
.cr-perks__copy .nx-eyebrow{margin-bottom:22px}
.cr-perks__copy h2{font-size:clamp(34px,4.1vw,58px);line-height:1.08;letter-spacing:-.045em;margin:0 0 24px}
.cr-perks__copy p{margin:0;font-size:18px;line-height:1.7;color:var(--muted);max-width:58ch}
.cr-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;padding:0;list-style:none}
.cr-chips li{font:500 13px/1.3 var(--head);letter-spacing:-.01em;color:var(--cr-navy);padding:10px 14px;border-radius:999px;background:#fff;border:1px solid #e4e9ef}
.cr-perks .cr-shot__ph{aspect-ratio:1.25;min-height:0;border-radius:20px}

/* Careers join card uses company join; tighten the dual actions */
.cr-join .cq-join__lede{margin-bottom:22px}
.cr-join .nx-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:8px}
.cr-join .nx-link{color:#fff}
.cr-join .nx-link svg{width:16px;height:16px}

@media (max-width:900px){
  .cr-perks__grid{grid-template-columns:1fr;gap:36px}
  .cr-life__grid{grid-template-columns:1fr 1fr;grid-template-areas:"a a" "b c" "d e";gap:14px}
  .cr-life__grid .cr-shot:nth-child(1) .cr-shot__ph{min-height:320px;aspect-ratio:1.6}
  .cr-row{gap:20px 6%;padding:44px 0 40px}
}
@media (max-width:760px){
  .cr-values{padding:80px 0 88px}
  .cr-values__head{max-width:none;margin-bottom:16px}
  .cr-values__title{font-size:clamp(34px,9vw,46px)}
  .cr-values__rule{margin-top:22px}
  .cr-row{grid-template-columns:1fr;gap:14px;padding:32px 0 28px;align-items:start}
  .cr-row h3{font-size:clamp(32px,9.2vw,44px);max-width:none}
  .cr-row p{font-size:16px;padding-bottom:0;max-width:none}
  .cr-life{padding:72px 0}
  .cr-life h2{margin-bottom:28px}
  .cr-life__grid{gap:12px}
  .cr-shot__ph{border-radius:14px}
  .cr-chips li{font-size:12px;padding:9px 12px}
}
@media (max-width:420px){
  .cr-life__grid{grid-template-columns:1fr;grid-template-areas:"a" "b" "c" "d" "e"}
  .cr-life__grid .cr-shot:nth-child(1) .cr-shot__ph{aspect-ratio:1.35;min-height:0}
  .cr-shot__ph{min-height:220px}
}
@media (prefers-reduced-motion:reduce){
  .cr-values__title .cr-line>span,.cr-values__rule,.cr-row h3 .cr-line>span,.cr-row p,.cr-row:before,.cr-row:last-child:after,.cr-shot__ph img,.cr-shot__ph:before{transition:none!important;transform:none!important;opacity:1!important;translate:none!important}
  .cq-js .cr-shot:not(.is-in) .cr-shot__ph img{opacity:1;transform:none}
  .cq-js .cr-shot__ph:before{display:none}
}

/* Keep the hero trail inside the hero */
.cq-hero{overflow:hidden}

/* DailyPay sits alone on a 3-up wrap; give the last mark even weight */
@media (max-width:767px){
  .logos .marks li:last-child{flex-basis:33.333%}
}

/* Soften the careers hero photo only. The source image is a bit oversaturated. */
.cq-hero .cq-stage__frame img.cr-hero-photo{filter:saturate(.8)}