/* Drawings of the signed-in app in its current look (the Dashboard look shipped in pull request 466),
   used on the marketing site's hero stage. Every value is a token restated in site.css :root
   (stage-*, tile-*, sh-ring, sh-lift, sh-float, r-modal, ease-spring) or an app colour the
   design gate admits on the marketing surface. The canvas is drawn at 1280px wide and scaled
   to its frame by home.js (--k); without the script it shows the top left at full size.
   Numbers use Plus Jakarta Sans 800 here: the app's rounded display face is scoped to the
   signed-in Dashboard by design-tokens.json, so the site does not load it. */

.stage-frame .ax{position:absolute;left:0;top:0;width:1280px;height:820px;transform-origin:0 0;transform:scale(var(--k,1));
  font:500 13px/1.45 "Plus Jakarta Sans",system-ui,sans-serif;color:var(--ink);text-align:left;
  background:radial-gradient(900px 420px at 30% -10%,var(--tint) 0%,transparent 70%),linear-gradient(180deg,var(--tint-2),var(--app-bg) 46%);
  -webkit-font-smoothing:antialiased}
.ax *{box-sizing:border-box}
.ax svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* the rail */
.ax-rail{position:absolute;left:0;top:0;bottom:0;width:76px;background:rgba(255,255,255,.72);box-shadow:1px 0 0 var(--app-line-2);display:flex;flex-direction:column;align-items:center;padding-top:20px;gap:6px}
.ax-mark{width:28px;height:28px;margin-bottom:22px}
.ax-mark svg{width:28px;height:28px;stroke:none}
.ax-ri{position:relative;width:46px;height:42px;border-radius:var(--r-card);display:flex;align-items:center;justify-content:center;color:var(--mut)}
.ax-ri svg{width:21px;height:21px}
.ax-ri.dot:after{content:"";position:absolute;top:8px;right:10px;width:7px;height:7px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 2px #fff}
.ax-ri.gap{margin-top:12px}
.stage-frame[data-on="dash"] .ax-ri[data-v="dash"],.stage-frame[data-on="board"] .ax-ri[data-v="board"],
.stage-frame[data-on="source"] .ax-ri[data-v="source"],.stage-frame[data-on="talent"] .ax-ri[data-v="talent"]{background:var(--tint);color:var(--brand-dark)}
.ax-ri{transition:background .35s var(--ease),color .35s var(--ease)}

/* the top bar */
.ax-top{position:absolute;left:76px;right:0;top:0;height:72px;display:flex;align-items:center;gap:12px;padding:0 24px 0 28px}
.ax-round{width:38px;height:38px;border-radius:50%;background:#fff;box-shadow:var(--sh-ring);display:flex;align-items:center;justify-content:center;flex:none;color:var(--ink-2)}
.ax-round svg{width:17px;height:17px}
.ax-search{display:flex;align-items:center;gap:10px;width:410px;height:40px;padding:0 10px 0 16px;border-radius:var(--r-pill);background:#fff;box-shadow:var(--sh-ring);color:var(--mut)}
.ax-search svg{width:16px;height:16px;color:var(--ink-2)}
.ax-search span{flex:1}
.ax-search kbd{font:600 11px/1 "Plus Jakarta Sans",sans-serif;color:var(--mut);padding:5px 7px;border-radius:7px;box-shadow:0 0 0 1px var(--app-line)}
.ax-sp{flex:1}
.ax-ic{position:relative;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--ink-2)}
.ax-ic svg{width:19px;height:19px}
.ax-ic.dot:after{content:"";position:absolute;top:6px;right:7px;width:7px;height:7px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 2px #fff}
.ax-clock{display:flex;align-items:center;gap:10px;height:40px;padding:0 14px 0 5px;border-radius:var(--r-pill);background:#fff;box-shadow:var(--sh-ring);font:600 13px/1 "Plus Jakarta Sans",sans-serif;white-space:nowrap}
.ax-clock b{display:flex;align-items:center;gap:6px;height:30px;padding:0 8px;border-radius:var(--r-pill);background:linear-gradient(160deg,var(--tile-sky),var(--tile-sky-2));color:#fff}
.ax-clock b svg{width:15px;height:15px;stroke-width:2.3}
.ax-clock b i{font-style:normal;min-width:20px;height:18px;padding:0 5px;border-radius:var(--r-pill);background:#fff;color:var(--brand-dark);font:700 11px/18px "Plus Jakarta Sans",sans-serif;text-align:center}
.ax-clock em{font-style:normal;color:var(--mut);font-weight:500}
.ax-me{width:40px;height:40px;border-radius:50%;background:var(--navy);color:#fff;font:700 13px/40px "Plus Jakarta Sans",sans-serif;text-align:center;flex:none}

/* the views: each is a page of the app inside the shell, cross faded by home.js */
.ax-view{position:absolute;left:76px;right:0;top:72px;bottom:0;padding:16px 28px 0 32px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .45s var(--ease),transform .6s var(--ease),visibility 0s linear .45s}
.ax-view.on{opacity:1;visibility:visible;transform:none;transition:opacity .45s var(--ease),transform .6s var(--ease),visibility 0s}
.ax-view--page{left:0;top:0;padding:0;z-index:3}
@media(prefers-reduced-motion:reduce){.ax-view,.ax-view.on{transition:none;transform:none}}

/* atoms the views share */
.ax-card{background:#fff;border-radius:var(--r-modal);box-shadow:var(--sh-ring)}
.ax-kick{font-weight:500;font-size:13px;color:var(--mut)}
.ax-h1{font-weight:800;font-size:30px;line-height:1.15;letter-spacing:-.02em;color:var(--ink)}
.ax-sub{font-size:14px;color:var(--ink-2)}
.ax-sub b{color:var(--ink);font-weight:700}
.ax-k{font-weight:800;letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums}
.ax-pill{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:32px;padding:0 13px;border-radius:var(--r-pill);background:#fff;box-shadow:var(--sh-ring);font:600 12px/1 "Plus Jakarta Sans",sans-serif;color:var(--ink);white-space:nowrap}
.ax-pill svg{width:14px;height:14px}
.ax-pill--ink{background:var(--ink);color:#fff;box-shadow:none}
.ax-pill--go{background:linear-gradient(120deg,var(--brand),var(--brand-dark));color:#fff;box-shadow:var(--sh-brand);height:38px;padding:0 18px;font-size:13px}
.ax-badge{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:var(--r-pill);background:var(--tint);color:var(--brand-dark);font:700 12px/1 "Plus Jakarta Sans",sans-serif}
.ax-av{position:relative;flex:none;width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font:700 11px/1 "Plus Jakarta Sans",sans-serif;background:var(--ink-2);overflow:hidden}
.ax-av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ax-av.a1{background:var(--green)}.ax-av.a2{background:var(--brand-dark)}.ax-av.a3{background:#C2410C}
.ax-av.a4{background:#1D4ED8}.ax-av.a5{background:var(--amber)}.ax-av.a6{background:var(--ink-2)}
.ax-av--lg{width:44px;height:44px;font-size:14px}
.ax-av--sm{width:24px;height:24px;font-size:10px}
.ax-stack{display:flex}.ax-stack .ax-av{box-shadow:0 0 0 2px #fff}.ax-stack .ax-av+.ax-av{margin-left:-6px}
.ax-bar{display:flex;gap:2px;height:10px;border-radius:var(--r-pill);overflow:hidden}
.ax-bar i{display:block;flex:var(--n,1)}
.ax-bar .s1,.ax-leg .s1:before{background:var(--stage-1)}.ax-bar .s2,.ax-leg .s2:before{background:var(--stage-2)}
.ax-bar .s3,.ax-leg .s3:before{background:var(--stage-3)}.ax-bar .s4,.ax-leg .s4:before{background:var(--stage-4)}
.ax-bar .s5,.ax-leg .s5:before{background:var(--stage-5)}
.ax-leg{display:flex;gap:18px;font-size:13px;color:var(--mut)}
.ax-leg span{display:inline-flex;align-items:center;gap:7px}
.ax-leg span:before{content:"";width:8px;height:8px;border-radius:50%}
.ax-red{color:var(--coral);font-weight:700}
.ax-green{color:var(--green);font-weight:700}
.ax-amber{color:var(--amber);font-weight:700}
.ax-mutd{color:var(--mut)}

/* views: start (generated from the drawing workbench, one block per view) */
/* dash */
/* Dashboard, with The Scout docked on the right */
.ax-view[data-view="dash"] .dz-main{width:728px}

/* page header */
.ax-view[data-view="dash"] .dz-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-top:8px}
.ax-view[data-view="dash"] .dz-head .ax-h1{margin-top:4px}
.ax-view[data-view="dash"] .dz-head .ax-sub{margin-top:7px;white-space:nowrap}
.ax-view[data-view="dash"] .dz-hr{display:flex;align-items:center;gap:10px;flex:none}
.ax-view[data-view="dash"] .dz-week{height:40px;padding:0 17px 0 15px;font-size:13px;gap:8px}
.ax-view[data-view="dash"] .dz-week svg{width:16px;height:16px}
.ax-view[data-view="dash"] .dz-round{width:40px;height:40px;border-radius:50%;background:#fff;box-shadow:var(--sh-ring);display:flex;align-items:center;justify-content:center;color:var(--ink)}
.ax-view[data-view="dash"] .dz-round svg{width:20px;height:20px;stroke-width:2.6}

/* quiet section headings */
.ax-view[data-view="dash"] .dz-sh{display:flex;align-items:center;gap:10px;height:30px;font-size:14px;font-weight:500;color:var(--mut)}
.ax-view[data-view="dash"] .dz-sh b{color:var(--ink);font-weight:800;margin-left:-2px;font-variant-numeric:tabular-nums}
.ax-view[data-view="dash"] .dz-shi{width:28px;height:28px;border-radius:9px;background:#fff;box-shadow:var(--sh-ring);display:flex;align-items:center;justify-content:center;color:var(--ink-2);flex:none}
.ax-view[data-view="dash"] .dz-shi svg{width:15px;height:15px}
.ax-view[data-view="dash"] .dz-chev{margin-left:auto;width:16px;height:16px;color:var(--mut);flex:none}

/* follow ups and today */
.ax-view[data-view="dash"] .dz-two{display:grid;grid-template-columns:440px 1fr;gap:16px;margin-top:20px}
.ax-view[data-view="dash"] .dz-col{display:flex;flex-direction:column;gap:10px}
.ax-view[data-view="dash"] .dz-col .ax-card{flex:1}
.ax-view[data-view="dash"] .dz-fu{padding:7px}
.ax-view[data-view="dash"] .dz-row{position:relative;display:flex;align-items:center;gap:12px;height:52px;padding:0 12px}
.ax-view[data-view="dash"] .dz-row+.dz-row:before{content:"";position:absolute;left:58px;right:12px;top:0;height:1px;background:var(--app-line-2)}
.ax-view[data-view="dash"] .dz-row--hot{background:var(--app-soft);border-radius:14px}
.ax-view[data-view="dash"] .dz-row--hot+.dz-row:before{display:none}
.ax-view[data-view="dash"] .dz-row .ax-av{width:34px;height:34px;font-size:11.5px}
.ax-view[data-view="dash"] .dz-who{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.ax-view[data-view="dash"] .dz-who b{font-size:14px;font-weight:600;color:var(--ink);white-space:nowrap;line-height:1.35}
.ax-view[data-view="dash"] .dz-who small{font-size:12px;color:var(--mut);white-space:nowrap;line-height:1.4}
.ax-view[data-view="dash"] .dz-st{font-size:13px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--ink)}
.ax-view[data-view="dash"] .dz-new{color:var(--brand);font-weight:700}
.ax-view[data-view="dash"] .dz-st.ax-red{color:var(--coral);font-weight:700}
.ax-view[data-view="dash"] .dz-soft{color:var(--mut);font-weight:500}
.ax-view[data-view="dash"] .dz-acts{display:flex;flex:none}
.ax-view[data-view="dash"] .dz-acts .ax-pill{height:30px;padding:0 12px}

.ax-view[data-view="dash"] .dz-today{padding:6px 14px 12px;display:flex;flex-direction:column}
.ax-view[data-view="dash"] .dz-t{display:flex;align-items:center;gap:12px;height:88px}
.ax-view[data-view="dash"] .dz-t+.dz-t{box-shadow:inset 0 1px 0 var(--app-line-2)}
.ax-view[data-view="dash"] .dz-time{flex:none;width:50px;height:50px;border-radius:14px;box-shadow:inset 0 0 0 1px var(--app-line);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;font-weight:500;color:var(--mut);line-height:1.15}
.ax-view[data-view="dash"] .dz-time b{font-size:14.5px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.ax-view[data-view="dash"] .dz-t--now .dz-time{background:var(--green-tint);box-shadow:none}
.ax-view[data-view="dash"] .dz-t--now .dz-time b{color:var(--green)}
.ax-view[data-view="dash"] .dz-nl{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.ax-view[data-view="dash"] .dz-nl em{font-style:normal;font-size:12.5px;white-space:nowrap}
.ax-view[data-view="dash"] .dz-tom{margin-top:auto;display:flex;align-items:center;gap:8px;height:38px;padding:0 12px;border-radius:12px;background:var(--app-soft);font-size:12.5px;color:var(--mut)}
.ax-view[data-view="dash"] .dz-tom svg{width:15px;height:15px;color:var(--ink-2)}
.ax-view[data-view="dash"] .dz-tom b{color:var(--ink);font-weight:700;margin-left:-4px}

/* your numbers */
.ax-view[data-view="dash"] .dz-nums{margin-top:20px}
.ax-view[data-view="dash"] .dz-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:10px}
.ax-view[data-view="dash"] .dz-kpi{display:flex;flex-direction:column;padding:16px 18px 14px}
.ax-view[data-view="dash"] .dz-kl{font-size:13px;line-height:14px;color:var(--mut)}
.ax-view[data-view="dash"] .dz-kv{display:flex;align-items:baseline;gap:8px;margin-top:3px}
.ax-view[data-view="dash"] .dz-kv .ax-k{font-size:38px;line-height:1}
.ax-view[data-view="dash"] .dz-kv em{font-style:normal;font-size:13px}
.ax-view[data-view="dash"] .dz-spark{position:relative;display:block;height:30px;margin-top:8px}
.ax-view[data-view="dash"] .dz-area{position:absolute;inset:0;background:linear-gradient(180deg,var(--tint) 35%,#fff 100%)}
.ax-view[data-view="dash"] .dz-spark--1 .dz-area{clip-path:polygon(0 79.2%,12.5% 72.9%,25% 70.8%,37.5% 66.7%,50% 64.6%,62.5% 54.2%,75% 52.1%,87.5% 43.8%,100% 33.3%,100% 100%,0 100%)}
.ax-view[data-view="dash"] .dz-spark--2 .dz-area{clip-path:polygon(0 83.3%,12.5% 83.3%,25% 70.8%,37.5% 70.8%,50% 66.7%,62.5% 66.7%,75% 56.3%,87.5% 52.1%,100% 50%,100% 100%,0 100%)}
.ax-view[data-view="dash"] .dz-spark--3 .dz-area{clip-path:polygon(0 87.5%,12.5% 85.4%,25% 81.3%,37.5% 81.3%,50% 77.1%,62.5% 75%,75% 72.9%,87.5% 70.8%,100% 70.8%,100% 100%,0 100%)}
.ax-view[data-view="dash"] .dz-spark svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;color:var(--brand)}
.ax-view[data-view="dash"] .dz-spark path{vector-effect:non-scaling-stroke;stroke-width:2}
.ax-view[data-view="dash"] .dz-spark .dz-prev{stroke:var(--mut-2);stroke-width:1.5;stroke-dasharray:2 4}

/* the docked side panel */
.ax-view[data-view="dash"] .dz-panel{position:absolute;top:0;right:16px;bottom:16px;width:400px;padding:16px 18px 0;background:#fff;border-radius:20px;box-shadow:var(--sh-float);overflow:hidden}
.ax-view[data-view="dash"] .dz-ptop{display:flex;align-items:center;justify-content:space-between;height:28px;font-size:13px;color:var(--mut)}
.ax-view[data-view="dash"] .dz-x{width:28px;height:28px;margin-right:-4px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--ink-2)}
.ax-view[data-view="dash"] .dz-x svg{width:17px;height:17px}
.ax-view[data-view="dash"] .dz-ph{display:flex;align-items:center;gap:10px;height:32px;margin-top:8px}
.ax-view[data-view="dash"] .dz-ph b{font-size:18px;font-weight:800;letter-spacing:-.015em;color:var(--ink)}
.ax-view[data-view="dash"] .dz-ph .dz-chev{color:var(--ink-2)}
.ax-view[data-view="dash"] .dz-pti{flex:none;width:32px;height:32px;border-radius:10px;box-shadow:inset 0 0 0 1px var(--app-line);display:flex;align-items:center;justify-content:center;color:var(--ink-2)}
.ax-view[data-view="dash"] .dz-pti svg{width:17px;height:17px}

/* coloured tiles */
.ax-view[data-view="dash"] .dz-tile{flex:none;width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;color:#fff}
.ax-view[data-view="dash"] .dz-tile svg{width:19px;height:19px;stroke-width:2.1}
.ax-view[data-view="dash"] .dz-tile--s{width:26px;height:26px;border-radius:8px}
.ax-view[data-view="dash"] .dz-tile--s svg{width:15px;height:15px}
.ax-view[data-view="dash"] .dz-tile--xs{width:24px;height:24px;border-radius:8px}
.ax-view[data-view="dash"] .dz-tile--xs svg{width:13px;height:13px;stroke-width:2.2}
.ax-view[data-view="dash"] .dz-tile--sky{background:linear-gradient(160deg,var(--tile-sky),var(--tile-sky-2))}
.ax-view[data-view="dash"] .dz-tile--mint{background:linear-gradient(160deg,var(--tile-mint),var(--tile-mint-2))}
.ax-view[data-view="dash"] .dz-tile--navy{background:linear-gradient(160deg,var(--tile-navy),var(--navy))}

/* the panel body: new people and the chat share one box and cross fade */
.ax-view[data-view="dash"] .dz-body{position:relative;height:326px;margin-top:12px}
.ax-view[data-view="dash"] .dz-a,.ax-view[data-view="dash"] .dz-b{position:absolute;left:0;right:0;top:0}
.ax-view[data-view="dash"] .dz-b{opacity:0}

/* state A: new people */
.ax-view[data-view="dash"] .dz-np{padding:14px 14px 10px;border-radius:18px;background:linear-gradient(180deg,var(--tint-2),#fff 70%);box-shadow:var(--sh-ring)}
.ax-view[data-view="dash"] .dz-nph{display:flex;gap:12px}
.ax-view[data-view="dash"] .dz-nphx{flex:1;min-width:0}
.ax-view[data-view="dash"] .dz-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--mut);line-height:1.4}
.ax-view[data-view="dash"] .dz-nphx b{display:block;margin-top:1px;font-size:14.5px;font-weight:700;color:var(--ink);line-height:1.35}
.ax-view[data-view="dash"] .dz-nphx p{margin:2px 0 0;font-size:12.5px;color:var(--mut);line-height:1.45}
.ax-view[data-view="dash"] .dz-pp{position:relative;display:flex;align-items:center;gap:10px;height:62px;margin-top:4px;padding:0 2px}
.ax-view[data-view="dash"] .dz-pp+.dz-pp{margin-top:0;box-shadow:inset 0 1px 0 var(--app-line-2)}
.ax-view[data-view="dash"] .dz-pp .ax-av{width:32px;height:32px}
.ax-view[data-view="dash"] .dz-pp .dz-who{gap:0}
.ax-view[data-view="dash"] .dz-pp .dz-who b{font-size:13.5px;line-height:1.3}
.ax-view[data-view="dash"] .dz-pp .dz-who small{font-size:12px;line-height:1.35}
.ax-view[data-view="dash"] .dz-add{position:relative;width:70px;height:32px;padding:0;overflow:hidden;flex:none}
.ax-view[data-view="dash"] .dz-add-a,.ax-view[data-view="dash"] .dz-add-b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:5px;border-radius:var(--r-pill)}
.ax-view[data-view="dash"] .dz-add svg{width:14px;height:14px;stroke-width:2.4}
.ax-view[data-view="dash"] .dz-add-b{background:var(--green);opacity:0}
.ax-view[data-view="dash"] .dz-no{flex:none;width:32px;height:32px;border-radius:50%;background:#fff;box-shadow:var(--sh-ring);display:flex;align-items:center;justify-content:center;color:var(--ink-2)}
.ax-view[data-view="dash"] .dz-no svg{width:14px;height:14px;stroke-width:2.2}
.ax-view[data-view="dash"] .dz-npf{display:flex;align-items:center;justify-content:space-between;height:34px;margin-top:2px;padding:0 2px;box-shadow:inset 0 1px 0 var(--app-line-2);font-size:12px;color:var(--mut)}
.ax-view[data-view="dash"] .dz-all{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--brand)}
.ax-view[data-view="dash"] .dz-all svg{width:14px;height:14px;stroke-width:2.2}

/* state B: the chat */
.ax-view[data-view="dash"] .dz-msg{display:flex;gap:8px;align-items:flex-start}
.ax-view[data-view="dash"] .dz-bub{flex:1;min-width:0;padding:11px 12px;border-radius:18px;background:var(--app-soft);font-size:12.5px;line-height:1.45;color:var(--ink-2)}
.ax-view[data-view="dash"] .dz-bub p{margin:0}
.ax-view[data-view="dash"] .dz-bub b{color:var(--ink);font-weight:700;white-space:nowrap}
.ax-view[data-view="dash"] .dz-hi{display:block;font-size:14px;font-weight:800;line-height:1.35;margin-bottom:1px}
.ax-view[data-view="dash"] .dz-cc{display:flex;gap:9px;align-items:flex-start;margin-top:8px;padding:10px;letter-spacing:-.01em;border-radius:14px;background:#fff;box-shadow:var(--sh-ring);font-size:12px;line-height:1.45}
.ax-view[data-view="dash"] .dz-cc+.dz-cc{margin-top:6px}
.ax-view[data-view="dash"] .dz-me{display:flex;justify-content:flex-end;margin-top:10px}
.ax-view[data-view="dash"] .dz-me span{display:inline-flex;align-items:center;height:34px;padding:0 15px;border-radius:16px 16px 6px 16px;background:var(--ink);color:#fff;font-size:12.5px;font-weight:500}
.ax-view[data-view="dash"] .dz-msg--r{margin-top:10px}
.ax-view[data-view="dash"] .dz-nw{white-space:nowrap}

/* pick up where you left off */
.ax-view[data-view="dash"] .dz-div{height:1px;margin:14px -18px 0;background:var(--app-line-2)}
.ax-view[data-view="dash"] .dz-ph--pick{margin-top:12px}
.ax-view[data-view="dash"] .dz-ph--pick b{font-size:16px}
.ax-view[data-view="dash"] .dz-pick{display:flex;gap:12px;margin-top:10px;padding:14px;border-radius:18px;background:var(--tint-2)}
.ax-view[data-view="dash"] .dz-arch{flex:none;width:40px;height:44px;border-radius:18px 18px 10px 10px;background:linear-gradient(160deg,var(--tile-violet),var(--brand));color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 16px -8px rgba(76,67,232,.55)}
.ax-view[data-view="dash"] .dz-arch svg{width:20px;height:20px;stroke-width:2.1}
.ax-view[data-view="dash"] .dz-pkx{flex:1;min-width:0}
.ax-view[data-view="dash"] .dz-pkx>b{display:block;margin-top:1px;font-size:14.5px;font-weight:700;color:var(--ink);line-height:1.35}
.ax-view[data-view="dash"] .dz-pkx p{margin:2px 0 0;font-size:12.5px;line-height:1.45;color:var(--ink-2)}
.ax-view[data-view="dash"] .dz-pkx p b{color:var(--ink);font-weight:700;white-space:nowrap}
.ax-view[data-view="dash"] .dz-pbar{height:8px;margin-top:9px}
.ax-view[data-view="dash"] .dz-pfoot{display:flex;align-items:center;justify-content:space-between;margin-top:8px}
.ax-view[data-view="dash"] .dz-pleg{gap:11px;font-size:12px;font-weight:600;color:var(--ink-2);font-variant-numeric:tabular-nums}
.ax-view[data-view="dash"] .dz-pleg span{gap:5px}
.ax-view[data-view="dash"] .dz-pleg span:before{width:7px;height:7px}
.ax-view[data-view="dash"] .dz-pick .ax-pill--go{height:36px;padding:0 16px;gap:8px}

/* the composer */
.ax-view[data-view="dash"] .dz-comp{position:absolute;left:14px;right:14px;bottom:12px;display:flex;align-items:center;height:48px;padding:0 6px 0 18px;border-radius:24px;background:var(--app-soft);box-shadow:inset 0 0 0 1px var(--app-line);font-size:13px;color:var(--mut)}
.ax-view[data-view="dash"] .dz-send{margin-left:auto;width:36px;height:36px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center}
.ax-view[data-view="dash"] .dz-send svg{width:17px;height:17px;stroke-width:2.2}

/* motion: a 12s loop, timed to the site's 6s tab. 0% is the still picture (new people).
   Elise is added with a press at 0.9s, the panel cross fades to the chat by 2s, the question
   and the answer rise in by 2.5s. Elise resets while the list is hidden, so the list is back as the
   still picture by 5.7s and nothing jumps when the tab moves on at 6s. */
@media (prefers-reduced-motion: no-preference){
  .stage.is-playing .ax-view.on[data-view="dash"] .dz-a{animation:dz-fa 12s var(--ease) infinite}
  .stage.is-playing .ax-view.on[data-view="dash"] .dz-b{animation:dz-fb 12s var(--ease) infinite}
  .stage.is-playing .ax-view.on[data-view="dash"] .dz-me{animation:dz-rise1 12s var(--ease-out) infinite}
  .stage.is-playing .ax-view.on[data-view="dash"] .dz-msg--r{animation:dz-rise2 12s var(--ease-out) infinite}
  .stage.is-playing .ax-view.on[data-view="dash"] .dz-add--go{animation:dz-press 12s var(--ease) infinite}
  .stage.is-playing .ax-view.on[data-view="dash"] .dz-add--go .dz-add-a{animation:dz-l1 12s var(--ease) infinite}
  .stage.is-playing .ax-view.on[data-view="dash"] .dz-add--go .dz-add-b{animation:dz-l2 12s var(--ease) infinite}
}
@keyframes dz-press{0%,7%{transform:none}8%{transform:scale(.92)}9.5%,100%{transform:none}}
@keyframes dz-l1{0%,8%{opacity:1}9%,38%{opacity:0}39%,100%{opacity:1}}
@keyframes dz-l2{0%,8%{opacity:0}9%,38%{opacity:1}39%,100%{opacity:0}}
@keyframes dz-fa{0%,12.5%{opacity:1;transform:none}15%,44.5%{opacity:0;transform:translateY(-6px)}47.5%,100%{opacity:1;transform:none}}
@keyframes dz-fb{0%,14%{opacity:0;transform:translateY(8px)}16.5%,42.5%{opacity:1;transform:none}45%,100%{opacity:0;transform:translateY(8px)}}
@keyframes dz-rise1{0%,15.5%{opacity:0;transform:translateY(10px)}17.5%,46%{opacity:1;transform:none}47%,100%{opacity:0;transform:translateY(10px)}}
@keyframes dz-rise2{0%,18%{opacity:0;transform:translateY(10px)}20.5%,46%{opacity:1;transform:none}47%,100%{opacity:0;transform:translateY(10px)}}

/* board */
/* The Delivery Board, redesigned: one row hovered, one row expanded into three ring cards */
.ax-view[data-view="board"] .bd-head{display:flex;align-items:flex-end;justify-content:space-between}
.ax-view[data-view="board"] .bd-head .ax-h1{margin:1px 0 3px}
.ax-view[data-view="board"] .bd-here{display:flex;align-items:center;gap:10px}
.ax-view[data-view="board"] .bd-here .ax-av{width:28px;height:28px;font-size:10px}
.ax-view[data-view="board"] .ax-stack .ax-av+.ax-av{margin-left:-2px}
.ax-view[data-view="board"] .bd-here-t{font-size:13.5px;color:var(--ink-2);margin-right:2px}
.ax-view[data-view="board"] .bd-undo{height:34px;padding:0 15px 0 13px}
.ax-view[data-view="board"] .bd-undo svg{width:15px;height:15px}

/* tabs */
.ax-view[data-view="board"] .bd-tabsrow{display:flex;align-items:center;justify-content:space-between;margin-top:11px}
.ax-view[data-view="board"] .bd-tabs{display:flex;align-items:center;gap:2px;height:38px;padding:0 4px;border-radius:var(--r-pill);background:#fff;box-shadow:var(--sh-ring)}
.ax-view[data-view="board"] .bd-tab{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 14px;border-radius:var(--r-pill);font-size:13px;font-weight:500;color:var(--ink-2);white-space:nowrap}
.ax-view[data-view="board"] .bd-tab i{font-style:normal;min-width:20px;height:18px;padding:0 6px;border-radius:var(--r-pill);background:var(--tint);color:var(--brand-dark);font-size:11px;font-weight:700;line-height:18px;text-align:center;font-variant-numeric:tabular-nums}
.ax-view[data-view="board"] .bd-tab em{font-style:normal;font-size:9.5px;font-weight:800;letter-spacing:.07em;color:var(--brand)}
.ax-view[data-view="board"] .bd-tab.on{background:var(--ink);color:#fff;font-weight:600}
.ax-view[data-view="board"] .bd-tab.on i{background:#fff;color:var(--ink)}
.ax-view[data-view="board"] .bd-team{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--mut)}

/* shared pill sizes */
.ax-view[data-view="board"] .bd-f{height:32px;padding:0 14px;font-size:12.5px;gap:6px}
.ax-view[data-view="board"] .bd-f em{font-style:normal;font-weight:500;color:var(--mut);margin-right:1px}
.ax-view[data-view="board"] .bd-chev{width:13px;height:13px;color:var(--mut);margin-left:3px;margin-right:-2px}
.ax-view[data-view="board"] .bd-a{height:30px;padding:0 12px;font-size:12px;gap:6px}
.ax-view[data-view="board"] .bd-a svg{width:14px;height:14px}
.ax-view[data-view="board"] .bd-a--sm{height:26px;padding:0 11px;font-size:11.5px}

/* KPI cards */
.ax-view[data-view="board"] .bd-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:14px}
.ax-view[data-view="board"] .bd-kpi{height:66px;padding:0 18px;display:flex;flex-direction:column;justify-content:center;gap:3px}
.ax-view[data-view="board"] .bd-kpi span{font-size:13px;line-height:1.2;color:var(--mut)}
.ax-view[data-view="board"] .bd-kpi b{display:flex;align-items:baseline;gap:9px;font-size:32px;line-height:1}
.ax-view[data-view="board"] .bd-kpi em{font-style:normal;font-size:12.5px;letter-spacing:0}

/* filters */
.ax-view[data-view="board"] .bd-filters{display:flex;align-items:center;gap:8px;margin-top:14px}
.ax-view[data-view="board"] .bd-sp{flex:1}
.ax-view[data-view="board"] .bd-tog{position:relative;width:28px;height:16px;border-radius:var(--r-pill);background:var(--app-line);margin-right:3px}
.ax-view[data-view="board"] .bd-tog:after{content:"";position:absolute;left:2px;top:2px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(16,25,53,.2)}
.ax-view[data-view="board"] .bd-cnt{font-style:normal;width:18px;height:18px;border-radius:50%;background:var(--coral);color:#fff;font-size:10.5px;font-weight:700;line-height:18px;text-align:center;margin-left:2px}
.ax-view[data-view="board"] .bd-star{display:inline-block;flex:none;width:13px;height:13px;background:var(--tile-sun-2);clip-path:polygon(50% 2%,62% 36%,98% 37%,69% 59%,80% 95%,50% 74%,20% 95%,31% 59%,2% 37%,38% 36%)}

/* the table */
.ax-view[data-view="board"] .bd-table{margin-top:14px;padding:0 6px 6px}
.ax-view[data-view="board"] .bd-row{display:grid;grid-template-columns:300px 104px 82px 262px 82px 78px 1fr;align-items:center;height:48px;padding:0 8px 0 12px;border-radius:var(--r-card)}
.ax-view[data-view="board"] .bd-th{height:30px;padding-top:4px;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.ax-view[data-view="board"] .bd-row.is-hover{background:var(--app-soft)}
.ax-view[data-view="board"] .bd-row.is-sep,.ax-view[data-view="board"] .bd-more{position:relative}
.ax-view[data-view="board"] .bd-row.is-sep:before,.ax-view[data-view="board"] .bd-more:before{content:"";position:absolute;left:12px;right:12px;top:0;height:1px;background:var(--app-line-2)}
.ax-view[data-view="board"] .bd-more{height:60px}
.ax-view[data-view="board"] .bd-role{display:flex;flex-direction:column;gap:2px;min-width:0}
.ax-view[data-view="board"] .bd-role b{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;line-height:1.3;color:var(--ink);white-space:nowrap}
.ax-view[data-view="board"] .bd-role span{display:flex;align-items:center;gap:7px;font-size:12.5px;line-height:1.3;color:var(--ink-2);white-space:nowrap}
.ax-view[data-view="board"] .bd-tag{font-style:normal;display:inline-flex;align-items:center;height:18px;padding:0 7px;border-radius:var(--r-pill);font-size:11px;font-weight:600}
.ax-view[data-view="board"] .bd-tag--go{background:var(--green-tint);color:var(--green)}
.ax-view[data-view="board"] .bd-tag--quiet{background:var(--amber-tint);color:var(--amber)}
.ax-view[data-view="board"] .bd-pri{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 8px 0 11px;border-radius:var(--r-pill);font-size:12.5px;font-weight:600}
.ax-view[data-view="board"] .bd-pri svg{width:12px;height:12px;stroke-width:2.2}
.ax-view[data-view="board"] .bd-pri--hi{background:var(--coral-tint);color:var(--coral);box-shadow:inset 0 0 0 1px rgba(217,45,32,.16)}
.ax-view[data-view="board"] .bd-pri--md{background:var(--amber-tint);color:var(--amber);box-shadow:inset 0 0 0 1px rgba(181,71,8,.10)}
.ax-view[data-view="board"] .bd-own .ax-av{width:26px;height:26px;font-size:9px}
.ax-view[data-view="board"] .bd-pipe{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--ink-2);white-space:nowrap}
.ax-view[data-view="board"] .bd-pipe .ax-bar{width:calc(var(--c) * 8.4px);height:9px;flex:none}
.ax-view[data-view="board"] .bd-days{font-size:13.5px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.ax-view[data-view="board"] .bd-days.ax-red{color:var(--coral)}
.ax-view[data-view="board"] .bd-rooms{display:flex;gap:7px}
.ax-view[data-view="board"] .bd-rooms i{width:26px;height:26px;border-radius:8px;background:var(--tint);color:var(--brand);display:flex;align-items:center;justify-content:center}
.ax-view[data-view="board"] .bd-rooms svg{width:14px;height:14px}
.ax-view[data-view="board"] .bd-rooms i.is-live{background:#fff;color:var(--coral);box-shadow:inset 0 0 0 1.5px rgba(217,45,32,.32)}
.ax-view[data-view="board"] .bd-act{display:flex;align-items:center;justify-content:flex-end;gap:6px}
.ax-view[data-view="board"] .bd-go{width:30px;height:30px;border-radius:50%;background:#fff;box-shadow:var(--sh-ring);color:var(--ink);display:flex;align-items:center;justify-content:center}
.ax-view[data-view="board"] .bd-go svg{width:15px;height:15px;stroke-width:2}
.ax-view[data-view="board"] .bd-go--bare{background:none;box-shadow:none;color:var(--ink-2)}

/* the expanded row */
.ax-view[data-view="board"] .bd-open{margin-top:2px;padding:0 0 8px;border-radius:var(--r-panel);background:var(--tint-2);box-shadow:inset 0 0 0 1px rgba(76,67,232,.05)}
.ax-view[data-view="board"] .bd-cards{display:grid;grid-template-columns:1.26fr 1fr .92fr;gap:10px;padding:0 10px}
.ax-view[data-view="board"] .bd-c{padding:12px 16px 13px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.ax-view[data-view="board"] .bd-ch{display:flex;align-items:center;gap:8px;width:100%;height:24px;margin-bottom:6px}
.ax-view[data-view="board"] .bd-ch svg{width:16px;height:16px;color:var(--ink-2)}
.ax-view[data-view="board"] .bd-ch b{font-size:14px;font-weight:700;color:var(--ink);white-space:nowrap}
.ax-view[data-view="board"] .bd-link{margin-left:auto;font-size:12px;font-weight:600;color:var(--brand);white-space:nowrap}
.ax-view[data-view="board"] .bd-lab{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);white-space:nowrap}
.ax-view[data-view="board"] .bd-chips{display:flex;gap:6px;margin:6px 0 8px}
.ax-view[data-view="board"] .bd-chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 9px 0 5px;border-radius:var(--r-pill);background:#fff;box-shadow:0 0 0 1px var(--app-line-2),0 1px 2px rgba(16,25,53,.05);font-size:12px;white-space:nowrap}
.ax-view[data-view="board"] .bd-chip .ax-av{width:20px;height:20px;font-size:9px;letter-spacing:-.02em}
.ax-view[data-view="board"] .bd-chip b{font-weight:600;color:var(--ink)}
.ax-view[data-view="board"] .bd-chip em{font-style:normal;color:var(--mut);font-weight:500}
.ax-view[data-view="board"] .bd-chip em.ax-green{color:var(--green);font-weight:600}
.ax-view[data-view="board"] .bd-chip svg{width:12px;height:12px;color:var(--mut-2);stroke-width:2}
.ax-view[data-view="board"] .bd-ghost{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px 0 10px;border-radius:var(--r-pill);border:1px dashed var(--grey);font-size:12px;font-weight:500;color:var(--mut);white-space:nowrap}
.ax-view[data-view="board"] .bd-ghost svg{width:13px;height:13px}
.ax-view[data-view="board"] .bd-add{display:flex;gap:8px;width:100%;margin-bottom:12px}
.ax-view[data-view="board"] .bd-in{flex:1;display:flex;align-items:center;height:30px;padding:0 12px;border-radius:var(--r-btn);background:var(--app-soft);box-shadow:inset 0 0 0 1px var(--app-line-2);font-size:12px;color:var(--mut-2);white-space:nowrap}
.ax-view[data-view="board"] .bd-st{height:26px;padding:0 10px 0 12px;font-size:12px;margin-left:auto}
.ax-view[data-view="board"] .bd-dl{display:grid;grid-template-columns:104px 1fr;row-gap:1px;width:100%;margin:2px 0 8px}
.ax-view[data-view="board"] .bd-dl dt{font-size:12.5px;line-height:19px;color:var(--mut)}
.ax-view[data-view="board"] .bd-dl dd{margin:0;display:flex;align-items:center;gap:10px;font-size:13px;line-height:19px;font-weight:600;color:var(--ink)}
.ax-view[data-view="board"] .bd-ics{display:flex;gap:5px}
.ax-view[data-view="board"] .bd-ics i{width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px var(--app-line);color:var(--ink-2);display:flex;align-items:center;justify-content:center}
.ax-view[data-view="board"] .bd-ics svg{width:12px;height:12px}
.ax-view[data-view="board"] .bd-goalh{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:4px}
.ax-view[data-view="board"] .bd-goal{display:grid;grid-template-columns:70px 1fr 38px;align-items:center;gap:10px;width:100%;height:17px;font-size:12px;color:var(--ink-2)}
.ax-view[data-view="board"] .bd-goal i{position:relative;height:5px;border-radius:var(--r-pill);background:var(--app-line);overflow:hidden}
.ax-view[data-view="board"] .bd-goal u{position:absolute;left:0;top:0;bottom:0;width:var(--p);border-radius:var(--r-pill);background:var(--brand);transform-origin:0 50%}
.ax-view[data-view="board"] .bd-goal b{display:grid;justify-items:end;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
.ax-view[data-view="board"] .bd-goal b span{grid-area:1/1}
.ax-view[data-view="board"] .bd-goal b span+span{opacity:0}
.ax-view[data-view="board"] .bd-note{position:relative;margin:0 0 9px;padding:10px 12px;border-radius:var(--r-card);font-size:12.5px;line-height:1.5;color:var(--ink-2)}
.ax-view[data-view="board"] .bd-note:before{content:"";position:absolute;inset:0;border-radius:var(--r-card);background:var(--amber-tint);opacity:.55}
.ax-view[data-view="board"] .bd-note span{position:relative}
.ax-view[data-view="board"] .bd-meta{margin:0 0 12px;font-size:12px;line-height:1.45;color:var(--mut)}

/* motion: a soft press on the hovered row's priority, then this week's outreach ticks from 6 to 7 */
@media (prefers-reduced-motion:no-preference){
  .stage.is-playing .ax-view.on[data-view="board"] .bd-pri.is-press{animation:bd-press 12s var(--ease) infinite}
  .stage.is-playing .ax-view.on[data-view="board"] .bd-goal.is-tick u{animation:bd-fill 12s var(--ease) infinite}
  .stage.is-playing .ax-view.on[data-view="board"] .bd-goal.is-tick b span:first-child{animation:bd-out 12s var(--ease) infinite}
  .stage.is-playing .ax-view.on[data-view="board"] .bd-goal.is-tick b span+span{animation:bd-in 12s var(--ease) infinite}
}
@keyframes bd-press{0%,8%{transform:none;filter:none}10%{transform:scale(.93);filter:brightness(.97)}13%,100%{transform:none;filter:none}}
@keyframes bd-fill{0%,16%{transform:none;opacity:1}24%,86%{transform:scaleX(1.1667);opacity:1}90%{transform:scaleX(1.1667);opacity:0}91%{transform:none;opacity:0}97%,100%{transform:none;opacity:1}}
@keyframes bd-out{0%,17%{opacity:1;transform:none}21%,86%{opacity:0;transform:translateY(-4px)}90%,100%{opacity:1;transform:none}}
@keyframes bd-in{0%,18%{opacity:0;transform:translateY(4px)}23%,86%{opacity:1;transform:none}90%,100%{opacity:0;transform:translateY(4px)}}

/* source */
/* The Sourcing Room, one search, drawn for the hero stage */
.ax-view[data-view="source"] .sr{height:100%;display:flex;flex-direction:column}
.ax-view[data-view="source"] .sr p,.ax-view[data-view="source"] .sr h1{margin:0}

/* page header */
.ax-view[data-view="source"] .sr-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.ax-view[data-view="source"] .sr-h1{margin:2px 0 4px}
.ax-view[data-view="source"] .sr-acts{display:flex;align-items:center;gap:10px;padding-bottom:1px}
.ax-view[data-view="source"] .sr-acts .ax-pill{height:36px;padding:0 15px;font-size:13px}
.ax-view[data-view="source"] .sr-acts .ax-pill svg{width:15px;height:15px}
.ax-view[data-view="source"] .sr-scout svg{color:var(--brand)}
.ax-view[data-view="source"] .sr-acts .ax-pill--ink svg{stroke-width:2.2}

/* the room's stage bar */
.ax-view[data-view="source"] .sr-stages{margin-top:15px}
.ax-view[data-view="source"] .sr-bar{height:10px}
.ax-view[data-view="source"] .sr-legrow{display:flex;align-items:center;justify-content:space-between;margin-top:9px}
.ax-view[data-view="source"] .sr-leg b{color:var(--ink);font-weight:700;font-variant-numeric:tabular-nums;margin-left:2px}
.ax-view[data-view="source"] .sr-tools{display:flex;align-items:center;gap:10px}
.ax-view[data-view="source"] .sr-tools .ax-pill svg{color:var(--mut)}
.ax-view[data-view="source"] .sr-seg{display:flex;padding:3px;border-radius:var(--r-pill);background:#fff;box-shadow:var(--sh-ring)}
.ax-view[data-view="source"] .sr-seg span{display:flex;align-items:center;gap:6px;height:26px;padding:0 11px;border-radius:var(--r-pill);font-size:12px;font-weight:600;color:var(--mut)}
.ax-view[data-view="source"] .sr-seg span.on{background:var(--ink);color:#fff}
.ax-view[data-view="source"] .sr-seg svg{width:13px;height:13px}

/* the board */
.ax-view[data-view="source"] .sr-board{flex:1;min-height:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:12px;margin:14px 0 20px}
.ax-view[data-view="source"] .sr-lane{display:flex;flex-direction:column;gap:8px;min-width:0;padding:8px 8px 8px;border-radius:20px;background:var(--app-line-2);box-shadow:inset 0 0 0 1px rgba(16,25,53,.035)}
.ax-view[data-view="source"] .sr-lh{display:flex;align-items:center;gap:8px;height:28px;padding:0 4px 0 8px;font-size:13px;font-weight:600;color:var(--ink-2)}
.ax-view[data-view="source"] .sr-lh i{width:8px;height:8px;border-radius:50%}
.ax-view[data-view="source"] .sr-lh .s1{background:var(--stage-1)}
.ax-view[data-view="source"] .sr-lh .s2{background:var(--stage-2)}
.ax-view[data-view="source"] .sr-lh .s3{background:var(--stage-3)}
.ax-view[data-view="source"] .sr-lh .s4{background:var(--stage-4)}
.ax-view[data-view="source"] .sr-lh .s5{background:var(--stage-5)}
.ax-view[data-view="source"] .sr-lh b{color:var(--ink);font-weight:700;font-variant-numeric:tabular-nums}

/* a candidate card */
.ax-view[data-view="source"] .sr-card{position:relative;display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:16px;background:#fff;box-shadow:var(--sh-ring)}
.ax-view[data-view="source"] .sr-who{display:flex;align-items:flex-start;gap:9px;min-width:0}
.ax-view[data-view="source"] .sr-who .ax-av{width:32px;height:32px;font-size:11.5px}
.ax-view[data-view="source"] .sr-who div{min-width:0}
.ax-view[data-view="source"] .sr-who b{display:block;font-size:12.5px;line-height:1.3;font-weight:700;color:var(--ink);white-space:nowrap;letter-spacing:-.005em}
.ax-view[data-view="source"] .sr-who p{margin-top:2px;font-size:11.5px;line-height:1.38;color:var(--mut)}
.ax-view[data-view="source"] .sr-who .sr-co{font-size:11px}
.ax-view[data-view="source"] .sr-who .sr-co--sm{font-size:10.5px}
.ax-view[data-view="source"] .sr-who>div{flex:1}
.ax-view[data-view="source"] .sr-nm{display:flex;align-items:flex-start;gap:5px}
.ax-view[data-view="source"] .sr-gr{flex:none;margin:-1px 0 0 auto;min-width:19px;height:18px;padding:0 4px;border-radius:var(--r-btn);display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:800}
.ax-view[data-view="source"] .sr-gr--a{background:var(--green)}
.ax-view[data-view="source"] .sr-gr--b{background:var(--grade-b)}

/* the card's chip row: marks, the client flag, the follow-up date, then the owner and the Hiring Room chip */
.ax-view[data-view="source"] .sr-row{display:flex;flex-wrap:wrap;align-items:center;gap:5px}
.ax-view[data-view="source"] .sr-row>span{display:inline-flex;align-items:center;height:20px;padding:0 8px;font-size:11px;font-weight:700;line-height:1;white-space:nowrap;color:var(--green);background:var(--green-tint)}
.ax-view[data-view="source"] .sr-mark,.ax-view[data-view="source"] .sr-seen{border-radius:var(--r-btn)}
.ax-view[data-view="source"] .sr-seen{box-shadow:inset 0 0 0 1px var(--tile-mint)}
.ax-view[data-view="source"] .sr-fu,.ax-view[data-view="source"] .sr-owner,.ax-view[data-view="source"] .sr-hr{border-radius:var(--r-pill)}
.ax-view[data-view="source"] .sr-row>.sr-fu{gap:4px;font-weight:800;color:var(--amber);background:var(--amber-tint)}
.ax-view[data-view="source"] .sr-fu svg{width:10px;height:10px;stroke-width:2.5}
.ax-view[data-view="source"] .sr-row>.sr-owner{gap:4px;padding-left:3px}
.ax-view[data-view="source"] .sr-owner .ax-av{width:18px;height:18px;font-size:9px;letter-spacing:-.04em}

/* more in the lane */
.ax-view[data-view="source"] .sr-more{display:flex;align-items:center;justify-content:center;gap:4px;height:28px;border-radius:12px;font-size:12px;font-weight:600;color:var(--mut);box-shadow:inset 0 0 0 1px var(--app-line)}

/* motion: Helen Ramos is picked up and set down inside the first 6 s. */
@media (prefers-reduced-motion:no-preference){
  .ax-view[data-view="source"] .sr-lift{transform-origin:50% 50%}
  .ax-view[data-view="source"]:is(.stage.is-playing .ax-view.on) .sr-lift{animation:srcLift 10s var(--ease) infinite}
}
@keyframes srcLift{
  0%,8%{transform:none;box-shadow:var(--sh-ring)}
  15%,28%{transform:translateY(-4px) rotate(-1deg);box-shadow:var(--sh-lift)}
  36%,100%{transform:none;box-shadow:var(--sh-ring)}
}

/* hiring */
/* The Hiring Room, as the client sees it: one link, no account. Covers the whole canvas. */
.ax-view[data-view="hiring"]{background:linear-gradient(180deg,#fff 0%,var(--tint-2) 30%,var(--app-bg) 100%);font-size:14px;color:var(--ink)}
.ax-view[data-view="hiring"] .hr-brandbar{position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--brand),var(--tile-sky))}
.ax-view[data-view="hiring"] .hr-col{position:relative;width:860px;margin:0 auto;padding-top:30px}

/* header */
.ax-view[data-view="hiring"] .hr-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.ax-view[data-view="hiring"] .hr-word{font:600 40px/1.08 "Newsreader",serif;letter-spacing:-.015em;color:var(--ink);white-space:nowrap}
.ax-view[data-view="hiring"] .hr-wordrow{display:flex;align-items:baseline;gap:14px}
.ax-view[data-view="hiring"] .hr-by{font-size:14px;font-weight:700;line-height:1;color:var(--brand);white-space:nowrap}
.ax-view[data-view="hiring"] .hr-tag{margin-top:6px;font:italic 400 17px/1.3 "Newsreader",serif;color:var(--mut)}
.ax-view[data-view="hiring"] .hr-rule{display:block;width:64px;height:3px;margin-top:14px;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--brand),var(--green))}
.ax-view[data-view="hiring"] .hr-hello{display:inline-flex;align-items:center;gap:10px;height:38px;margin-bottom:2px;padding:0 16px 0 14px;border-radius:var(--r-pill);background:#fff;box-shadow:var(--sh-ring);font-size:13px;font-weight:500;color:var(--ink-2);white-space:nowrap}
.ax-view[data-view="hiring"] .hr-hello b{font-weight:700;color:var(--ink)}
.ax-view[data-view="hiring"] .hr-hello i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px var(--green-tint)}

/* tabs */
.ax-view[data-view="hiring"] .hr-tabs{display:flex;align-items:center;justify-content:space-between;margin-top:22px}
.ax-view[data-view="hiring"] .hr-tabset{display:flex;align-items:center;gap:2px;padding:4px;border-radius:var(--r-pill);background:#fff;box-shadow:var(--sh-ring)}
.ax-view[data-view="hiring"] .hr-tabset span{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:var(--r-pill);font-size:13.5px;font-weight:500;color:var(--ink-2);white-space:nowrap}
.ax-view[data-view="hiring"] .hr-tabset em{min-width:22px;height:20px;padding:0 6px;border-radius:var(--r-pill);background:var(--tint);color:var(--brand-dark);font-size:11.5px;font-weight:700;line-height:20px;font-style:normal;text-align:center;font-variant-numeric:tabular-nums}
.ax-view[data-view="hiring"] .hr-tabset span.on{background:var(--ink);color:#fff;font-weight:600;padding:0 8px 0 16px}
.ax-view[data-view="hiring"] .hr-tabset span.on em{background:#fff;color:var(--ink)}
.ax-view[data-view="hiring"] .hr-prog{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--mut)}
.ax-view[data-view="hiring"] .hr-prog b{color:var(--ink);font-weight:700}
.ax-view[data-view="hiring"] .hr-track{display:block;width:120px;height:6px;border-radius:var(--r-pill);background:var(--app-line);overflow:hidden}
.ax-view[data-view="hiring"] .hr-track i{display:block;width:33.4%;height:100%;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--brand),var(--green))}

/* the deck: this candidate, with the next two peeking underneath */
.ax-view[data-view="hiring"] .hr-deck{position:relative;margin-top:18px}
.ax-view[data-view="hiring"] .hr-next{position:absolute;left:50%;bottom:-10px;width:816px;height:60px;margin-left:-408px;border-radius:var(--r-modal);background:#fff;box-shadow:var(--sh-ring)}
.ax-view[data-view="hiring"] .hr-next--2{bottom:-19px;width:772px;margin-left:-386px;background:var(--app-soft)}

.ax-view[data-view="hiring"] .hr-card{position:relative;display:flex;gap:0;padding:10px;overflow:hidden;box-shadow:var(--sh-float)}
.ax-view[data-view="hiring"] .hr-card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--brand),var(--brand-2) 45%,var(--tile-mint))}

/* left: who she is, and the booking */
.ax-view[data-view="hiring"] .hr-main{flex:1;min-width:0;padding:28px 28px 24px 24px}
.ax-view[data-view="hiring"] .hr-who{display:flex;align-items:center;gap:18px}
.ax-view[data-view="hiring"] .hr-photo{width:72px;height:72px;box-shadow:0 0 0 3px #fff,0 0 0 4px var(--app-line),0 12px 24px -10px rgba(16,25,53,.45)}
.ax-view[data-view="hiring"] .hr-role{font-size:11px;font-weight:700;line-height:1;letter-spacing:.12em;text-transform:uppercase;color:var(--brand)}
.ax-view[data-view="hiring"] .hr-name{margin-top:6px;font:500 30px/1.08 "Newsreader",serif;letter-spacing:-.01em;color:var(--ink)}
.ax-view[data-view="hiring"] .hr-now{margin-top:4px;font-size:13.5px;color:var(--mut)}

.ax-view[data-view="hiring"] .hr-facts{display:flex;align-items:center;gap:10px;margin-top:18px}
.ax-view[data-view="hiring"] .hr-comp{display:inline-flex;align-items:center;gap:10px;height:36px;padding:0 16px;border-radius:var(--r-pill);background:var(--green-tint);white-space:nowrap}
.ax-view[data-view="hiring"] .hr-comp small{font-size:12px;font-weight:600;color:var(--green)}
.ax-view[data-view="hiring"] .hr-comp b{font-size:15px;font-weight:800;letter-spacing:-.01em;color:var(--ink);font-variant-numeric:tabular-nums}
.ax-view[data-view="hiring"] .hr-resume{height:36px;padding:0 15px;font-size:12.5px;color:var(--brand-dark)}

.ax-view[data-view="hiring"] .hr-sum{margin:20px 0 0;font-size:14px;line-height:1.62;color:var(--ink-2)}

.ax-view[data-view="hiring"] .hr-book{margin-top:18px;padding-top:24px;box-shadow:inset 0 1px 0 var(--app-line-2)}
.ax-view[data-view="hiring"] .hr-ask{font-size:14px;font-weight:700;color:var(--ink)}
.ax-view[data-view="hiring"] .hr-slots{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.ax-view[data-view="hiring"] .hr-slot{display:flex;align-items:center;gap:12px;height:58px;padding:0 14px 0 10px;border-radius:var(--r-panel);background:#fff;box-shadow:var(--sh-ring)}
.ax-view[data-view="hiring"] .hr-slot-ic{position:relative;flex:none;width:38px;height:38px;border-radius:50%;background:var(--tint-2);color:var(--brand-dark);display:flex;align-items:center;justify-content:center}
.ax-view[data-view="hiring"] .hr-slot-ic svg{width:18px;height:18px}
.ax-view[data-view="hiring"] .hr-slot-ic .hr-ok{position:absolute;left:10px;top:10px;opacity:0;stroke-width:2.6;color:#fff}
.ax-view[data-view="hiring"] .hr-slot-t{display:flex;flex-direction:column;gap:3px;white-space:nowrap}
.ax-view[data-view="hiring"] .hr-slot-t b{font-size:14px;font-weight:700;color:var(--ink)}
.ax-view[data-view="hiring"] .hr-slot-t small{font-size:12.5px;font-weight:500;color:var(--mut);font-variant-numeric:tabular-nums}
.ax-view[data-view="hiring"] .hr-note{margin-top:12px;font-size:12.5px;color:var(--mut)}

.ax-view[data-view="hiring"] .hr-acts{display:flex;align-items:center;gap:10px;margin-top:22px}
.ax-view[data-view="hiring"] .hr-go{display:inline-grid;width:212px;height:44px;border-radius:var(--r-pill);background:var(--green);color:#fff;font-size:14px;font-weight:700;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 12px 22px -10px rgba(18,128,92,.6)}
.ax-view[data-view="hiring"] .hr-go-a,
.ax-view[data-view="hiring"] .hr-go-b{grid-area:1/1;display:inline-flex;align-items:center;justify-content:center;gap:9px}
.ax-view[data-view="hiring"] .hr-go-a{padding-left:2px}
.ax-view[data-view="hiring"] .hr-go-b{gap:8px;opacity:0}
.ax-view[data-view="hiring"] .hr-go svg{width:16px;height:16px;stroke-width:2.2}
.ax-view[data-view="hiring"] .hr-go-b svg{stroke-width:2.6}
.ax-view[data-view="hiring"] .hr-pass{height:44px;padding:0 22px;font-size:14px}

/* right: the soft panel */
.ax-view[data-view="hiring"] .hr-side{flex:none;width:300px;padding:20px 20px 18px;border-radius:var(--r-panel);background:var(--app-soft)}
.ax-view[data-view="hiring"] .hr-best{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--green)}
.ax-view[data-view="hiring"] .hr-best svg{width:14px;height:14px;stroke-width:2}
.ax-view[data-view="hiring"] .hr-quote{margin:10px 0 0;padding:0 0 0 14px;box-shadow:inset 3px 0 0 var(--green);font:500 19.5px/1.32 "Newsreader",serif;color:var(--ink)}

.ax-view[data-view="hiring"] .hr-snap{margin-top:14px;padding:14px 16px 16px;border-radius:var(--r-card);background:#fff;box-shadow:var(--sh-ring)}
.ax-view[data-view="hiring"] .hr-snap-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.ax-view[data-view="hiring"] .hr-snap-h b{font-size:13px;font-weight:700;color:var(--ink)}
.ax-view[data-view="hiring"] .hr-snap-h .ax-badge{height:20px;font-size:11px}
.ax-view[data-view="hiring"] .hr-m{display:grid;grid-template-columns:1fr auto;align-items:center;row-gap:5px;margin-top:9px}
.ax-view[data-view="hiring"] .hr-m span{font-size:12px;font-weight:500;color:var(--ink-2)}
.ax-view[data-view="hiring"] .hr-m b{font-size:12px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
.ax-view[data-view="hiring"] .hr-m i{grid-column:1/-1;display:block;height:6px;border-radius:var(--r-pill);background:var(--app-line-2);position:relative;overflow:hidden}
.ax-view[data-view="hiring"] .hr-m i:after{content:"";position:absolute;left:0;top:0;bottom:0;width:calc(var(--v)*1%);border-radius:var(--r-pill);background:var(--green)}
.ax-view[data-view="hiring"] .hr-m i.b:after{background:var(--brand)}
.ax-view[data-view="hiring"] .hr-m i.b2:after{background:var(--brand-2)}

.ax-view[data-view="hiring"] .hr-vet{position:relative;margin-top:14px}
.ax-view[data-view="hiring"] .hr-vet-h{font-size:13px;font-weight:700;color:var(--ink)}
.ax-view[data-view="hiring"] .hr-vet ul{list-style:none;margin:8px 0 0;padding:0}
.ax-view[data-view="hiring"] .hr-vet li{display:flex;align-items:center;gap:8px;height:25px;font-size:12.5px;color:var(--ink-2)}
.ax-view[data-view="hiring"] .hr-vet li svg{width:15px;height:15px;stroke-width:2.4;color:var(--green)}
.ax-view[data-view="hiring"] .hr-stamp{position:absolute;right:2px;top:auto;bottom:2px;width:66px;height:66px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:#fff;color:var(--green);box-shadow:0 0 0 2px var(--green),inset 0 0 0 3px #fff,inset 0 0 0 4px var(--green);font-size:10px;font-weight:800;line-height:1;letter-spacing:.14em;text-transform:uppercase;transform:rotate(-12deg)}
.ax-view[data-view="hiring"] .hr-stamp b{font-weight:800;margin-right:-.14em}
.ax-view[data-view="hiring"] .hr-stamp svg{width:16px;height:16px;stroke-width:2.6}

/* motion: the first time gets picked, then the request button gets a press */
@media (prefers-reduced-motion:no-preference){
  .ax-view[data-view="hiring"]:is(.stage.is-playing .ax-view.on) .hr-slot--a{animation:hr-pick 10s var(--ease) infinite}
  .ax-view[data-view="hiring"]:is(.stage.is-playing .ax-view.on) .hr-slot--a .hr-slot-ic{animation:hr-pick-ic 10s var(--ease) infinite}
  .ax-view[data-view="hiring"]:is(.stage.is-playing .ax-view.on) .hr-slot--a .hr-cal{animation:hr-pick-cal 10s var(--ease) infinite}
  .ax-view[data-view="hiring"]:is(.stage.is-playing .ax-view.on) .hr-slot--a .hr-ok{animation:hr-pick-ok 10s var(--ease) infinite}
  .ax-view[data-view="hiring"]:is(.stage.is-playing .ax-view.on) .hr-go{animation:hr-press 10s var(--ease) infinite}
  .ax-view[data-view="hiring"]:is(.stage.is-playing .ax-view.on) .hr-go-a{animation:hr-go-a 10s var(--ease) infinite}
  .ax-view[data-view="hiring"]:is(.stage.is-playing .ax-view.on) .hr-go-b{animation:hr-go-b 10s var(--ease) infinite}
}
@keyframes hr-pick{
  0%,12%{background:#fff;box-shadow:var(--sh-ring);transform:none}
  15%{transform:scale(.97)}
  19%,74%{background:var(--tint-2);box-shadow:0 0 0 2px var(--brand),0 12px 22px -14px rgba(76,67,232,.55);transform:none}
  82%,100%{background:#fff;box-shadow:var(--sh-ring);transform:none}
}
@keyframes hr-pick-ic{
  0%,14%{background:var(--tint-2)}
  19%,74%{background:var(--brand)}
  82%,100%{background:var(--tint-2)}
}
@keyframes hr-pick-cal{
  0%,14%{opacity:1;transform:none}
  18%,76%{opacity:0;transform:scale(.6)}
  82%,100%{opacity:1;transform:none}
}
@keyframes hr-pick-ok{
  0%,15%{opacity:0;transform:scale(.4)}
  20%,74%{opacity:1;transform:none}
  80%,100%{opacity:0;transform:scale(.4)}
}
@keyframes hr-press{
  0%,30%{transform:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 12px 22px -10px rgba(18,128,92,.6)}
  33%{transform:scale(.95);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 4px 10px -6px rgba(18,128,92,.6)}
  38%,100%{transform:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 12px 22px -10px rgba(18,128,92,.6)}
}
@keyframes hr-go-a{
  0%,35%{opacity:1;transform:none}
  39%,74%{opacity:0;transform:translateY(-6px)}
  79%,100%{opacity:1;transform:none}
}
@keyframes hr-go-b{
  0%,35%{opacity:0;transform:translateY(6px)}
  39%,74%{opacity:1;transform:none}
  79%,100%{opacity:0;transform:translateY(6px)}
}

/* talent */
/* The Talent Library, drawn: header, four counts, the filter row and the list of people */
.ax-view[data-view="talent"] b:not(.ax-k){font-weight:700}
.ax-view[data-view="talent"] em{font-style:normal}
.ax-view[data-view="talent"] u{text-decoration:none}
.ax-view[data-view="talent"] small{display:block}

/* header */
.ax-view[data-view="talent"] .tl-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.ax-view[data-view="talent"] .tl-head .ax-h1{margin:3px 0 5px}
.ax-view[data-view="talent"] .tl-acts{display:flex;gap:8px;padding-bottom:2px}
.ax-view[data-view="talent"] .tl-btn{height:36px;padding:0 16px;font-size:13px}
.ax-view[data-view="talent"] .tl-btn svg{width:15px;height:15px;stroke-width:2.2}

/* the four counts */
.ax-view[data-view="talent"] .tl-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:18px}
.ax-view[data-view="talent"] .tl-kpi{display:flex;flex-direction:column;gap:5px;padding:14px 20px 15px}
.ax-view[data-view="talent"] .tl-kl{font-size:13px;color:var(--mut)}
.ax-view[data-view="talent"] .tl-kr{display:flex;align-items:baseline;gap:10px;height:36px}
.ax-view[data-view="talent"] .tl-kr .ax-k{font-size:32px;line-height:36px;font-weight:800}
.ax-view[data-view="talent"] .tl-kr em{font-size:12.5px}
.ax-view[data-view="talent"] .tl-bench{align-self:center;margin-left:2px}
.ax-view[data-view="talent"] .tl-bench .ax-av{width:28px;height:28px}
.ax-view[data-view="talent"] .tl-more{background:var(--tint);color:var(--brand-dark);font-size:11px;font-weight:700}
.ax-view[data-view="talent"] .tl-meter{align-self:center;position:relative;width:120px;height:6px;border-radius:var(--r-pill);background:var(--app-line-2);overflow:hidden}
.ax-view[data-view="talent"] .tl-meter i{position:absolute;left:0;top:0;bottom:0;width:62%;border-radius:var(--r-pill);background:var(--brand)}

/* filters */
.ax-view[data-view="talent"] .tl-filters{display:flex;align-items:center;gap:8px;margin-top:14px}
.ax-view[data-view="talent"] .tl-search{display:inline-flex;align-items:center;gap:10px;width:330px;height:36px;padding:0 16px;border-radius:var(--r-pill);background:#fff;box-shadow:var(--sh-ring);color:var(--mut);font-size:13px;white-space:nowrap}
.ax-view[data-view="talent"] .tl-search svg{width:16px;height:16px;color:var(--ink-2)}
.ax-view[data-view="talent"] .tl-f{height:36px;padding:0 13px 0 14px;font-size:13px;gap:6px}
.ax-view[data-view="talent"] .tl-f svg{width:15px;height:15px;color:var(--mut)}
.ax-view[data-view="talent"] .tl-f svg:first-child{color:var(--ink-2)}
.ax-view[data-view="talent"] .tl-tog{position:relative;width:26px;height:16px;margin-right:2px;border-radius:var(--r-pill);background:var(--app-line)}
.ax-view[data-view="talent"] .tl-tog:after{content:"";position:absolute;left:2px;top:2px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(16,25,53,.2)}
.ax-view[data-view="talent"] .tl-sp{flex:1}
.ax-view[data-view="talent"] .tl-sort{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--mut);white-space:nowrap}
.ax-view[data-view="talent"] .tl-sort svg{width:15px;height:15px}

/* quiet section heading over the list */
.ax-view[data-view="talent"] .tl-sec{display:flex;align-items:center;gap:10px;height:30px;margin-top:16px;font-size:14px;font-weight:500;color:var(--mut)}
.ax-view[data-view="talent"] .tl-sec b{color:var(--ink);font-weight:800;margin-left:-2px;font-variant-numeric:tabular-nums}
.ax-view[data-view="talent"] .tl-sec-i{width:28px;height:28px;border-radius:9px;background:#fff;box-shadow:var(--sh-ring);display:flex;align-items:center;justify-content:center;color:var(--ink-2);flex:none}
.ax-view[data-view="talent"] .tl-sec-i svg{width:15px;height:15px}

/* the list */
.ax-view[data-view="talent"] .tl-list{margin-top:10px;padding-bottom:8px}
.ax-view[data-view="talent"] .tl-row{position:relative;display:grid;grid-template-columns:340px 146px 112px 94px 90px 1fr 46px;column-gap:10px;align-items:center;height:60px;padding:0 18px;white-space:nowrap}
.ax-view[data-view="talent"] .tl-th{height:42px;font-size:10.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--mut)}
.ax-view[data-view="talent"] .tl-body{position:relative;isolation:isolate}
.ax-view[data-view="talent"] .tl-body .tl-row:after{content:"";position:absolute;left:66px;right:18px;bottom:0;height:1px;background:var(--app-line-2);z-index:0}
.ax-view[data-view="talent"] .tl-body .tl-row>*{position:relative;z-index:2}
.ax-view[data-view="talent"] .tl-hl{position:absolute;left:8px;right:8px;top:-1px;height:61px;z-index:1;border-radius:14px;background:var(--app-soft);box-shadow:inset 0 0 0 1px var(--app-line-2)}
.ax-view[data-view="talent"] .tl-who{display:flex;align-items:center;gap:12px;min-width:0}
.ax-view[data-view="talent"] .tl-av{width:36px;height:36px}
.ax-view[data-view="talent"] .tl-who b{display:block;font-size:14px;line-height:19px;color:var(--ink)}
.ax-view[data-view="talent"] .tl-who small,.ax-view[data-view="talent"] .tl-for small{font-size:11.5px;line-height:17px;color:var(--mut)}
.ax-view[data-view="talent"] .tl-who small.tl-long{font-size:10.5px;letter-spacing:-.005em}
.ax-view[data-view="talent"] .tl-for b{display:block;font-size:13px;line-height:19px;font-weight:600;color:var(--ink-2)}
.ax-view[data-view="talent"] .tl-st{display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 11px 0 9px;border-radius:var(--r-pill);background:#fff;box-shadow:inset 0 0 0 1px var(--app-line);font-size:12px;font-weight:600;color:var(--ink-2)}
.ax-view[data-view="talent"] .tl-st i{width:7px;height:7px;border-radius:50%}
.ax-view[data-view="talent"] .tl-st .s1{background:var(--stage-1)}
.ax-view[data-view="talent"] .tl-st .s2{background:var(--stage-2)}
.ax-view[data-view="talent"] .tl-st .s3{background:var(--stage-3)}
.ax-view[data-view="talent"] .tl-st .s4{background:var(--stage-4)}
.ax-view[data-view="talent"] .tl-st .s5{background:var(--stage-5)}
.ax-view[data-view="talent"] .tl-pay{font-size:13px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
.ax-view[data-view="talent"] .tl-nt{font-size:13px;color:var(--ink-2)}
.ax-view[data-view="talent"] .tl-nt.ax-green{color:var(--green);font-weight:600}
.ax-view[data-view="talent"] .tl-tags{display:flex;gap:4px}
.ax-view[data-view="talent"] .tl-tags u{display:inline-flex;align-items:center;height:22px;padding:0 7px;border-radius:7px;line-height:1;background:var(--tint-2);color:var(--brand-dark);font-size:11px;font-weight:600}
.ax-view[data-view="talent"] .tl-tags .tl-hr{position:relative;margin-left:4px;transform-origin:left center;background:var(--green-tint);color:var(--green)}
.ax-view[data-view="talent"] .tl-tags .tl-hr:after{content:"";position:absolute;inset:0;border-radius:7px;box-shadow:0 0 0 0 var(--green);opacity:0;pointer-events:none}
.ax-view[data-view="talent"] .tl-tags .tl-ats{background:var(--amber-tint);color:var(--amber)}
.ax-view[data-view="talent"] .tl-tags .tl-bnt{background:var(--tint);color:var(--brand-dark)}

/* motion: a soft highlight walks down five rows once per loop; Nora's Hiring Room chip pulses once */
@media(prefers-reduced-motion:no-preference){
  .ax-view[data-view="talent"] .tl-hl{animation:talent-walk 12s var(--ease) infinite paused}
  .ax-view[data-view="talent"] .tl-hr{animation:talent-pulse 12s var(--ease) infinite paused}
  .ax-view[data-view="talent"] .tl-hr:after{animation:talent-ping 12s var(--ease-out) infinite paused}
  .stage.is-playing .ax-view.on[data-view="talent"] .tl-hl,.stage.is-playing .ax-view.on[data-view="talent"] .tl-hr,.stage.is-playing .ax-view.on[data-view="talent"] .tl-hr:after{animation-play-state:running}
}
@keyframes talent-walk{
  0%,14%{transform:translateY(0);opacity:1}
  20%,30%{transform:translateY(60px);opacity:1}
  36%,46%{transform:translateY(120px);opacity:1}
  52%,62%{transform:translateY(180px);opacity:1}
  68%,78%{transform:translateY(240px);opacity:1}
  83%{transform:translateY(240px);opacity:0}
  84%{transform:translateY(0);opacity:0}
  90%,100%{transform:translateY(0);opacity:1}
}
@keyframes talent-pulse{
  0%,3%{transform:none}
  7%{transform:scale(1.04)}
  12%,100%{transform:none}
}
@keyframes talent-ping{
  0%,3%{box-shadow:0 0 0 0 var(--green);opacity:0}
  7%{box-shadow:0 0 0 1.5px var(--green);opacity:.55}
  13%,100%{box-shadow:0 0 0 4px var(--green);opacity:0}
}
/* views: end */