/*
 * Careers page (page-careers.php): the approved careers design.
 * Hero "hiring journey" visual, stat strip, why-join cards, open-roles board, benefits, how we hire, closing
 * apply + talent-community cards. Loads after site.css (which carries the shared sub-page components) on the
 * careers page only. Taken verbatim from the design export; do not hand-edit values here.
 */
/* ===================== Careers ===================== */
/* hero mosaic */
.hv-mz{--T:8s;position:relative;width:100%;max-width:600px;aspect-ratio:auto;margin-inline:auto;font-size:clamp(9px,2.1cqw,13px)}
.hv-mz svg{position:static;inset:auto;overflow:visible}
.fx-hero .ph-vis:has(.hv-mz){align-self:center;min-height:0}
.hv-mz .pp-glow{position:absolute;left:5%;top:5%;width:90%;height:90%;border-radius:50%;background:radial-gradient(closest-side,rgba(76,201,240,.22),rgba(114,9,183,.12) 55%,transparent);filter:blur(10px)}
.mz{position:relative;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,7.5em);gap:.7em}
.mz-t{position:relative;overflow:hidden;border-radius:1.2em;background:linear-gradient(150deg,color-mix(in srgb,var(--c) 18%,#fff),color-mix(in srgb,var(--c) 55%,#fff));border:1px solid color-mix(in srgb,var(--c) 25%,transparent);box-shadow:0 18px 34px -22px color-mix(in srgb,var(--c) 70%,transparent);display:grid;place-items:center}
.mz-t.t0{grid-row:span 2}.mz-t.t4{grid-column:span 2}
.mz-t img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mz-art{width:3.6em;height:3.6em;border-radius:1em;display:grid;place-items:center;background:rgba(255,255,255,.85);box-shadow:0 10px 20px -10px color-mix(in srgb,var(--c) 70%,transparent)}
.mz-art svg{width:1.9em!important;height:1.9em!important;fill:none;stroke:var(--c);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mz-dots{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.55) 1px,transparent 1.4px);background-size:12px 12px;opacity:.6}
.mz-t b{position:absolute;left:.7em;bottom:.6em;z-index:1;font-size:.8em;font-weight:700;color:#fff;background:rgba(11,18,38,.55);padding:.25em .6em;border-radius:1em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.mz-pill{position:absolute;right:-2%;bottom:-1.2em;z-index:2;display:inline-flex;align-items:center;gap:.5em;padding:.75em 1.1em;border-radius:999px;background:var(--ink);color:#fff;font-weight:700;font-size:.95em;text-decoration:none;box-shadow:0 18px 34px -16px rgba(11,18,38,.6)}
.mz-pill i{width:.6em;height:.6em;border-radius:50%;background:#10B981;box-shadow:0 0 0 .25em rgba(16,185,129,.25)}
@media (prefers-reduced-motion:no-preference){
 .motion .mz-t{animation:mzIn .8s cubic-bezier(.22,1,.36,1) backwards,mzF 7s ease-in-out infinite;animation-delay:calc(.3s + var(--i) * 110ms),calc(var(--i) * -1.1s)}
 .motion .mz-art{animation:mzA 6s ease-in-out infinite;animation-delay:calc(var(--i) * -1s)}
 .motion .mz-pill{animation:fxPop .6s 1.2s cubic-bezier(.34,1.56,.64,1) backwards,obFloat 5s 2s ease-in-out infinite}
 .motion .mz-pill i{animation:ppLive 1.4s ease-in-out infinite}
}
@keyframes mzIn{from{opacity:0;transform:scale(.9) translateY(14px)}}
@keyframes mzF{0%,100%{translate:0 0}50%{translate:0 -4px}}
@keyframes mzA{0%,100%{transform:none}50%{transform:rotate(-6deg) scale(1.06)}}
/* slim stat strip */
.statb-slim .sb{padding:16px 22px}.statb-slim .sb-ic{display:none}.statb-slim .sb-n{font-size:clamp(28px,3vw,42px)}
/* bento */
.bxg{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:auto auto;gap:clamp(12px,1.4vw,18px)}
.bx{position:relative;display:grid;align-content:start;gap:10px;padding:clamp(20px,2vw,26px);border-radius:22px;background:var(--surface);border:1px solid color-mix(in srgb,var(--a1) 9%,var(--line));box-shadow:0 1px 2px rgba(23,40,94,.04),0 14px 30px -22px rgba(23,40,94,.26);transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s}
.bx:hover{transform:translateY(-4px);box-shadow:0 1px 2px rgba(23,40,94,.05),0 24px 44px -24px rgba(67,97,238,.4)}
.bx-lg{grid-row:span 2;align-content:end;background:linear-gradient(160deg,#0B1226,#141B3D 55%,#1E0F3D);color:#fff;border-color:rgba(255,255,255,.08);overflow:hidden;isolation:isolate;min-height:320px}
.bx-lg::before{content:"";position:absolute;inset:-30% -20% auto auto;width:80%;height:80%;z-index:-1;background:radial-gradient(closest-side,rgba(76,201,240,.3),rgba(114,9,183,.2) 55%,transparent);filter:blur(10px)}
.bx-lg h3{color:#fff;font-size:clamp(24px,2.4vw,32px)}.bx-lg p{color:#C9D1EA;font-size:16.5px}
.bx-ic{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--a2),var(--a1) 55%,var(--a3));box-shadow:0 10px 20px -12px var(--a1)}
.bx-ic svg{width:21px;height:21px;stroke:#fff}
.bx h3{font-size:clamp(18px,1.45vw,20px);letter-spacing:-.02em}
.bx p{margin:0;color:var(--muted);font-size:15px;line-height:1.55}
.bx-tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.bx-tools em{font-style:normal;font-family:var(--mono);font-size:12px;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#C9D1EA}
@media (prefers-reduced-motion:no-preference){ .motion .bx-lg .bx-tools em{animation:bxT 4.5s ease-in-out infinite} .motion .bx-lg .bx-tools em:nth-child(2){animation-delay:1.5s} .motion .bx-lg .bx-tools em:nth-child(3){animation-delay:3s} }
@keyframes bxT{0%,30%,100%{background:rgba(255,255,255,.08);color:#C9D1EA}10%,20%{background:linear-gradient(135deg,#4CC9F0,#4361EE);color:#fff}}
@media (max-width:900px){ .bxg{grid-template-columns:1fr 1fr} .bx-lg{grid-column:span 2;grid-row:auto;min-height:240px} }
@media (max-width:560px){ .bxg{grid-template-columns:1fr} .bx-lg{grid-column:auto} }
/* week */
.wk{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.wk-d{display:grid;align-content:start;gap:10px;padding:18px;border-radius:20px;background:var(--surface);border:1px solid color-mix(in srgb,var(--a1) 9%,var(--line));box-shadow:0 1px 2px rgba(23,40,94,.04),0 14px 30px -22px rgba(23,40,94,.26)}
.wk-day{width:max-content;font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#fff;padding:5px 11px;border-radius:999px;background:linear-gradient(135deg,var(--a2),var(--a1) 55%,var(--a3))}
.wk-d p{margin:0;font-size:15px;line-height:1.5;color:var(--ink)}
.wk-d em{margin-top:auto;font-style:normal;font-family:var(--mono);font-size:11.5px;color:var(--a1);padding:5px 9px;border-radius:8px;background:color-mix(in srgb,var(--a1) 7%,transparent);width:max-content;max-width:100%}
@media (prefers-reduced-motion:no-preference){
}
@keyframes wkNow{0%,20%,100%{border-color:color-mix(in srgb,var(--a1) 9%,var(--line));transform:none}6%,14%{border-color:color-mix(in srgb,var(--a1) 45%,var(--line));transform:translateY(-4px)}}
@media (max-width:980px){ .wk{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:560px){ .wk{grid-template-columns:1fr} }
/* teams carousel */
.tmw{position:relative}
.tml{list-style:none;margin:0;padding:4px 2px 14px;display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;outline:none}
.tml::-webkit-scrollbar{display:none}
.tm{flex:0 0 calc((100% - 48px) / 3.35);min-width:260px;scroll-snap-align:start;display:grid;align-content:start;gap:12px;padding:22px;border-radius:22px;background:var(--surface);border:1px solid color-mix(in srgb,var(--a1) 9%,var(--line));box-shadow:0 1px 2px rgba(23,40,94,.04),0 14px 30px -22px rgba(23,40,94,.26)}
.tm-ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--a2),var(--a1) 55%,var(--a3))}
.tm-ic svg{width:22px;height:22px;stroke:#fff}
.tm h3{font-size:20px;letter-spacing:-.02em}.tm p{margin:0;color:var(--muted);font-size:15px;line-height:1.55}
.tm-tags{display:flex;flex-wrap:wrap;gap:6px}.tm-tags em{font-style:normal;font-size:12.5px;font-weight:600;padding:5px 10px;border-radius:999px;background:color-mix(in srgb,var(--a1) 6%,var(--surface));border:1px solid color-mix(in srgb,var(--a1) 15%,transparent)}
.tm-go{margin-top:auto;font-weight:700;color:var(--a1);text-decoration:none}.tm-go span{display:inline-block;transition:transform .3s}.tm-go:hover span{transform:translateX(4px)}
.tm-nav{display:flex;gap:8px;justify-content:flex-end;margin-top:6px}
.tm-b{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--surface);font:inherit;font-weight:700;color:var(--ink);cursor:pointer;transition:border-color .3s,background .3s}
.tm-b:hover{border-color:var(--a1);background:color-mix(in srgb,var(--a1) 6%,var(--surface))}
@media (max-width:620px){ .tm{flex-basis:82%} }
/* job board */
.jb{border-radius:24px;background:var(--surface);border:1px solid color-mix(in srgb,var(--a1) 10%,var(--line));box-shadow:0 1px 2px rgba(23,40,94,.04),0 22px 46px -30px rgba(23,40,94,.35);overflow:hidden}
.jb-bar{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--a1) 3%,var(--surface))}
.jb-chips{display:flex;flex-wrap:wrap;gap:6px}
.jb-chip{font:inherit;font-size:14px;font-weight:650;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer}
.jb-chip[aria-pressed="true"]{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--a2),var(--a1) 55%,var(--a3))}
.jb-sel{display:flex;gap:8px}.jb-sel select{font:inherit;font-size:14px;padding:8px 12px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink)}
.jb-list{list-style:none;margin:0;padding:0}
.jb-row{display:grid;grid-template-columns:minmax(0,2fr) 1fr 1fr 1fr auto;gap:14px;align-items:center;padding:16px 18px;border-top:1px solid var(--line)}
.jb-row:first-child{border-top:0}.jb-t{display:grid}.jb-t b{font-size:16.5px}.jb-t span,.jb-m{color:var(--muted);font-size:14px}
.jb-apply{padding:10px 18px;font-size:14.5px}
.jb-empty{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;padding:clamp(22px,3vw,34px)}
.jb-empty[hidden]{display:none}
.jb-eic{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:color-mix(in srgb,var(--a1) 8%,var(--surface));border:1px dashed color-mix(in srgb,var(--a1) 35%,transparent)}
.jb-eic svg{width:26px;height:26px;stroke:var(--a1)}
.jb-empty h3{font-size:20px;letter-spacing:-.02em;margin-bottom:4px}.jb-empty p{margin:0;color:var(--muted)}
@media (max-width:760px){ .jb-row{grid-template-columns:1fr 1fr} .jb-t{grid-column:1/-1} .jb-empty{grid-template-columns:1fr} }
/* growth staircase: card is not a link */
.fx-grow .stp-card{cursor:default}
.fx-grow .stp.stp-top .stp-card{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,var(--a2),var(--a1) 55%,var(--a3)) border-box;border:2px solid transparent;box-shadow:0 26px 46px -24px rgba(67,97,238,.5)}
.fx-grow .stp.stp-top .stp-card::before{opacity:1}
.fx-grow .sg2{margin-top:clamp(20px,2.4vw,30px)}
/* benefits */
.bfg{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.bf{display:grid;justify-items:center;text-align:center;gap:8px;padding:8px}
.bf-ic{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:1px solid color-mix(in srgb,var(--a1) 14%,var(--line));box-shadow:0 14px 28px -18px rgba(67,97,238,.5);margin-bottom:6px;transition:background .35s,transform .35s cubic-bezier(.34,1.56,.64,1)}
.bf-ic svg{width:30px;height:30px;stroke:var(--a1);transition:stroke .35s}
.bf:hover .bf-ic{background:linear-gradient(135deg,var(--a2),var(--a1) 55%,var(--a3));transform:translateY(-4px)}.bf:hover .bf-ic svg{stroke:#fff}
.bf b{font-size:16px}.bf span{color:var(--muted);font-size:14px;line-height:1.5}
@media (prefers-reduced-motion:no-preference){
 .motion .fx-bf .bfg[data-rise]{opacity:1;transform:none}
 .motion .fx-bf .bfg:not(.in) .bf{opacity:0}
 .motion .fx-bf .bfg.in .bf{animation:fxUp .6s cubic-bezier(.22,1,.36,1) backwards;animation-delay:calc(var(--k) * 90ms)}
 .motion .fx-bf .bfg.in .bf-ic{animation:fxPop .5s cubic-bezier(.34,1.56,.64,1) backwards,bfP 9s ease-in-out infinite;animation-delay:calc(.2s + var(--k) * 90ms),calc(1.6s + var(--k) * 1.5s)}
}
@keyframes bfP{0%,14%,100%{box-shadow:0 14px 28px -18px rgba(67,97,238,.5)}5%,9%{box-shadow:0 0 0 7px color-mix(in srgb,var(--a2) 18%,transparent),0 14px 28px -18px rgba(67,97,238,.5)}}
@media (max-width:980px){ .bfg{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (max-width:420px){ .bfg{grid-template-columns:repeat(2,minmax(0,1fr))} }
/* story timeline */
.stl{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:14px}
.stl-rail{position:absolute;left:calc(100% / var(--n) / 2);right:calc(100% / var(--n) / 2);top:9px;height:3px;border-radius:3px;background:color-mix(in srgb,var(--a1) 12%,transparent);overflow:hidden}
.stl-rail i{position:absolute;inset:0;background:linear-gradient(90deg,var(--a2),var(--a1) 55%,var(--a3));transform-origin:left}
.sty{position:relative;display:grid;align-content:start;justify-items:center;text-align:center;gap:8px}
.sty-dot{position:relative;z-index:1;width:20px;height:20px;border-radius:50%;background:var(--surface);border:3px solid var(--a1);margin-bottom:8px}
.sty.hi .sty-dot{width:26px;height:26px;margin-top:-3px;background:linear-gradient(135deg,var(--a2),var(--a1) 55%,var(--a3));border-color:#fff;box-shadow:0 0 0 5px color-mix(in srgb,var(--a1) 15%,transparent)}
.sty b{font-size:clamp(20px,1.8vw,26px);letter-spacing:-.03em}.sty.hi b{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.sty p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.5;max-width:24ch}
@media (prefers-reduced-motion:no-preference){
 .motion .fx-st .stl[data-rise]{opacity:1;transform:none}
 .motion .fx-st .stl:not(.in) .stl-rail i{transform:scaleX(0)}
 .motion .fx-st .stl.in .stl-rail i{transition:transform 1.6s cubic-bezier(.65,0,.35,1) .2s}
 .motion .fx-st .stl:not(.in) .sty{opacity:0}
 .motion .fx-st .stl.in .sty{animation:fxUp .6s cubic-bezier(.22,1,.36,1) backwards;animation-delay:calc(.2s + var(--k) * 300ms)}
}
@media (max-width:860px){ .stl{grid-template-columns:1fr;padding-left:36px} .stl-rail{left:10px;right:auto;top:10px;bottom:10px;width:3px;height:auto} .stl-rail i{transform-origin:top} .sty{justify-items:start;text-align:left} .sty-dot{position:absolute;left:-36px;top:4px} .sty.hi .sty-dot{left:-39px} .sty p{max-width:none} }
/* hiring process */
.hpl{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.hpl::before{content:"";position:absolute;left:12.5%;right:12.5%;top:30px;border-top:3px dotted color-mix(in srgb,var(--a1) 35%,transparent)}
.hp{position:relative;display:grid;justify-items:center;text-align:center;gap:8px}
.hp-n{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;font-size:22px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--a2),var(--a1) 55%,var(--a3));box-shadow:0 0 0 6px var(--bg,#F5F7FC),0 14px 26px -12px var(--a1);margin-bottom:8px}
.hp h3{font-size:20px;letter-spacing:-.02em}.hp p{margin:0;color:var(--muted);font-size:15px;line-height:1.5;max-width:26ch}
.hp em{font-style:normal;font-size:12.5px;font-weight:700;color:#059669;padding:4px 10px;border-radius:999px;background:rgba(16,185,129,.1)}
.hp-notes{display:grid;gap:6px;margin-top:clamp(22px,2.6vw,32px);padding:16px 20px;border-radius:16px;background:var(--surface);border:1px solid var(--line);font-size:14.5px;color:var(--muted)}
.hp-notes p{margin:0}.hp-notes b{color:var(--ink)}
@media (prefers-reduced-motion:no-preference){
 .motion .fx-hp .hpl[data-rise]{opacity:1;transform:none}
 .motion .fx-hp .hpl:not(.in) .hp{opacity:0}
 .motion .fx-hp .hpl.in .hp{animation:fxUp .6s cubic-bezier(.22,1,.36,1) backwards;animation-delay:calc(var(--k) * 200ms)}
 .motion .fx-hp .hpl.in .hp-n{animation:fxPop .5s cubic-bezier(.34,1.56,.64,1) backwards,tlNode 6s ease-out infinite;animation-delay:calc(var(--k) * 200ms),calc(1.5s + var(--k) * 1.5s)}
}
@media (max-width:760px){ .hpl{grid-template-columns:1fr 1fr;row-gap:28px} .hpl::before{display:none} }
/* closing: apply + talent community */
.cj{grid-template-columns:1fr!important;justify-items:stretch}
.cj h2{text-align:center}
.cj-g{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cj-g .of{display:grid;gap:10px;align-content:start}
.cj-f{background:rgba(255,255,255,.8)}
.cj-l{display:grid;gap:4px;font-size:13px;font-weight:600;color:var(--muted)}
.cj-l input,.cj-l select{font:inherit;font-size:15px;padding:11px 13px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--ink)}
.cj-l input:focus,.cj-l select:focus{outline:2px solid var(--a1);outline-offset:1px}
.cj-f .btn{justify-content:space-between}
.cj-ok{margin:0;font-size:13.5px;color:#059669}
.cj-foot{margin:0;text-align:center;color:var(--muted);font-size:14.5px}.cj-foot a{color:var(--a1);font-weight:650}
.motion .fx-cta3 .ctab-in .btn{opacity:1;transform:none}
@media (max-width:760px){ .cj-g{grid-template-columns:1fr} }
/* ===== Careers v2: unique layer ===== */
/* hero: pair-programming cursors + merged toast */
.mz-cur{position:absolute;z-index:3;left:0;top:0;display:inline-flex;align-items:flex-start;gap:.15em;pointer-events:none}
.mz-cur svg{width:1.5em!important;height:1.5em!important;fill:var(--cc);stroke:#fff;stroke-width:1.6;stroke-linejoin:round;filter:drop-shadow(0 4px 6px rgba(11,18,38,.3))}
.mz-cur em{margin-top:1.1em;font-style:normal;font-size:.8em;font-weight:700;color:#fff;background:var(--cc);padding:.2em .6em;border-radius:.6em .6em .6em .15em;box-shadow:0 6px 12px -6px var(--cc)}
.mz-cur.c1{--cc:#4361EE;translate:62% 46%}.mz-cur.c2{--cc:#7209B7;translate:28% 260%}
.mz-toast{position:absolute;z-index:3;left:-4%;top:-1.4em;display:flex;align-items:center;gap:.6em;padding:.6em .9em .6em .6em;border-radius:1em;background:rgba(255,255,255,.94);border:1px solid var(--line);box-shadow:0 18px 34px -18px rgba(23,40,94,.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.mz-toast i{width:2.1em;height:2.1em;border-radius:.7em;display:grid;place-items:center;background:linear-gradient(135deg,#34D399,#10B981 60%,#059669)}
.mz-toast i svg{width:1.2em!important;height:1.2em!important;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.mz-toast span{display:grid;line-height:1.25}.mz-toast b{font-size:.92em;color:var(--ink)}.mz-toast small{font-size:.78em;color:var(--muted)}
@media (prefers-reduced-motion:no-preference){
 .motion .mz-cur.c1{animation:mzC1 9s cubic-bezier(.45,0,.2,1) infinite}
 .motion .mz-cur.c2{animation:mzC2 9s cubic-bezier(.45,0,.2,1) infinite}
 .motion .mz-toast{animation:mzToast 9s cubic-bezier(.22,1,.36,1) infinite}
}
@keyframes mzC1{0%,100%{translate:62% 46%}22%{translate:520% 60%}44%{translate:470% 330%}66%{translate:150% 420%}84%{translate:90% 150%}}
@keyframes mzC2{0%,100%{translate:28% 260%}22%{translate:300% 120%}44%{translate:520% 300%}66%{translate:330% 480%}84%{translate:120% 330%}}
@keyframes mzToast{0%,46%{opacity:0;transform:translateY(10px) scale(.94)}52%,90%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(-6px)}}
/* culture marquee */
.fx-mq{position:relative;display:grid;gap:12px;padding:clamp(26px,3vw,40px) 0 0;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.mq-r{overflow:hidden}.mq-tr{display:flex;gap:12px;width:max-content}
.mq-p{flex:none;font-size:clamp(15px,1.3vw,18px);font-weight:700;letter-spacing:-.01em;padding:10px 20px;border-radius:999px;background:var(--surface);border:1px solid color-mix(in srgb,var(--a1) 12%,var(--line));color:var(--ink);box-shadow:0 10px 22px -18px rgba(23,40,94,.4)}
.mq-r.r1 .mq-p:nth-child(even){color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--a2),var(--a1) 55%,var(--a3))}
.mq-r.r2 .mq-p{background:transparent;border-style:dashed;color:var(--muted);font-weight:600}
.mq-r.r2 .mq-p:nth-child(3n+1){color:var(--a1);border-style:solid;background:color-mix(in srgb,var(--a1) 6%,var(--surface))}
@media (prefers-reduced-motion:no-preference){ .motion .mq-r.r1 .mq-tr{animation:mqL 38s linear infinite} .motion .mq-r.r2 .mq-tr{animation:mqR 44s linear infinite} .fx-mq:hover .mq-tr{animation-play-state:paused} }
@keyframes mqL{to{transform:translateX(calc(-50% - 6px))}}
@keyframes mqR{from{transform:translateX(calc(-50% - 6px))}to{transform:none}}
/* bento micro visuals */
.bx{display:flex;flex-direction:column;justify-content:flex-start}
.bx-lg{justify-content:flex-end}
.bxv{margin-top:auto;padding-top:12px}
.bx-lg .bxv-ed{margin:0 0 auto;padding:0}
.bxv-ed{display:grid;gap:4px;padding:0;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);font-family:var(--mono);font-size:12.5px;color:#C9D1EA;overflow:hidden;margin-bottom:22px!important}
.ed-hd{display:flex;align-items:center;gap:6px;padding:9px 12px;border-bottom:1px solid rgba(255,255,255,.08)}
.ed-hd i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.2)}.ed-hd i:first-child{background:#F87171}.ed-hd i:nth-child(2){background:#FBBF24}.ed-hd i:nth-child(3){background:#34D399}
.ed-hd span{margin-left:8px;font-size:11.5px;color:#8C96B8}
.bxv-ed code{display:block;padding:2px 12px;font:inherit;white-space:nowrap;overflow:hidden}
.bxv-ed .ln{display:inline-block;width:1.6em;color:#5B6488}.bxv-ed .k{color:#C084FC}.bxv-ed .cm{color:#7DD3FC}
.gt{display:inline-block;color:#8C96B8;opacity:.7;font-style:italic;overflow:hidden;vertical-align:bottom;white-space:nowrap}
.caret{display:inline-block;width:2px;height:1.1em;vertical-align:-2px;background:#4CC9F0;margin-left:1px}
.ed-acc{justify-self:start;margin:6px 12px 12px;font-size:11px;padding:4px 9px;border-radius:999px;background:linear-gradient(135deg,rgba(76,201,240,.25),rgba(67,97,238,.3));color:#fff;border:1px solid rgba(76,201,240,.35)}
.bxv-pipe{position:relative;display:flex;justify-content:space-between;gap:6px}
.bxv-pipe::before{content:"";position:absolute;left:10%;right:10%;top:calc(12px + 50%);height:2px;margin-top:-1px;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--a1) 35%,transparent) 0 6px,transparent 6px 11px)}
.bxv-pipe span{position:relative;z-index:1;font-size:12.5px;font-weight:700;padding:6px 12px;border-radius:999px;background:var(--surface);border:1px solid color-mix(in srgb,var(--a1) 18%,var(--line));color:var(--muted)}
.bxv-pipe .lv{color:#047857;border-color:rgba(16,185,129,.4);background:#ECFDF5}
.bxv-pipe .run{position:absolute;z-index:2;top:calc(12px + 50%);left:10%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;background:var(--a1);box-shadow:0 0 0 4px color-mix(in srgb,var(--a1) 20%,transparent)}
.bxv-chips{display:flex;flex-wrap:wrap;gap:6px}
.bxv-chips span{font-size:12.5px;font-weight:700;padding:6px 11px;border-radius:999px;border:1px solid var(--line);color:var(--muted);background:var(--surface)}
.bxv-bars{display:flex;align-items:flex-end;gap:8px;height:74px}
.bxv-bars span{position:relative;flex:1;height:var(--h);border-radius:8px 8px 4px 4px;background:linear-gradient(180deg,var(--a2),var(--a1) 60%,var(--a3));opacity:.85;transform-origin:bottom}
.bxv-bars span:nth-child(-n+3){background:linear-gradient(180deg,color-mix(in srgb,var(--a1) 38%,#fff),color-mix(in srgb,var(--a1) 22%,#fff));opacity:1}
.bxv-bars em{position:absolute;left:0;right:0;bottom:4px;text-align:center;font-style:normal;font-size:10.5px;font-weight:700;color:var(--a1)}
.bxv-bars span:last-child em{color:#fff}
.bxv-grow{display:flex;align-items:center;gap:10px}
.bxv-grow b{font-size:15px;font-weight:800;color:var(--muted)}.bxv-grow b.g{font-size:20px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.gd{flex:1;display:grid;grid-template-columns:repeat(10,1fr);gap:4px}
.gd i{aspect-ratio:1;border-radius:50%;background:color-mix(in srgb,var(--a1) 14%,transparent)}
.gd i:nth-child(-n+3){background:var(--a1)}
@media (prefers-reduced-motion:no-preference){
 .motion .gt{animation:gtType 6s steps(30,end) infinite}
 .motion .caret{animation:crBlink 1s steps(1) infinite}
 .motion .ed-acc{animation:edAcc 6s ease-in-out infinite}
 .motion .bxv-pipe .run{animation:pRun 4s cubic-bezier(.65,0,.35,1) infinite}
 .motion .bxv-pipe .lv{animation:pLive 4s ease-in-out infinite}
 .motion .bxv-chips span{animation:chHi 4.5s ease-in-out infinite}.motion .bxv-chips span:nth-child(2){animation-delay:1.5s}.motion .bxv-chips span:nth-child(3){animation-delay:3s}
 .motion .bxv-bars span{animation:brUp 5s cubic-bezier(.22,1,.36,1) infinite;animation-delay:calc(var(--k,0) * 1s)}
 .motion .bxv-bars span:nth-child(2){--k:.15}.motion .bxv-bars span:nth-child(3){--k:.3}.motion .bxv-bars span:nth-child(4){--k:.45}
 .motion .gd i{animation:gdOn 6s ease-in-out infinite;animation-delay:calc(var(--j) * 120ms)}
}
@keyframes gtType{0%,8%{max-width:0}50%,88%{max-width:30ch}100%{max-width:0}}
@keyframes crBlink{50%{opacity:0}}
@keyframes edAcc{0%,50%{opacity:.35}58%,88%{opacity:1}100%{opacity:.35}}
@keyframes pRun{0%{left:10%}45%,55%{left:50%}90%,100%{left:90%}}
@keyframes pLive{0%,80%,100%{box-shadow:none}88%{box-shadow:0 0 0 6px rgba(16,185,129,.2)}}
@keyframes chHi{0%,33%,100%{color:var(--muted);background:var(--surface);border-color:var(--line)}8%,26%{color:#fff;background:linear-gradient(135deg,var(--a2),var(--a1));border-color:transparent}}
@keyframes brUp{0%{transform:scaleY(.15)}30%,85%{transform:none}100%{transform:scaleY(.15)}}
@keyframes gdOn{0%,10%{background:color-mix(in srgb,var(--a1) 14%,transparent)}30%,85%{background:var(--a1)}100%{background:color-mix(in srgb,var(--a1) 14%,transparent)}}
/* week: rail + today cursor */
.wkw{position:relative}
.wk-rail{position:relative;height:34px;margin-bottom:12px;border-radius:999px;background:color-mix(in srgb,var(--a1) 6%,var(--surface));border:1px solid color-mix(in srgb,var(--a1) 10%,var(--line))}
.wk-cur{position:absolute;top:3px;bottom:3px;left:3px;width:calc(20% - 6px);border-radius:999px;background:linear-gradient(135deg,var(--a2),var(--a1) 55%,var(--a3));box-shadow:0 8px 18px -8px var(--a1);display:grid;place-items:center}
.wk-cur span{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#fff}
.wk-top{display:flex;align-items:center;justify-content:space-between}
.wk-day{background:none!important;padding:0!important;color:var(--ink)!important;font-family:inherit!important;font-size:26px!important;font-weight:800!important;letter-spacing:-.03em!important;text-transform:none!important}
.wk-ic{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--a1) 8%,var(--surface))}
.wk-ic svg{width:18px;height:18px;stroke:var(--a1)}
.wk-d{position:relative;overflow:hidden}
.wk-d::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--a2),var(--a1),var(--a3));transform:scaleX(0);transform-origin:left}
@media (prefers-reduced-motion:no-preference){
 .motion .fx-wk .wkw[data-rise]{opacity:1;transform:none}
 .motion .fx-wk .wkw:not(.in) .wk-d{opacity:0}
 .motion .fx-wk .wkw.in .wk-d{animation:fxUp .6s cubic-bezier(.22,1,.36,1) backwards,wkNow 7.5s ease-in-out infinite;animation-delay:calc(var(--k) * 110ms),calc(1.2s + var(--k) * 1.5s)}
 .motion .fx-wk .wkw.in .wk-d::before{animation:wkTop 7.5s ease-in-out infinite;animation-delay:calc(1.2s + var(--k) * 1.5s)}
 .motion .fx-wk .wkw.in .wk-cur{animation:wkCur 7.5s cubic-bezier(.65,0,.35,1) 1.2s infinite backwards}
}
@keyframes wkTop{0%,20%,100%{transform:scaleX(0)}6%,14%{transform:none}}
@keyframes wkCur{0%,14%{left:3px}20%,34%{left:20%}40%,54%{left:40%}60%,74%{left:60%}80%,94%{left:calc(80% + 3px)}100%{left:3px}}
@media (max-width:980px){ .wk-rail{display:none} }
/* teams: colored art header */
.tm{--c:var(--a1);padding:0 0 22px;overflow:hidden;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s}
.tm>*:not(.tm-art){margin-inline:22px}
.tm:hover{transform:translateY(-5px);box-shadow:0 1px 2px rgba(23,40,94,.05),0 26px 46px -26px color-mix(in srgb,var(--c) 70%,transparent)}
.tm-art{position:relative;height:110px;overflow:hidden;background:linear-gradient(150deg,color-mix(in srgb,var(--c) 22%,#fff),color-mix(in srgb,var(--c) 70%,#fff))}
.tm-big{position:absolute;right:-14px;bottom:-26px}.tm-big svg{width:130px;height:130px;stroke:#fff;opacity:.55;stroke-width:1.3}
.tm-ic{margin-top:-30px;position:relative;z-index:1;background:var(--c);box-shadow:0 0 0 5px var(--surface),0 12px 22px -10px var(--c)}
.tm-go{color:var(--c)}
.tm-tags em{background:color-mix(in srgb,var(--c) 7%,var(--surface));border-color:color-mix(in srgb,var(--c) 20%,transparent)}
@media (prefers-reduced-motion:no-preference){ .motion .tm-big{animation:mzA 7s ease-in-out infinite;animation-delay:calc(var(--k) * -1.2s)} .tm:hover .tm-big svg{opacity:.8} }
/* benefits: tinted cards */
.bfg{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.bf{--c:var(--a1);position:relative;overflow:hidden;justify-items:start;text-align:left;gap:6px;padding:24px;border-radius:22px;background:linear-gradient(160deg,var(--surface) 40%,color-mix(in srgb,var(--c) 9%,var(--surface)));border:1px solid color-mix(in srgb,var(--c) 16%,var(--line));box-shadow:0 1px 2px rgba(23,40,94,.04),0 14px 30px -22px rgba(23,40,94,.26);transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s}
.bf:hover{transform:translateY(-4px);box-shadow:0 1px 2px rgba(23,40,94,.05),0 24px 44px -24px color-mix(in srgb,var(--c) 60%,transparent)}
.bf-ic{width:52px;height:52px;border-radius:16px;background:var(--c);border:0;box-shadow:0 12px 22px -12px var(--c);margin-bottom:10px}
.bf-ic svg{width:24px;height:24px;stroke:#fff}
.bf:hover .bf-ic{background:var(--c);transform:rotate(-6deg) scale(1.06)}
.bf b{font-size:18px;letter-spacing:-.02em}.bf>span:not(.bf-ic):not(.bf-wm){font-size:15px;max-width:32ch}
.bf-wm{position:absolute;right:-18px;bottom:-22px;pointer-events:none}.bf-wm svg{width:120px;height:120px;stroke:var(--c);opacity:.08;stroke-width:1.2;transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .4s}
.bf:hover .bf-wm svg{transform:rotate(-10deg) scale(1.08);opacity:.14}
@keyframes bfP{0%,14%,100%{box-shadow:0 12px 22px -12px var(--c)}5%,9%{box-shadow:0 0 0 7px color-mix(in srgb,var(--c) 18%,transparent),0 12px 22px -12px var(--c)}}
@media (max-width:980px){ .bfg{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:560px){ .bfg{grid-template-columns:1fr} }
/* story: dark band */
.st-dark{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(160deg,#0B1226,#141B3D 55%,#1E0F3D);color:#fff}
.st-dark .sec-head h2,.st-dark h2{color:#fff}.st-dark .eyebrow,.st-dark .sec-head .eyebrow{color:#9FB0E6}
.st-wm{position:absolute;right:-2%;top:2%;z-index:-1;font-size:clamp(140px,22vw,330px);font-weight:800;letter-spacing:-.06em;line-height:1;background:linear-gradient(180deg,rgba(76,201,240,.16),rgba(114,9,183,0));-webkit-background-clip:text;background-clip:text;color:transparent;pointer-events:none}
.st-stars{position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(255,255,255,.35) 1px,transparent 1.4px);background-size:28px 28px;-webkit-mask:radial-gradient(ellipse at 30% 40%,#000,transparent 70%);mask:radial-gradient(ellipse at 30% 40%,#000,transparent 70%);opacity:.5}
.st-dark .stl-rail{background:rgba(255,255,255,.12)}
.st-dark .stl-rail i{box-shadow:0 0 14px rgba(76,201,240,.7)}
.st-dark .sty-dot{background:#141B3D;border-color:#4CC9F0}
.st-dark .sty.hi .sty-dot{border-color:#0B1226}
.st-dark .sty{padding:18px 14px 20px;border-radius:20px;transition:background .4s}
.st-dark .sty:hover{background:rgba(255,255,255,.05)}
.st-dark .sty b{color:#fff;font-size:clamp(24px,2.2vw,32px)}
.st-dark .sty.hi b{background:linear-gradient(135deg,#4CC9F0,#8B9CFF 50%,#C084FC);-webkit-background-clip:text;background-clip:text;color:transparent}
.st-dark .sty p{color:#C9D1EA}
.st-dark .stl-rail{top:27px}
@media (prefers-reduced-motion:no-preference){ .motion .st-dark .sty.hi:last-child .sty-dot{animation:ppLive 1.6s ease-in-out infinite} }
@media (max-width:860px){ .st-dark .stl-rail{top:28px;bottom:28px} .st-dark .sty-dot{top:22px} .st-dark .sty{padding:12px 10px} }
/* hiring: icons in nodes + traveller */
.hp-n{position:relative}
.hp-n svg{width:24px;height:24px;stroke:#fff}
.hp-k{position:absolute;right:-6px;top:-6px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;color:var(--a1);background:#fff;box-shadow:0 4px 10px -4px rgba(23,40,94,.4)}
.hp-run{position:absolute;left:12.5%;top:30px;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#fff;border:3px solid var(--a1);box-shadow:0 0 0 5px color-mix(in srgb,var(--a1) 18%,transparent);z-index:0}
@media (prefers-reduced-motion:no-preference){ .motion .fx-hp .hpl.in .hp-run{animation:hpRun 6s cubic-bezier(.65,0,.35,1) 1.5s infinite} }
@keyframes hpRun{0%{left:12.5%;opacity:0}6%{opacity:1}30%,36%{left:37.5%}60%,66%{left:62.5%}90%{left:87.5%;opacity:1}100%{left:87.5%;opacity:0}}
@media (max-width:760px){ .hp-run{display:none} }
.hv-mz .mz{width:100%}
@media (max-width:760px){ .hv-mz{font-size:11px;margin-top:18px} .mz-toast{left:0;top:-2em} }
.mz-t.t2{grid-row:span 2}
/* ===================== Careers v4: restructured, white ===================== */
/* hero: one team photo */
.hv-tp{position:relative;width:100%;max-width:600px;aspect-ratio:auto;margin-inline:auto;padding:22px 18px 30px}
.fx-hero .ph-vis:has(.hv-tp){align-self:center;min-height:0}
.hv-tp .pp-glow{position:absolute;inset:4%;border-radius:50%;background:radial-gradient(closest-side,rgba(76,201,240,.25),rgba(114,9,183,.12) 55%,transparent);filter:blur(12px)}
.tp-f{position:relative;width:100%;margin:0;aspect-ratio:4/3;border-radius:28px;overflow:hidden;background:#fff;padding:8px;box-shadow:0 1px 2px rgba(23,40,94,.06),0 40px 70px -36px rgba(23,40,94,.45);border:1px solid color-mix(in srgb,var(--a1) 12%,var(--line))}
.tp-f::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:2px;background:conic-gradient(from var(--ang),#4CC9F0,#4361EE,#7209B7,#4CC9F0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.6;pointer-events:none}
.tp-f img,.tp-ph{display:block;width:100%;height:100%;border-radius:21px;object-fit:cover}
.tp-ph{position:relative;overflow:hidden;background:linear-gradient(180deg,#E8EEFF 0%,#F1E9FF 62%,#DCE5FB 62.2%,#CDD8F6 100%)}
.tp-sun{position:absolute;left:62%;top:12%;width:26%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.95),rgba(255,255,255,0) 70%)}
.tp-row{position:absolute;left:6%;right:6%;bottom:30%;display:flex;justify-content:space-around;align-items:flex-end}
.tp-p{position:relative;display:grid;justify-items:center;width:15%}
.tp-p i{width:46%;aspect-ratio:1;border-radius:50%;background:var(--c);opacity:.9;margin-bottom:5%}
.tp-p b{width:100%;aspect-ratio:1.25;border-radius:48% 48% 14% 14%;background:var(--c);opacity:.75}
.tp-p.p0{--c:#4361EE}.tp-p.p1{--c:#0891B2;width:17%}.tp-p.p2{--c:#7209B7;width:19%}.tp-p.p3{--c:#0E9F6E;width:17%}.tp-p.p4{--c:#D97706}
.tp-desk{position:absolute;left:0;right:0;bottom:0;height:31%;background:linear-gradient(180deg,#fff,#EEF2FD);border-top:1px solid rgba(23,40,94,.08)}
.tp-lab{position:absolute;left:50%;bottom:9%;translate:-50% 0;white-space:nowrap;font-size:13px;font-weight:700;color:var(--muted);padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.85);border:1px dashed color-mix(in srgb,var(--a1) 35%,transparent)}
.tp-chip{position:absolute;z-index:2;font-family:var(--mono);font-size:13px;font-weight:600;padding:8px 13px;border-radius:12px;background:rgba(255,255,255,.92);border:1px solid var(--line);color:var(--ink);box-shadow:0 16px 30px -18px rgba(23,40,94,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.tp-chip::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px;background:var(--c)}
.tp-chip.c0{--c:#D97706;left:-2%;top:16%}.tp-chip.c1{--c:#4361EE;right:-3%;top:6%}.tp-chip.c2{--c:#7209B7;right:2%;top:58%}
.tp-hire{position:absolute;z-index:2;left:6%;bottom:6px;display:inline-flex;align-items:center;gap:9px;padding:12px 18px;border-radius:999px;background:var(--ink);color:#fff;font-weight:700;font-size:15px;text-decoration:none;box-shadow:0 18px 34px -16px rgba(11,18,38,.6)}
.tp-hire i{width:9px;height:9px;border-radius:50%;background:#10B981;box-shadow:0 0 0 4px rgba(16,185,129,.25)}
.tp-hire span{transition:transform .3s}.tp-hire:hover span{transform:translateX(3px)}
@media (prefers-reduced-motion:no-preference){
 .motion .tp-f{animation:fxPop .8s cubic-bezier(.22,1,.36,1) backwards}
 .motion .tp-f::before{animation:spin 8s linear infinite}
 .motion .tp-f img{animation:tpKb 18s ease-in-out infinite alternate}
 .motion .tp-p{animation:tpUp .7s cubic-bezier(.34,1.56,.64,1) backwards,tpBob 5s ease-in-out infinite;animation-delay:calc(.5s + var(--i) * 110ms),calc(var(--i) * -.9s)}
 .motion .tp-chip{animation:fxPop .6s cubic-bezier(.34,1.56,.64,1) backwards,tpFl 6s ease-in-out infinite}
 .motion .tp-chip.c0{animation-delay:1s,1.6s}.motion .tp-chip.c1{animation-delay:1.2s,2.4s}.motion .tp-chip.c2{animation-delay:1.4s,3.2s}
 .motion .tp-hire{animation:fxPop .6s 1.7s cubic-bezier(.34,1.56,.64,1) backwards}
 .motion .tp-hire i{animation:ppLive 1.4s ease-in-out infinite}
}
@keyframes spin{to{--ang:360deg}}
@keyframes tpKb{from{transform:scale(1)}to{transform:scale(1.06) translate(-1%,-1%)}}
@keyframes tpUp{from{opacity:0;transform:translateY(24px)}}
@keyframes tpBob{0%,100%{translate:0 0}50%{translate:0 -3px}}
@media (max-width:620px){ .tp-chip{font-size:11.5px;padding:6px 10px} .hv-tp{padding:18px 6px 26px} }
/* stat strip: small lead-in words */
.cr-stats .sb small{font-size:12px;letter-spacing:.04em;text-transform:none;font-family:inherit;color:#AEB8DA}
/* why join: four cards in a row */
.wjg{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.4vw,18px)}
.wj{position:relative;overflow:hidden;display:grid;align-content:start;gap:10px;padding:clamp(22px,2vw,28px);border-radius:22px;background:var(--surface);border:1px solid color-mix(in srgb,var(--a1) 9%,var(--line));box-shadow:0 1px 2px rgba(23,40,94,.04),0 14px 30px -22px rgba(23,40,94,.26);transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s,border-color .45s}
.wj::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--a2),var(--a1),var(--a3));transform:scaleX(0);transform-origin:left;transition:transform .55s cubic-bezier(.22,1,.36,1)}
.wj:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--a1) 28%,var(--line));box-shadow:0 1px 2px rgba(23,40,94,.05),0 28px 48px -26px rgba(67,97,238,.45)}
.wj:hover::after{transform:none}
.wj-ic{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,var(--a2),var(--a1) 55%,var(--a3));box-shadow:0 12px 22px -12px var(--a1);margin-bottom:6px;transition:transform .45s cubic-bezier(.34,1.56,.64,1)}
.wj:hover .wj-ic{transform:rotate(-8deg) scale(1.08)}
.wj-ic svg{width:23px;height:23px;stroke:#fff}
.wj h3{font-size:clamp(18px,1.45vw,20px);letter-spacing:-.02em}
.wj p{margin:0;color:var(--muted);font-size:15px;line-height:1.55}
@media (prefers-reduced-motion:no-preference){
 .motion .fx-cw .wjg[data-rise]{opacity:1;transform:none}
 .motion .fx-cw .wjg:not(.in) .wj{opacity:0}
 .motion .fx-cw .wjg.in .wj{animation:fxUp .7s cubic-bezier(.22,1,.36,1) backwards;animation-delay:calc(var(--k) * 110ms)}
 .motion .fx-cw .wjg.in .wj-ic{animation:fxPop .5s cubic-bezier(.34,1.56,.64,1) backwards,bfP 9s ease-in-out infinite;animation-delay:calc(.25s + var(--k) * 110ms),calc(1.6s + var(--k) * 2s)}
}
@media (max-width:980px){ .wjg{grid-template-columns:repeat(2,minmax(0,1fr))} }
/* open roles list */
.jrb{border-radius:24px;background:var(--surface);border:1px solid color-mix(in srgb,var(--a1) 10%,var(--line));box-shadow:0 1px 2px rgba(23,40,94,.04),0 22px 46px -30px rgba(23,40,94,.35);overflow:hidden}
.jr-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:end;padding:16px 20px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--a1) 3%,var(--surface))}
.jr-bar label{display:grid;gap:4px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}
.jr-bar select{font:inherit;font-size:15px;font-weight:500;letter-spacing:0;text-transform:none;min-width:200px;padding:10px 12px;border-radius:12px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink)}
.jr-bar select:focus{outline:2px solid var(--a1);outline-offset:1px}
.jr-count{margin-left:auto;align-self:center;font-family:var(--mono);font-size:13px;color:var(--a1)}
.jr-head,.jr{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr) minmax(0,1.3fr) auto;gap:16px;align-items:center;padding:0 20px}
.jr-head{padding-block:10px;font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);border-bottom:1px solid var(--line)}
.jr-list{list-style:none;margin:0;padding:0}
.jr{position:relative;padding-block:18px;border-top:1px solid var(--line);transition:background .3s}
.jr:first-child{border-top:0}
.jr::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,var(--a2),var(--a1),var(--a3));transform:scaleY(0);transition:transform .35s cubic-bezier(.22,1,.36,1)}
.jr:hover{background:color-mix(in srgb,var(--a1) 4%,var(--surface))}.jr:hover::before{transform:none}
.jr[hidden]{display:none}
.jr-t{display:grid;gap:3px}.jr-t b{font-size:17px;letter-spacing:-.01em}
.jr-tm{width:max-content;font-size:12.5px;font-weight:700;color:var(--a1);padding:3px 9px;border-radius:999px;background:color-mix(in srgb,var(--a1) 7%,transparent)}
.jr-m{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:15px}
.jr-m svg{width:16px;height:16px;flex:none;stroke:var(--a1)}
.jr-apply{padding:10px 18px;font-size:14.5px}
.jr-empty{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;padding:clamp(22px,3vw,32px) 20px}
.jr-empty[hidden]{display:none}
.jr-empty p{margin:0;color:var(--ink);font-size:16px}
.jr-eic{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:color-mix(in srgb,var(--a1) 8%,var(--surface));border:1px dashed color-mix(in srgb,var(--a1) 35%,transparent)}
.jr-eic svg{width:24px;height:24px;stroke:var(--a1)}
.jr-note{margin:12px 0 0;font-size:13.5px}
@media (prefers-reduced-motion:no-preference){
 .motion .fx-jr .jrb.in .jr{animation:fxUp .6s cubic-bezier(.22,1,.36,1) backwards;animation-delay:calc(.2s + var(--k) * 120ms)}
}
@media (max-width:760px){ .jr-head{display:none} .jr{grid-template-columns:1fr 1fr;row-gap:10px} .jr-t{grid-column:1/-1} .jr-apply{grid-column:1/-1;justify-content:center} .jr-bar select{min-width:0;width:100%} .jr-bar label{flex:1 1 140px} .jr-count{display:none} .jr-empty{grid-template-columns:1fr} }
/* benefits: 3 x 2 icon grid */
.cbg{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,18px)}
.cb{--c:var(--a1);display:flex;gap:16px;align-items:flex-start;padding:22px;border-radius:20px;background:var(--surface);border:1px solid color-mix(in srgb,var(--a1) 9%,var(--line));box-shadow:0 1px 2px rgba(23,40,94,.04),0 12px 26px -22px rgba(23,40,94,.28);transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s}
.cb:nth-child(1){--c:#0E9F6E}.cb:nth-child(2){--c:#E11D48}.cb:nth-child(3){--c:#4361EE}.cb:nth-child(4){--c:#7209B7}.cb:nth-child(5){--c:#D97706}.cb:nth-child(6){--c:#0891B2}
.cb:hover{transform:translateY(-4px);box-shadow:0 1px 2px rgba(23,40,94,.05),0 22px 40px -24px color-mix(in srgb,var(--c) 55%,transparent)}
.cb-ic{flex:none;width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 11%,var(--surface));transition:background .35s,transform .45s cubic-bezier(.34,1.56,.64,1)}
.cb-ic svg{width:24px;height:24px;stroke:var(--c);transition:stroke .35s}
.cb:hover .cb-ic{background:var(--c);transform:rotate(-8deg) scale(1.06)}.cb:hover .cb-ic svg{stroke:#fff}
.cb div{display:grid;gap:4px}.cb b{font-size:17.5px;letter-spacing:-.01em}.cb div span{color:var(--muted);font-size:14.5px;line-height:1.5}
@media (prefers-reduced-motion:no-preference){
 .motion .fx-cb .cbg[data-rise]{opacity:1;transform:none}
 .motion .fx-cb .cbg:not(.in) .cb{opacity:0}
 .motion .fx-cb .cbg.in .cb{animation:fxUp .6s cubic-bezier(.22,1,.36,1) backwards;animation-delay:calc(var(--k) * 90ms)}
}
@media (max-width:980px){ .cbg{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:560px){ .cbg{grid-template-columns:1fr} }
/* hiring: equal opportunity line */
.hp-eo{display:flex;gap:12px;align-items:center;justify-content:center;margin:clamp(24px,3vw,36px) auto 0;max-width:820px;padding:14px 20px;border-radius:16px;background:var(--surface);border:1px solid var(--line);color:var(--muted);font-size:14.5px;text-align:left}
.hp-eo svg{width:20px;height:20px;flex:none;stroke:var(--a1)}
@keyframes tpFl{0%,100%{translate:0 0}50%{translate:0 -7px}}
/* careers hero: day-one loop (T = 12s, every element keyed to the same clock) */
.hv-d1{--T:12s;position:relative;width:100%;max-width:560px;aspect-ratio:auto;margin-inline:auto;padding:26px 14px 34px;font-size:clamp(11px,2.3cqw,14px)}
.fx-hero .ph-vis:has(.hv-d1){align-self:center;min-height:0}
.hv-d1 svg{position:static;inset:auto}
.hv-d1 .pp-glow{position:absolute;inset:2%;border-radius:50%;background:radial-gradient(closest-side,rgba(76,201,240,.25),rgba(114,9,183,.13) 55%,transparent);filter:blur(12px)}
.d1-card{position:relative;display:grid;gap:1em;padding:1.3em;border-radius:1.6em;background:rgba(255,255,255,.94);border:1px solid color-mix(in srgb,var(--a1) 12%,var(--line));box-shadow:0 1px 2px rgba(23,40,94,.06),0 40px 70px -36px rgba(23,40,94,.45);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.d1-hd{display:flex;justify-content:space-between;align-items:center;gap:.8em}
.d1-who{display:flex;align-items:center;gap:.7em}.d1-who>span:last-child{display:grid;line-height:1.25}
.d1-who b{font-size:1.05em;color:var(--ink)}.d1-who small{font-size:.82em;color:var(--muted)}
.d1-av{width:2.6em;height:2.6em;border-radius:50%;display:grid;place-items:center;font-size:.85em;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--a2),var(--a1) 55%,var(--a3));box-shadow:0 0 0 3px #fff,0 0 0 5px color-mix(in srgb,var(--a1) 25%,transparent)}
.d1-ed{border-radius:1em;background:#0B1226;font-family:var(--mono);font-size:.86em;color:#C9D1EA;overflow:hidden;padding-bottom:.6em}
.d1-tab{display:flex;align-items:center;gap:.45em;padding:.6em .9em;border-bottom:1px solid rgba(255,255,255,.08)}
.d1-tab i{width:.6em;height:.6em;border-radius:50%;background:#F87171}.d1-tab i:nth-child(2){background:#FBBF24}.d1-tab i:nth-child(3){background:#34D399}
.d1-tab span{margin-left:.6em;font-size:.9em;color:#8C96B8}
.d1-ed code{display:block;font:inherit;padding:.18em .9em;white-space:nowrap;overflow:hidden}
.d1-ed code em{display:inline-block;width:1.7em;font-style:normal;color:#5B6488}
.d1-ed .k{color:#C084FC}.d1-ed .c{color:#7DD3FC}
.d1-ty{display:inline-block;vertical-align:bottom;overflow:hidden;white-space:nowrap;max-width:34ch;color:#E2E8FF}
.d1-car{display:inline-block;width:2px;height:1.05em;vertical-align:-.15em;background:#4CC9F0;margin-left:1px}
.d1-tools{display:flex;gap:.5em;flex-wrap:wrap}
.d1-tools span{font-family:var(--mono);font-size:.82em;font-weight:600;padding:.45em .8em;border-radius:.7em;border:1px solid var(--line);background:var(--surface);color:var(--muted)}
.d1-steps{list-style:none;margin:0;padding:0;display:grid;gap:.45em}
.d1-steps li{display:grid;grid-template-columns:auto 1fr auto;gap:.7em;align-items:center;padding:.55em .7em;border-radius:.8em;border:1px solid var(--line);background:var(--surface)}
.d1-ck{width:1.5em;height:1.5em;border-radius:50%;display:grid;place-items:center;border:2px solid #CBD3E6;background:#fff}
.d1-ck svg{width:.95em;height:.95em;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.d1-t{font-size:.95em;font-weight:600;color:var(--ink)}
.d1-steps em{font-style:normal;font-family:var(--mono);font-size:.74em;color:var(--a1);padding:.25em .6em;border-radius:.6em;background:color-mix(in srgb,var(--a1) 7%,transparent)}
.d1-ship{display:grid;gap:.55em;padding:.8em .9em;border-radius:1em;background:color-mix(in srgb,var(--a1) 4%,var(--surface));border:1px solid color-mix(in srgb,var(--a1) 12%,var(--line))}
.d1-lab{display:flex;justify-content:space-between;align-items:center}.d1-lab b{font-size:.95em}
.d1-lv{display:inline-flex;align-items:center;gap:.4em;font-size:.8em;font-weight:700;color:#047857;padding:.25em .65em;border-radius:999px;background:#ECFDF5;border:1px solid rgba(16,185,129,.35)}
.d1-lv i{width:.5em;height:.5em;border-radius:50%;background:#10B981}
.d1-bar{height:.45em;border-radius:1em;background:color-mix(in srgb,var(--a1) 10%,transparent);overflow:hidden}
.d1-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--a2),var(--a1),var(--a3));transform-origin:left}
.d1-cl{display:flex;flex-wrap:wrap;gap:.4em}
.d1-cl em{font-style:normal;font-size:.76em;font-weight:600;padding:.25em .65em;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--muted)}
.d1-toast{position:absolute;z-index:3;right:-1%;top:34%;display:flex;align-items:center;gap:.6em;padding:.6em .9em .6em .6em;border-radius:1em;background:rgba(255,255,255,.96);border:1px solid var(--line);box-shadow:0 20px 36px -18px rgba(23,40,94,.5)}
.d1-toast i{width:2.1em;height:2.1em;border-radius:.7em;display:grid;place-items:center;background:linear-gradient(135deg,#34D399,#10B981 60%,#059669)}
.d1-toast i svg{width:1.2em;height:1.2em;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.d1-toast>span{display:grid;line-height:1.25}.d1-toast b{font-size:.92em;color:var(--ink)}.d1-toast small{font-size:.78em;color:var(--muted)}
.d1-hire{left:auto;right:6%;bottom:4px;font-size:1.05em}
/* static (reduced-motion) end state */
.d1-steps .d1-ck{background:linear-gradient(135deg,#34D399,#10B981 60%,#059669);border-color:transparent}
.d1-toast{opacity:0}
@media (prefers-reduced-motion:no-preference){
 .motion .d1-card{animation:fxPop .8s cubic-bezier(.22,1,.36,1) backwards}
 .motion .d1-ty{animation:d1Type var(--T) steps(30,end) infinite}
 .motion .d1-car{animation:crBlink 1s steps(1) infinite}
 .motion .d1-tools .t0{animation:d1T0 var(--T) ease-in-out infinite}
 .motion .d1-tools .t1{animation:d1T1 var(--T) ease-in-out infinite}
 .motion .d1-tools .t2{animation:d1T2 var(--T) ease-in-out infinite}
 .motion .d1-steps .s0 .d1-ck{animation:d1K0 var(--T) ease infinite}.motion .d1-steps .s0 .d1-ck svg{animation:d1V0 var(--T) ease infinite}
 .motion .d1-steps .s1 .d1-ck{animation:d1K1 var(--T) ease infinite}.motion .d1-steps .s1 .d1-ck svg{animation:d1V1 var(--T) ease infinite}
 .motion .d1-steps .s2 .d1-ck{animation:d1K2 var(--T) ease infinite}.motion .d1-steps .s2 .d1-ck svg{animation:d1V2 var(--T) ease infinite}
 .motion .d1-steps .s0{animation:d1R0 var(--T) ease infinite}.motion .d1-steps .s1{animation:d1R1 var(--T) ease infinite}.motion .d1-steps .s2{animation:d1R2 var(--T) ease infinite}
 .motion .d1-bar i{animation:d1Bar var(--T) cubic-bezier(.65,0,.35,1) infinite}
 .motion .d1-lv{animation:d1Lv var(--T) ease infinite}
 .motion .d1-cl em{animation:d1Cl var(--T) ease infinite}
 .motion .d1-cl em:nth-child(2){animation-name:d1Cl2}.motion .d1-cl em:nth-child(3){animation-name:d1Cl3}.motion .d1-cl em:nth-child(4){animation-name:d1Cl4}
 .motion .d1-toast{animation:d1Toast var(--T) cubic-bezier(.22,1,.36,1) infinite}
 .motion .d1-hire{animation:fxPop .6s 1.4s cubic-bezier(.34,1.56,.64,1) backwards,tpFl 6s 2s ease-in-out infinite}
 .motion .d1-hire i,.motion .hv-d1 .ba-live i{animation:ppLive 1.4s ease-in-out infinite}
}
@keyframes d1Type{0%,6%{max-width:0}30%,96%{max-width:34ch}100%{max-width:0}}
@keyframes d1T0{0%,6%,24%,100%{color:var(--muted);background:var(--surface);border-color:var(--line)}9%,21%{color:#fff;background:#D97706;border-color:transparent}}
@keyframes d1T1{0%,18%,36%,100%{color:var(--muted);background:var(--surface);border-color:var(--line)}21%,33%{color:#fff;background:#4361EE;border-color:transparent}}
@keyframes d1T2{0%,30%,48%,100%{color:var(--muted);background:var(--surface);border-color:var(--line)}33%,45%{color:#fff;background:#7209B7;border-color:transparent}}
@keyframes d1K0{0%,34%{background:#fff;border-color:#CBD3E6}37%,96%{background:linear-gradient(135deg,#34D399,#10B981 60%,#059669);border-color:transparent}100%{background:#fff;border-color:#CBD3E6}}
@keyframes d1K1{0%,46%{background:#fff;border-color:#CBD3E6}49%,96%{background:linear-gradient(135deg,#34D399,#10B981 60%,#059669);border-color:transparent}100%{background:#fff;border-color:#CBD3E6}}
@keyframes d1K2{0%,58%{background:#fff;border-color:#CBD3E6}61%,96%{background:linear-gradient(135deg,#34D399,#10B981 60%,#059669);border-color:transparent}100%{background:#fff;border-color:#CBD3E6}}
@keyframes d1V0{0%,34%{transform:scale(0)}38%,96%{transform:none}100%{transform:scale(0)}}
@keyframes d1V1{0%,46%{transform:scale(0)}50%,96%{transform:none}100%{transform:scale(0)}}
@keyframes d1V2{0%,58%{transform:scale(0)}62%,96%{transform:none}100%{transform:scale(0)}}
@keyframes d1R0{0%,30%,40%,100%{border-color:var(--line);box-shadow:none}34%,37%{border-color:rgba(16,185,129,.45);box-shadow:0 0 0 4px rgba(16,185,129,.1)}}
@keyframes d1R1{0%,42%,52%,100%{border-color:var(--line);box-shadow:none}46%,49%{border-color:rgba(16,185,129,.45);box-shadow:0 0 0 4px rgba(16,185,129,.1)}}
@keyframes d1R2{0%,54%,64%,100%{border-color:var(--line);box-shadow:none}58%,61%{border-color:rgba(16,185,129,.45);box-shadow:0 0 0 4px rgba(16,185,129,.1)}}
@keyframes d1Bar{0%,62%{transform:scaleX(.04)}78%,96%{transform:none}100%{transform:scaleX(.04)}}
@keyframes d1Lv{0%,77%{opacity:.35;box-shadow:none}80%{opacity:1;box-shadow:0 0 0 6px rgba(16,185,129,.18)}86%,96%{opacity:1;box-shadow:none}100%{opacity:.35}}
@keyframes d1Cl{0%,79%,97%,100%{color:var(--muted);border-color:var(--line)}81%,95%{color:var(--a1);border-color:color-mix(in srgb,var(--a1) 35%,transparent)}}
@keyframes d1Cl2{0%,81%,97%,100%{color:var(--muted);border-color:var(--line)}83%,95%{color:var(--a1);border-color:color-mix(in srgb,var(--a1) 35%,transparent)}}
@keyframes d1Cl3{0%,83%,97%,100%{color:var(--muted);border-color:var(--line)}85%,95%{color:var(--a1);border-color:color-mix(in srgb,var(--a1) 35%,transparent)}}
@keyframes d1Cl4{0%,85%,97%,100%{color:var(--muted);border-color:var(--line)}87%,95%{color:var(--a1);border-color:color-mix(in srgb,var(--a1) 35%,transparent)}}
@keyframes d1Toast{0%,62%{opacity:0;transform:translateY(10px) scale(.94)}66%,92%{opacity:1;transform:none}97%,100%{opacity:0;transform:translateY(-6px)}}
@keyframes crBlink{50%{opacity:0}}
@media (max-width:620px){ .hv-d1{font-size:12px;padding:20px 0 30px} .d1-toast{right:0;top:30%} }
/* open roles: none open */
.jr-none .jr-bar,.jr-none .jr-head,.jr-none .jr-list{display:none}
.jr-empty>div{display:grid;gap:6px}
.jr-empty h3{font-size:clamp(19px,1.6vw,22px);letter-spacing:-.02em}
.jr-empty p{color:var(--muted)!important;font-size:15.5px;max-width:62ch}
.jr-none .jr-empty{padding:clamp(26px,3.4vw,40px) clamp(22px,3vw,36px)}
/* careers hero: hiring journey loop (T = 12s) */
.hv-hx{--T:12s;position:relative;width:100%;max-width:540px;aspect-ratio:auto;margin-inline:auto;padding:26px 14px 34px;font-size:clamp(11px,2.3cqw,14px)}
.fx-hero .ph-vis:has(.hv-hx){align-self:center;min-height:0}
.hv-hx svg{position:static;inset:auto}
.hv-hx .pp-glow{position:absolute;inset:2%;border-radius:50%;background:radial-gradient(closest-side,rgba(76,201,240,.25),rgba(114,9,183,.13) 55%,transparent);filter:blur(12px)}
.hx-card{overflow:hidden}
.hx-st{position:relative;display:grid;font-size:.78em;font-weight:700;white-space:nowrap}
.hx-st span{grid-area:1/1;justify-self:end;padding:.35em .75em;border-radius:999px;color:#4361EE;background:color-mix(in srgb,#4361EE 9%,#fff);border:1px solid color-mix(in srgb,#4361EE 25%,transparent);opacity:0}
.hx-st .q3{color:#047857;background:#ECFDF5;border-color:rgba(16,185,129,.35)}
.hx-st .q3{opacity:1}
.hx-file{display:grid;grid-template-columns:auto 1fr auto;gap:.8em;align-items:center;padding:.75em .85em;border-radius:1em;border:1px dashed color-mix(in srgb,var(--a1) 35%,transparent);background:color-mix(in srgb,var(--a1) 4%,var(--surface))}
.hx-doc{width:2.4em;height:2.4em;border-radius:.7em;display:grid;place-items:center;background:#fff;border:1px solid var(--line)}
.hx-doc svg{width:1.3em;height:1.3em;fill:none;stroke:var(--a1);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hx-fm{display:grid;gap:.4em}.hx-fm b{font-size:.92em;font-family:var(--mono);font-weight:600;color:var(--ink)}
.hx-up{height:.4em;border-radius:1em;background:color-mix(in srgb,var(--a1) 12%,transparent);overflow:hidden}
.hx-up i{display:block;height:100%;background:linear-gradient(90deg,var(--a2),var(--a1),var(--a3));transform-origin:left}
.hx-ok,.hx-ck{width:1.6em;height:1.6em;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#34D399,#10B981 60%,#059669)}
.hx-ok svg,.hx-ck svg{width:1em;height:1em;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.hx-steps{list-style:none;margin:0;padding:0;display:grid;gap:.5em}
.hx-steps li{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:.8em;align-items:center;padding:.6em .75em;border-radius:1em;border:1px solid var(--line);background:var(--surface)}
.hx-n{position:relative;z-index:1;width:2.4em;height:2.4em;display:grid;place-items:center}
.hx-ic{grid-area:1/1;width:100%;height:100%;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--a1) 9%,#fff);border:2px solid color-mix(in srgb,var(--a1) 22%,transparent)}
.hx-ic svg{width:1.15em;height:1.15em;fill:none;stroke:var(--a1);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hx-ck{grid-area:1/1;width:100%;height:100%}
.hx-tx{display:grid;line-height:1.3}.hx-tx b{font-size:.98em;color:var(--ink)}.hx-tx small{font-size:.8em;color:var(--muted)}
.hx-steps em{font-style:normal;font-family:var(--mono);font-size:.72em;color:var(--a1);padding:.25em .6em;border-radius:.6em;background:color-mix(in srgb,var(--a1) 7%,transparent);white-space:nowrap}
.hx-ln{position:absolute;left:calc(.75em + 1.2em - 1px);top:calc(50% + 1.2em);height:calc(100% - 1.9em);width:2px;background:color-mix(in srgb,var(--a1) 15%,transparent);z-index:0;overflow:hidden}
.hx-ln i{display:block;width:100%;height:100%;background:linear-gradient(180deg,var(--a1),var(--a2));transform-origin:top}
.hx-conf{position:absolute;right:16%;bottom:12%;width:0;height:0;pointer-events:none}
.hx-conf i{position:absolute;width:.5em;height:.8em;border-radius:.15em;background:var(--c);opacity:0}
.hx-toast{top:-.4em;bottom:auto;right:-3%}
@media (prefers-reduced-motion:no-preference){
 .motion .hx-card{animation:fxPop .8s cubic-bezier(.22,1,.36,1) backwards}
 .motion .hx-st .q0{animation:hxQ0 var(--T) ease infinite}.motion .hx-st .q1{animation:hxQ1 var(--T) ease infinite}.motion .hx-st .q2{animation:hxQ2 var(--T) ease infinite}.motion .hx-st .q3{animation:hxQ3 var(--T) ease infinite}
 .motion .hx-up i{animation:hxUp var(--T) cubic-bezier(.65,0,.35,1) infinite}
 .motion .hx-ok{animation:hxOk var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
 .motion .hx-steps .h0{animation:hxA0 var(--T) ease infinite}.motion .hx-steps .h1{animation:hxA1 var(--T) ease infinite}.motion .hx-steps .h2{animation:hxA2 var(--T) ease infinite}.motion .hx-steps .h3{animation:hxA3 var(--T) ease infinite}
 .motion .hx-steps .h0 .hx-ck{animation:hxC0 var(--T) cubic-bezier(.34,1.56,.64,1) infinite}.motion .hx-steps .h1 .hx-ck{animation:hxC1 var(--T) cubic-bezier(.34,1.56,.64,1) infinite}.motion .hx-steps .h2 .hx-ck{animation:hxC2 var(--T) cubic-bezier(.34,1.56,.64,1) infinite}.motion .hx-steps .h3 .hx-ck{animation:hxC3 var(--T) cubic-bezier(.34,1.56,.64,1) infinite}
 .motion .hx-steps .h1 .hx-ic{animation:hxRing var(--T) ease infinite}
 .motion .hx-steps .h0 .hx-ln i{animation:hxL0 var(--T) ease infinite}.motion .hx-steps .h1 .hx-ln i{animation:hxL1 var(--T) ease infinite}.motion .hx-steps .h2 .hx-ln i{animation:hxL2 var(--T) ease infinite}
 .motion .hx-conf i{animation:hxConf var(--T) cubic-bezier(.2,.7,.3,1) infinite}
 .motion .hx-toast{animation:hxToast var(--T) cubic-bezier(.22,1,.36,1) infinite}
}
@keyframes hxQ0{0%,17%{opacity:1}19%,100%{opacity:0}}
@keyframes hxQ1{0%,17%,39%,100%{opacity:0}19%,37%{opacity:1}}
@keyframes hxQ2{0%,39%,61%,100%{opacity:0}41%,59%{opacity:1}}
@keyframes hxQ3{0%,61%{opacity:0}63%,97%{opacity:1}100%{opacity:0}}
@keyframes hxUp{0%,2%{transform:scaleX(0)}13%,97%{transform:none}100%{transform:scaleX(0)}}
@keyframes hxOk{0%,13%{transform:scale(0)}16%,97%{transform:none}100%{transform:scale(0)}}
@keyframes hxC0{0%,15%{transform:scale(0)}18%,97%{transform:none}100%{transform:scale(0)}}
@keyframes hxC1{0%,37%{transform:scale(0)}40%,97%{transform:none}100%{transform:scale(0)}}
@keyframes hxC2{0%,59%{transform:scale(0)}62%,97%{transform:none}100%{transform:scale(0)}}
@keyframes hxC3{0%,71%{transform:scale(0)}74%,97%{transform:none}100%{transform:scale(0)}}
@keyframes hxA0{0%,2%,18%,100%{border-color:var(--line);box-shadow:none}5%,15%{border-color:color-mix(in srgb,#4361EE 45%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,#4361EE 10%,transparent)}}
@keyframes hxA1{0%,19%,40%,100%{border-color:var(--line);box-shadow:none}21%,37%{border-color:color-mix(in srgb,#4361EE 45%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,#4361EE 10%,transparent)}}
@keyframes hxA2{0%,41%,62%,100%{border-color:var(--line);box-shadow:none}43%,59%{border-color:color-mix(in srgb,#4361EE 45%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,#4361EE 10%,transparent)}}
@keyframes hxA3{0%,63%{border-color:var(--line);box-shadow:none;background:var(--surface)}66%,97%{border-color:rgba(16,185,129,.45);box-shadow:0 0 0 4px rgba(16,185,129,.12);background:#F4FDF9}100%{border-color:var(--line);box-shadow:none;background:var(--surface)}}
@keyframes hxRing{0%,21%,37%,100%{transform:none}23%,27%,31%{transform:rotate(-10deg)}25%,29%,33%{transform:rotate(10deg)}}
@keyframes hxL0{0%,16%{transform:scaleY(0)}21%,97%{transform:none}100%{transform:scaleY(0)}}
@keyframes hxL1{0%,38%{transform:scaleY(0)}43%,97%{transform:none}100%{transform:scaleY(0)}}
@keyframes hxL2{0%,60%{transform:scaleY(0)}65%,97%{transform:none}100%{transform:scaleY(0)}}
@keyframes hxConf{0%,72%{opacity:0;transform:rotate(var(--a)) translateY(0) scale(.4)}74%{opacity:1}86%{opacity:1;transform:rotate(var(--a)) translateY(-4.2em) rotate(200deg) scale(1)}92%,100%{opacity:0;transform:rotate(var(--a)) translateY(-5em) rotate(260deg) scale(.8)}}
@keyframes hxToast{0%,74%{opacity:0;transform:translateY(10px) scale(.94)}78%,94%{opacity:1;transform:none}98%,100%{opacity:0;transform:translateY(-6px)}}
@media (max-width:620px){ .hv-hx{font-size:12px;padding:20px 0 30px} .hx-steps em{display:none} .hx-toast{right:0} }

/* WordPress wiring (not in the design export): the talent form shows a failure in the same slot as its confirmation */
.cj-ok.bad{color:#BE123C}