/* unitQ About page. Scoped to .cq-*; builds on site.css and approved.css tokens. */
:root{--cq-monitor:#1e98ff;--cq-impact:#3a77d6;--cq-support:#8881f2;--cq-research:#1db4aa;--cq-social:#f8586f;--cq-compete:#ff8800;--cq-navy:#001b31;--cq-six:linear-gradient(90deg,#1e98ff,#3a77d6,#8881f2,#1db4aa,#f8586f,#ff8800)}

/* Hero */
.cq-hero{padding-bottom:96px}
.cq-hero h1 em{position:relative;display:inline-block}
.cq-hero h1 em:after{content:"";position:absolute;left:.04em;right:.04em;bottom:-.1em;height:max(4px,.05em);border-radius:4px;background:var(--cq-six);transform-origin:left center;animation:cq-rule 1.4s var(--ease-expo) .9s both}
@keyframes cq-rule{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.cq-stage{position:relative;margin:0}
.cq-stage__frame{position:relative;overflow:hidden;border-radius:22px;aspect-ratio:1.95;background:#dfe8f1;isolation:isolate;animation:cq-open 1.6s var(--ease-expo) .15s both}
@keyframes cq-open{from{clip-path:inset(9% 7% round 30px)}to{clip-path:inset(0 0 round 22px)}}
.cq-stage__frame img{position:absolute;left:0;top:-6%;width:100%;height:112%;max-width:none;object-fit:cover;object-position:center 30%;transform:translate3d(0,calc((var(--p,.5) - .5) * -9%),0);scale:1.04;animation:cq-kb 2.6s var(--ease-expo) .15s both;will-change:transform}
@keyframes cq-kb{from{scale:1.22}to{scale:1.04}}
.cq-stage__shine{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.34) 50%,transparent 65%);transform:translateX(-120%);animation:cq-shine 1.8s var(--ease-expo) 1.3s both}
@keyframes cq-shine{to{transform:translateX(120%)}}
.cq-stage__bar{display:block;height:5px;margin-top:14px;border-radius:5px;background:var(--cq-six);transform-origin:left center;animation:cq-rule 1.6s var(--ease-expo) 1.1s both}

/* Why we exist: navy stage with a live signal composition */
.cq-man{position:relative;overflow:hidden;background:var(--cq-navy);color:#fff;padding:112px 0}
.cq-man:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 70% at 18% 78%,rgba(30,152,255,.2),transparent 70%),radial-gradient(46% 60% at 88% 12%,rgba(136,129,242,.18),transparent 72%)}
.cq-man__grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;grid-template-areas:"eye eye" "head copy" "sig copy";column-gap:8%;align-items:start}
.cq-man .nx-eyebrow{grid-area:eye;color:#9fbed5}
.cq-man h2{grid-area:head;font-size:clamp(34px,4.4vw,64px);line-height:1.05;letter-spacing:-.048em;color:#fff}
.cq-sig{grid-area:sig;margin-top:44px;max-width:560px}
.cq-sig svg{display:block;width:100%;height:auto;overflow:visible}
.cq-man__copy{grid-area:copy;padding-top:6px}
.cq-man__copy p{font-size:19px;line-height:1.75;color:#d6e4f0;margin:0 0 26px}
.cq-man__copy .nx-link{color:#fff}
.cq-man__copy .nx-link svg{width:16px;height:16px}
.cq-w{transition:color .45s var(--ease-out)}
.cq-words .cq-w{color:#5b7790}
.cq-words .cq-w.on{color:#fff}
.cq-sig__p{fill:none;stroke:var(--pc);stroke-width:1.6;stroke-linecap:round;opacity:.55}
.cq-sig__ring{fill:var(--cq-navy);stroke:url(#cqSigGrad);stroke-width:2.2}
.cq-sig__core use{color:#fff}
.cq-sig__pulse{fill:none;stroke:#55d8fe;stroke-width:1.4;opacity:0;transform-box:fill-box;transform-origin:center}
.cq-sig__out{fill:none;stroke:#55d8fe;stroke-width:2;stroke-linecap:round;stroke-dasharray:3 9}
.cq-sig__arrow{fill:none;stroke:#55d8fe;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cq-sig__who circle,.cq-sig__who path{fill:var(--pc)}
.cq-sig__who .halo{fill:var(--pc);opacity:.14}
.cq-sig__who{transform-box:fill-box;transform-origin:center}
.cq-sig__dot{fill:var(--pc);opacity:0}
.cq-js .cq-sig__p{stroke-dasharray:1;stroke-dashoffset:1}
.cq-js .cq-sig__who{opacity:0;transform:scale(.4)}
.cq-js .cq-sig__core{opacity:0;transform:scale(.7);transform-box:fill-box;transform-origin:center}
.cq-js .cq-sig__out,.cq-js .cq-sig__arrow{opacity:0}
.cq-js .cq-sig.is-in .cq-sig__p{stroke-dashoffset:0;transition:stroke-dashoffset 1.6s var(--ease-expo) calc(var(--i) * 110ms + 350ms)}
.cq-js .cq-sig.is-in .cq-sig__who{opacity:1;transform:none;transition:opacity .6s var(--ease-out) calc(var(--i) * 110ms),transform .8s var(--ease-expo) calc(var(--i) * 110ms)}
.cq-js .cq-sig.is-in .cq-sig__core{opacity:1;transform:none;transition:opacity .7s var(--ease-out) 1.1s,transform 1s var(--ease-expo) 1.1s}
.cq-js .cq-sig.is-in .cq-sig__out,.cq-js .cq-sig.is-in .cq-sig__arrow{opacity:1;transition:opacity .6s var(--ease-out) 1.6s}
.cq-js .cq-sig.is-in.is-live .cq-sig__pulse{animation:cq-pulse 3.2s var(--ease-out) 1.8s infinite}
.cq-js .cq-sig.is-in.is-live .cq-sig__pulse+.cq-sig__pulse{animation-delay:3.4s}
.cq-js .cq-sig.is-in.is-live .cq-sig__out{animation:cq-flow 1.4s linear infinite}
@keyframes cq-pulse{0%{opacity:.7;transform:scale(1)}100%{opacity:0;transform:scale(1.9)}}
@keyframes cq-flow{to{stroke-dashoffset:-24}}

/* People cards */
.cq-team .nx-split-heading{margin-bottom:58px}
.cq-grid{display:grid;gap:25px;list-style:none;margin:0;padding:0}
.cq-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.cq-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cq-grid--6{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}
.cq-grid--2{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.cq-card{position:relative;display:block;color:inherit;text-decoration:none;--c:#1e98ff}
.cq-card__ph{display:block;position:relative;overflow:hidden;border-radius:18px;aspect-ratio:.83;background:#dfe7ef;isolation:isolate;outline:2px solid transparent;outline-offset:4px;transition:outline-color .35s var(--ease),outline-offset .45s var(--ease-expo),box-shadow .5s var(--ease)}
.cq-card__ph img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:top;border-radius:0;background:none;transition:transform 1.1s var(--ease-expo)}
.cq-card__ph:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .4s var(--ease);background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),color-mix(in srgb,var(--c) 42%,transparent),transparent 66%)}
.cq-card h3{font-size:22px;line-height:1.3;margin:22px 0 6px;transition:color .3s var(--ease)}
.cq-card p{font-size:13px;line-height:1.5;color:var(--muted);margin:0}
.cq-card__go{position:absolute;right:12px;top:12px;z-index:3;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;color:var(--cq-navy);opacity:0;transform:translate3d(-6px,6px,0) scale(.8);transition:opacity .3s var(--ease),transform .5s var(--ease-expo)}
.cq-card__go svg{width:13px;height:13px}
.cq-card__rule{display:block;height:3px;width:100%;margin-top:14px;border-radius:3px;background:var(--c);transform:scaleX(0);transform-origin:left center;transition:transform .7s var(--ease-expo)}
@media (hover:hover){
  .cq-card:hover .cq-card__ph{outline-color:var(--c);outline-offset:3px;box-shadow:0 26px 50px -26px color-mix(in srgb,var(--c) 70%,#001b31)}
  .cq-card:hover .cq-card__ph img{transform:scale(1.045)}
  .cq-card:hover .cq-card__ph:after{opacity:1}
  .cq-card:hover .cq-card__rule{transform:scaleX(1)}
  .cq-card:hover .cq-card__go{opacity:1;transform:none}
  .cq-card:hover h3{color:color-mix(in srgb,var(--c) 82%,#001b31)}
}
a.cq-card:focus-visible .cq-card__ph{outline-color:var(--c);outline-width:3px}
.cq-card--sm h3{font-size:17px;margin-top:16px}
.cq-card--sm p{font-size:12.5px}
.cq-card--row{display:grid;grid-template-columns:132px 1fr;gap:22px;align-items:center}
.cq-card--row h3{margin-top:0}
.cq-card--row .cq-card__rule{max-width:80px}
.cq-js .cq-card__ph:before,.cq-js .nx-voice-card:before{content:"";position:absolute;inset:0;z-index:2;background:var(--c);transform-origin:top center;transition:transform 1s var(--ease-expo) calc(var(--i,0) * 90ms + 80ms)}
.cq-js .cq-card:not(.is-in) .cq-card__ph:before,.cq-js .nx-voice-card:not(.is-in):before{transform:scaleY(1)}
.cq-js .cq-card.is-in .cq-card__ph:before,.cq-js .nx-voice-card.is-in:before{transform:scaleY(0);transform-origin:bottom center}
.cq-js .cq-card:not(.is-in) .cq-card__ph img,.cq-js .nx-voice-card:not(.is-in) img{transform:scale(1.28)}
.cq-js .cq-card:not(.is-in) h3,.cq-js .cq-card:not(.is-in) p{opacity:0;translate:0 14px}
.cq-js .cq-card h3,.cq-js .cq-card p{transition:opacity .7s var(--ease-out) calc(var(--i,0) * 90ms + 420ms),translate .9s var(--ease-expo) calc(var(--i,0) * 90ms + 420ms),color .3s var(--ease)}
.cq-js .cq-card.is-in .cq-card__ph img,.cq-js .nx-voice-card.is-in img{transition:transform 1.4s var(--ease-expo) calc(var(--i,0) * 90ms)}
@media (hover:hover){.cq-js .cq-card.is-in:hover .cq-card__ph img{transition:transform 1.1s var(--ease-expo)}}

/* Investors */
.cq-inv-sec h2{font-size:clamp(27px,2.7vw,38px);line-height:1.15;letter-spacing:-.035em}
.cq-inv{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:84px 0 0;padding:0;list-style:none}
.cq-inv:before{content:"";position:absolute;left:10%;right:10%;top:-34px;height:2px;border-radius:2px;background:var(--cq-six)}
.cq-inv li{position:relative;display:grid;place-items:center;min-height:132px;padding:26px 28px;border:1px solid #e4e9ef;border-radius:18px;background:#fff;transition:translate .5s var(--ease-expo),box-shadow .5s var(--ease),border-color .3s var(--ease)}
.cq-inv li:before{content:"";position:absolute;left:50%;top:-34px;width:2px;height:34px;margin-left:-1px;background:var(--c);transform-origin:top center}
.cq-inv li:after{content:"";position:absolute;left:50%;top:-40px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--c);box-shadow:0 0 0 4px #fff}
.cq-inv img{display:block;width:100%;max-height:44px;object-fit:contain;object-position:center}
@media (hover:hover){.cq-inv li:hover{translate:0 -5px;border-color:color-mix(in srgb,var(--c) 55%,#fff);box-shadow:0 24px 44px -26px color-mix(in srgb,var(--c) 75%,#001b31)}}
.cq-js .cq-inv:before{transform:scaleX(0);transform-origin:left center;transition:transform 1.5s var(--ease-expo)}
.cq-js .cq-inv.is-in:before{transform:scaleX(1)}
.cq-js .cq-inv li{opacity:0;translate:0 26px;transition:opacity .7s var(--ease-out) calc(var(--i) * 120ms + 500ms),translate .9s var(--ease-expo) calc(var(--i) * 120ms + 500ms),box-shadow .5s var(--ease),border-color .3s var(--ease)}
.cq-js .cq-inv li:before{transform:scaleY(0);transition:transform .6s var(--ease-expo) calc(var(--i) * 120ms + 300ms)}
.cq-js .cq-inv li:after{transform:scale(0);transition:transform .6s var(--ease-expo) calc(var(--i) * 120ms + 250ms)}
.cq-js .cq-inv.is-in li{opacity:1;translate:0 0}
.cq-js .cq-inv.is-in li:before{transform:scaleY(1)}
.cq-js .cq-inv.is-in li:after{transform:scale(1)}
@media (hover:hover){.cq-js .cq-inv.is-in li:hover{translate:0 -5px;transition:translate .5s var(--ease-expo),box-shadow .5s var(--ease),border-color .3s var(--ease)}}

/* Board and advisors */
.cq-board{background:#f2f5f8;padding:112px 0 56px}
.cq-advisors{background:#f2f5f8;padding:56px 0 112px}
.cq-board h2,.cq-advisors h2{font-size:clamp(27px,2.7vw,38px)}
.cq-advisors .wrap{border-top:1px solid #dbe3eb;padding-top:56px}
.cq-board .nx-eyebrow,.cq-advisors .nx-eyebrow{margin-bottom:34px}

/* Join */
.cq-join{padding:48px 0 112px}
.cq-join__card{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1.1fr .9fr;gap:6%;align-items:center;padding:clamp(28px,5vw,68px);border-radius:28px;background:var(--cq-navy);color:#fff}
.cq-join__card:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(50% 80% at 12% 100%,rgba(30,152,255,.22),transparent 70%)}
.cq-join .nx-eyebrow{color:#9fbed5}
.cq-join h2{font-size:clamp(34px,4.4vw,60px);line-height:1.05;letter-spacing:-.048em;color:#fff}
.cq-join h2 em{color:#55d8fe}
.cq-join p.cq-join__lede{max-width:530px;margin:25px 0;font-size:17px;line-height:1.7;color:#c9d6e2}
.cq-join__media{position:relative;margin:0;justify-self:end;width:100%;max-width:460px}
.cq-join__photo{position:relative;overflow:hidden;border-radius:20px;aspect-ratio:1.06;background:#0a2a45;box-shadow:0 40px 80px -40px #000}
.cq-join__photo img{position:absolute;left:0;top:-5%;width:100%;height:110%;max-width:none;object-fit:cover;transform:translate3d(0,calc((var(--p,.5) - .5) * -7%),0)}
.cq-arc{position:absolute;z-index:-1;right:-14%;top:-30%;bottom:-30%;width:70%;transform:rotate(-25deg);pointer-events:none}
.cq-arc i{position:absolute;inset:calc(var(--i) * 30px) calc(var(--i) * 14px);border:1px solid var(--pc);border-radius:50%;opacity:.42}
.cq-js .cq-join__photo{clip-path:inset(12% 12% round 24px);transition:clip-path 1.4s var(--ease-expo) .15s}
.cq-js .cq-join__media.is-in .cq-join__photo{clip-path:inset(0 round 20px)}
.cq-js .cq-join__card .cq-up{opacity:0;translate:0 22px;transition:opacity .8s var(--ease-out) calc(var(--i,0) * 110ms),translate 1s var(--ease-expo) calc(var(--i,0) * 110ms)}
.cq-js .cq-join__card.is-in .cq-up{opacity:1;translate:0 0}
.cq-js .cq-join__card.is-live .cq-arc i{animation:cq-breathe 7s ease-in-out infinite;animation-delay:calc(var(--i) * -1.1s)}
@keyframes cq-breathe{0%,100%{opacity:.3;transform:scale(1)}50%{opacity:.62;transform:scale(1.035)}}

/* Trust */
.cq-trust{padding:65px 0;border-block:1px solid #e4e9ef;background:#f7f9fb}
.cq-trust__in{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9%}
.cq-trust h2{font-size:clamp(27px,2.7vw,38px);line-height:1.15;letter-spacing:-.035em}
.cq-trust .nx-eyebrow{margin-bottom:18px}
.cq-trust .nx-link{margin-top:12px}
.cq-badges{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;max-width:540px}
.cq-badge{position:relative;display:block;border-radius:50%;overflow:hidden;transition:transform .6s var(--ease-expo)}
.cq-badge img{display:block;width:100%;aspect-ratio:1;object-fit:contain}
.cq-badge:after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.55) 50%,transparent 62%);transform:translateX(-130%)}
@media (hover:hover){.cq-badge:hover{transform:translateY(-5px) scale(1.07)}}
.cq-js .cq-badge{opacity:0;transform:scale(.55) rotate(-14deg);transition:opacity .6s var(--ease-out) calc(var(--i) * 90ms),transform 1s var(--ease-expo) calc(var(--i) * 90ms)}
.cq-js .cq-badges.is-in .cq-badge{opacity:1;transform:none}
@media (hover:hover){.cq-js .cq-badges.is-in .cq-badge:hover{transform:translateY(-5px) scale(1.07);transition:transform .6s var(--ease-expo)}}
.cq-js .cq-badges.is-in.is-live .cq-badge:after{animation:cq-sweep 6s ease-in-out infinite;animation-delay:calc(var(--i) * 260ms + 1.6s)}
@keyframes cq-sweep{0%,60%{transform:translateX(-130%)}100%{transform:translateX(130%)}}
.cq-js .cq-trust__txt{opacity:0;translate:0 18px;transition:opacity .8s var(--ease-out),translate 1s var(--ease-expo)}
.cq-js .cq-trust.is-in .cq-trust__txt{opacity:1;translate:0 0}

/* Closing glow */
.cq-closing{position:relative}
.cq-closing .wrap{position:relative;z-index:1}
.cq-closing__glow{position:absolute;z-index:0;right:-6%;top:12%;width:min(46vw,560px);aspect-ratio:1;border-radius:50%;pointer-events:none;opacity:.34;filter:blur(54px);background:conic-gradient(from 0deg,#1e98ff,#3a77d6,#8881f2,#1db4aa,#f8586f,#ff8800,#1e98ff)}
.cq-closing.is-live .cq-closing__glow{animation:cq-spin 28s linear infinite}
@keyframes cq-spin{to{rotate:360deg}}

@media (max-width:1100px){
  .cq-grid--6{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px}
  .cq-grid--4{gap:18px}
  .cq-grid--3{gap:18px}
  .cq-inv{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:36px}
  .cq-inv:before,.cq-inv li:before,.cq-inv li:after{display:none}
  .cq-inv li:nth-child(4){grid-column:1}
}
@media (max-width:900px){
  .cq-man__grid{grid-template-columns:1fr;grid-template-areas:"eye" "head" "sig" "copy";row-gap:0}
  .cq-sig{margin:34px 0 38px;max-width:520px}
  .cq-join__card{grid-template-columns:1fr;gap:36px}
  .cq-join__media{justify-self:start;max-width:420px}
  .cq-trust__in{grid-template-columns:1fr;gap:34px}
}
@media (max-width:760px){
  .cq-man{padding:72px 0}
  .cq-man__copy p{font-size:17px}
  .cq-stage__frame{aspect-ratio:1.3;border-radius:16px}
  @keyframes cq-open{from{clip-path:inset(7% 5% round 22px)}to{clip-path:inset(0 0 round 16px)}}
  .cq-grid--4{grid-template-columns:1fr 1fr;gap:30px 20px}
  .cq-grid--3{grid-template-columns:1fr 1fr;gap:30px 20px}
  .cq-card h3{font-size:20px;margin-top:18px}
  .cq-card p{font-size:12px}
  .cq-card--sm h3{font-size:16px}
  .cq-grid--6{grid-template-columns:1fr 1fr;gap:28px 18px}
  .cq-grid--2{grid-template-columns:1fr;gap:22px}
  .cq-card--row{grid-template-columns:104px 1fr;gap:18px}
  .cq-card--row h3{font-size:18px}
  .cq-inv{grid-template-columns:1fr 1fr;gap:12px}
  .cq-inv li{min-height:104px;padding:20px}
  .cq-inv li:nth-child(4){grid-column:auto}
  .cq-inv li:nth-child(5){grid-column:1/-1}
  .cq-board{padding:72px 0 40px}
  .cq-advisors{padding:40px 0 72px}
  .cq-advisors .wrap{padding-top:40px}
  .cq-join{padding:24px 0 72px}
  .cq-join__card{border-radius:22px;padding:30px 22px}
  .cq-trust{padding:48px 0}
  .cq-badges{grid-template-columns:repeat(3,1fr);max-width:290px;gap:15px 20px}
  .cq-closing__glow{width:80vw;right:-30%;opacity:.26}
}
@media (prefers-reduced-motion:reduce){
  .cq-hero h1 em:after,.cq-stage__frame,.cq-stage__frame img,.cq-stage__shine,.cq-stage__bar{animation:none!important}
  .cq-stage__shine{display:none}
  .cq-stage__frame img{scale:1.04}
  .cq-card__ph img,.cq-card__ph,.cq-card__go,.cq-card__rule,.cq-inv li,.cq-badge,.cq-w{transition:none!important}
  .cq-closing__glow,.cq-arc i,.cq-badge:after{animation:none!important}
}
