/* Peopleseek pages. One system shared by every page after Home.
   Same tokens, frame and voice as Home: a framed white grid, dark chapters, one orange band. */
:root{
  --ink:#0A0A0A; --paper:#FFFFFF; --orange:#FF4C00; --orange-text:#B33200; --orange-dark:#FF6A26;
  --g50:#FAFAFA; --g100:#F5F5F5; --g150:#F0F0F0; --line:#E5E5E5; --g300:#D6D6D6; --g400:#A3A3A3; --g500:#8A8A8A; --muted:#5C5C5C;
  --x-bg:#0A0A0A; --x-nav:#0A0A0A; --x-bg2:#141414; --x-fg:#FFFFFF; --x-fg2:#E5E5E5; --x-mute:#A3A3A3; --x-mute2:#8A8A8A;
  --x-line:#1F1F1F; --x-line2:#2A2A2A; --x-faint:#161616; --x-mark:#3D3D3D; --x-orange:#FF6A26; --x-tick:#FF6A26;
  --x-cta:#FFFFFF; --x-cta-fg:#0A0A0A; --x-cta-hover:#E5E5E5;
  --ok:#17784A; --warn:#7F5F00; --info:#335F99; --bad:#9F2346;
  --float:0 16px 40px -12px rgba(10,10,10,.22);
  --sans:'Geist',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:'Geist Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --gut:clamp(16px,3.5vw,48px);
  color-scheme:light;
}
:root[data-theme="light"]{
  --x-bg:#FFFFFF; --x-nav:#FFFFFF; --x-bg2:#F2F2F2; --x-fg:#0A0A0A; --x-fg2:#262626; --x-mute:#5C5C5C; --x-mute2:#6E6E6E;
  --x-line:#E5E5E5; --x-line2:#E0E0E0; --x-faint:#F3F3F3; --x-mark:#C4C4C4; --x-orange:#B33200; --x-tick:#FF4C00;
  --x-cta:#0A0A0A; --x-cta-fg:#FFFFFF; --x-cta-hover:#2A2A2A;
}

/* ---------- base ---------- */
*{box-sizing:border-box}
html{scroll-padding-top:88px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
h1,h2,h3{text-wrap:balance}
p{text-wrap:pretty}
a{color:inherit}
img{max-width:100%}
svg{flex-shrink:0}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:4px}
.ps-dark :focus-visible,.ps-foot :focus-visible,.ph :focus-visible,.dk :focus-visible{outline-color:var(--x-fg)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-64px;z-index:60;background:var(--ink);color:#fff;padding:10px 14px;border-radius:6px;font-size:14px;font-weight:500;text-decoration:none}
.skip:focus{top:12px}
.tab{font-variant-numeric:tabular-nums}
.mono,.var{font-family:var(--mono)}
.mk{background-image:linear-gradient(rgba(255,76,0,.2),rgba(255,76,0,.2));background-repeat:no-repeat;background-position:0 100%;background-size:100% .34em}
.ph-todo{display:inline;background:var(--g100);border:1px dashed var(--g400);border-radius:4px;padding:1px 6px;font-size:.9em;color:var(--muted);white-space:normal}
.dk .ph-todo,.ph .ph-todo{background:var(--x-bg2);border-color:var(--x-mark);color:var(--x-mute)}

/* ---------- shared with Home: nav, footer, band ---------- */
.ps-btn{transition:background-color .16s ease,color .16s ease,border-color .16s ease}
.ps-btn-black:hover{background:#2A2A2A!important;color:#fff!important}
.ps-btn-white:hover{background:var(--x-cta-hover)!important;color:var(--x-cta-fg)!important}
.ps-btn-ghostd:hover{background:var(--x-bg2)!important;color:var(--x-fg)!important}
@media (max-width:480px){.ps-hide-xs{display:none!important}}
@media (max-width:860px){.ps-hide-sm{display:none!important}}
.ps-theme{width:40px;height:40px;border-radius:8px;border:0;background:transparent;color:var(--x-mute);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .16s,color .16s;flex-shrink:0}
.ps-theme:hover{background:var(--x-bg2);color:var(--x-fg)}
.ps-theme .i-moon{display:none}
:root[data-theme="light"] .ps-theme .i-sun{display:none}
:root[data-theme="light"] .ps-theme .i-moon{display:block}
.ps-menu{display:none;width:40px;height:40px;border:0;border-radius:8px;background:transparent;color:var(--x-fg);align-items:center;justify-content:center;cursor:pointer}
.ps-sheet{border-top:1px solid var(--x-line);background:var(--x-bg);padding:8px var(--gut) 16px}
.ps-sheet a{display:block;padding:12px 0;border-bottom:1px solid var(--x-line);color:var(--x-fg);text-decoration:none;font-size:16px;font-weight:500}
.ps-sheet a:last-child{border-bottom:0}
@media (max-width:860px){.ps-menu{display:inline-flex}}
@media (min-width:861px){.ps-sheet{display:none!important}}
@media (max-width:480px){.ps-nav nav{gap:10px!important}.ps-nav nav>a:first-child svg{height:26px;width:auto}.ps-nav nav>div:last-child{gap:4px!important}}
/* where you are: a small orange tick beside the active item */
.ps-nav a[aria-current="page"],.ps-sheet a[aria-current="page"]{color:var(--x-fg)!important}
.ps-nav a[aria-current="page"]::before,.ps-sheet a[aria-current="page"]::before,.tick::before{content:"";display:inline-block;width:5px;height:5px;background:var(--x-tick);margin-right:8px;vertical-align:middle;transform:translateY(-1px)}
.fx{position:relative}
.fx::before,.fx::after{content:"";position:absolute;top:-5px;width:9px;height:9px;z-index:3;pointer-events:none;color:#C4C4C4;background:linear-gradient(currentColor,currentColor) center/1px 100% no-repeat,linear-gradient(currentColor,currentColor) center/100% 1px no-repeat}
.fx::before{left:-5px}.fx::after{right:-5px}
.ps-foot .fx::before,.ps-foot .fx::after,.ph .fx::before,.ph .fx::after{color:var(--x-mark)}
section[aria-labelledby="band-title"] .fx::before,section[aria-labelledby="band-title"] .fx::after{color:rgba(10,10,10,.45)}
@media (max-width:1299px){.fx::before,.fx::after{display:none}}
.tm{margin:0;padding:0 clamp(16px,3.5vw,48px) 22px;max-width:920px;font-size:12px;line-height:1.6;color:var(--g500)}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border:0;border-radius:7px;font:inherit;font-size:15px;font-weight:500;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background-color .16s,color .16s,border-color .16s}
.btn svg{flex-shrink:0}
.btn-p{background:var(--ink);color:#fff}
.btn-p:hover{background:#2A2A2A}
.btn-s{background:var(--g100);color:var(--ink)}
.btn-s:hover{background:var(--line)}
.btn-g{background:transparent;color:var(--ink)}
.btn-g:hover{background:var(--g100)}
.ph .btn-p,.dk .btn-p{background:var(--x-cta);color:var(--x-cta-fg)}
.ph .btn-p:hover,.dk .btn-p:hover{background:var(--x-cta-hover)}
.ph .btn-g,.dk .btn-g{color:var(--x-fg)}
.ph .btn-g:hover,.dk .btn-g:hover{background:var(--x-bg2)}
.btn[disabled],.btn[aria-disabled="true"]{opacity:.5;cursor:default}
.lnk{display:inline-flex;align-items:center;gap:6px;font-weight:500;color:var(--ink);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:1px;transition:color .16s}
.lnk:hover{color:var(--muted)}

/* ---------- frame ---------- */
.wrap{max-width:1280px;margin:0 auto;border-left:1px solid var(--line);border-right:1px solid var(--line)}
.sec{border-bottom:1px solid var(--line)}
.pad{padding:clamp(64px,8vw,112px) var(--gut)}
.eb{margin:0 0 18px;font-size:14px;font-weight:500;color:var(--muted)}
.eb span{color:var(--ink)}
.h2{margin:0;font-size:clamp(32px,4vw,56px);line-height:1.02;letter-spacing:-.045em;font-weight:600}
.h3{margin:0;font-size:clamp(20px,1.7vw,24px);line-height:1.2;letter-spacing:-.025em;font-weight:600}
.lead{margin:0;font-size:18px;line-height:1.55;color:var(--muted);max-width:520px}
.lead b{color:var(--ink);font-weight:500}
.sec-head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px clamp(16px,2vw,32px);align-items:end;padding:clamp(64px,8vw,112px) var(--gut) clamp(40px,5vw,64px)}
.sec-head>div:first-child{grid-column:1 / span 7}
.sec-head>.lead{grid-column:9 / span 4}
@media (max-width:900px){.sec-head>div:first-child,.sec-head>.lead{grid-column:1 / -1}}

/* ---------- page hero: dark chapter, left aligned ---------- */
.ph{background:var(--x-bg);color:var(--x-fg);border-bottom:1px solid var(--x-line)}
.ph .wrap{border-color:var(--x-line)}
.ph-in{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:28px clamp(16px,2vw,32px);align-items:end;padding:clamp(64px,9vw,136px) var(--gut) clamp(56px,7vw,96px)}
.ph-eb{grid-column:1 / -1;margin:0;font-size:14px;font-weight:500;color:var(--x-mute)}
.ph-eb a{color:var(--x-mute);text-decoration:none}
.ph-eb a:hover{color:var(--x-fg)}
.ph h1{grid-column:1 / span 8;margin:0;font-size:clamp(42px,6.2vw,88px);line-height:.98;letter-spacing:-.052em;font-weight:600}
.ph-side{grid-column:9 / span 4;display:flex;flex-direction:column;gap:24px;padding-bottom:6px}
.ph-lead{margin:0;font-size:clamp(16px,1.3vw,18px);line-height:1.55;color:var(--x-mute)}
.ph-lead b{color:var(--x-fg);font-weight:500}
.ph-act{display:flex;flex-wrap:wrap;gap:8px}
.ph.short h1{font-size:clamp(40px,5vw,72px)}
@media (max-width:900px){.ph h1,.ph-side{grid-column:1 / -1}}
.ph-meta{margin:0;font-size:14px;color:var(--x-mute)}

/* hero index: a framed grid of the page's parts */
.ix{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--x-line)}
.ix a{display:flex;align-items:baseline;gap:14px;padding:18px var(--gut);border-right:1px solid var(--x-line);border-bottom:1px solid var(--x-line);color:var(--x-fg2);text-decoration:none;font-size:15px;font-weight:500;transition:background-color .16s,color .16s}
.ix a:nth-child(3n){border-right:0}
.ix a:nth-last-child(-n+3){border-bottom:0}
.ix a:hover{background:var(--x-bg2);color:var(--x-fg)}
.ix a span{font-size:13px;font-weight:400;color:var(--x-mute2);font-variant-numeric:tabular-nums}
@media (max-width:760px){.ix{grid-template-columns:minmax(0,1fr)}.ix a{border-right:0!important;border-bottom:1px solid var(--x-line)!important}.ix a:last-child{border-bottom:0!important}}

/* the seven steps strip */
.strip{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid var(--x-line)}
.strip li{padding:18px clamp(12px,1.4vw,20px) 20px;border-right:1px solid var(--x-line);display:flex;flex-direction:column;gap:6px;min-width:0}
.strip li:last-child{border-right:0}
.strip .n{font-size:13px;color:var(--x-mute2);font-variant-numeric:tabular-nums}
.strip .t{font-size:16px;font-weight:500;color:var(--x-fg)}
.strip .you{align-self:flex-start;font-size:12px;font-weight:500;color:var(--x-cta-fg);background:var(--x-cta);border-radius:4px;padding:2px 7px}
@media (max-width:900px){.strip{grid-template-columns:repeat(4,minmax(0,1fr))}.strip li{border-bottom:1px solid var(--x-line)}.strip li:nth-child(4n){border-right:0}}
@media (max-width:520px){.strip{grid-template-columns:repeat(2,minmax(0,1fr))}.strip li:nth-child(4n){border-right:1px solid var(--x-line)}.strip li:nth-child(2n){border-right:0}}

/* ---------- feature rows: text cell + product cell ---------- */
.feat{border-bottom:1px solid var(--line);scroll-margin-top:64px}
.feat-in{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr)}
.feat-txt{padding:clamp(48px,6vw,88px) var(--gut);border-right:1px solid var(--line)}
.feat-txt>div{position:sticky;top:112px}
.f-num{margin:0 0 18px;font-size:14px;font-weight:500;color:var(--muted);font-variant-numeric:tabular-nums}
.feat-txt h2{margin:0;font-size:clamp(28px,2.8vw,40px);line-height:1.06;letter-spacing:-.04em;font-weight:600}
.feat-txt p{margin:18px 0 0;font-size:16px;line-height:1.6;color:var(--muted)}
.pts{list-style:none;margin:24px 0 0;padding:0;border-top:1px solid var(--line)}
.pts li{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.5;color:#2A2A2A}
.pts li svg{flex-shrink:0;margin-top:2px;color:var(--ink)}
.stage{background:var(--g100);padding:clamp(24px,4vw,56px);display:flex;flex-direction:column;justify-content:center;gap:16px;min-width:0}
.stage-cap{margin:0;font-size:13px;color:var(--muted);display:flex;align-items:center;gap:8px}
@media (max-width:980px){.feat-in{grid-template-columns:minmax(0,1fr)}.feat-txt{border-right:0;border-bottom:1px solid var(--line)}.feat-txt>div{position:static}}
@media (max-width:520px){.stage{padding:16px}}

/* ---------- UI: the product at real size ---------- */
.u{font-size:14px;line-height:1.45;color:var(--ink);text-align:left;font-variant-numeric:tabular-nums}
.u-win{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;min-width:0}
.u-bar{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.u-crumb{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);min-width:0;white-space:nowrap;overflow:hidden}
.u-crumb b{font-weight:500;color:var(--ink);overflow:hidden;text-overflow:ellipsis}
.u-crumb i{font-style:normal;color:var(--g400)}
.u-gap{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.u-btn{height:32px;padding:0 12px;border:0;border-radius:6px;background:var(--g100);color:var(--ink);font:inherit;font-size:13px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;white-space:nowrap;text-decoration:none;transition:background-color .16s,color .16s,border-color .16s}
.u-btn:hover{background:var(--line)}
.u-btn.p{background:var(--ink);color:#fff}
.u-btn.p:hover{background:#2A2A2A}
.u-btn.o{background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.u-btn.o:hover{background:var(--g50)}
.u-btn.g{background:transparent}
.u-btn.g:hover{background:var(--g100)}
.u-btn.sm{height:28px;padding:0 9px;font-size:12px}
.u-btn.ic{width:32px;padding:0}
.u-btn.sm.ic{width:28px}
.u-btn.done{background:#fff;color:var(--ok);box-shadow:inset 0 0 0 1px var(--ok)}
.u-btn.on{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.u-btn[disabled]{opacity:.45;cursor:default}
.u-chip{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:3px 9px;border-radius:6px;background:var(--g100);font-size:13px;line-height:1.3}
.u-chip b{font-weight:400;color:var(--muted)}
.u-chip.add{background:#fff;box-shadow:inset 0 0 0 1px var(--line);color:var(--muted)}
.u-chip.in{animation:fadein .2s ease both}
.u-tag{display:inline-flex;align-items:center;font-size:12px;border:1px solid var(--line);border-radius:6px;padding:2px 7px;color:#3A3A3A;background:#fff;white-space:nowrap}
.u-av{width:32px;height:32px;border-radius:50%;background:var(--g150);color:var(--muted);font-size:12px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.u-av.lg{width:48px;height:48px;font-size:15px}
.u-av.sm{width:24px;height:24px;font-size:10px}
.u-v{display:inline-flex;align-items:center;gap:5px;font-weight:500;font-size:13px;white-space:nowrap}
.u-v.ok{color:var(--ok)}.u-v.fit{color:var(--info)}.u-v.no{color:var(--bad)}.u-v.unk{color:var(--muted)}.u-v.warn{color:var(--warn)}
.u-key{color:var(--orange-text);font-weight:500}
.u-mut{color:var(--muted)}
.u-note{font-size:12px;color:var(--muted)}
.u-var{font-family:var(--mono);font-size:12.5px;background:var(--g100);border-radius:4px;padding:1px 5px;white-space:nowrap}
.u-kbd{font-family:var(--mono);font-size:11.5px;border:1px solid var(--line);border-radius:4px;padding:1px 5px;color:var(--muted)}
.u-seg{display:inline-flex;padding:2px;background:var(--g100);border-radius:8px}
.u-seg button{height:28px;padding:0 10px;border:0;border-radius:6px;background:transparent;font:inherit;font-size:13px;font-weight:500;color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.u-seg button[aria-pressed="true"]{background:#fff;color:var(--ink);box-shadow:0 0 0 1px var(--line)}
.u-tabs{display:flex;gap:18px;border-bottom:1px solid var(--line);padding:0 16px;overflow-x:auto;scrollbar-width:none}
.u-tabs::-webkit-scrollbar{display:none}
.u-tabs button{flex-shrink:0;height:40px;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:none;padding:0;font:inherit;font-size:13px;font-weight:500;color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.u-tabs button small{font-size:12px;font-weight:400;color:var(--g500)}
.u-tabs button[aria-selected="true"]{color:var(--ink);border-color:var(--ink)}
.u-check{appearance:none;-webkit-appearance:none;width:16px;height:16px;margin:0;border:1px solid var(--g300);border-radius:4px;background:#fff;cursor:pointer;flex-shrink:0;display:inline-grid;place-content:center}
.u-check:checked{background:var(--ink);border-color:var(--ink)}
.u-check:checked::after{content:"";width:8px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}
.u-copy{width:24px;height:24px;border:0;border-radius:6px;background:transparent;color:var(--g500);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .16s,color .16s}
.u-copy:hover{background:var(--g100);color:var(--ink)}
.u-copy.done{color:var(--ok)}
.u-logo{width:20px;height:20px;border-radius:5px;border:1px solid var(--g300);font-size:9px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:#fff;letter-spacing:-.02em;color:var(--ink)}
.u-ic{width:28px;height:28px;border-radius:8px;background:var(--ink);color:#fff;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.u-ic svg{display:block}
.u-menu{position:absolute;z-index:20;min-width:180px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--float);padding:4px;animation:fadein .14s ease both}
.u-menu button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;height:32px;padding:0 10px;border:0;border-radius:6px;background:none;font:inherit;font-size:13px;color:var(--ink);cursor:pointer;text-align:left}
.u-menu button:hover,.u-menu button:focus-visible{background:var(--g100);outline:none}
.u-menu button[aria-checked="true"]::after{content:"";width:8px;height:4px;border-left:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(-45deg) translateY(-2px)}
.u-menu .h{display:block;padding:6px 10px 4px;font-size:12px;color:var(--muted)}
.u-toast{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);background:var(--ink);color:#fff;font-size:13px;border-radius:8px;padding:9px 14px;box-shadow:var(--float);display:flex;align-items:center;gap:10px;white-space:nowrap;z-index:30;animation:fadein .18s ease both}
.u-toast button{border:0;background:none;color:#fff;font:inherit;font-weight:500;text-decoration:underline;cursor:pointer;padding:0}
.u-skel{display:block;height:10px;border-radius:4px;background:var(--g150)}
@keyframes fadein{from{opacity:0}to{opacity:1}}

/* composer */
.u-comp{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 14px 10px;transition:border-color .16s}
.u-comp:focus-within{border-color:var(--ink)}
.u-comp label{display:block;font-size:12px;color:var(--muted);margin:0 0 6px}
.u-comp textarea{display:block;width:100%;border:0;outline:0;resize:none;font:inherit;font-size:16px;line-height:1.5;color:var(--ink);padding:0;background:transparent;min-height:48px;field-sizing:content;max-height:192px}
.u-comp textarea::placeholder{color:var(--g500)}
.u-det{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:12px;min-height:26px}
.u-det-h{font-size:12px;color:var(--muted);margin-right:2px}
.u-comp-f{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:10px;border-top:1px solid var(--g150)}
.u-send{width:36px;height:36px;border-radius:50%;border:0;background:var(--ink);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background-color .16s}
.u-send:hover{background:#2A2A2A}
.u-err{display:flex;align-items:center;gap:6px;margin:10px 0 0;color:var(--bad);font-size:13px}
.u-under{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:10px;font-size:13px;color:var(--muted)}
.u-under button{border:0;background:none;padding:0;font:inherit;color:var(--ink);font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px}

/* reading line */
.u-read{display:grid;grid-template-columns:96px minmax(0,1fr);gap:8px 10px;align-items:start;font-size:13px;padding:14px 16px}
.u-read dt{color:var(--muted);padding-top:4px}
.u-read dd{margin:0;display:flex;flex-wrap:wrap;gap:6px}
.u-keyline{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;padding:12px 16px;border-top:1px solid var(--line);font-size:14px}
.u-keyline .sep{color:var(--g400)}
.u-tip{position:relative;display:inline-flex}
.u-tip>button{border:0;background:none;padding:0;color:var(--g500);cursor:pointer;display:inline-flex}
.u-tip>button:hover{color:var(--ink)}
.u-tip .u-menu{left:-12px;top:24px;width:min(300px,80vw);padding:12px;font-size:13px;line-height:1.5;color:#2A2A2A}

/* result rows */
.u-tool{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:10px 16px;border-bottom:1px solid var(--line);font-size:13px}
.u-rows{position:relative}
.u-row{display:grid;grid-template-columns:auto minmax(0,1fr) 150px;gap:0 14px;padding:20px 16px;border-bottom:1px solid var(--line);transition:background-color .2s,opacity .2s}
.u-row:last-child{border-bottom:0}
.u-row-l{display:flex;gap:12px;align-items:flex-start}
.u-row-l .u-check{margin-top:8px}
.u-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.u-name{font-size:17px;font-weight:500;letter-spacing:-.01em}
.u-loc{margin-top:3px;font-size:13px;color:var(--muted)}
.u-contact{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:10px;font-size:13px}
.u-contact>span{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}
.u-contact .st{display:inline-flex;align-items:center;gap:4px;color:var(--ok);font-weight:500;font-size:12px}
.u-contact .none{color:var(--muted)}
.u-roles{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:7px;font-size:13px}
.u-roles li{display:flex;align-items:center;gap:8px;flex-wrap:wrap;row-gap:2px}
.u-roles b{font-weight:500}
.u-roles i{font-style:normal;color:var(--g500)}
.u-roles li.past b{font-weight:400;color:var(--muted)}
.u-sum{margin:14px 0 0;font-size:14px;line-height:1.6;max-width:640px}
.u-crit{list-style:none;margin:12px 0 0;padding:0;border-top:1px solid var(--g150);max-width:680px}
.u-crit li{display:grid;grid-template-columns:150px 112px minmax(0,1fr);align-items:start;gap:10px;padding:8px 0;border-bottom:1px solid var(--g150);font-size:13px;line-height:1.45}
.u-crit li>span:first-child{font-weight:500}
.u-ai{margin:8px 0 0;font-size:12px;color:var(--muted)}
.u-acts{display:flex;flex-direction:column;gap:6px}
.u-acts .u-btn{height:34px}
.u-acts .hide{color:var(--muted);height:28px}
.u-row.gone{opacity:.0}
.u-hidden{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted);background:var(--g50)}
.u-hidden button{border:0;background:none;font:inherit;font-weight:500;color:var(--ink);cursor:pointer;text-decoration:underline;padding:0}
@media (max-width:760px){
  .u-row{grid-template-columns:auto minmax(0,1fr)}
  .u-acts{grid-column:2;flex-direction:row;flex-wrap:wrap;margin-top:14px}
  .u-crit li{grid-template-columns:minmax(0,1fr) auto}
  .u-crit li>span:last-child{grid-column:1 / -1}
}

/* profile panel */
.u-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,448px);height:640px}
.u-list{border-right:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column}
.u-li{display:flex;gap:10px;align-items:center;width:100%;padding:12px 14px;border:0;border-bottom:1px solid var(--g150);background:#fff;font:inherit;text-align:left;cursor:pointer;transition:background-color .16s}
.u-li:hover{background:var(--g50)}
.u-li[aria-current="true"]{background:var(--g100)}
.u-li b{display:block;font-weight:500;font-size:14px}
.u-li small{display:block;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.u-li>span:nth-child(2){min-width:0;flex:1}
.u-panel{display:flex;flex-direction:column;overflow:auto;min-width:0;background:#fff;overscroll-behavior:contain}
.u-ptool{position:sticky;top:0;z-index:2;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px;border-bottom:1px solid var(--line);background:#fff}
.u-pid{display:flex;gap:14px;padding:18px 20px 0}
.u-pid h3{margin:0;font-size:19px;font-weight:600;letter-spacing:-.02em}
.u-pid p{margin:2px 0 0;font-size:13px;color:var(--muted)}
.u-pacts{display:flex;gap:8px;padding:14px 20px 4px}
.u-ptabs{position:sticky;top:48px;z-index:1;background:#fff;margin-top:12px}
.u-pbody{padding:6px 20px 24px}
.u-dl{display:grid;grid-template-columns:128px minmax(0,1fr);margin:0;font-size:13px}
.u-dl dt,.u-dl dd{margin:0;padding:10px 0;border-bottom:1px solid var(--g150)}
.u-dl dt{color:var(--muted)}
.u-dl dd{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0;overflow-wrap:anywhere}
.u-h4{margin:20px 0 4px;font-size:13px;font-weight:600;display:flex;justify-content:space-between;align-items:baseline}
.u-h4 small{font-weight:500;color:var(--ok)}
.u-why{list-style:none;margin:0;padding:0}
.u-why li{padding:10px 0;border-bottom:1px solid var(--g150);font-size:13px;line-height:1.5}
.u-why li .u-v{margin-bottom:2px}
.u-why li b{display:block;font-weight:500;margin:2px 0 1px}
.u-exp{list-style:none;margin:0;padding:0}
.u-exp li{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--g150);font-size:13px;line-height:1.5}
.u-exp li b{display:block;font-weight:500;font-size:14px}
.u-exp li i{font-style:normal;color:var(--g500)}
.u-skills{display:flex;flex-wrap:wrap;gap:6px;padding-top:12px}
.u-skills span{font-size:13px;border:1px solid var(--line);border-radius:6px;padding:3px 9px}
.u-skills span.req{border-color:var(--ink)}
@media (max-width:900px){.u-split{grid-template-columns:minmax(0,1fr);height:620px}.u-list{display:none}}

/* projects and shortlists */
.u-pbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:12px 16px;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}
.u-pbar b{color:var(--ink);font-weight:500}
@media (max-width:620px){.u-pbar .dot{display:none}.u-pbar>span:last-child{margin-left:0!important;width:100%}}
.u-pbar h3{margin:0 8px 0 0;font-size:17px;font-weight:600;letter-spacing:-.02em;color:var(--ink)}
.u-board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(208px,1fr);gap:10px;padding:14px;overflow-x:auto;background:var(--g50);min-height:300px;overscroll-behavior-x:contain}
.u-col{display:flex;flex-direction:column;gap:8px;min-width:0;border-radius:8px;transition:background-color .16s;padding:2px}
.u-col.over{background:var(--g150)}
.u-col-h{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:500;padding:4px 4px 2px}
.u-col-h small{font-size:12px;color:var(--g500);font-weight:400}
.u-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px;display:flex;gap:10px;align-items:flex-start;cursor:grab;transition:border-color .16s,opacity .16s}
.u-card:hover{border-color:var(--g300)}
.u-card.drag{opacity:.4}
.u-card>span:nth-child(2){flex:1;min-width:0}
.u-card b{display:block;font-weight:500;font-size:13px}
.u-card small{display:block;font-size:12px;color:var(--muted);line-height:1.4;margin-top:1px}
.u-card .u-btn{margin:-4px -4px 0 0}
.u-card .u-menu{right:6px;top:34px}
.u-empty-col{font-size:12px;color:var(--g500);border:1px dashed var(--g300);border-radius:8px;padding:14px 10px;text-align:center}

/* contacts table */
.u-tw{overflow-x:auto;overscroll-behavior-x:contain}
.u-table{border-collapse:separate;border-spacing:0;width:100%;min-width:780px;font-size:13px}
.u-table th{font-weight:500;color:var(--muted);text-align:left;height:38px;padding:0 12px;border-bottom:1px solid var(--line);background:var(--g50);white-space:nowrap}
.u-table td{height:54px;padding:0 12px;border-bottom:1px solid var(--g150);white-space:nowrap;vertical-align:middle;background:#fff}
.u-table tr:last-child td{border-bottom:0}
.u-table th:first-child,.u-table td:first-child{position:sticky;left:0;z-index:1;border-right:1px solid var(--line)}
.u-table td:first-child{font-weight:500}
.u-table .who{display:flex;align-items:center;gap:10px}
.u-table .marks{display:flex;gap:4px}
.u-mark{width:24px;height:24px;border:1px solid var(--line);border-radius:6px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);font-size:10px;font-weight:600}
.u-mark.off{opacity:.35}
.u-search{display:flex;align-items:center;gap:8px;height:32px;padding:0 10px;border:1px solid var(--line);border-radius:6px;min-width:0;flex:1 1 220px;max-width:300px;background:#fff}
.u-search:focus-within{border-color:var(--ink)}
.u-search input{border:0;outline:0;font:inherit;font-size:13px;min-width:0;width:100%;background:transparent;color:var(--ink)}
.u-search svg{color:var(--g500);flex-shrink:0}
.u-nores td{color:var(--muted);text-align:left}

/* sequence editor */
.u-seq{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:470px}
.u-steps{display:flex;flex-direction:column;gap:6px;padding:14px;border-right:1px solid var(--line);background:var(--g50)}
.u-step{display:block;width:100%;text-align:left;border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px 12px;cursor:pointer;font:inherit;color:var(--ink);transition:border-color .16s}
.u-step:hover{border-color:var(--g300)}
.u-step[aria-pressed="true"]{border-color:var(--ink)}
.u-step b{display:block;font-size:13px;font-weight:500}
.u-step small{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.u-wait{display:flex;align-items:center;gap:6px;padding:2px 12px;font-size:12px;color:var(--muted)}
.u-ed{display:flex;flex-direction:column;min-width:0}
.u-ed>[data-stepview]{flex:1;display:flex;flex-direction:column}
.u-field{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:10px;min-height:42px;padding:0 20px;border-bottom:1px solid var(--g150);font-size:13px}
.u-field span:first-child{color:var(--muted)}
.u-field>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.u-tb{display:flex;align-items:center;gap:2px;padding:6px 14px;border-bottom:1px solid var(--g150)}
.u-tb .u-btn{color:var(--muted)}
.u-tb .sp{width:1px;height:18px;background:var(--line);margin:0 6px}
.u-mail-body{padding:16px 20px;font-size:14px;line-height:1.65;flex:1}
.u-mail-body p{margin:0 0 12px}
.u-ed-f{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 20px;border-top:1px solid var(--line);font-size:13px;flex-wrap:wrap}
.u-switch{position:relative;width:32px;height:18px;border-radius:999px;border:0;background:var(--g300);cursor:pointer;padding:0;flex-shrink:0;transition:background-color .16s}
.u-switch::after{content:"";position:absolute;left:2px;top:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .16s}
.u-switch[aria-checked="true"]{background:var(--ink)}
.u-switch[aria-checked="true"]::after{transform:translateX(14px)}
.u-lab{display:inline-flex;align-items:center;gap:8px;cursor:pointer}
@media (max-width:760px){.u-seq{grid-template-columns:minmax(0,1fr)}.u-steps{border-right:0;border-bottom:1px solid var(--line)}}

/* inbox and approvals */
.u-mail{display:grid;grid-template-columns:150px 220px minmax(0,1fr);height:540px}
.u-fold{padding:10px 8px;border-right:1px solid var(--line);background:var(--g50);display:flex;flex-direction:column;gap:2px}
.u-fold button{display:flex;align-items:center;justify-content:space-between;width:100%;height:32px;padding:0 10px;border:0;border-radius:6px;background:none;font:inherit;font-size:13px;color:var(--muted);cursor:pointer;text-align:left}
.u-fold button:hover{background:var(--g100)}
.u-fold button[aria-current="true"]{background:#fff;color:var(--ink);box-shadow:0 0 0 1px var(--line);font-weight:500}
.u-fold button[aria-current="true"] span:first-child::before{content:"";display:inline-block;width:5px;height:5px;background:var(--orange);margin-right:8px;vertical-align:middle;transform:translateY(-1px)}
.u-fold small{font-size:12px;color:var(--g500);font-weight:400}
.u-threads{border-right:1px solid var(--line);overflow:auto}
.u-th{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--g150);background:#fff;padding:12px 14px;font:inherit;color:var(--ink);cursor:pointer;transition:background-color .16s}
.u-th:hover{background:var(--g50)}
.u-th[aria-current="true"]{background:var(--g100)}
.u-th .r1{display:flex;justify-content:space-between;gap:8px;font-size:13px}
.u-th .r1 b{font-weight:500}
.u-th .r1 small{color:var(--g500);font-size:12px;flex-shrink:0}
.u-th .r2{display:block;font-size:13px;margin-top:2px}
.u-th .r3{display:block;font-size:12px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.u-open{display:flex;flex-direction:column;min-width:0;overflow:auto}
.u-open-h{padding:16px 20px 12px;border-bottom:1px solid var(--g150)}
.u-open-h h4{margin:0 0 6px;font-size:16px;font-weight:600;letter-spacing:-.015em}
.u-meta{display:grid;grid-template-columns:44px minmax(0,1fr);gap:2px 8px;font-size:12px;color:var(--muted)}
.u-meta b{font-weight:400;color:var(--ink);overflow-wrap:anywhere}
.u-sent{display:flex;align-items:center;gap:8px;color:var(--ok);font-weight:500;font-size:13px}
.u-body-edit[contenteditable="true"]{outline:2px solid var(--ink);outline-offset:4px;border-radius:4px}
.u-q{border-top:1px solid var(--line)}
.u-banner{display:flex;gap:10px;align-items:flex-start;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--g50);font-size:13px;line-height:1.5;color:#2A2A2A}
.u-banner svg{flex-shrink:0;margin-top:1px;color:var(--info)}
.u-qrow{display:grid;grid-template-columns:auto 132px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--g150);font-size:13px}
.u-qrow:last-child{border-bottom:0}
.u-qrow .ch{display:inline-flex;align-items:center;gap:6px;font-weight:500}
.u-qrow .msg{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#2A2A2A}
.u-qrow .st{font-size:12px;color:var(--muted);white-space:nowrap}
.u-qrow .st.ok{color:var(--ok);font-weight:500;display:inline-flex;gap:4px;align-items:center}
.u-qrow .st.no{color:var(--bad);font-weight:500;display:inline-flex;gap:4px;align-items:center}
.u-qbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:10px 16px;border-bottom:1px solid var(--line);font-size:13px}
@media (max-width:900px){.u-mail{grid-template-columns:minmax(0,1fr);height:auto}.u-fold{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)}.u-fold button{width:auto;flex-shrink:0;gap:8px}.u-threads{border-right:0;border-bottom:1px solid var(--line);max-height:220px}}
@media (max-width:620px){.u-qrow{grid-template-columns:auto minmax(0,1fr)}.u-qrow .msg{grid-column:2;white-space:normal}.u-qrow .st{grid-column:2}}

/* chat */
.u-chat{display:flex;flex-direction:column;height:600px}
.u-msgs{flex:1;overflow:auto;padding:22px 22px 8px;display:flex;flex-direction:column;gap:18px;scroll-behavior:smooth;overscroll-behavior:contain}
.u-me{align-self:flex-end;max-width:82%;background:var(--g100);border-radius:12px;padding:10px 14px;font-size:14px;line-height:1.5;animation:fadein .2s ease both}
.u-ve{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;animation:fadein .24s ease both}
.u-ve>div{min-width:0;font-size:14px;line-height:1.6}
.u-ve p{margin:3px 0 10px}
.u-ve p:last-child{margin-bottom:0}
.u-actn{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);margin:2px 0 8px}
.u-mini{border:1px solid var(--line);border-radius:10px;overflow:hidden;margin:6px 0 10px}
.u-mini-h{display:flex;justify-content:space-between;gap:8px;padding:9px 12px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted);background:var(--g50)}
.u-mini-r{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--g150);font-size:13px}
.u-mini-r:last-child{border-bottom:0}
.u-mini-r b{font-weight:500;display:block}
.u-mini-r small{display:block;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.u-sugg{display:flex;flex-wrap:wrap;gap:6px;padding:0 22px 12px}
.u-sugg button{min-height:30px;padding:4px 10px;border:1px solid var(--line);border-radius:6px;background:#fff;font:inherit;font-size:13px;color:var(--ink);cursor:pointer;text-align:left;transition:background-color .16s,border-color .16s}
.u-sugg button:hover{background:var(--g50);border-color:var(--g300)}
.u-chat-c{display:flex;align-items:center;gap:10px;margin:0 16px 16px;padding:8px 8px 8px 14px;border:1px solid var(--line);border-radius:12px}
.u-chat-c input{flex:1;min-width:0;border:0;outline:0;font:inherit;font-size:14px;background:transparent;color:var(--ink)}
.u-chat-c:focus-within{border-color:var(--ink)}
.u-foot-note{margin:-8px 16px 14px;font-size:12px;color:var(--muted)}

/* credits */
.u-pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;font-size:13px}
.u-pages{display:flex;gap:4px}
.u-pages button{width:30px;height:30px;border:0;border-radius:6px;background:none;font:inherit;font-size:13px;color:var(--muted);cursor:pointer}
.u-pages button[aria-current="true"]{background:var(--g100);color:var(--ink);font-weight:500}
.u-dlg{position:relative;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--float);max-width:520px;width:100%;margin:0 auto}
.u-dlg-h{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line)}
.u-dlg-h h4{margin:0;font-size:15px;font-weight:600;letter-spacing:-.01em}
.u-dlg-b{padding:16px 18px;font-size:13px;line-height:1.55}
.u-dlg-b ul{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.u-cost{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px;border-top:1px solid var(--line);background:var(--g50);font-size:13px;border-radius:0 0 12px 12px;flex-wrap:wrap}
.u-cost b{font-weight:500}

/* ---------- how it works ---------- */
.steps{width:100%;border-collapse:collapse;font-size:15px;line-height:1.55}
.steps th{text-align:left;font-size:13px;font-weight:500;color:var(--muted);padding:14px var(--gut);border-bottom:1px solid var(--line)}
.steps td{vertical-align:top;padding:22px var(--gut);border-bottom:1px solid var(--line)}
.steps tr:last-child td{border-bottom:0}
.steps td:first-child{width:22%}
.steps td+td{border-left:1px solid var(--line)}
.steps .sn{display:block;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums;margin-bottom:4px}
.steps .st{font-size:20px;font-weight:600;letter-spacing:-.02em}
.steps .you{display:inline-block;margin-left:8px;vertical-align:3px;font-size:12px;font-weight:500;color:#fff;background:var(--ink);border-radius:4px;padding:2px 7px}
.steps tr.mine td{background:var(--g50)}
.steps .nil{color:var(--g500)}
@media (max-width:760px){
  .steps thead{display:none}
  .steps,.steps tbody,.steps tr,.steps td{display:block;width:auto!important}
  .steps tr{border-bottom:1px solid var(--line);padding:18px var(--gut)}
  .steps td{padding:0;border:0!important}
  .steps td+td{margin-top:12px}
  .steps td[data-h]::before{content:attr(data-h);display:block;font-size:12px;font-weight:500;color:var(--muted);margin-bottom:2px}
}
.promise{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px clamp(16px,2vw,32px);padding:clamp(72px,10vw,144px) var(--gut)}
.promise blockquote{grid-column:1 / span 8;margin:0;font-size:clamp(30px,3.8vw,52px);line-height:1.08;letter-spacing:-.035em;font-weight:600}
.promise ul{grid-column:9 / span 4;align-self:end;list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.promise li{display:flex;gap:10px;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.5;color:#2A2A2A}
.promise li svg{flex-shrink:0;margin-top:3px}
@media (max-width:900px){.promise blockquote,.promise ul{grid-column:1 / -1}}
.trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}
.trio>div{display:flex;flex-direction:column;gap:14px;padding:28px var(--gut) clamp(40px,5vw,64px);border-right:1px solid var(--line);background:var(--g100);min-width:0}
.trio>div:last-child{border-right:0}
.trio .cap{margin:0;font-size:14px;font-weight:500;color:var(--ink)}
.trio .cap span{color:var(--muted);font-weight:400;margin-right:8px;font-variant-numeric:tabular-nums}
.trio .u-win{flex:1;display:flex;flex-direction:column}
.card-h{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);font-size:13px}
.card-h b{font-weight:500;display:inline-flex;align-items:center;gap:8px}
.card-b{padding:14px 16px;font-size:13px;line-height:1.55;flex:1}
.card-f{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;border-top:1px solid var(--line);font-size:13px;flex-wrap:wrap}
.blist{list-style:none;margin:0;padding:0}
.blist li{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--g150)}
.blist li:last-child{border-bottom:0}
.blist li span:last-child{color:var(--muted);font-size:12px}
.when{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}
.when b{font-size:22px;font-weight:600;letter-spacing:-.02em}
.when span{color:var(--muted)}
.reply{margin-top:12px;padding:10px 12px;border-radius:8px;background:var(--g100);font-size:13px}
.reply small{display:block;color:var(--muted);font-size:12px;margin-bottom:2px}
@media (max-width:1000px){.trio{grid-template-columns:minmax(0,1fr)}.trio>div{border-right:0;border-bottom:1px solid var(--line)}.trio>div:last-child{border-bottom:0}}

/* ---------- integrations ---------- */
.tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}
.tool{display:flex;flex-direction:column;gap:10px;padding:28px var(--gut) 26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:260px;min-width:0}
.tool:nth-child(3n){border-right:0}
.tool:nth-last-child(-n+3){border-bottom:0}
.tool-n{margin:0;font-size:24px;font-weight:600;letter-spacing:-.03em}
.tool-c{font-size:13px;color:var(--muted)}
.tool p{margin:6px 0 0;font-size:15px;line-height:1.55;color:#2A2A2A;flex:1}
.tool-s{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);padding-top:14px;border-top:1px solid var(--g150)}
.tool.mcp{background:var(--g50)}
@media (max-width:980px){.tools{grid-template-columns:repeat(2,minmax(0,1fr))}.tool{border-right:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important}.tool:nth-child(2n){border-right:0!important}.tool:last-child{border-bottom:0!important}}
@media (max-width:620px){.tools{grid-template-columns:minmax(0,1fr)}.tool{border-right:0!important;min-height:0}}
.flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);counter-reset:f}
.flow li{position:relative;display:flex;flex-direction:column;gap:12px;padding:26px var(--gut) 32px;border-right:1px solid var(--line);min-width:0}
.flow li:last-child{border-right:0}
.flow .n{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}
.flow h3{margin:0;font-size:18px;font-weight:600;letter-spacing:-.02em}
.flow p{margin:0;font-size:14px;line-height:1.55;color:var(--muted)}
.flow .frag{margin-top:auto;border:1px solid var(--line);border-radius:10px;padding:12px;font-size:13px;line-height:1.5;background:#fff}
.flow li:not(:last-child)::after{content:"";position:absolute;right:-6px;top:32px;width:11px;height:11px;background:#fff;border-top:1px solid var(--line);border-right:1px solid var(--line);transform:rotate(45deg);z-index:1}
@media (max-width:980px){.flow{grid-template-columns:repeat(2,minmax(0,1fr))}.flow li:nth-child(2n){border-right:0}.flow li:nth-child(-n+2){border-bottom:1px solid var(--line)}.flow li::after{display:none}}
@media (max-width:560px){.flow{grid-template-columns:minmax(0,1fr)}.flow li{border-right:0;border-bottom:1px solid var(--line)}.flow li:last-child{border-bottom:0}}
.rows{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.rows li{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:8px 32px;padding:20px var(--gut);border-bottom:1px solid var(--line);font-size:15px;line-height:1.55}
.rows li:last-child{border-bottom:0}
.rows li b{font-weight:500}
.rows li span{color:var(--muted)}
@media (max-width:760px){.rows li{grid-template-columns:minmax(0,1fr)}}

/* ---------- trust ---------- */
.split{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px clamp(16px,2vw,32px);padding:clamp(64px,8vw,112px) var(--gut)}
.split>div:first-child{grid-column:1 / span 5}
.split>div:last-child{grid-column:7 / span 6}
@media (max-width:900px){.split>div:first-child,.split>div:last-child{grid-column:1 / -1}}
.figs{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.figs li{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}
.figs li span{font-size:16px;color:#2A2A2A}
.figs li b{font-size:clamp(32px,3.4vw,44px);font-weight:600;letter-spacing:-.04em;font-variant-numeric:tabular-nums;line-height:1}
.figs li b.key{color:var(--orange-text)}
.claims{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line)}
.claim{display:flex;flex-direction:column;gap:10px;padding:32px var(--gut) 40px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.claim:nth-child(2n){border-right:0}
.claim:nth-last-child(-n+2){border-bottom:0}
.claim h3{margin:8px 0 0;font-size:22px;font-weight:600;letter-spacing:-.025em}
.claim p{margin:0;font-size:15px;line-height:1.55;color:var(--muted);max-width:420px}
.claim .ico{width:36px;height:36px;border-radius:8px;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center}
@media (max-width:700px){.claims{grid-template-columns:minmax(0,1fr)}.claim{border-right:0;border-bottom:1px solid var(--line)!important}.claim:last-child{border-bottom:0!important}}
.tbl{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5}
.tbl th{text-align:left;font-size:13px;font-weight:500;color:var(--muted);padding:12px 16px 12px 0;border-bottom:1px solid var(--ink)}
.tbl td{padding:16px 16px 16px 0;border-bottom:1px solid var(--line);vertical-align:top}
.tbl td:first-child{font-weight:500;white-space:nowrap}
.tbl td .u-v{font-size:14px}
@media (max-width:620px){.tbl thead{display:none}.tbl,.tbl tbody,.tbl tr,.tbl td{display:block}.tbl tr{padding:14px 0;border-bottom:1px solid var(--line)}.tbl td{padding:2px 0;border:0}}
.docs{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.docs li{border-bottom:1px solid var(--line)}
.docs a,.docs .row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;text-decoration:none;color:var(--ink);font-size:17px;font-weight:500}
.docs a small,.docs .row small{display:block;font-size:14px;font-weight:400;color:var(--muted);margin-top:2px}
.docs a svg{flex-shrink:0;transition:transform .16s}
.docs a:hover svg{transform:translateX(3px)}

/* ---------- faq ---------- */
.faq{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px clamp(16px,2vw,32px);padding:clamp(56px,7vw,96px) var(--gut)}
.faq-nav{grid-column:1 / span 3}
.faq-nav>div{position:sticky;top:104px}
.faq-nav ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.faq-nav a{display:block;padding:11px 0;border-bottom:1px solid var(--line);font-size:14px;font-weight:500;color:var(--muted);text-decoration:none;transition:color .16s}
.faq-nav a:hover{color:var(--ink)}
.faq-nav a[aria-current="true"]{color:var(--ink)}
.faq-nav a[aria-current="true"]::before{content:"";display:inline-block;width:5px;height:5px;background:var(--orange);margin-right:8px;vertical-align:middle;transform:translateY(-1px)}
.faq-nav p{margin:24px 0 0;font-size:14px;line-height:1.55;color:var(--muted)}
.faq-main{grid-column:5 / span 8}
.faq-g{scroll-margin-top:96px}
.faq-g+.faq-g{margin-top:56px}
.faq-g h2{margin:0 0 12px;font-size:22px;font-weight:600;letter-spacing:-.025em}
.qa{border-top:1px solid var(--line)}
.qa:last-child{border-bottom:1px solid var(--line)}
.qa h3{margin:0}
.qa button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;border:0;background:none;font:inherit;font-size:17px;font-weight:500;color:var(--ink);text-align:left;cursor:pointer}
.qa button svg{flex-shrink:0;transition:transform .2s ease;color:var(--muted)}
.qa button[aria-expanded="true"] svg{transform:rotate(45deg)}
.qa button:hover{color:var(--muted)}
.qa .a{padding:0 40px 22px 0;font-size:16px;line-height:1.6;color:var(--muted);max-width:640px}
.qa .a p{margin:0 0 10px}
.qa .a p:last-child{margin:0}
.qa .a a{color:var(--ink)}
@media (max-width:900px){.faq-nav,.faq-main{grid-column:1 / -1}.faq-nav>div{position:static}.faq-nav ul{display:flex;flex-wrap:wrap;gap:6px;border:0}.faq-nav a{border:1px solid var(--line);border-radius:6px;padding:6px 10px;font-size:13px}.faq-nav p{display:none}}

/* ---------- legal ---------- */
.legal{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px clamp(16px,2vw,32px);padding:clamp(56px,7vw,96px) var(--gut) clamp(80px,10vw,128px)}
.toc{grid-column:1 / span 3}
.toc>div{position:sticky;top:104px}
.toc h2{margin:0 0 10px;font-size:13px;font-weight:500;color:var(--muted)}
.toc ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.toc a{display:block;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--muted);text-decoration:none;transition:color .16s}
.toc a:hover,.toc a[aria-current="true"]{color:var(--ink)}
.toc a[aria-current="true"]::before{content:"";display:inline-block;width:5px;height:5px;background:var(--orange);margin-right:8px;vertical-align:middle;transform:translateY(-1px)}
.read{grid-column:4 / span 9;max-width:720px;justify-self:center;width:100%}
.read section{scroll-margin-top:96px;padding:28px 0 8px;border-top:1px solid var(--line)}
.read section:first-child{border-top:0;padding-top:0}
.read h2{margin:0 0 14px;font-size:24px;font-weight:600;letter-spacing:-.025em;display:flex;gap:12px;align-items:baseline}
.read h2 span{font-size:14px;font-weight:500;color:var(--g500);font-variant-numeric:tabular-nums;min-width:22px}
.read p{margin:0 0 16px;font-size:17px;line-height:1.7;color:#2A2A2A}
.slot{display:flex;gap:10px;align-items:flex-start;margin:0 0 20px;padding:14px 16px;border:1px dashed var(--g400);border-radius:8px;background:var(--g50);font-size:14px;line-height:1.55;color:var(--muted)}
.slot b{font-weight:500;color:var(--ink)}
.slot svg{flex-shrink:0;margin-top:2px}
.intro{margin:0 0 40px;padding:0 0 28px;border-bottom:1px solid var(--line);font-size:17px;line-height:1.7;color:#2A2A2A}
@media (max-width:900px){.toc,.read{grid-column:1 / -1}.toc>div{position:static}}

/* ---------- 404 and site map ---------- */
.nf{padding:clamp(80px,12vw,180px) var(--gut) clamp(64px,8vw,112px);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:28px clamp(16px,2vw,32px)}
.nf>*{grid-column:1 / span 8}
.nf h1{margin:0;font-size:clamp(44px,6.4vw,92px);line-height:.98;letter-spacing:-.052em;font-weight:600}
.nf p{margin:0;font-size:18px;line-height:1.55;color:var(--x-mute);max-width:520px}
.nf .code{font-size:14px;font-weight:500;color:var(--x-mute);margin:0}
@media (max-width:900px){.nf>*{grid-column:1 / -1}}
.map{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line)}
.map>div{padding:28px var(--gut) 40px;border-right:1px solid var(--line);min-width:0}
.map>div:last-child{border-right:0}
.map h2{margin:0 0 14px;font-size:14px;font-weight:500;color:var(--muted)}
.map ul{list-style:none;margin:0;padding:0}
.map li{border-top:1px solid var(--g150)}
.map a{display:flex;flex-direction:column;padding:11px 0;text-decoration:none;font-size:15px;font-weight:500;color:var(--ink)}
.map a small{font-size:13px;font-weight:400;color:var(--muted);margin-top:1px}
.map a:hover{color:var(--muted)}
@media (max-width:980px){.map{grid-template-columns:repeat(2,minmax(0,1fr))}.map>div:nth-child(2n){border-right:0}.map>div:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media (max-width:560px){.map{grid-template-columns:minmax(0,1fr)}.map>div{border-right:0;border-bottom:1px solid var(--line)}}

/* ---------- account pages: black panel left, form right ---------- */
.auth{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);background:#fff}
.auth-l{position:sticky;top:0;height:100vh;height:100dvh;background:#0A0A0A;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(28px,3.5vw,48px)}
.auth-l a{color:#fff;text-decoration:none}
.auth-l .eb2{margin:0 0 20px;font-size:14px;font-weight:500;color:#A3A3A3}
.auth-l .big{margin:0;font-size:clamp(44px,5.2vw,76px);line-height:.96;letter-spacing:-.055em;font-weight:600}
.auth-l .big .hl{position:relative;display:inline-block}
.auth-l .big .hl::after{content:"";position:absolute;left:0;right:.06em;bottom:-.06em;height:.1em;background:var(--orange)}
.auth-l .sub{margin:28px 0 0;max-width:400px;font-size:16px;line-height:1.6;color:#A3A3A3}
.auth-l .sub b{color:#fff;font-weight:500}
.guar{list-style:none;margin:36px 0 0;padding:0;border-top:1px solid #1F1F1F;max-width:400px}
.guar li{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #1F1F1F;font-size:14px;color:#E5E5E5}
.guar svg{color:#A3A3A3;flex-shrink:0}
.auth-l .copy{margin:0;font-size:13px;color:#8A8A8A}
.auth-r{display:flex;flex-direction:column;min-width:0;padding:clamp(20px,3vw,40px) var(--gut)}
.auth-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.back{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--muted);text-decoration:none;padding:8px 10px 8px 6px;margin-left:-6px;border-radius:6px;transition:background-color .16s,color .16s}
.back:hover{background:var(--g100);color:var(--ink)}
.auth-mlogo{display:none}
.auth-main{flex:1;display:flex;align-items:center;justify-content:center;padding:clamp(40px,6vw,72px) 0}
.form{width:100%;max-width:400px}
.form h1{margin:0;font-size:clamp(32px,3vw,40px);line-height:1.05;letter-spacing:-.04em;font-weight:600}
.form .intro2{margin:12px 0 0;font-size:16px;line-height:1.55;color:var(--muted)}
.form .gbtn{margin-top:28px;width:100%;height:46px;border:1px solid var(--line);background:#fff;border-radius:8px;font:inherit;font-size:15px;font-weight:500;color:var(--ink);cursor:pointer;transition:background-color .16s,border-color .16s}
.form .gbtn:hover{background:var(--g50);border-color:var(--g300)}
.or{display:flex;align-items:center;gap:12px;margin:22px 0;font-size:13px;color:var(--g500)}
.or::before,.or::after{content:"";flex:1;height:1px;background:var(--line)}
.fld{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}
.fld>label,.fld .lbl{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:14px;font-weight:500;color:var(--ink)}
.fld label small,.fld .lbl small{font-weight:400;color:var(--muted);font-size:13px}
.fld label a{font-weight:400;font-size:13px;color:var(--muted);text-decoration:none}
.fld label a:hover{color:var(--ink);text-decoration:underline}
.inp{position:relative;display:flex}
.inp input,.inp select,.fld textarea{width:100%;height:44px;border:1px solid var(--line);border-radius:8px;padding:0 12px;font:inherit;font-size:16px;color:var(--ink);background:#fff;transition:border-color .16s;appearance:none;-webkit-appearance:none}
.fld textarea{height:auto;min-height:104px;padding:10px 12px;line-height:1.5;resize:vertical}
.inp select{padding-right:36px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235C5C5C' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}
.inp input::placeholder,.fld textarea::placeholder{color:var(--g500)}
.inp input:hover,.inp select:hover,.fld textarea:hover{border-color:var(--g300)}
.inp input:focus,.inp select:focus,.fld textarea:focus{outline:0;border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.inp .eye{position:absolute;right:4px;top:4px;height:36px;padding:0 10px;border:0;border-radius:6px;background:none;font:inherit;font-size:13px;font-weight:500;color:var(--muted);cursor:pointer}
.inp .eye:hover{background:var(--g100);color:var(--ink)}
.inp.pw input{padding-right:64px}
.fld .help{margin:0;font-size:13px;line-height:1.5;color:var(--muted)}
.fld .msg{margin:0;font-size:13px;line-height:1.45;display:flex;gap:6px;align-items:flex-start}
.fld .msg svg{flex-shrink:0;margin-top:1px}
.fld .msg.bad{color:var(--bad)}
.fld .msg.ok{color:var(--ok)}
.fld.err input,.fld.err textarea{border-color:var(--bad)}
.fld.err input:focus,.fld.err textarea:focus{box-shadow:0 0 0 1px var(--bad)}
.row2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 12px}
@media (max-width:480px){.row2{grid-template-columns:minmax(0,1fr)}}
.sw-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 0;border-top:1px solid var(--line);margin-bottom:6px}
.sw-row b{display:block;font-size:14px;font-weight:500}
.sw-row b{color:var(--ink)}
.sw-row>span>span{display:block;font-size:13px;line-height:1.5;color:var(--muted);margin-top:2px}
.cbx{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45;cursor:pointer;padding:14px 0 4px;border-top:1px solid var(--line)}
.cbx .u-check{margin-top:2px}
.fld>label.cbx{justify-content:flex-start;font-weight:400}
.fld label.cbx a{color:var(--ink);font-size:inherit;font-weight:500;text-decoration:underline}
.submit{width:100%;height:46px;margin-top:10px;border:0;border-radius:8px;background:var(--ink);color:#fff;font:inherit;font-size:15px;font-weight:500;cursor:pointer;transition:background-color .16s}
.submit:hover{background:#2A2A2A}
.submit[disabled]{background:#3A3A3A;cursor:progress}
.alt{margin:22px 0 0;font-size:14px;color:var(--muted)}
.alt a{color:var(--ink);font-weight:500;text-decoration:none}
.alt a:hover{text-decoration:underline}
.alert{display:flex;gap:10px;align-items:flex-start;margin:0 0 18px;padding:12px 14px;border-radius:8px;font-size:14px;line-height:1.5;border:1px solid var(--line);background:var(--g50);color:#2A2A2A;animation:fadein .18s ease both}
.alert svg{flex-shrink:0;margin-top:2px}
.alert.bad{border-color:rgba(159,35,70,.3);background:#FCF5F7}
.alert.bad svg{color:var(--bad)}
.alert.info svg{color:var(--info)}
.alert.ok svg{color:var(--ok)}
.alert a{color:var(--ink);font-weight:500}
.done-ic{width:44px;height:44px;border-radius:10px;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;color:var(--ok);margin-bottom:20px}
.auth-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;font-size:13px;color:var(--g500)}
.auth-foot a{color:var(--muted);text-decoration:none}
.auth-foot a:hover{color:var(--ink)}
.auth-foot nav{display:flex;gap:16px}
.stack p{margin:0 0 14px;font-size:16px;line-height:1.6;color:#2A2A2A}
@media (max-width:900px){
  .auth{grid-template-columns:minmax(0,1fr)}
  .auth-l{display:none}
  .auth-mlogo{display:inline-flex}
}

/* ---------- pages opened from a link ---------- */
.g-head{border-bottom:1px solid var(--line);background:#fff}
.g-head>div{max-width:1120px;margin:0 auto;height:60px;padding:0 var(--gut);display:flex;align-items:center;justify-content:space-between;gap:12px}
.g-head a{display:inline-flex;color:var(--ink)}
.g-sample{font-size:12px;font-weight:500;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:3px 8px}
.g-main{max-width:1120px;margin:0 auto;padding:clamp(32px,5vw,72px) var(--gut) clamp(56px,7vw,96px)}
.g-foot{border-top:1px solid var(--line)}
.g-foot>div{max-width:1120px;margin:0 auto;padding:20px var(--gut);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;font-size:13px;color:var(--muted)}
.g-foot a{color:var(--muted);text-decoration:none}
.g-foot a:hover{color:var(--ink)}
.g-foot .by{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-weight:500}
/* booking */
.book{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
.book-l{padding:28px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:14px}
.book-l h1{margin:6px 0 0;font-size:clamp(28px,2.6vw,34px);line-height:1.08;letter-spacing:-.035em;font-weight:600}
.book-l .host{display:flex;align-items:center;gap:12px;font-size:14px}
.book-l .host b{display:block;font-weight:500}
.book-l .host small{display:block;color:var(--muted);font-size:13px}
.facts{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:14px;color:#2A2A2A}
.facts li{display:flex;gap:10px;align-items:center}
.facts svg{color:var(--muted);flex-shrink:0}
.book-l p{margin:4px 0 0;font-size:15px;line-height:1.6;color:var(--muted)}
.book-r{padding:28px;min-width:0}
.book-r h2{margin:0 0 18px;font-size:18px;font-weight:600;letter-spacing:-.02em}
.cal-wrap{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:28px}
.cal-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:15px;font-weight:500}
.cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;text-align:center}
.cal .dow{font-size:12px;color:var(--g500);padding:6px 0}
.cal button,.cal span.d{aspect-ratio:1;max-height:48px;width:100%;border:0;border-radius:8px;font:inherit;font-size:14px;font-variant-numeric:tabular-nums;display:flex;align-items:center;justify-content:center}
.cal span.d{color:var(--g400)}
.cal button{background:var(--g100);color:var(--ink);font-weight:500;cursor:pointer;transition:background-color .16s}
.cal button:hover{background:var(--line)}
.cal button[aria-pressed="true"]{background:var(--ink);color:#fff}
.cal .today{position:relative}
.cal .today::after{content:"";position:absolute;bottom:6px;left:50%;width:4px;height:4px;border-radius:50%;background:currentColor;transform:translateX(-50%)}
.times{display:flex;flex-direction:column;gap:6px;max-height:340px;overflow:auto}
.times h3{margin:0 0 4px;font-size:14px;font-weight:500}
.times button{height:42px;border:1px solid var(--line);border-radius:8px;background:#fff;font:inherit;font-size:14px;font-weight:500;color:var(--ink);cursor:pointer;font-variant-numeric:tabular-nums;transition:border-color .16s,background-color .16s}
.times button:hover{border-color:var(--ink)}
.times button[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.tz{margin:16px 0 0;font-size:13px;color:var(--muted);display:flex;align-items:center;gap:6px}
.picked{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 14px;border-radius:8px;background:var(--g100);font-size:14px;margin-bottom:20px}
.picked b{font-weight:500}
.picked button{border:0;background:none;font:inherit;font-size:13px;font-weight:500;color:var(--ink);text-decoration:underline;cursor:pointer;padding:0}
.gform{max-width:460px}
.booked{max-width:520px}
.booked h2{margin:0 0 8px;font-size:28px;font-weight:600;letter-spacing:-.03em}
.booked p{margin:0 0 6px;font-size:15px;line-height:1.6;color:var(--muted)}
.booked .bk{margin:20px 0;padding:16px;border:1px solid var(--line);border-radius:10px;display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px 12px;font-size:14px;align-items:center}
.booked .bk svg{color:var(--muted)}
.g-empty{padding:40px 0;text-align:left;max-width:420px}
.g-empty h2{margin:14px 0 6px;font-size:20px;font-weight:600;letter-spacing:-.02em}
.g-empty p{margin:0;color:var(--muted);font-size:15px;line-height:1.55}
@media (max-width:900px){.book{grid-template-columns:minmax(0,1fr)}.book-l{border-right:0;border-bottom:1px solid var(--line)}}
@media (max-width:620px){.cal-wrap{grid-template-columns:minmax(0,1fr)}.book-l,.book-r{padding:20px}.times{flex-direction:row;flex-wrap:wrap;max-height:none}.times h3{width:100%}.times button{flex:1 1 calc(33% - 6px);min-width:88px}}
/* screen */
.scr{max-width:720px;margin:0 auto}
.scr h1{margin:10px 0 0;font-size:clamp(34px,4vw,48px);letter-spacing:-.045em;line-height:1.02;font-weight:600}
.scr .for{margin:0;font-size:14px;color:var(--muted)}
.scr .note{margin:24px 0 32px}
.q{padding:24px 0;border-top:1px solid var(--line)}
.q fieldset{border:0;margin:0;padding:0;min-width:0}
.q legend,.q>label{display:block;padding:0;margin:0 0 12px;font-size:17px;font-weight:500;line-height:1.4;color:var(--ink)}
.q .req{font-weight:400;color:var(--muted);font-size:14px;white-space:nowrap}
.q .n{color:var(--g500);font-weight:500;margin-right:8px;font-variant-numeric:tabular-nums}
.opts{display:flex;flex-wrap:wrap;gap:8px}
.opt{position:relative}
.opt input{position:absolute;opacity:0;width:1px;height:1px}
.opt span{display:inline-flex;align-items:center;height:42px;padding:0 16px;border:1px solid var(--line);border-radius:8px;font-size:15px;cursor:pointer;transition:border-color .16s,background-color .16s}
.opt span:hover{border-color:var(--g300)}
.opt input:checked+span{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.opt input:focus-visible+span{outline:2px solid var(--ink);outline-offset:2px}
.q .msg{margin:10px 0 0}
.scr .submit{width:auto;padding:0 22px}
.scr-done{padding:24px 0}
.scr-done h2{margin:0 0 8px;font-size:30px;font-weight:600;letter-spacing:-.035em}
.scr-done p{margin:0;font-size:16px;color:var(--muted);line-height:1.6}
/* shared */
.sh{max-width:720px;margin:0 auto}
.sh .for{margin:0;font-size:14px;color:var(--muted)}
.sh h1{margin:10px 0 0;font-size:clamp(34px,4vw,48px);letter-spacing:-.045em;line-height:1.04;font-weight:600}
.sh-meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin:18px 0 0;font-size:14px;color:var(--muted)}
.sh-meta span{display:inline-flex;align-items:center;gap:6px}
.sh h2{margin:48px 0 14px;font-size:20px;font-weight:600;letter-spacing:-.02em}
.sh p{font-size:16px;line-height:1.7;color:#2A2A2A;margin:0 0 14px}
.sh-crit{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.sh-crit li{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-size:15px}
.sh-crit li span:last-child{color:var(--muted);font-size:14px;text-align:right}
.sh-p{padding:28px 0;border-top:1px solid var(--line)}
.sh-p:last-of-type{border-bottom:1px solid var(--line)}
.sh-p .who{display:flex;gap:14px;align-items:center}
.sh-p h3{margin:0;font-size:19px;font-weight:600;letter-spacing:-.02em}
.sh-p .who small{display:block;font-size:14px;color:var(--muted);margin-top:2px}
.sh-p .score{margin-left:auto;font-size:13px;color:var(--muted);white-space:nowrap}
.expiry{display:flex;gap:10px;align-items:flex-start;margin-top:28px;padding:12px 14px;border-radius:8px;background:var(--g50);border:1px solid var(--line);font-size:14px;line-height:1.5;color:#2A2A2A}
.expiry svg{flex-shrink:0;margin-top:2px;color:var(--muted)}

/* ---------- motion ---------- */
.fade{opacity:0;transition:opacity .28s ease}
.fade.in{opacity:1}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.fade{opacity:1}}
[tabindex="-1"]:focus{outline:none}
.sh-p .u-sum{margin:16px 0 0}

/* =====================================================================
   Each page has its own opening. Same tokens, frame, type and rules.
   ===================================================================== */
.dk{background:var(--x-bg);color:var(--x-fg)}
.dk .wrap{border-color:var(--x-line)}
.dk .fx::before,.dk .fx::after{color:var(--x-mark)}

/* ---------- Product: a map of the workspace ---------- */
.pmap{position:relative;margin:8px var(--gut) clamp(48px,6vw,80px);height:640px}
.pmap-in{position:absolute;left:0;top:0;width:1180px;height:640px;transform-origin:0 0}
.pm-app{position:absolute;inset:0;display:grid;grid-template-columns:196px minmax(0,1fr) 320px;background:#fff;color:var(--ink);border-radius:16px;overflow:hidden;border:8px solid var(--x-bezel);outline:1px solid var(--x-line2);font-size:13px;line-height:1.45;font-variant-numeric:tabular-nums}
.pm-rail{background:var(--g50);border-right:1px solid var(--line);padding:14px 10px;display:flex;flex-direction:column;gap:2px}
.pm-logo{padding:2px 6px 14px}
.pm-new{display:flex;align-items:center;justify-content:center;gap:6px;height:32px;border-radius:6px;background:var(--ink);color:#fff;font-weight:500;margin-bottom:10px}
.pm-it{display:flex;align-items:center;gap:9px;height:30px;padding:0 8px;border-radius:6px;color:#3A3A3A}
.pm-it svg{color:var(--muted)}
.pm-it.on{background:#fff;box-shadow:0 0 0 1px var(--line);color:var(--ink);font-weight:500}
.pm-it.on::after{content:"";width:5px;height:5px;background:var(--orange);margin-left:auto}
.pm-h{margin:16px 8px 6px;font-size:12px;color:var(--g500)}
.pm-sub{display:flex;justify-content:space-between;padding:4px 8px;color:var(--muted)}
.pm-main{display:flex;flex-direction:column;min-width:0}
.pm-top{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line)}
.pm-ask{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:6px;box-shadow:inset 0 0 0 1px var(--line);font-weight:500}
.pm-brief{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 16px 0;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font-size:13.5px}
.pm-read{padding:12px 16px 8px}
.pm-key{padding:8px 16px 10px;border-bottom:1px solid var(--line);font-size:13.5px}
.pm-row{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}
.pm-row b{font-weight:500;font-size:14px}
.pm-row small{display:block;color:var(--muted)}
.pm-row p{margin:6px 0 8px}
.pm-vs{display:flex;flex-wrap:wrap;gap:4px 14px}
.pm-vs .u-v{font-size:12px}
.pm-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-top:1px solid var(--line)}
.pm-panel{border-left:1px solid var(--line);display:flex;flex-direction:column;min-width:0}
.pm-panel .u-ptool{position:static}
.pm-panel .u-dl{grid-template-columns:72px minmax(0,1fr);font-size:12.5px}
.pm-panel .u-dl dt,.pm-panel .u-dl dd{padding:8px 0}
.pm-panel .u-why li{padding:8px 0;font-size:12.5px}
.pm-k{position:absolute;left:0;top:0;z-index:3;display:flex;align-items:center;text-decoration:none;opacity:0;transition:opacity .2s}
.pm-k.on{opacity:1}
.pm-k span{width:26px;height:26px;border-radius:6px;background:var(--ink);color:#fff;font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #fff;font-variant-numeric:tabular-nums}
.pm-k em{font-style:normal;margin-left:6px;background:var(--ink);color:#fff;font-size:12px;font-weight:500;border-radius:6px;padding:5px 8px;white-space:nowrap;opacity:0;transform:translateX(-4px);transition:opacity .16s,transform .16s;pointer-events:none;box-shadow:var(--float)}
.pm-k:hover em,.pm-k:focus-visible em{opacity:1;transform:none}
.pm-k:hover span{background:#2A2A2A}
.pm-cap{margin:-48px var(--gut) 40px;font-size:13px;color:var(--x-mute)}
@media (max-width:760px){.pmap,.pm-cap{display:none}}
/* alternate the feature rows */
.feat.flip .feat-txt{order:2;border-right:0;border-left:1px solid var(--line)}
.feat.flip .feat-in{grid-template-columns:minmax(0,8fr) minmax(0,4fr)}
@media (max-width:980px){.feat.flip .feat-txt{order:0;border-left:0}.feat.flip .feat-in{grid-template-columns:minmax(0,1fr)}}

/* ---------- How it works: a track, then a scroll story ---------- */
.hw2-top{padding:clamp(64px,9vw,128px) var(--gut) clamp(40px,5vw,64px)}
.hw2-top h1{margin:18px 0 0;font-size:clamp(46px,8.4vw,124px);line-height:.94;letter-spacing:-.058em;font-weight:600}
.hw2-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px 48px;margin-top:clamp(28px,4vw,48px)}
.hw2-row .ph-lead{max-width:520px}
.track{list-style:none;margin:0;padding:0 var(--gut);display:grid;grid-template-columns:repeat(7,minmax(0,1fr));position:relative;border-top:1px solid var(--x-line)}
.track::before{content:"";position:absolute;left:var(--gut);right:var(--gut);top:39px;height:1px;background:var(--x-line2)}
.track a{position:relative;display:flex;flex-direction:column;gap:6px;padding:32px 8px 30px 0;color:var(--x-fg2);text-decoration:none;font-size:15px;font-weight:500;transition:color .16s}
.track a:hover{color:var(--x-fg)}
.track .dot{width:15px;height:15px;border:1px solid var(--x-mark);background:var(--x-bg);border-radius:3px;margin-bottom:10px}
.track .n{font-size:12px;font-weight:400;color:var(--x-mute2)}
.track .you .dot{background:var(--x-fg);border-color:var(--x-fg)}
.track .you .t{display:inline-flex;align-items:center;gap:8px}
.track .you .t::after{content:"You";font-size:11px;font-weight:500;color:var(--x-cta-fg);background:var(--x-cta);border-radius:4px;padding:1px 6px}
@media (max-width:760px){.track{grid-template-columns:repeat(4,minmax(0,1fr))}.track::before{display:none}.track a{padding:20px 6px 18px 0}}
.story{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 clamp(16px,2vw,32px);padding:0 var(--gut)}
.story-l{grid-column:1 / span 5;border-right:1px solid var(--line);padding:clamp(56px,7vw,96px) 0}
.story-l>div{position:sticky;top:120px}
.story-n{margin:8px 0 0;font-size:clamp(96px,13vw,188px);line-height:.86;letter-spacing:-.07em;font-weight:600;font-variant-numeric:tabular-nums}
.story-t{margin:14px 0 0;font-size:28px;font-weight:600;letter-spacing:-.03em;display:flex;align-items:center;gap:10px}
.story-t .you{font-size:12px;font-weight:500;color:#fff;background:var(--ink);border-radius:4px;padding:2px 7px;letter-spacing:0}
.story-bar{margin-top:28px;height:2px;background:var(--line);max-width:320px;position:relative}
.story-bar span{position:absolute;left:0;top:0;bottom:0;width:14.3%;background:var(--ink);transition:width .28s ease}
.story-note{margin:20px 0 0;font-size:15px;line-height:1.55;color:var(--muted);max-width:320px}
.story-r{grid-column:7 / span 6;padding:clamp(56px,7vw,96px) 0}
.sstep{padding:0 0 clamp(56px,7vw,88px);scroll-margin-top:96px}
.sstep+.sstep{padding-top:clamp(40px,5vw,56px);border-top:1px solid var(--line)}
.sstep h3{margin:0 0 18px;display:flex;align-items:baseline;gap:12px;font-size:24px;font-weight:600;letter-spacing:-.025em}
.sstep h3 span{font-size:14px;font-weight:500;color:var(--g500);font-variant-numeric:tabular-nums}
.sstep h3 .you{font-size:12px;color:#fff;background:var(--ink);border-radius:4px;padding:2px 7px;align-self:center}
.who2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;margin:0 0 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.who2>div{padding:14px 16px 14px 0}
.who2>div+div{padding-left:16px;border-left:1px solid var(--line)}
.who2 dt{font-size:12px;font-weight:500;color:var(--muted);margin-bottom:4px}
.who2 dd{margin:0;font-size:15px;line-height:1.5}
.who2 .nil{color:var(--g500)}
@media (max-width:900px){.story-l{display:none}.story-r{grid-column:1 / -1}}
@media (max-width:520px){.who2{grid-template-columns:minmax(0,1fr)}.who2>div+div{padding-left:0;border-left:0;border-top:1px solid var(--line)}}
.dk .promise li{color:var(--x-fg2);border-color:var(--x-line)}
.dk .promise ul{border-color:var(--x-line)}
.dk .promise blockquote span{color:var(--x-mute)!important}

/* ---------- Integrations: a white opening with the hub ---------- */
.ih{border-bottom:1px solid var(--line);background:#fff}
.ih-in{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:40px clamp(16px,2vw,32px);align-items:center;padding:clamp(56px,7vw,104px) var(--gut)}
.ih-txt{grid-column:1 / span 5}
.ih-txt h1{margin:0;font-size:clamp(40px,5vw,72px);line-height:.98;letter-spacing:-.05em;font-weight:600}
.ih-txt .lead{margin-top:22px}
.ih-txt .ph-act{margin-top:28px}
.hub{grid-column:7 / span 6;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.hub>div{aspect-ratio:1;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-end;gap:2px;padding:14px;min-width:0}
.hub b{font-size:16px;font-weight:600;letter-spacing:-.02em;line-height:1.15}
.hub small{font-size:12px;color:var(--g500)}
.hub .core{grid-column:2 / span 2;aspect-ratio:auto;background:var(--ink);color:#fff;justify-content:space-between;padding:18px}
.hub .core b{font-size:20px}
.hub .core small{color:#A3A3A3;font-size:13px}
.hub .empty{background-image:repeating-conic-gradient(rgba(10,10,10,.05) 0 25%,transparent 0 50%);background-size:96px 96px}
@media (max-width:980px){.ih-txt,.hub{grid-column:1 / -1}}
@media (max-width:520px){.hub{grid-template-columns:repeat(2,minmax(0,1fr))}.hub .core{grid-column:1 / -1;min-height:150px}.hub .empty{display:none}}
.cat{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5}
.cat th{text-align:left;font-size:13px;font-weight:500;color:var(--muted);padding:12px var(--gut);border-bottom:1px solid var(--line)}
.cat td{padding:20px var(--gut);border-bottom:1px solid var(--line);vertical-align:top}
.cat tr:last-child td{border-bottom:0}
.cat td:first-child{width:28%}
.cat td+td,.cat th+th{border-left:1px solid var(--line)}
.cat .nm{display:block;font-size:20px;font-weight:600;letter-spacing:-.025em}
.cat .ct{display:block;font-size:13px;color:var(--g500);margin-top:2px}
.cat .st{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);white-space:nowrap}
@media (max-width:760px){.cat thead{display:none}.cat,.cat tbody,.cat tr,.cat td{display:block;width:auto!important}.cat tr{padding:18px var(--gut);border-bottom:1px solid var(--line)}.cat td{padding:0;border:0!important}.cat td+td{margin-top:8px}}

/* ---------- Trust: the ledger and the routes ---------- */
.tr-in h1{grid-column:1 / span 7}
.ledger{grid-column:8 / span 5;border:1px solid var(--x-line2);border-radius:12px;padding:22px 24px 20px;background:var(--x-bg)}
.lg-h{display:flex;justify-content:space-between;margin:0 0 6px;font-size:13px;color:var(--x-mute)}
.ledger ul{list-style:none;margin:0;padding:0}
.ledger li{display:flex;align-items:baseline;padding:13px 0;border-bottom:1px solid var(--x-line)}
.ledger li span{font-size:15px;color:var(--x-fg2)}
.ledger li i{flex:1;margin:0 10px;border-bottom:1px dotted var(--x-mark);transform:translateY(-4px)}
.ledger li b{font-size:30px;font-weight:600;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}
.ledger li b.key{color:var(--x-orange)}
.lg-f{margin:16px 0 0;font-size:14px;line-height:1.5;color:var(--x-mute)}
.lg-f b{color:var(--x-fg);font-weight:500}
@media (max-width:900px){.tr-in h1,.ledger{grid-column:1 / -1}}
.strip4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line)}
.strip4>div{padding:28px var(--gut) 36px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:10px}
.strip4>div:last-child{border-right:0}
.strip4 h3{margin:14px 0 0;font-size:19px;font-weight:600;letter-spacing:-.02em}
.strip4 p{margin:0;font-size:15px;line-height:1.55;color:var(--muted)}
.strip4 .ico{width:40px;height:40px;border-radius:8px;background:var(--ink);color:#fff;display:inline-flex;align-items:center;justify-content:center}
@media (max-width:980px){.strip4{grid-template-columns:repeat(2,minmax(0,1fr))}.strip4>div:nth-child(2n){border-right:0}.strip4>div:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media (max-width:560px){.strip4{grid-template-columns:minmax(0,1fr)}.strip4>div{border-right:0;border-bottom:1px solid var(--line)}.strip4>div:last-child{border-bottom:0}}
.route{padding:0 var(--gut) clamp(56px,7vw,96px)}
.rt-h,.rt-row{display:grid;grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr) 56px minmax(0,1.1fr);align-items:center}
.rt-h{font-size:13px;font-weight:500;color:var(--muted);padding:0 0 12px}
.rt-h span:nth-child(2){grid-column:3}.rt-h span:nth-child(3){grid-column:5}
.rt-row{padding:10px 0}
.rt-node{display:flex;align-items:center;gap:10px;min-height:56px;padding:12px 16px;border:1px solid var(--line);border-radius:10px;font-size:15px;font-weight:500;background:#fff}
.rt-node svg{color:var(--muted)}
.rt-node.you{background:var(--ink);color:#fff;border-color:var(--ink)}
.rt-node.you svg{color:#fff}
.rt-line{position:relative;height:1px;background:var(--g300);margin:0 6px}
.rt-line::after{content:"";position:absolute;right:-1px;top:-4px;width:8px;height:8px;border-top:1px solid var(--g300);border-right:1px solid var(--g300);transform:rotate(45deg)}
.rt-row.off .rt-line{background:none;border-top:1px dashed var(--g300)}
.rt-row.off .rt-node{color:var(--muted);font-weight:400;background:var(--g50)}
@media (max-width:820px){.rt-h{display:none}.rt-row{grid-template-columns:minmax(0,1fr);gap:0;padding:14px 0;border-bottom:1px solid var(--line)}.rt-line{width:1px;height:18px;margin:0 0 0 24px}.rt-line::after{right:-4px;top:auto;bottom:0;transform:rotate(135deg)}.rt-row.off .rt-line{border-top:0;border-left:1px dashed var(--g300)}}

/* ---------- FAQ: search first ---------- */
.fq-in{padding:clamp(56px,7vw,104px) var(--gut) clamp(40px,5vw,56px);max-width:900px}
.fq-in h1{margin:0;font-size:clamp(42px,6vw,84px);line-height:.98;letter-spacing:-.052em;font-weight:600}
.fq-search{margin-top:clamp(28px,4vw,40px);display:flex;align-items:center;gap:12px;max-width:640px;height:56px;padding:0 8px 0 18px;border:1px solid var(--line);border-radius:10px;background:#fff;transition:border-color .16s}
.fq-search:focus-within{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.fq-search svg{color:var(--muted)}
.fq-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:17px;color:var(--ink)}
.fq-search input::placeholder{color:var(--g500)}
.fq-count{margin:12px 0 0;font-size:14px;color:var(--muted);min-height:20px}
.faq-none{padding:24px 0;font-size:16px;color:var(--muted);border-top:1px solid var(--line)}

/* ---------- Legal: a quiet document header ---------- */
.lg-in{padding:clamp(40px,5vw,64px) var(--gut) clamp(36px,4vw,48px)}
.lg-tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:clamp(40px,5vw,64px)}
.lg-tabs a{display:inline-flex;align-items:center;height:34px;padding:0 12px;border-radius:6px;font-size:14px;font-weight:500;color:var(--muted);text-decoration:none;transition:background-color .16s,color .16s}
.lg-tabs a:hover{background:var(--g100);color:var(--ink)}
.lg-tabs a[aria-current="page"]{background:var(--g100);color:var(--ink)}
.lg-tabs a[aria-current="page"]::before{content:"";width:5px;height:5px;background:var(--orange);margin-right:8px}
.lg-in h1{margin:0;font-size:clamp(36px,4.4vw,60px);line-height:1;letter-spacing:-.045em;font-weight:600}
.lg-sub{margin:14px 0 0;font-size:18px;color:var(--muted)}
.lg-meta{display:flex;flex-wrap:wrap;gap:0;margin:32px 0 0;border-top:1px solid var(--line)}
.lg-meta>div{padding:14px 32px 0 0;margin-right:32px;border-right:1px solid var(--line)}
.lg-meta>div:last-child{border-right:0}
.lg-meta dt{font-size:12px;color:var(--g500)}
.lg-meta dd{margin:4px 0 0;font-size:14px;font-weight:500}
@media (max-width:560px){.lg-meta>div{border-right:0;margin-right:0;padding-right:20px}}

/* ---------- 404: a search with no results ---------- */
.nf2{padding:clamp(56px,8vw,112px) var(--gut) clamp(64px,8vw,112px);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 clamp(16px,2vw,32px)}
.nf2>*{grid-column:1 / span 8}
.nf2 h1{margin:0;font-size:clamp(40px,5.6vw,80px);line-height:.98;letter-spacing:-.052em;font-weight:600}
.nf2 .lead{margin-top:18px}
.nf-win{margin-top:clamp(32px,4vw,48px)}
.nf-q{display:flex;align-items:center;gap:10px;padding:16px;border-bottom:1px solid var(--line);font-size:16px;overflow-wrap:anywhere}
.nf-q svg{color:var(--muted)}
.nf-q s{text-decoration:none;color:var(--muted)}
.nf-r{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--g150);text-decoration:none;color:var(--ink);transition:background-color .16s}
.nf-r:last-child{border-bottom:0}
.nf-r:hover{background:var(--g50)}
.nf-r b{display:block;font-weight:500;font-size:15px}
.nf-r small{display:block;font-size:13px;color:var(--muted)}
.nf-r>svg{color:var(--muted)}
.nf2 .ph-act{margin-top:28px}
@media (max-width:900px){.nf2>*{grid-column:1 / -1}}

/* ---------- account pages: each panel says its own thing ---------- */
.auth-l .big.sm{font-size:clamp(38px,4vw,56px);line-height:1}
.nexts{list-style:none;margin:36px 0 0;padding:0;max-width:420px;border-top:1px solid #1F1F1F}
.nexts li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:8px;padding:16px 0;border-bottom:1px solid #1F1F1F}
.nexts li>span{font-size:13px;color:#8A8A8A;font-variant-numeric:tabular-nums;padding-top:2px}
.nexts b{display:block;font-size:15px;font-weight:500;color:#fff}
.nexts div span{display:block;font-size:14px;line-height:1.5;color:#A3A3A3;margin-top:2px}
@media (max-width:760px){.track .you .t{flex-direction:column;align-items:flex-start;gap:4px}}
@media (max-width:520px){.hub>div{aspect-ratio:auto;min-height:92px}}
@media (max-width:1180px) and (min-width:981px){.map{grid-template-columns:repeat(3,minmax(0,1fr))}.map>div{border-bottom:1px solid var(--line)}}

/* ---------- account pages: a product glimpse, and the device theme ---------- */
.auth-l .au-mid{max-width:440px}
.auth-l .sub{margin-top:22px}
.au-card{--ink:#0A0A0A;--muted:#5C5C5C;--line:#E5E5E5;--g50:#FAFAFA;--g100:#F5F5F5;--g150:#F0F0F0;--g300:#D6D6D6;--g500:#8A8A8A;
  margin-top:32px;background:#fff;color:var(--ink);border-radius:12px;padding:16px 16px 14px;font-size:13px;line-height:1.5}
.au-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:center}
.au-row b{display:block;font-weight:500;font-size:14px}
.au-row small{display:block;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.au-met{font-size:12px;color:var(--muted)}
.au-sum{margin:12px 0 10px;font-size:14px;line-height:1.55}
.au-card .mk{transition:background-size .9s cubic-bezier(.2,.7,.1,1) .5s}
.au-card:not(.on) .mk{background-size:0% .34em}
.au-v{list-style:none;margin:0;padding:0;border-top:1px solid var(--g150)}
.au-v li{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--g150);transition:opacity .28s ease}
.au-v li span:last-child{color:#2A2A2A}
.au-card:not(.on) .au-v li{opacity:0}
.au-card.on .au-v li:nth-child(1){transition-delay:1.3s}
.au-card.on .au-v li:nth-child(2){transition-delay:1.5s}
.au-card.on .au-v li:nth-child(3){transition-delay:1.7s}
.au-draft{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;font-size:12.5px;color:var(--muted)}
.au-draft>span:first-child{display:inline-flex;align-items:center;gap:6px}
.au-draft .u-btn{pointer-events:none;transition:background-color .2s,color .2s,box-shadow .2s}
.au-draft .u-btn.done{background:#fff;color:var(--ok);box-shadow:inset 0 0 0 1px var(--ok)}
.guar.row{display:flex;flex-wrap:wrap;gap:6px 22px;max-width:none;margin:0 0 16px;padding-top:16px;border-top:1px solid #1F1F1F}
.guar.row li{padding:0;border:0;font-size:13px}
@media (max-height:820px){.au-card .au-v li:nth-child(3){display:none}}
@media (max-height:720px){.au-card{display:none}}
.auth{background:var(--au-bg,#fff);color:var(--ink)}

/* ---------- tool logos (official files, shown as supplied, on a white tile) ---------- */
.tlt{--s:36px;width:var(--s);height:var(--s);border-radius:calc(var(--s) * .27);background:#fff;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:#0A0A0A}
.tlt img{display:block;width:56%;height:56%;object-fit:contain}
.tlt.mcp{background:var(--g100,#F5F5F5);color:var(--muted)}
.via{display:inline-flex;align-items:center;gap:5px;vertical-align:-2px}
.via img{display:block;flex-shrink:0;object-fit:contain}
.u-tag.lg{gap:5px}
.u-tag.lg img{display:block;flex-shrink:0}
.u-mark img{display:block;width:13px;height:13px}
.hub>div.hc{justify-content:space-between}
.hub>div.hc>span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}
.cat .tid{display:flex;align-items:center;gap:14px}

/* ================= product part pages ================= */
.pp-h-in{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px clamp(16px,2vw,32px);align-items:end;padding:clamp(40px,5vw,72px) var(--gut) clamp(40px,5vw,64px)}
.pp-crumb{grid-column:1 / -1;display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:14px;font-weight:500;color:var(--x-mute)}
.pp-crumb a{color:var(--x-mute);text-decoration:none}
.pp-crumb a:hover{color:var(--x-fg)}
.pp-crumb [aria-current]{color:var(--x-fg)}
.pp-num{grid-column:1 / -1;display:flex;align-items:baseline;gap:6px;margin-top:clamp(8px,3vw,40px);font-size:15px;font-variant-numeric:tabular-nums}
.pp-num b{font-weight:500;color:var(--x-orange)}
.pp-num span{color:var(--x-mute)}
.pp-h h1{grid-column:1 / span 7;margin:0;font-size:clamp(40px,5.4vw,80px);line-height:.98;letter-spacing:-.05em;font-weight:600;text-wrap:balance}
.pp-side{grid-column:9 / span 4;padding-bottom:6px}
.pp-side .ph-act{margin-top:24px}
.pp-stage{padding:0 var(--gut) clamp(40px,5vw,72px)}
.pp-frame{padding:clamp(6px,.7vw,10px);border-radius:clamp(14px,1.4vw,20px);background:var(--x-bezel);border:1px solid var(--x-line2);box-shadow:0 40px 100px -40px rgba(0,0,0,.45)}
.pp-frame>.u{border-radius:clamp(9px,1vw,13px)}
.pp-cap{margin:14px 0 0;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--x-mute)}
.pp-duo{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(6px,.7vw,10px)}
@media (max-width:980px){.pp-h h1,.pp-side{grid-column:1 / -1}}
/* the result row, as in the product */
.r2-win .u-bar b{font-weight:500}
.r2-list>*+*{border-top:1px solid var(--line)}
.m-row.r2{display:block;padding:22px clamp(14px,2vw,22px) 24px}
.r2 .r-top{display:flex;align-items:center;gap:10px;min-width:0}
.r2 .cb{width:18px;height:18px;margin:0;accent-color:var(--ink);flex-shrink:0}
.r2 .r-name{font-size:21px;font-weight:500;letter-spacing:-.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.r2 .r-open{width:24px;height:24px;border-radius:6px;background:#F1EEFF;border:1px solid #DED6FF;color:#5B3FD6;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.r2 .r-li{display:inline-flex;flex-shrink:0}
.r2 .r-li img{display:block}
.r2 .m-act{margin-left:auto;display:flex;align-items:center;gap:8px;flex-shrink:0}
.r2 .m-hide{height:38px;padding:0 10px;border:0;background:none;border-radius:8px;font:inherit;font-size:15px;font-weight:500;color:var(--ink);cursor:pointer}
.r2 .m-hide:hover{background:var(--g100)}
.r2 .r-plus{width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1px 2px rgba(10,10,10,.05),0 3px 10px -4px rgba(10,10,10,.12);transition:border-color .2s,color .2s,background-color .2s}
.r2 .r-plus:hover{background:var(--g50)}
.r2 .r-plus.done{border-color:var(--ok);color:var(--ok)}
.r2 :focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.r2 .r-body{padding-left:28px}
.r2 .r-loc{margin-top:5px;font-size:15px;color:var(--muted)}
.r2 .r-exp{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:9px}
.r2 .r-exp li{display:flex;align-items:center;gap:10px;min-width:0;font-size:15px}
.r2 .r-exp li.edu{margin-top:7px}
.r2 .r-exp b{font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:0 1 auto}
.r2 .r-exp i{font-style:normal;font-size:14px;color:var(--g500);white-space:nowrap;flex-shrink:0;margin-left:4px;font-variant-numeric:tabular-nums}
.r2 .co{width:24px;height:24px;border-radius:6px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;overflow:hidden}
.r2 .co svg{display:block}
.r2 .co.sch{border-radius:50%;background:#fff;border:1px solid var(--g300);font:600 9px/1 var(--mono);color:var(--muted);letter-spacing:-.02em}
.r2 .r-skills{margin-top:15px;display:flex;flex-wrap:wrap;gap:8px}
.r2 .r-skills>span{font-size:14px;border:1px solid var(--line);border-radius:999px;padding:5px 13px;background:#fff}
.r2 .r-crit{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:max-content minmax(0,1fr);gap:11px 18px;align-items:center}
.r2 .r-crit li{display:contents}
.r2 .r-crit li.x{display:none}
.r2.open .r-crit li.x{display:contents}
.cp{display:inline-flex;align-items:center;gap:7px;justify-self:start;font-size:14px;font-weight:500;border-radius:999px;padding:6px 13px 6px 11px;white-space:nowrap}
.cp.ok{background:#EAF6EF;color:var(--ok)}
.cp.fit{background:#EBF1FA;color:var(--info)}
.cp.no{background:#FBECEF;color:var(--bad)}
.cp.unk{background:var(--g100);color:var(--muted)}
.r2 .ct{font-size:14px;line-height:1.5}
.r2 .ct.mut{color:var(--muted)}
.r2 .m-evwrap .ai{margin:12px 0 0;font-size:11px;color:var(--muted)}
.r2 .m-why{margin-top:14px;display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:0;font:inherit;font-size:13px;font-weight:500;color:var(--muted);cursor:pointer}
.r2 .m-why svg{transition:transform .2s}
.r2 .m-why[aria-expanded="true"] svg{transform:rotate(180deg)}
.r2 .m-why:hover{color:var(--ink)}
.r2 .r-contact{margin-top:18px;display:flex;flex-wrap:wrap;gap:8px}
.r2 .r-chip{display:inline-flex;align-items:center;gap:7px;font-size:14px;background:var(--g100);border-radius:8px;padding:6px 11px}
.r2 .r-chip.none{color:var(--muted)}
.r2 .an{margin-left:6px}
.r2-gone{display:flex;align-items:center;gap:10px;padding:16px clamp(14px,2vw,22px);font-size:14px;color:var(--muted)}
.r2-gone button{border:0;background:none;padding:0;font:inherit;font-weight:500;color:var(--ink);text-decoration:underline;cursor:pointer}
@media (max-width:560px){.r2 .r-name{font-size:19px}.r2 .r-body{padding-left:0}.r2 .r-exp li{font-size:14px}.r2 .r-exp i{font-size:13px}.r2 .m-hide{padding:0 6px}.r2 .r-crit{grid-template-columns:minmax(0,max-content) minmax(0,1fr);gap:10px 12px}}
.an{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--ink);color:#fff;font-size:11px;font-style:normal;font-weight:600;flex-shrink:0;font-variant-numeric:tabular-nums}
/* shared blocks */
.pp-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line)}
.pp-two.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.pp-card{padding:clamp(28px,3.5vw,52px) var(--gut);border-right:1px solid var(--line);min-width:0}
.pp-card:last-child{border-right:0}
.pp-k{margin:0 0 14px;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--muted)}
.pp-card h3{margin:0;font-size:clamp(22px,2vw,28px);line-height:1.15;letter-spacing:-.03em;font-weight:600}
.pp-card>p{margin:12px 0 0;font-size:16px;line-height:1.55;color:var(--muted);max-width:520px}
.pp-fi{width:42px;height:42px;border-radius:11px;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;color:var(--ink);background:#fff;flex-shrink:0}
.pp-card.big .pp-fi{margin-bottom:22px}
.pp-chips{display:flex;flex-wrap:wrap;gap:10px;padding:clamp(28px,3vw,40px) var(--gut) clamp(48px,6vw,88px);border-top:1px solid var(--line)}
.u-chip.lg{font-size:15px;padding:8px 14px}
.u-chip.add{background:transparent;border:1px dashed var(--g300)}
.pp-facts{padding:clamp(48px,6vw,88px) var(--gut)}
.pp-facts ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,3vw,48px)}
.pp-facts li b{display:block;margin-top:18px;font-size:18px;font-weight:600;letter-spacing:-.02em}
.pp-facts li p{margin:8px 0 0;font-size:15px;line-height:1.55;color:var(--muted);max-width:360px}
/* sentence to brief */
.s2b{display:grid;grid-template-columns:minmax(0,5fr) 0 minmax(0,7fr);border-top:1px solid var(--line)}
.s2b-q,.s2b-b{padding:clamp(28px,4vw,56px) var(--gut);min-width:0}
.s2b-q{border-right:1px solid var(--line)}
.s2b-ar{position:relative;z-index:1}
.s2b-ar svg{position:absolute;left:-22px;top:50%;margin-top:-22px;width:44px;height:44px;padding:11px;box-sizing:border-box;border-radius:50%;background:#fff;border:1px solid var(--line);color:var(--ink)}
.s2b-l{margin:0 0 18px;font-size:13px;font-weight:500}
.s2b-s{margin:0;font-size:clamp(26px,2.7vw,38px);line-height:1.22;letter-spacing:-.03em;font-weight:500}
.s2b-s em{font-style:normal;background-image:linear-gradient(var(--orange),var(--orange));background-repeat:no-repeat;background-size:100% 3px;background-position:0 96%}
.s2b-det{margin:30px 0 0;display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px}
.s2b-det .u-mut{flex-basis:100%;margin-bottom:2px}
.s2b-dl{margin:0;display:grid;grid-template-columns:170px minmax(0,1fr);gap:20px 22px}
.s2b-dl dt{font-size:14px;color:var(--muted);padding-top:4px}
.s2b-dl dd{margin:0;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.s2b-dl small{flex-basis:100%;font-size:13px;color:var(--muted);margin-top:4px}
.seg{display:inline-flex;flex-wrap:wrap;border:1px solid var(--line);border-radius:8px;overflow:hidden;font-size:13px}
.seg span{padding:5px 10px;border-left:1px solid var(--line);color:var(--muted)}
.seg span:first-child{border-left:0}
.seg [aria-current]{background:var(--g100);color:var(--ink);font-weight:500}
.s2b-key{margin:30px 0 0;padding-top:18px;border-top:1px solid var(--line);font-size:15px;color:var(--muted)}
.anat{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);border-top:1px solid var(--line)}
.anat-row{padding:clamp(24px,3vw,48px) var(--gut);background:var(--g50);border-right:1px solid var(--line);min-width:0}
.anat-list{list-style:none;margin:0;padding:clamp(24px,3vw,48px) var(--gut);display:flex;flex-direction:column;gap:16px}
.anat-list li{display:flex;gap:12px;font-size:15px;line-height:1.5}
.anat-list .an{margin-top:1px}
.exl{list-style:none;margin:26px 0 0;padding:0;border-top:1px solid var(--line)}
.exl li{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.45}
.exl svg{margin-top:3px;color:var(--g500)}
.jd{margin-top:26px;border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px;background:#fff;font-size:14px}
.jd>div{display:flex;flex-wrap:wrap;gap:6px}
.jd-f{justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:12px}
.jd-f>span:first-child{display:inline-flex;align-items:center;gap:8px}
.jd-f b{font-weight:500}
/* evidence */
.vgrid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line)}
.vcard{padding:clamp(24px,3vw,40px) clamp(18px,2vw,28px);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:10px;min-width:0}
.vcard:last-child{border-right:0}
.vcard h3{margin:12px 0 0;font-size:22px;font-weight:600;letter-spacing:-.025em}
.vc-m{margin:0;font-size:15px;color:var(--muted)}
.vc-ex{margin-top:auto;padding-top:18px;border-top:1px solid var(--line);display:flex;gap:10px;font-size:14px;line-height:1.5}
.vc-ex b{display:block;font-weight:500}
.vc-ex p{margin:2px 0 0}
.vcard .vc-h{min-height:34px}
.markx{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);border-top:1px solid var(--line)}
.markx-s{margin:0;padding:clamp(32px,4vw,64px) var(--gut);font-size:clamp(24px,2.5vw,36px);line-height:1.38;letter-spacing:-.025em;font-weight:500;border-right:1px solid var(--line)}
.markx-s .mk{background-size:100% .3em}
.markx-n{padding:clamp(32px,4vw,64px) var(--gut);display:flex;flex-direction:column;gap:16px;justify-content:center}
.markx-bar{width:64px;height:9px;background:rgba(255,76,0,.2)}
.markx-n p{margin:0;font-size:16px;line-height:1.6;color:var(--muted)}
.markx-n b{color:var(--ink);font-weight:600}
.pp-stmt{padding:clamp(56px,8vw,120px) var(--gut)}
.pp-stmt p:first-child{margin:0;font-size:clamp(36px,5vw,72px);line-height:1;letter-spacing:-.05em;font-weight:600;text-wrap:balance}
.pp-stmt p+p{margin:20px 0 0;font-size:clamp(18px,1.6vw,22px);line-height:1.5}
/* profile */
.anat2{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line)}
.anat2 li{display:flex;gap:18px;padding:26px var(--gut);border-bottom:1px solid var(--line);border-right:1px solid var(--line)}
.anat2 li:nth-child(2n){border-right:0}
.anat2 li:nth-last-child(-n+2){border-bottom:0}
.anat2 .pn{font-size:13px;color:var(--g500);font-variant-numeric:tabular-nums;padding-top:4px;min-width:22px}
.anat2 b{font-size:18px;font-weight:600;letter-spacing:-.02em}
.anat2 p{margin:6px 0 0;font-size:15px;line-height:1.55;color:var(--muted)}
/* projects */
.stages{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid var(--line)}
.stages li{padding:30px clamp(14px,1.6vw,24px) 34px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:10px;position:relative}
.stages li:last-child{border-right:0}
.stages li::after{content:"";position:absolute;right:-6px;top:36px;width:10px;height:10px;border-top:1px solid var(--g400);border-right:1px solid var(--g400);transform:rotate(45deg);background:#fff;z-index:1}
.stages li:last-child::after{display:none}
.stages .sn{font-size:13px;color:var(--g500);font-variant-numeric:tabular-nums}
.stages b{font-size:20px;font-weight:600;letter-spacing:-.025em}
.projbar{margin:0 var(--gut) clamp(48px,6vw,88px)}
.pb-items{flex-wrap:wrap;gap:6px 18px!important;font-size:13px;color:var(--muted)}
.pb-items span{display:inline-flex;align-items:center;gap:6px}
.pb-b{padding:14px 16px;font-size:13px}
.pb-b p{margin:0}
/* contacts */
.colspec{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}
.colspec li{padding:28px var(--gut);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.colspec li:nth-child(3n){border-right:0}
.colspec li:nth-last-child(-n+3){border-bottom:0}
.colspec b{font-size:18px;font-weight:600;letter-spacing:-.02em}
.colspec p{margin:6px 0 0;font-size:15px;line-height:1.55;color:var(--muted)}
.colspec img{display:inline-block;vertical-align:-2px}
.impx{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line)}
.impx li{padding:32px var(--gut) 38px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:8px}
.impx li:last-child{border-right:0}
.impx .is{width:46px;height:46px;border-radius:12px;background:var(--g100);display:inline-flex;align-items:center;justify-content:center}
.impx li:last-child .is{background:var(--ink);color:#fff}
.impx small{margin-top:14px;font-size:13px;color:var(--g500);font-variant-numeric:tabular-nums}
.impx b{font-size:18px;font-weight:600;letter-spacing:-.02em;line-height:1.25}
/* sequences */
.seqtl{list-style:none;margin:0;padding:clamp(32px,4vw,56px) var(--gut);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line)}
.seqtl li{display:flex;flex-direction:column;gap:16px;position:relative;padding-right:24px}
.seqtl li::before{content:"";position:absolute;left:46px;right:0;top:22px;height:1px;background:var(--line)}
.seqtl li:last-child::before{display:none}
.seqtl .sd{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:#fff;display:inline-flex;align-items:center;justify-content:center;position:relative;z-index:1}
.seqtl li.w .sd,.seqtl li.add .sd{border-style:dashed;color:var(--muted)}
.seqtl b{font-size:18px;font-weight:600;letter-spacing:-.02em}
.seqtl p{margin:4px 0 0;font-size:14px;color:var(--muted)}
.figx{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid var(--line)}
.figx li{padding:30px clamp(14px,1.6vw,22px);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:6px}
.figx li:last-child{border-right:0}
.figx b{font-size:19px;font-weight:600;letter-spacing:-.02em}
.figx small{font-size:13px;color:var(--muted)}
.frm{margin-top:22px;display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;font-size:14px;border:1px solid var(--line);border-radius:10px;padding:12px 14px;background:#fff}
.frm b{font-weight:500}
.cnx{margin-top:22px;display:flex;flex-wrap:wrap;gap:8px}
.cnx .u-btn{gap:8px}
.cnx img{display:block}
/* inbox */
.lanes{border-top:1px solid var(--line)}
.lane{display:grid;grid-template-columns:minmax(0,4fr) 96px minmax(0,6fr);align-items:center;gap:18px;padding:clamp(26px,3vw,44px) var(--gut);border-bottom:1px solid var(--line)}
.lane:last-child{border-bottom:0}
.ln-from{display:flex;flex-direction:column;gap:14px;min-width:0}
.ln-l{display:flex;gap:8px}
.ln-l img{width:20px;height:20px;padding:9px;border:1px solid var(--line);border-radius:11px;background:#fff;box-sizing:content-box;display:block}
.ln-from b,.ln-to b{font-size:22px;font-weight:600;letter-spacing:-.025em}
.ln-ar{height:1px;background:var(--g300);position:relative}
.ln-ar::after{content:"";position:absolute;right:0;top:-4px;width:8px;height:8px;border-top:1px solid var(--g400);border-right:1px solid var(--g400);transform:rotate(45deg)}
.ln-to p{margin:8px 0 0;font-size:15px;line-height:1.55;color:var(--muted)}
.panes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}
.panes li{padding:30px var(--gut) 34px;border-right:1px solid var(--line)}
.panes li:last-child{border-right:0}
.panes small{font-size:13px;color:var(--g500);font-variant-numeric:tabular-nums}
.panes b{display:block;margin-top:12px;font-size:20px;font-weight:600;letter-spacing:-.025em}
.panes p{margin:8px 0 0;font-size:15px;line-height:1.55;color:var(--muted)}
/* vecta */
.pp-ins{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line)}
.pp-ins li{padding:30px clamp(18px,2vw,28px) 34px;border-right:1px solid var(--line)}
.pp-ins li:last-child{border-right:0}
.pp-ins b{display:block;margin-top:18px;font-size:18px;font-weight:600;letter-spacing:-.02em}
.pp-ins p{margin:8px 0 0;font-size:15px;line-height:1.55;color:var(--muted)}
.qal{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.qal li{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:28px;padding:30px var(--gut);border-bottom:1px solid var(--line)}
.qal li:last-child{border-bottom:0}
.qq{margin:0;font-size:20px;font-weight:500;letter-spacing:-.02em;line-height:1.3}
.qa2{display:flex;gap:12px;font-size:16px;line-height:1.6}
.qa2 p{margin:0}
.v-ic2{width:28px;height:28px;border-radius:8px;background:var(--ink);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
/* credits */
.ledg{margin-top:26px;border-top:1px solid var(--line)}
.ledg div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);font-size:15px}
.ledg span{color:var(--muted)}
.ledg b{font-weight:500}
.planw{margin:0 var(--gut) clamp(48px,6vw,88px)}
.planf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.planf div{padding:18px 16px;border-right:1px solid var(--line)}
.planf div:last-child{border-right:0}
.planf small{display:block;font-size:12px;color:var(--muted)}
.planf b{display:block;margin-top:8px;font-weight:500}
.planp{margin:0;padding:14px 16px;border-top:1px solid var(--line);font-size:14px}
/* part navigator */
.pp-pn{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.pp-pn a{display:flex;flex-direction:column;gap:8px;padding:clamp(32px,4vw,56px) var(--gut);text-decoration:none;color:var(--ink);transition:background-color .2s}
.pp-pn a:hover{background:var(--g50)}
.pp-prev{border-right:1px solid var(--line)}
.pp-next{text-align:right;align-items:flex-end}
.pp-pn small{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}
.pp-pn b{font-size:clamp(24px,2.6vw,36px);font-weight:600;letter-spacing:-.035em;line-height:1.1}
.pp-pn span{font-size:15px;color:var(--muted)}
.pp-all{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));border-top:1px solid var(--line)}
.pp-all li{display:flex}
.pp-all a{position:relative;flex:1;display:flex;flex-direction:column;gap:6px;padding:16px 14px 20px;font-size:13px;line-height:1.3;color:var(--muted);text-decoration:none;border-right:1px solid var(--line)}
.pp-all li:last-child a{border-right:0}
.pp-all a span{font-size:12px;color:var(--g500);font-variant-numeric:tabular-nums}
.pp-all a:hover{color:var(--ink);background:var(--g50)}
.pp-all a[aria-current]{color:var(--ink);font-weight:500}
.pp-all a[aria-current]::before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--orange)}
.pp-all a:focus-visible,.pp-pn a:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}
@media (max-width:1100px){.pp-all{grid-template-columns:repeat(3,minmax(0,1fr))}.pp-all li:nth-child(3n) a{border-right:0}.pp-all a{border-bottom:1px solid var(--line)}.pp-all li:nth-last-child(-n+3) a{border-bottom:0}}
@media (max-width:980px){.vgrid,.pp-ins{grid-template-columns:repeat(2,minmax(0,1fr))}.vcard:nth-child(2n),.pp-ins li:nth-child(2n){border-right:0}.vcard,.pp-ins li{border-bottom:1px solid var(--line)}.vcard:nth-last-child(-n+2),.pp-ins li:nth-last-child(-n+2){border-bottom:0}
  .stages{grid-template-columns:repeat(3,minmax(0,1fr))}.stages li:nth-child(3n){border-right:0}.stages li:nth-child(-n+3){border-bottom:1px solid var(--line)}.stages li::after{display:none}
  .figx{grid-template-columns:repeat(3,minmax(0,1fr))}.figx li:nth-child(3n){border-right:0}.figx li:nth-child(-n+3){border-bottom:1px solid var(--line)}
  .impx{grid-template-columns:repeat(2,minmax(0,1fr))}.impx li:nth-child(2n){border-right:0}.impx li:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .seqtl{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}.seqtl li:nth-child(2)::before{display:none}
  .anat,.markx{grid-template-columns:minmax(0,1fr)}.anat-row,.markx-s{border-right:0;border-bottom:1px solid var(--line)}}
@media (max-width:860px){.pp-two,.pp-two.three{grid-template-columns:minmax(0,1fr)}.pp-card{border-right:0;border-bottom:1px solid var(--line)}.pp-card:last-child{border-bottom:0}
  .s2b{grid-template-columns:minmax(0,1fr)}.s2b-q{border-right:0;border-bottom:1px solid var(--line)}.s2b-ar{height:0}.s2b-ar svg{left:50%;top:0;margin:-22px 0 0 -22px;transform:rotate(90deg)}
  .pp-facts ul{grid-template-columns:minmax(0,1fr)}.colspec{grid-template-columns:repeat(2,minmax(0,1fr))}.colspec li:nth-child(3n){border-right:1px solid var(--line)}.colspec li:nth-child(2n){border-right:0}.colspec li:nth-last-child(-n+3){border-bottom:1px solid var(--line)}.colspec li:nth-last-child(-n+2){border-bottom:0}
  .panes{grid-template-columns:minmax(0,1fr)}.panes li{border-right:0;border-bottom:1px solid var(--line)}.panes li:last-child{border-bottom:0}
  .lane{grid-template-columns:minmax(0,1fr);gap:16px}.ln-ar{width:1px;height:26px;margin-left:19px}.ln-ar::after{right:-4px;top:auto;bottom:0;transform:rotate(135deg)}
  .qal li{grid-template-columns:minmax(0,1fr);gap:14px}
  .anat2{grid-template-columns:minmax(0,1fr)}.anat2 li{border-right:0}.anat2 li:nth-last-child(2){border-bottom:1px solid var(--line)}}
@media (max-width:560px){.s2b-dl{grid-template-columns:minmax(0,1fr);gap:8px}.s2b-dl dd{margin-bottom:12px}.vgrid,.pp-ins,.colspec,.impx{grid-template-columns:minmax(0,1fr)}.vcard,.pp-ins li,.colspec li,.impx li{border-right:0!important;border-bottom:1px solid var(--line)!important}.vcard:last-child,.pp-ins li:last-child,.colspec li:last-child,.impx li:last-child{border-bottom:0!important}
  .stages,.figx{grid-template-columns:repeat(2,minmax(0,1fr))}.stages li,.figx li{border-right:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important}.stages li:nth-child(2n),.figx li:nth-child(2n){border-right:0!important}.stages li:nth-last-child(-n+2),.figx li:nth-last-child(-n+2){border-bottom:0!important}
  .seqtl{grid-template-columns:minmax(0,1fr)}.seqtl li::before{display:none}.planf{grid-template-columns:minmax(0,1fr)}.planf div{border-right:0;border-bottom:1px solid var(--line)}
  .pp-pn{grid-template-columns:minmax(0,1fr)}.pp-prev{border-right:0;border-bottom:1px solid var(--line)}.pp-next{text-align:left;align-items:flex-start}.pp-all{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-all li:nth-child(3n) a{border-right:1px solid var(--line)}.pp-all li:nth-child(2n) a{border-right:0}.pp-all li:nth-last-child(-n+3) a{border-bottom:1px solid var(--line)}.pp-all li:last-child a{border-bottom:0}}
.pg-more{display:inline-flex;align-items:center;gap:8px;margin-top:24px;font-size:15px;font-weight:500;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:3px}
.pg-more:hover{color:var(--muted);border-color:var(--muted)}
@media (min-width:981px){.map{grid-template-columns:repeat(3,minmax(0,1fr))}.map>div{border-bottom:1px solid var(--line)}.map>div:nth-child(3n){border-right:0}.map>div:nth-last-child(-n+3){border-bottom:0}}
.pp-frame>.u:not(.u-win):not(.pp-duo){background:#F5F5F5;padding:clamp(16px,3vw,40px);border-radius:clamp(9px,1vw,13px)}
@media (max-width:560px){.r2 .r-top .an{display:none}}
.cat tr[id]{scroll-margin-top:80px}
.cat tr:target td{background:var(--g50)}
/* footer: every page, in four columns */

/* integrations hub: the quiet cell states how credentials are kept */
.hub>div.enc{background:var(--g50)}
.hub>div.enc .enc-i{background:transparent;border:1px dashed var(--g300);color:var(--muted)}
.hub>div.enc b{font-weight:500}
@media (max-width:520px){.hub>div.enc{display:none}}

/* ============ account pages: one system for sign in, create account and password help ============
   Two columns. The black panel and the form share one top bar height and one content offset,
   so the panel's line and the form's label start on the same line. */
.ac{--ac-bar:88px;--ac-top:clamp(36px,9vh,104px);display:grid;grid-template-columns:minmax(440px,5fr) minmax(0,7fr);min-height:100vh;min-height:100dvh}
.ac-bar{height:var(--ac-bar);display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none}
.ac-l{position:sticky;top:0;height:100vh;height:100dvh;display:flex;flex-direction:column;padding:0 clamp(32px,3.6vw,56px);background:#0A0A0A;color:#fff;overflow:hidden}
.ac-l a{color:#fff;text-decoration:none}
.ac-logo{display:inline-flex;border-radius:6px}
.ac-logo:focus-visible{outline:2px solid #fff;outline-offset:4px}
.ac-mid{flex:1 1 auto;min-height:0;padding-top:var(--ac-top);max-width:500px}
.ac-eb{margin:0;font-size:14px;line-height:20px;font-weight:500;color:#A3A3A3}
.ac-h{margin:18px 0 0;font-size:clamp(40px,3.7vw,54px);line-height:1;letter-spacing:-.045em;font-weight:600;color:#fff;text-wrap:balance}
.ac-sub{margin:20px 0 0;max-width:420px;font-size:16px;line-height:1.55;color:#A3A3A3;text-wrap:pretty}
.ac-sub b{color:#fff;font-weight:500}
.ac-foot{flex:none;padding:0 0 clamp(24px,3.4vh,36px)}
.ac-guar{list-style:none;margin:0;padding:20px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;border-top:1px solid #1F1F1F}
.ac-guar li{display:flex;flex-direction:column;gap:10px;font-size:13px;line-height:1.4;color:#D4D4D4}
.ac-guar svg{color:#8A8A8A}
.ac-copy{margin:22px 0 0;font-size:12.5px;color:#737373}
/* the one product moment */
.ac-card{margin-top:32px;max-width:440px;background:#fff;color:#0A0A0A;border-radius:14px;box-shadow:0 0 0 1px rgba(255,255,255,.06),0 30px 60px -30px rgba(0,0,0,.9);overflow:hidden;font-size:13px;opacity:0;transform:translateY(6px);transition:opacity .6s cubic-bezier(.2,.7,.1,1),transform .6s cubic-bezier(.2,.7,.1,1)}
.ac-card.on{opacity:1;transform:none}
.ac-card-h{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #EDEDED;font-weight:500}
.ac-card-h>span:first-child{display:inline-flex;align-items:center;gap:8px}
.ac-card-h svg{color:#5C5C5C}
.ac-card-n{font-size:12px;font-weight:400;color:#5C5C5C}
.ac-card-m{display:grid;grid-template-columns:64px minmax(0,1fr);gap:6px 10px;margin:0;padding:14px 16px 0}
.ac-card-m dt{color:#737373}
.ac-card-m dd{margin:0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ac-via{display:inline-flex;align-items:center;gap:5px;margin-left:4px;color:#5C5C5C}
.ac-via img{display:block}
.ac-card-b{margin:12px 16px 0;padding-top:12px;border-top:1px solid #F0F0F0;font-size:13px;line-height:1.55;color:#262626}
.ac-card-f{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding:10px 12px 10px 16px;background:#FAFAFA;border-top:1px solid #EDEDED;font-size:12px;color:#5C5C5C}
.ac-card-a{display:inline-flex;gap:6px;flex:none}
.ac-btn{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:8px;background:#0A0A0A;color:#fff;font-size:12.5px;font-weight:500;white-space:nowrap;transition:background-color .3s,color .3s}
.ac-btn.l{background:#fff;color:#0A0A0A;box-shadow:inset 0 0 0 1px #E3E3E3}
.ac-btn.done{background:#EAF6EF;color:#17784A}
.ac-btn svg{width:13px;height:13px}
/* what happens after sign up */
.ac-steps{list-style:none;margin:36px 0 0;padding:0;max-width:440px;counter-reset:s}
.ac-steps li{display:grid;grid-template-columns:44px minmax(0,1fr);padding:16px 0;border-top:1px solid #1F1F1F}
.ac-steps li:last-child{border-bottom:1px solid #1F1F1F}
.ac-steps .n{font-family:var(--mono);font-size:12px;line-height:22px;color:#737373}
.ac-steps b{display:block;font-size:15px;line-height:22px;font-weight:500;color:#fff}
.ac-steps span:not(.n){display:block;margin-top:3px;font-size:13.5px;line-height:1.5;color:#A3A3A3}
@media (max-height:780px){.ac-card,.ac-steps{display:none}}
@media (max-height:640px){.ac-guar{display:none}.ac-copy{margin-top:0}}

/* the form column */
.ac-r{display:flex;flex-direction:column;min-width:0;padding:0 clamp(20px,4vw,56px);background:var(--au-bg,#fff)}
.ac-rbar{justify-content:flex-end}
.ac-mlogo{display:none;color:var(--ink);border-radius:6px}
.ac-r .back{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;margin-right:-12px;border-radius:8px;font-size:14px;font-weight:500;color:var(--muted);text-decoration:none;transition:background-color .16s,color .16s}
.ac-r .back:hover{background:var(--g100);color:var(--ink)}
.ac-main{flex:1 1 auto;display:flex;justify-content:center;padding:var(--ac-top) 0 clamp(48px,8vh,96px)}
.ac .form{max-width:400px}
.ac-k{margin:0;font-family:var(--mono);font-size:12px;line-height:20px;letter-spacing:.01em;color:var(--g500)}
.ac .form .ac-t{margin:16px 0 0;font-size:34px;line-height:1.08;letter-spacing:-.035em;font-weight:600;color:var(--ink)}
.ac .form .intro2{margin:12px 0 0;font-size:15px;line-height:1.55;color:var(--muted);text-wrap:pretty}
.ac .form .intro2 b{color:var(--ink);font-weight:500}
.ac-small{font-size:14px!important}
.ac .form .gbtn{margin-top:28px;height:44px;border-radius:10px;border-color:var(--line);font-size:14.5px}
.ac .or{margin:20px 0;font-size:12px;letter-spacing:.02em}
.ac-gap{height:28px}
.ac .fld{gap:8px;margin-bottom:16px}
.ac .fld .lbl{font-size:13.5px}
.ac .fld .lbl a{font-size:13px;font-weight:400;color:var(--muted);text-decoration:none;border-radius:4px}
.ac .fld .lbl a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.ac .inp input,.ac .inp select{height:44px;border-radius:10px;padding:0 14px;font-size:15px;border-color:var(--line);transition:border-color .16s,box-shadow .16s}
.ac .inp input:hover,.ac .inp select:hover{border-color:var(--g300)}
.ac .inp input:focus,.ac .inp select:focus{border-color:var(--ink);box-shadow:0 0 0 4px rgba(10,10,10,.07)}
.ac .inp .eye{top:4px;right:4px;height:36px;border-radius:7px}
.ac .fld .help{font-size:12.5px}
.ac .submit{height:44px;margin-top:8px;border-radius:10px;font-size:14.5px;display:inline-flex;align-items:center;justify-content:center;gap:10px}
.ac .submit .spin{width:15px;height:15px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:acspin .7s linear infinite}
@keyframes acspin{to{transform:rotate(360deg)}}
.ac-btnlink{margin-top:28px;text-decoration:none}
.ac .alt{margin-top:20px;font-size:14px}
.ac-link{border:0;background:none;padding:0;font:inherit;font-weight:500;color:var(--ink);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.ac-prev{margin:40px 0 0;padding-top:16px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
.ac-prev a{color:var(--ink);font-weight:500;text-decoration:none}
.ac-prev a:hover{text-decoration:underline}
.ac .done-ic{width:44px;height:44px;border-radius:12px;margin-bottom:22px}
.ac .done-ic+.ac-k{margin-top:0}
.ac-note{margin:28px 0 0!important}
.ac-ways{list-style:none;margin:20px 0 0;padding:0}
.ac-ways li{display:grid;grid-template-columns:36px minmax(0,1fr);padding:14px 0;border-top:1px solid var(--line)}
.ac-ways li:last-child{border-bottom:1px solid var(--line)}
.ac-ways .n{font-family:var(--mono);font-size:12px;line-height:24px;color:var(--g500)}
.ac-ways p{margin:0;font-size:15px;line-height:1.6;color:var(--ink)}
/* optional details on create account */
.ac-more{margin:4px 0 16px;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.ac-more summary{list-style:none;display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer;border-radius:12px}
.ac-more summary::-webkit-details-marker{display:none}
.ac-more summary>span{flex:1 1 auto;min-width:0}
.ac-more summary b{display:block;font-size:13.5px;font-weight:500;color:var(--ink)}
.ac-more summary small{display:block;margin-top:2px;font-size:12.5px;line-height:1.45;color:var(--muted)}
.ac-more summary svg{flex:none;color:var(--g500);transition:transform .2s}
.ac-more[open] summary svg{transform:rotate(180deg)}
.ac-more summary:hover{background:var(--g50)}
.ac-more summary:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}
.ac-more-in{padding:4px 14px 0;border-top:1px solid var(--line)}
.ac-more-in .fld:first-child{margin-top:14px}
.ac .sw-row{padding:16px 0;border-top:1px solid var(--line);margin:0}
.ac-terms{margin:0 0 8px!important}
.ac-terms .cbx{padding:16px 0 4px}
.ac-rfoot{flex:none;height:64px;display:flex;align-items:center;justify-content:flex-end;gap:16px;font-size:13px;color:var(--g500)}
.ac-rfoot nav{display:flex;gap:18px}
.ac-rfoot a{color:var(--muted);text-decoration:none}
.ac-rfoot a:hover{color:var(--ink)}
.ac-mcopy{display:none;margin-right:auto}
.ac a:focus-visible,.ac button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
@media (max-width:1100px){.ac{grid-template-columns:minmax(400px,1fr) minmax(0,1fr)}.ac-guar{grid-template-columns:minmax(0,1fr);gap:10px}.ac-guar li{flex-direction:row;align-items:center}}
@media (max-width:960px){
  .ac{grid-template-columns:minmax(0,1fr)}
  .ac-l{display:none}
  .ac-rbar{justify-content:space-between;--ac-bar:72px}
  .ac-mlogo{display:inline-flex}
  .ac-main{padding-top:clamp(28px,6vh,64px)}
  .ac-mcopy{display:inline}
}
@media (max-width:480px){.ac .form .ac-t{font-size:30px}.ac-rfoot{height:auto;padding:18px 0 22px;flex-wrap:wrap}}
@media (prefers-reduced-motion:reduce){.ac-card{opacity:1;transform:none;transition:none}.ac .submit .spin{animation:none}}

/* ---------- invite only, work email only ---------- */
.ac-prog{list-style:none;margin:28px 0 24px;padding:0;display:flex;gap:6px;font-size:12.5px;color:var(--g500)}
.ac-prog li{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:8px;padding-top:10px;border-top:2px solid var(--line);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ac-prog li>span{width:20px;height:20px;border-radius:50%;flex:none;display:inline-flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:11px;border:1px solid var(--line);color:var(--g500)}
.ac-prog li.on{color:var(--ink);font-weight:500;border-top-color:var(--ink)}
.ac-prog li.on>span{background:var(--ink);border-color:var(--ink);color:var(--au-bg,#fff)}
.ac-prog li.done{color:var(--muted);border-top-color:var(--ink)}
.ac-prog li.done>span{border-color:var(--ok);color:var(--ok)}
#invite{font-family:var(--mono);font-size:15px;letter-spacing:.06em;text-transform:uppercase}
#invite::placeholder{font-family:var(--sans);letter-spacing:0;text-transform:none}
.ac-help{display:flex;gap:10px;align-items:flex-start;margin:20px 0 0;padding:12px 14px;border:1px solid var(--line);border-radius:12px;font-size:13.5px;line-height:1.55;color:var(--muted)}
.ac-help svg{flex:none;margin-top:2px;color:var(--g500)}
.ac-help a{color:var(--ink);font-weight:500;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--g300)}
.ac-help a:hover{text-decoration-color:currentColor}
.ac-invite{display:flex;align-items:center;gap:12px;margin:0 0 20px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--g50)}
.ac-invite-ic{width:28px;height:28px;border-radius:50%;flex:none;display:inline-flex;align-items:center;justify-content:center;background:#EAF6EF;color:var(--ok)}
.ac-invite-t{flex:1 1 auto;min-width:0}
.ac-invite-t b{display:block;font-size:13.5px;font-weight:500;color:var(--ink)}
.ac-invite-t small{display:block;margin-top:1px;font-family:var(--mono);font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ac-link.sm{font-size:13px;text-decoration:none;color:var(--muted)}
.ac-link.sm:hover{color:var(--ink);text-decoration:underline}
.ac .form .gbtn+.ac-gnote{margin:10px 0 0;font-size:12.5px;line-height:1.5;color:var(--muted);text-align:center}
.ac-gnote a{color:var(--ink);text-decoration:underline;text-underline-offset:2px}
.ac [data-sstep="account"] .gbtn{margin-top:0}
.ac .inp input.locked{background:var(--g50);color:var(--muted);cursor:not-allowed}
.ac-err{margin:4px 0 14px!important}
.ac-vmsg{margin:16px 0 0;font-size:13.5px;color:var(--bad)}
@media (max-width:420px){.ac-prog{font-size:12px}.ac-prog li{gap:6px}}

/* ============ For companies, For recruiters, Specialties, Get access ============ */
.sx-have{margin:0;font-size:14px;color:var(--x-mute)}
.sx-have a{color:var(--x-fg);font-weight:500;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--x-mark)}
.sx-have a:hover{text-decoration-color:currentColor}
.sec .sx-have,.sx-ga .sx-have{color:var(--muted)}
.sec .sx-have a,.sx-ga .sx-have a{color:var(--ink);text-decoration-color:var(--g300)}
.sx-h .ph-side{gap:18px}
.sx-h .ph-side .ph-act{margin-top:6px}
.sx-n{font-family:var(--mono);font-size:12px;letter-spacing:.02em;color:#6E6E6E;font-variant-numeric:tabular-nums}
.dk .sx-n{color:var(--x-mute)}
.sx-cta-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.sec>.wrap>.sx-cta-row{padding:0 var(--gut) clamp(56px,7vw,96px)}
.sx-muted{color:var(--muted)}
.sec-head .lead p{margin:0 0 14px}.sec-head .lead p:last-child{margin:0}
/* the hiring problem */
.sx-quotes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sx-quotes li{padding:clamp(28px,3.4vw,48px) var(--gut);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:clamp(28px,4vw,56px);min-width:0}
.sx-quotes li:last-child{border-right:0}
.sx-quotes p{margin:0;font-size:clamp(22px,2.1vw,30px);line-height:1.18;letter-spacing:-.03em;font-weight:500;color:var(--ink);text-wrap:balance}
.sx-q{font-family:var(--mono);font-size:12px;color:#6E6E6E}
.sx-2p{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px clamp(16px,2vw,32px);padding:clamp(40px,5vw,64px) var(--gut) clamp(64px,8vw,104px)}
.sx-2p p{margin:0;font-size:18px;line-height:1.6;color:var(--muted)}
.sx-2p p:first-child{grid-column:1 / span 5}.sx-2p p:last-child{grid-column:7 / span 6}
.sx-2p b{color:var(--ink);font-weight:500}
/* numbered steps */
.sx-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));border-top:1px solid var(--line)}
.sx-steps li{padding:clamp(28px,3vw,44px) var(--gut) clamp(36px,4vw,56px);border-right:1px solid var(--line);min-width:0}
.sx-steps li:last-child{border-right:0}
.sx-steps h3{margin:20px 0 0;font-size:clamp(20px,1.7vw,24px);line-height:1.2;letter-spacing:-.025em;font-weight:600}
.sx-steps p{margin:12px 0 0;font-size:15.5px;line-height:1.6;color:var(--muted)}
.sx-steps+.sx-cta-row{padding:clamp(28px,3vw,40px) var(--gut) clamp(56px,7vw,96px);border-top:1px solid var(--line)}
.sx-steps+.sx-note-b{border-top:1px solid var(--line)}
/* split: words and a product view */
.sx-split{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:40px clamp(16px,2vw,32px);padding:clamp(64px,8vw,112px) var(--gut);align-items:center}
.sx-split-t{grid-column:1 / span 5}
.sx-split-v{grid-column:7 / span 6;min-width:0}
.sx-split-t>p:not(.eb){margin:18px 0 0;font-size:17px;line-height:1.6;color:var(--muted);max-width:520px}
.sx-split-t>p b,.sx-split-b p b{color:var(--ink);font-weight:500}
.sx-split-t .sx-cta-row{margin-top:28px}
.sx-split-text{align-items:start}
.sx-split-text .sx-split-b{grid-column:7 / span 6}
.sx-split-b p{margin:0 0 16px;font-size:18px;line-height:1.6;color:var(--muted)}
.sx-split-b .sx-cta-row{margin-top:12px}
.sx-split-v .pp-frame{padding:clamp(6px,.7vw,10px);border-radius:clamp(14px,1.4vw,20px);background:var(--g100);border:1px solid var(--line)}
.sx-split-v .pp-frame>.u{border-radius:clamp(9px,1vw,13px)}
/* specialty cards */
.sx-spgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}
.sx-spc{position:relative;display:flex;flex-direction:column;gap:10px;padding:clamp(24px,2.8vw,40px) var(--gut) clamp(28px,3vw,40px);border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;min-width:0;transition:background-color .2s}
.sx-spc:nth-child(3n){border-right:0}
.sx-spc:hover{background:var(--g50)}
.sx-spc .sx-spc-i{margin-bottom:14px}
.sx-spc .sx-n{position:absolute;top:clamp(24px,2.8vw,40px);right:var(--gut)}
.sx-spc h3{margin:0;font-size:clamp(19px,1.6vw,22px);line-height:1.2;letter-spacing:-.022em;font-weight:600}
.sx-spc p{margin:0;font-size:15px;line-height:1.55;color:var(--muted);flex:1 1 auto}
.sx-more{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:14px;font-weight:500;color:var(--ink)}
.sx-more svg{transition:transform .2s}
.sx-spc:hover .sx-more svg{transform:translateX(3px)}
.sx-spc-i{width:40px;height:40px;border-radius:10px;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;color:var(--ink);background:#fff;flex:none}
.sx-close{margin:0;padding:clamp(24px,3vw,36px) var(--gut) clamp(56px,7vw,88px);font-size:16px;color:var(--muted)}
.sx-close a{color:var(--ink);font-weight:500;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--g300)}
.sx-close a:hover{text-decoration-color:currentColor}
.sx-spgrid-o .sx-spc.lead{padding-top:clamp(32px,4vw,56px);padding-bottom:clamp(36px,4vw,56px)}
.sx-spgrid-o .sx-spc.lead h3{font-size:clamp(22px,2vw,28px)}
.sx-spgrid-o .sx-spc:not(.lead){background:var(--g50)}
.sx-spgrid-o .sx-spc:not(.lead):hover{background:var(--g100)}
.sx-spgrid-o .sx-more svg{transition:transform .2s}
.sx-spgrid-o .sx-spc:hover .sx-more svg{transform:translateY(2px)}
.sx-over .sx-spgrid{border-top:0}
/* call invitation */
.sx-call-in{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:40px clamp(16px,2vw,32px);padding:clamp(72px,9vw,128px) var(--gut);align-items:end}
.sx-call-in>div:first-child{grid-column:1 / span 6}
.sx-call-r{grid-column:8 / span 5}
.dk .eb{color:var(--x-mute)}
.sx-call-p{margin:22px 0 0;font-size:18px;line-height:1.6;color:var(--x-mute);max-width:520px}
.sx-call-k{margin:0 0 14px;font-size:15px;font-weight:500;color:var(--x-fg)}
.sx-ticks{list-style:none;margin:0 0 28px;padding:0;border-top:1px solid var(--x-line, var(--line))}
.sx-ticks li{display:flex;gap:12px;align-items:flex-start;padding:13px 0;border-bottom:1px solid var(--x-line, var(--line));font-size:15.5px;line-height:1.5}
.sx-ticks svg{flex:none;margin-top:3px;color:var(--ok)}
.dk .sx-ticks li{color:var(--x-fg2)}
:root[data-theme="dark"] .dk .sx-ticks svg{color:#6FCB98}
.sec .sx-ticks,.sx-ga .sx-ticks{border-color:var(--line)}
.sec .sx-ticks li,.sx-ga .sx-ticks li{border-color:var(--line);color:var(--ink)}
/* FAQ on these pages */
.sx-faq{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px clamp(16px,2vw,32px);padding:clamp(64px,8vw,112px) var(--gut)}
.sx-faq-h{grid-column:1 / span 4}
.sx-faq-h .h2{font-size:clamp(30px,3.2vw,44px)}
.sx-faq-sub{margin:16px 0 0;font-size:16px;line-height:1.55;color:var(--muted)}
.sx-faq-l{grid-column:6 / span 7}
/* the orange band */
.sx-band{background:var(--orange);color:#0A0A0A}
.sx-band-in{max-width:1280px;margin:0 auto;border-left:1px solid rgba(10,10,10,.18);border-right:1px solid rgba(10,10,10,.18);padding:clamp(80px,11vw,160px) var(--gut);display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:32px 64px}
.sx-band-in.fx::before,.sx-band-in.fx::after{color:rgba(10,10,10,.35)}
.sx-band h2{margin:0;flex:1 1 560px;font-size:clamp(44px,6.4vw,96px);line-height:.96;letter-spacing:-.05em;font-weight:600;text-wrap:balance}
.sx-band-s{display:flex;flex-direction:column;gap:20px;flex:0 1 380px}
.sx-band-s p{margin:0;font-size:18px;line-height:1.5}
.sx-band-a{display:flex;flex-wrap:wrap;gap:8px}
.sx-bb{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 22px;border-radius:8px;font-size:15px;font-weight:500;text-decoration:none;color:#0A0A0A;box-shadow:inset 0 0 0 1px rgba(10,10,10,.35);transition:background-color .2s}
.sx-bb:hover{background:rgba(10,10,10,.08)}
.sx-bb.k{background:#0A0A0A;color:#fff;box-shadow:none}
.sx-bb.k:hover{background:#2A2A2A}
.sx-bb:focus-visible{outline:2px solid #0A0A0A;outline-offset:3px}
/* recruiters */
.sx-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--x-line)}
.sx-strip>div{display:flex;flex-direction:column;gap:6px;padding:20px var(--gut);border-right:1px solid var(--x-line);min-width:0}
.sx-strip>div:last-child{border-right:0}
.sx-strip span{font-family:var(--mono);font-size:12px;color:var(--x-mute2)}
.sx-strip b{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:500;color:var(--x-fg)}
.sx-dot{width:8px;height:8px;border-radius:50%;background:#2FA36B;box-shadow:0 0 0 4px rgba(47,163,107,.16);flex:none}
.sx-kicker{margin:0;padding:0 var(--gut) 16px;font-size:14px;font-weight:500;color:var(--muted)}
.sx-cells{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}
.sx-cells li{padding:clamp(24px,2.8vw,40px) var(--gut);border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0}
.sx-cells li:nth-child(3n){border-right:0}
.sx-cells h3{margin:18px 0 0;font-size:19px;line-height:1.25;letter-spacing:-.02em;font-weight:600}
.sx-cells p{margin:8px 0 0;font-size:15px;line-height:1.55;color:var(--muted)}
.sx-note{margin:0;font-size:14px;line-height:1.55;color:var(--muted)}
.sx-note-b{display:flex;align-items:center;gap:10px;padding:20px var(--gut) clamp(48px,6vw,80px)}
.sx-note-b svg{flex:none;color:var(--g500)}
.sx-terms{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}
.sx-terms-h{display:flex;align-items:center;gap:8px;margin:0;padding:16px 20px;border-bottom:1px solid var(--line);font-size:14px;font-weight:500;background:var(--g50)}
.sx-terms ul{list-style:none;margin:0;padding:6px 20px}
.sx-terms li{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--g150);font-size:15.5px;line-height:1.5;color:var(--ink)}
.sx-terms li:last-child{border-bottom:0}
.sx-box{width:20px;height:20px;border-radius:6px;background:var(--ink);color:#fff;display:inline-flex;align-items:center;justify-content:center;flex:none;margin-top:1px}
.sx-terms-f{margin:0;padding:16px 20px;border-top:1px solid var(--line);font-size:14px;line-height:1.55;color:var(--muted);background:var(--g50)}
.sx-apply-in{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:40px clamp(16px,2vw,32px);padding:clamp(72px,9vw,128px) var(--gut)}
.sx-apply-t{grid-column:1 / span 5}
.sx-apply-t>div{position:sticky;top:104px}
.sx-apply-t p:not(.eb){margin:20px 0 28px;font-size:18px;line-height:1.6;color:var(--x-mute);max-width:440px}
.sx-apply-f{grid-column:7 / span 6;min-width:0}
.sx-explore{padding:0;height:auto}
.sx-explore:hover{background:none;text-decoration:underline;text-underline-offset:4px}
/* the forms on these pages */
.sx-form,.sx-book{background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:18px;padding:clamp(22px,2.6vw,36px);box-shadow:0 1px 2px rgba(10,10,10,.04),0 30px 60px -40px rgba(10,10,10,.25)}
:root[data-theme="dark"] .dk .sx-form{border-color:#262626;box-shadow:none}
.sx-form .fld,.sx-book .fld{gap:8px;margin-bottom:16px}
.sx-form .fld .lbl,.sx-book .fld .lbl{font-size:13.5px;font-weight:500;color:var(--ink)}
.sx-form .inp input,.sx-book .inp input,.sx-form textarea,.sx-book textarea{height:44px;border-radius:10px;padding:0 14px;font-size:15px;border:1px solid var(--line);background:#fff;color:var(--ink);transition:border-color .16s,box-shadow .16s}
.sx-form textarea,.sx-book textarea{height:auto;min-height:96px;padding:11px 14px;line-height:1.5;width:100%;font:inherit;font-size:15px;resize:vertical}
.sx-form .inp input:hover,.sx-book .inp input:hover,.sx-form textarea:hover,.sx-book textarea:hover{border-color:var(--g300)}
.sx-form .inp input:focus,.sx-book .inp input:focus,.sx-form textarea:focus,.sx-book textarea:focus{outline:0;border-color:var(--ink);box-shadow:0 0 0 4px rgba(10,10,10,.07)}
.sx-form .fld.err input,.sx-form .fld.err textarea,.sx-book .fld.err input,.sx-book .fld.err textarea{border-color:var(--bad)}
.sx-form .submit,.sx-book .submit{height:46px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:6px}
.sx-form .submit .spin,.sx-book .submit .spin{width:15px;height:15px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:acspin .7s linear infinite}
.sx-form .alert,.sx-book .alert{margin:4px 0 14px}
.sx-2c{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
.sx-seg-f,.sx-form fieldset{border:0;margin:0 0 16px;padding:0;min-width:0}
.sx-form legend.lbl{padding:0;margin-bottom:8px;font-size:13.5px;font-weight:500}
.sx-seg{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sx-seg label,.sx-chip{position:relative;cursor:pointer}
.sx-seg input,.sx-chip input{position:absolute;opacity:0;width:1px;height:1px}
.sx-seg span{display:flex;align-items:center;justify-content:center;height:44px;padding:0 12px;border:1px solid var(--line);border-radius:10px;font-size:14px;font-weight:500;text-align:center;transition:border-color .16s,background-color .16s}
.sx-seg label:hover span,.sx-chip:hover span{border-color:var(--g300)}
.sx-seg input:checked+span{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:var(--g50)}
.sx-seg input:focus-visible+span,.sx-chip input:focus-visible+span{outline:2px solid var(--ink);outline-offset:2px}
.sx-chips{display:flex;flex-wrap:wrap;gap:8px}
.sx-chip span{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border:1px solid var(--line);border-radius:999px;font-size:14px;transition:border-color .16s,background-color .16s,color .16s}
.sx-chip input:checked+span{background:var(--ink);border-color:var(--ink);color:#fff}
.sx-privacy{margin:4px 0 16px;font-size:13px;line-height:1.55;color:var(--muted)}
.sx-privacy a{color:var(--ink);font-weight:500}
.sx-done{padding:8px 0}
.sx-done h3{margin:0;font-size:26px;letter-spacing:-.03em;font-weight:600}
.sx-done p{margin:12px 0 0;font-size:16px;line-height:1.6;color:var(--muted)}
.sx-done b{color:var(--ink);font-weight:500}
.sx-done .sx-note{margin-top:22px;padding-top:16px;border-top:1px solid var(--line);font-size:13.5px}
/* specialties: jump navigation and sections */
.sx-jump{position:sticky;top:65px;z-index:30;background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.sx-jump-in{max-width:1280px;margin:0 auto;border-left:1px solid var(--line);border-right:1px solid var(--line);display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;padding:8px clamp(10px,2.4vw,40px)}
.sx-jump-in::-webkit-scrollbar{display:none}
.sx-jump a{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px;border-radius:8px;font-size:14px;font-weight:500;color:var(--muted);text-decoration:none;white-space:nowrap;transition:background-color .16s,color .16s}
.sx-jump a span{font-family:var(--mono);font-size:11.5px;color:var(--g500)}
.sx-jump a:hover{color:var(--ink);background:var(--g100)}
.sx-jump a[aria-current="true"]{color:var(--ink);background:var(--g100)}
.sx-jump a[aria-current="true"] span{color:var(--orange-text)}
.sx-sp{scroll-margin-top:118px}
.sx-sp-in{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px clamp(16px,2vw,32px);padding:clamp(64px,8vw,112px) var(--gut)}
.sx-sp-l{grid-column:1 / span 4}
.sx-sp-l>div{position:sticky;top:140px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.sx-sp-l h2{margin:0;font-size:clamp(26px,2.6vw,36px);line-height:1.08;letter-spacing:-.035em;font-weight:600;text-wrap:balance}
.sx-sp-i{width:44px;height:44px;border-radius:12px;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;color:var(--ink);margin-top:6px}
.sx-sp-r{grid-column:6 / span 7;min-width:0}
.sx-sp-s{margin:0;font-size:clamp(26px,2.8vw,40px);line-height:1.1;letter-spacing:-.04em;font-weight:500;color:var(--ink);text-wrap:balance}
.sx-sp-p{margin:20px 0 0;font-size:18px;line-height:1.6;color:var(--muted);max-width:620px}
.sx-dl{margin:clamp(32px,4vw,48px) 0 0;display:grid;grid-template-columns:200px minmax(0,1fr);border-top:1px solid var(--line)}
.sx-dl dt{padding:18px 16px 18px 0;border-bottom:1px solid var(--line);font-size:14px;font-weight:500;color:var(--ink)}
.sx-dl dd{margin:0;padding:18px 0;border-bottom:1px solid var(--line);font-size:16px;line-height:1.6;color:var(--muted);min-width:0}
.sx-roles{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.sx-roles li{font-size:14px;line-height:1;padding:9px 13px;border:1px solid var(--line);border-radius:999px;color:var(--ink);background:#fff}
/* get access */
.sx-ga-in{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:40px clamp(16px,2vw,32px);padding:clamp(56px,7vw,104px) var(--gut) clamp(64px,8vw,112px);align-items:start}
.sx-ga-l{grid-column:1 / span 5}
.sx-ga-l h1{margin:0;font-size:clamp(40px,4.6vw,64px);line-height:1;letter-spacing:-.048em;font-weight:600;text-wrap:balance}
.sx-ga-p{margin:22px 0 0;font-size:18px;line-height:1.6;color:var(--muted);max-width:480px}
.sx-ga-p b{color:var(--ink);font-weight:500}
.sx-ga-k{margin:32px 0 12px;font-size:15px;font-weight:500}
.sx-ga-l .sx-ticks{margin-bottom:24px}
.sx-facts{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-direction:column;gap:10px}
.sx-facts li{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--ink)}
.sx-facts svg{color:var(--g500)}
.sx-ga-r{grid-column:7 / span 6;min-width:0}
.sx-book h2{margin:0;font-size:20px;letter-spacing:-.025em;font-weight:600}
.sx-book-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.sx-tz{display:flex;align-items:center;gap:6px;margin:0;font-size:13px;color:var(--muted)}
.sx-tz b{font-weight:500;color:var(--ink)}
.sx-cal-wrap{display:grid;grid-template-columns:minmax(0,1fr) 168px;gap:24px}
.sx-times{max-height:360px;padding-right:2px}
.sx-times h3{position:sticky;top:0;background:#fff;padding-bottom:4px}
.sx-loading{margin:0;font-size:14px;color:var(--muted)}
.sx-taken{margin:0 0 6px;font-size:13.5px;color:var(--bad)}
.sx-book .cal button[aria-pressed="true"]{background:var(--ink);color:#fff}
.sx-book .picked span{display:inline-flex;align-items:center;gap:8px}
.sx-booked h2{margin:0;font-size:28px;letter-spacing:-.03em}
.sx-booked p{margin:12px 0 0;font-size:16px;line-height:1.6;color:var(--muted)}
.sx-booked b{color:var(--ink);font-weight:500}
.sx-booked .sx-cta-row{margin-top:24px}
.sx-when{font-size:18px!important;color:var(--ink)!important;font-weight:500}
.sx-ga-mail{display:flex;align-items:flex-start;gap:10px;margin:16px 4px 0;font-size:14px;line-height:1.5;color:var(--muted)}
.sx-ga-mail svg{flex:none;margin-top:2px}
.sx-ga-mail a{color:var(--ink);font-weight:500}
@media (max-width:1000px){
  .sx-split-t,.sx-split-v,.sx-split-text .sx-split-b,.sx-call-in>div:first-child,.sx-call-r,.sx-faq-h,.sx-faq-l,.sx-apply-t,.sx-apply-f,.sx-sp-l,.sx-sp-r,.sx-ga-l,.sx-ga-r,.sx-2p p:first-child,.sx-2p p:last-child{grid-column:1 / -1}
  .sx-sp-l>div,.sx-apply-t>div{position:static}
  .sx-spgrid,.sx-cells{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sx-spc:nth-child(3n),.sx-cells li:nth-child(3n){border-right:1px solid var(--line)}
  .sx-spc:nth-child(2n),.sx-cells li:nth-child(2n){border-right:0}
  .sx-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sx-steps li:nth-child(2n){border-right:0}
  .sx-steps li{border-bottom:1px solid var(--line)}
  .sx-steps:not(.four) li:last-child{grid-column:1 / -1}
}
@media (max-width:760px){
  .sx-quotes,.sx-spgrid,.sx-cells,.sx-steps,.sx-strip{grid-template-columns:minmax(0,1fr)}
  .sx-quotes li,.sx-spc,.sx-cells li,.sx-steps li,.sx-strip>div{border-right:0!important}
  .sx-quotes li{border-bottom:1px solid var(--line);gap:18px}.sx-quotes li:last-child{border-bottom:0}
  .sx-strip>div{border-bottom:1px solid var(--x-line)}.sx-strip>div:last-child{border-bottom:0}
  .sx-cal-wrap{grid-template-columns:minmax(0,1fr)}
  .sx-times{max-height:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .sx-times h3{grid-column:1 / -1;position:static}
  .sx-times .sx-loading,.sx-times .sx-taken{grid-column:1 / -1}
  .sx-dl{grid-template-columns:minmax(0,1fr)}
  .sx-dl dt{border-bottom:0;padding-bottom:4px}
  .sx-dl dd{padding-top:0}
  .sx-2c{grid-template-columns:minmax(0,1fr)}
  .sx-band-in{padding-top:72px;padding-bottom:72px}
  .sx-jump{top:57px}
}

.sx-call,.sx-apply{background:var(--x-faint)}
.sx-split-text .sx-split-t{grid-column:1 / span 6}
.sx-split-text .sx-split-b{grid-column:8 / span 5}
@media (max-width:1000px){.sx-split-text .sx-split-t,.sx-split-text .sx-split-b{grid-column:1 / -1}}

/* ============ account pages: the PeopleSeek orange panel (light on every device) ============
   Black type on #FF4C00 (6.4:1). Secondary type is #3B1708, a deep brown that keeps 4.8:1 on the orange. */
.ac-l{background:var(--orange);color:#0A0A0A;isolation:isolate}
.ac-l a{color:#0A0A0A}
.ac-logo:focus-visible{outline-color:#0A0A0A}
.ac-eb{color:#3B1708}
.ac-h{color:#0A0A0A}
.ac-sub{color:#3B1708}
.ac-sub b{color:#0A0A0A}
.ac-guar{border-top-color:rgba(10,10,10,.2)}
.ac-guar li{color:#0A0A0A;font-weight:500}
.ac-guar svg{color:#0A0A0A}
.ac-copy{color:#3B1708}
.ac-card{box-shadow:0 1px 0 rgba(10,10,10,.05),0 44px 80px -40px rgba(74,20,0,.6)}
.ac-steps li{border-top-color:rgba(10,10,10,.2)}
.ac-steps li:last-child{border-bottom-color:rgba(10,10,10,.2)}
.ac-steps .n{color:#3B1708}
.ac-steps b{color:#0A0A0A}
.ac-steps span:not(.n){color:#3B1708}
.ac-r{--acpad:clamp(20px,4vw,56px);padding:0 var(--acpad);background:#fff}
@media (max-width:960px){
  .ac-rbar{background:var(--orange);margin:0 calc(var(--acpad) * -1);padding:0 var(--acpad)}
  .ac-r .back{color:#0A0A0A}
  .ac-r .back:hover{background:rgba(10,10,10,.08);color:#0A0A0A}
  .ac-mlogo:focus-visible,.ac-r .back:focus-visible{outline-color:#0A0A0A}
}

/* The account pages are always light: white form, orange panel. They ignore any dark theme the page is shown in,
   including one set by the page that embeds them, so the text can never end up the same colour as its background. */
html .auth.ac,:root[data-theme] .auth.ac{--au-bg:#FFFFFF;--ink:#0A0A0A;--muted:#5C5C5C;--line:#E5E5E5;--g50:#FAFAFA;--g100:#F5F5F5;--g150:#F0F0F0;--g300:#D6D6D6;--g400:#A3A3A3;--g500:#707070;--orange:#FF4C00;background:#FFFFFF;color:#0A0A0A;color-scheme:light}
:root[data-theme] .ac .ac-l{background:#FF4C00;color:#0A0A0A;border-right:0}
:root[data-theme] .ac .ac-r{background:#FFFFFF;color:#0A0A0A}

/* Google buttons: the official Google logo goes in assets/logos/google.svg */
.gbtn{display:inline-flex;align-items:center;justify-content:center;gap:10px}
.gbtn-g{display:block;width:18px;height:18px;flex:none}

/* ============ People Graph ============
   The example graph is a product view: always light, inside the same bezel as the other product views.
   Solid lines are direct collaboration, dashed lines are shared affiliation. Orange marks only the path you are looking at. */
.pg-mono{margin:0 0 12px;font-family:var(--mono);font-size:12px;letter-spacing:.01em;color:#6E6E6E}
.dk .pg-mono{color:var(--x-mute)}
.pg-eb{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pg-eb-i{width:26px;height:26px;border-radius:7px;border:1px solid var(--x-line2);display:inline-flex;align-items:center;justify-content:center;color:var(--x-fg)}
.pg-eb-s{width:1px;height:14px;background:var(--x-line2)}
.pg-eb-m{color:var(--x-mute)}
.pgw{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:0}
.pgw path{fill:none;stroke:#D9D9D9;stroke-width:1.25;transition:stroke .25s ease,stroke-width .25s ease,opacity .25s ease}
.pgw path.a{stroke-dasharray:4 4}
.pgw path.f{stroke:#D4D4D4}
.pgw .pulse{fill:#FF4C00}

/* the example graph */
.pg-app{--a-line:#E8E8E8;--a-mute:#5C5C5C;background:#fff;color:#0A0A0A;border-radius:clamp(9px,1vw,13px);overflow:hidden;font-size:13px;line-height:1.4;color-scheme:light;text-align:left}
.pg-app :focus-visible{outline:2px solid #0A0A0A;outline-offset:2px}
.pg-top{display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;padding:12px 14px;border-bottom:1px solid var(--a-line)}
.pg-q{margin:0;display:flex;align-items:center;gap:10px;min-width:0;flex:1 1 420px;max-width:700px;min-height:40px;padding:0 12px;border:1px solid var(--a-line);border-radius:10px;background:#fff;box-shadow:0 1px 2px rgba(10,10,10,.04)}
.pg-q>svg{color:var(--a-mute)}
.pg-q-l{font-family:var(--mono);font-size:11px;color:var(--a-mute);padding-right:10px;border-right:1px solid var(--a-line);line-height:18px;flex:none}
.pg-q-t{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.pg-tag{font-family:var(--mono);font-size:11px;color:var(--a-mute);border:1px dashed #BDBDBD;border-radius:6px;padding:5px 8px;white-space:nowrap}
.pg-body{display:grid;grid-template-columns:minmax(0,1fr) 320px}
.pg-canvas{position:relative;display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.18fr) minmax(0,.96fr);column-gap:clamp(28px,3.4vw,50px);padding:20px clamp(16px,2vw,26px) 24px;background:#FBFBFB}
.pg-col{position:relative;z-index:1;display:flex;flex-direction:column;min-width:0}
.pg-ch{margin:0 0 12px;font-family:var(--mono);font-size:11px;color:var(--a-mute)}
.pg-nodes{flex:1 1 auto;display:flex;flex-direction:column;justify-content:space-around;gap:8px}
.pg-c2 .pg-nodes{justify-content:space-between}
.pg-nm{display:flex;flex-direction:column;min-width:0}
.pg-nm b{font-size:13px;font-weight:600;letter-spacing:-.005em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pg-nm small{margin-top:1px;font-size:11.5px;color:var(--a-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pg-av{width:32px;height:32px;border-radius:50%;background:#EFEFEF;color:#0A0A0A;display:inline-flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:600;letter-spacing:.02em;flex:none;transition:background-color .2s,color .2s}
.pg-av.t{background:#fff;border:1px solid var(--a-line,#E5E5E5);color:#5C5C5C}
.pg-av.lg{width:40px;height:40px;font-size:13px;background:#0A0A0A;color:#fff}
.pg-cn,.pg-ev,.pg-tg{position:relative;display:flex;align-items:center;gap:10px;min-width:0;border:1px solid var(--a-line);background:#fff;transition:border-color .25s ease,box-shadow .25s ease,background-color .25s ease,color .25s ease}
.pg-cn{width:100%;padding:10px 12px;border-radius:12px;font:inherit;color:inherit;text-align:left;cursor:pointer}
.pg-cn:hover{border-color:#BDBDBD}
.pg-cn[aria-pressed="true"]{border-color:#0A0A0A;box-shadow:0 0 0 3px rgba(10,10,10,.06),0 12px 26px -16px rgba(10,10,10,.45)}
.pg-cn[aria-pressed="true"] .pg-av{background:#0A0A0A;color:#fff}
.pg-ev{gap:9px;padding:7px 10px;border-radius:10px}
.pg-ev.af{border-style:dashed}
.pg-ev-i{width:26px;height:26px;border-radius:7px;background:#F2F2F2;color:#0A0A0A;display:inline-flex;align-items:center;justify-content:center;flex:none}
.pg-tg{padding:9px 12px;border-radius:12px}
[data-sel] .pg-ev.off,[data-sel] .pg-tg.off{background:transparent;border-color:#EDEDED;color:#6E6E6E}
[data-sel] .pg-ev.off small,[data-sel] .pg-tg.off small{color:#6E6E6E}
[data-sel] .pg-ev.off .pg-ev-i{background:#F5F5F5;color:#A3A3A3}
[data-sel] .pg-tg.off .pg-av{color:#A3A3A3;border-color:#EDEDED}
[data-sel] .pg-ev.on,[data-sel] .pg-tg.on{border-color:#A3A3A3;box-shadow:0 8px 20px -14px rgba(10,10,10,.4)}
[data-sel] .pg-ev.hot,[data-sel] .pg-tg.hot{border-color:#FF4C00;box-shadow:0 0 0 3px rgba(255,76,0,.14)}
[data-sel] .pgw path:not(.on){opacity:.7}
.pgw path.on{stroke:#0A0A0A;stroke-width:1.5}
.pgw path.on.hot{stroke:#FF4C00;stroke-width:2}
.pg-insp{border-left:1px solid var(--a-line);background:#fff;padding:18px 18px 20px;min-width:0}
.pg-ip-h{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--a-line)}
.pg-ip-h b{display:block;font-size:15px;font-weight:600;letter-spacing:-.01em}
.pg-ip-h small{display:block;margin-top:1px;font-size:12.5px;color:var(--a-mute)}
.pg-kv{margin:0}
.pg-kv>div{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:10px 0;border-bottom:1px solid var(--a-line)}
.pg-kv dt{font-size:12px;color:var(--a-mute);flex:none}
.pg-kv dd{margin:0;font-size:12.5px;font-weight:500;text-align:right}
.pg-ip-k{margin:16px 0 8px;font-family:var(--mono);font-size:11px;color:var(--a-mute)}
.pg-paths{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.pg-paths li{display:flex;gap:11px;padding:10px 11px;border:1px solid var(--a-line);border-radius:10px;transition:border-color .2s,box-shadow .2s}
.pg-paths li:hover{border-color:#FF4C00;box-shadow:0 0 0 3px rgba(255,76,0,.1)}
.pg-k{width:0;align-self:stretch;border-left:2px solid #0A0A0A;flex:none;margin:2px 0}
.pg-k.a{border-left-style:dashed;border-left-color:#6E6E6E}
.pg-pt{margin:0;display:flex;align-items:center;gap:6px;font-size:12.5px}
.pg-pt b{font-weight:600}
.pg-pt svg{color:#5C5C5C}
.pg-pm{margin:3px 0 0;font-size:11.5px;color:var(--a-mute)}
.pg-pto{margin:7px 0 0;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500}
.pg-pto svg{color:#5C5C5C}
.pg-ip-note{margin:12px 0 0;padding:10px 12px;border-radius:9px;background:#F5F5F5;font-size:12.5px;line-height:1.5;color:#0A0A0A}
.pg-legend{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;padding:11px 16px;border-top:1px solid var(--a-line);font-family:var(--mono);font-size:11px;color:var(--a-mute)}
.pg-legend>span{display:inline-flex;align-items:center}
.pg-lk{display:inline-block;width:22px;height:0;border-top:1.5px solid #0A0A0A;margin-right:8px}
.pg-lk.a{border-top-style:dashed}
.pg-legend-r{margin-left:auto}

/* scattered sources, one connected view */
.pg-ctx{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:40px clamp(16px,2vw,32px);align-items:center;padding:clamp(40px,5vw,64px) var(--gut) clamp(64px,8vw,104px);border-top:1px solid var(--line)}
.pg-ctx-t{grid-column:1 / span 5}
.pg-ctx-v{grid-column:7 / span 6;min-width:0}
.pg-big{margin:0 0 22px;font-size:clamp(22px,2vw,28px);line-height:1.3;letter-spacing:-.025em;font-weight:500;color:var(--ink);text-wrap:pretty}
.pg-ctx-t p:not(.pg-big){margin:0;font-size:17px;line-height:1.6;color:var(--muted)}
.pg-ctx-t b{color:var(--ink);font-weight:500}
.pg-src{position:relative;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);column-gap:clamp(36px,4vw,64px);align-items:center}
.pg-src-l,.pg-src-r{position:relative;z-index:1;min-width:0}
.pg-src-l ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.pg-sb{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px 9px 9px;border:1px solid var(--line);border-radius:11px;background:#fff;font:inherit;font-size:14.5px;font-weight:500;line-height:1.3;color:var(--ink);text-align:left;cursor:pointer;transition:border-color .2s,background-color .2s,color .2s}
.pg-sb:hover{border-color:#0A0A0A}
.pg-sb[aria-pressed="true"]{background:#0A0A0A;border-color:#0A0A0A;color:#fff}
.pg-sb[aria-pressed="true"] .pg-si{background:#262626;color:#fff}
.pg-si{width:28px;height:28px;border-radius:8px;background:var(--g100);display:inline-flex;align-items:center;justify-content:center;flex:none}
.pg-src-r{border:1px solid var(--line);border-radius:18px;background:var(--g50);padding:18px 18px 16px}
.pg-cst{display:block;width:100%;height:auto;margin:4px 0 10px}
.pg-cst .l line{stroke:#C9C9C9;stroke-width:1.2}
.pg-cst .p circle{fill:#fff;stroke:#0A0A0A;stroke-width:1.6}
.pg-cst .o rect{fill:#0A0A0A}
.pg-cst .w rect{fill:#FF4C00}
.pg-keys{list-style:none;margin:0;padding:12px 0 0;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;color:var(--muted)}
.pg-keys li{display:inline-flex;align-items:center;gap:8px}
.pg-keys .k{display:inline-block;width:10px;height:10px;flex:none}
.pg-keys .k.p{border-radius:50%;border:1.6px solid #0A0A0A;background:#fff}
.pg-keys .k.o{border-radius:2px;background:#0A0A0A}
.pg-keys .k.w{width:9px;height:9px;background:#FF4C00;transform:rotate(45deg)}

/* connectors: the definition and the example path */
.pg-def{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:28px clamp(16px,2vw,32px);padding:clamp(40px,5vw,64px) var(--gut);border-top:1px solid var(--line);align-items:end}
.pg-def-l{grid-column:1 / span 7}
.pg-def-t{margin:0;font-size:clamp(26px,2.9vw,42px);line-height:1.14;letter-spacing:-.035em;font-weight:500;text-wrap:balance}
.pg-def-r{grid-column:9 / span 4}
.pg-def-r p{margin:0 0 14px;font-size:16.5px;line-height:1.6;color:var(--muted)}
.pg-def-r p:last-child{margin:0}
.pg-exm{margin:0 var(--gut) clamp(64px,8vw,104px);display:grid;grid-template-columns:minmax(0,1fr);border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--g50)}
.pg-exm-t{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:12px 24px;padding:clamp(24px,3vw,40px);background:#fff;border-bottom:1px solid var(--line)}
.pg-exm-t .pg-mono{margin:5px 0 0}
.pg-exm-t p:not(.pg-mono){max-width:820px}
.pg-exm-t p:not(.pg-mono){margin:0;font-size:17px;line-height:1.65;color:var(--muted)}
.pg-exm-t b{color:var(--ink);font-weight:500}
.pg-exm-v{display:flex;align-items:center;padding:clamp(28px,3.4vw,48px) clamp(20px,3vw,48px);min-width:0}
.pg-cp .pgw path.d{stroke:#0A0A0A;stroke-width:1.5}
.pg-cp{position:relative;width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.1fr) 64px;column-gap:clamp(28px,4.6vw,72px);align-items:stretch}
.pg-cp-c{position:relative;z-index:1;display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0}
.pg-cp-c>.pg-pn{align-self:center}
.pg-cp-c .pg-mono{margin-bottom:10px;font-size:11px}
.pg-pn{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:13px;font-weight:600;line-height:1.25;min-width:0}
.pg-pn small{display:block;margin-top:2px;font-size:11.5px;font-weight:400;color:var(--muted)}
.pg-pn.c{border-color:#0A0A0A;box-shadow:0 0 0 4px rgba(255,76,0,.16)}
.pg-pn .pg-av{width:26px;height:26px}
.pg-av.k{background:#0A0A0A;color:#fff}
.pg-av.o{background:#FF4C00;color:#0A0A0A}
.pg-cp-s{display:flex;flex-direction:column;gap:10px;align-self:center}
.pg-cp-g{display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding:6px 0}
.pg-ghost{display:block;width:16px;height:16px;border-radius:50%;border:1.5px dashed #A3A3A3;background:#fff}
.pg-cp-m .pg-mono{justify-self:center;text-align:center;line-height:1.35}

/* how you explore */
.pg-caps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line)}
.pg-cap{display:flex;flex-direction:column;min-width:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.pg-cap:nth-child(2n){border-right:0}
.pg-cap:nth-last-child(-n+2){border-bottom:0}
.pg-cap-v{height:300px;display:flex;align-items:center;justify-content:center;padding:28px var(--gut);background:var(--g50);border-bottom:1px solid var(--line)}
.pg-cap-t{padding:clamp(24px,3vw,40px) var(--gut) clamp(32px,3.6vw,52px)}
.pg-cap-t h3{margin:14px 0 0;font-size:clamp(20px,1.8vw,24px);line-height:1.2;letter-spacing:-.025em;font-weight:600}
.pg-cap-t p{margin:10px 0 0;font-size:15.5px;line-height:1.6;color:var(--muted);max-width:560px}
.pg-mv{width:100%;max-width:420px}
.pg-mq{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 14px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 30px -20px rgba(10,10,10,.35);font-size:14px;font-weight:500}
.pg-mq svg{color:var(--muted)}
.pg-mq span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pg-chips{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.pg-chip{display:inline-flex;align-items:center;height:30px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:#fff;font:inherit;font-size:12.5px;font-weight:500;color:var(--ink);cursor:pointer;transition:border-color .2s,background-color .2s,color .2s}
.pg-chip:hover{border-color:#0A0A0A}
.pg-chip[aria-pressed="true"]{background:#0A0A0A;border-color:#0A0A0A;color:#fff}
.pg-mq span.in{animation:pg-type .7s steps(28,end) both}
.pg-chain{list-style:none;margin:0 auto;padding:0;display:flex;flex-direction:column;align-items:flex-start;width:max-content;max-width:100%}
.pg-chain .n{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:500}
.pg-chain .n i{width:16px;height:16px;border-radius:50%;border:1.6px solid #0A0A0A;background:#fff;flex:none}
.pg-chain .n.o i{border-radius:3px;background:#0A0A0A}
.pg-chain .e{margin-left:7px;padding:7px 0 7px 22px;border-left:1.6px solid #0A0A0A}
.pg-chain .e button{display:inline-block;padding:3px 9px;border:1px solid var(--line);border-radius:6px;background:#fff;font-family:var(--mono);font-size:12px;color:#3A3A3A;cursor:pointer;transition:border-color .2s,background-color .2s,color .2s}
.pg-chain .e button:hover{border-color:#0A0A0A;color:#0A0A0A}
.pg-chain .e button[aria-pressed="true"]{background:#0A0A0A;border-color:#0A0A0A;color:#fff}
.pg-mv-chain{display:flex;flex-direction:column}
.pg-chd{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin:16px 0 0;padding-top:12px;border-top:1px solid var(--line);font-size:13px}
.pg-chd .pg-mono{margin:0}
.pg-chd b{font-weight:500}
.pg-mv-hops{display:flex;flex-direction:column;gap:8px}
.pg-hop{display:block;width:100%;padding:10px 12px;border:1px solid transparent;border-radius:12px;background:none;font:inherit;color:var(--ink);text-align:left;cursor:pointer;transition:background-color .2s,border-color .2s}
.pg-hop:hover{background:#fff;border-color:var(--line)}
.pg-hop-r .pg-hop-dot{position:absolute;left:2px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:var(--orange);opacity:0;z-index:2}
.pg-hop.run .pg-hop-r .pg-hop-dot{animation:pg-hop calc(var(--n) * .45s + .35s) cubic-bezier(.45,0,.2,1) both}
@keyframes pg-hop{0%{left:2px;opacity:1}88%{opacity:1}100%{left:calc(100% - 12px);opacity:0}}
.pg-hop-p{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 10px;font-size:13.5px;font-weight:500}
.pg-hop-p span{font-family:var(--mono);font-size:11.5px;font-weight:400;color:#6E6E6E}
.pg-hop-r{position:relative;display:flex;justify-content:space-between;align-items:center;height:16px}
.pg-hop-r::before{content:"";position:absolute;left:7px;right:7px;top:50%;border-top:1.6px solid #0A0A0A}
.pg-hop-r i{position:relative;z-index:1;flex:none;border-radius:50%}
.pg-hop-r .a{width:14px;height:14px;background:#0A0A0A}
.pg-hop-r .b{width:14px;height:14px;background:#fff;border:1.6px solid #0A0A0A}
.pg-hop-r .s{width:10px;height:10px;background:#fff;border:1.6px solid #6E6E6E}
.pg-hop-l{display:flex;justify-content:space-between;margin-top:7px}
.pg-hop-l small{display:block}
.pg-hop-l small{font-size:11.5px;color:#6E6E6E}
.pg-evc{position:relative;background:#fff;border:1px solid var(--line);border-radius:12px;padding:6px 14px;box-shadow:0 14px 30px -22px rgba(10,10,10,.4)}
.pg-evc+.pg-evc{margin-top:8px}
.pg-evc-h{display:flex;align-items:center;gap:7px;margin:0;padding:8px 0;border-bottom:1px solid var(--line);font-size:12.5px}
.pg-evc dl{margin:0}
.pg-evc dl>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:7px 0;border-bottom:1px solid var(--g150)}
.pg-evc dl>div:last-child{border-bottom:0}
.pg-evc dt{font-size:12px;color:#6E6E6E;flex:none}
.pg-evc dd{margin:0;font-size:12.5px;font-weight:500;text-align:right}
.pg-rt{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:500;white-space:nowrap}
.pg-rt.d{background:#0A0A0A;color:#fff}
.pg-rt.a{background:#fff;color:#0A0A0A;border:1px dashed #6E6E6E}

/* common searches */
.pg-uses{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));border-top:1px solid var(--line)}
.pg-tabs{grid-column:1 / span 4;display:flex;flex-direction:column;padding:14px 0;border-right:1px solid var(--line)}
.pg-tab{position:relative;display:flex;align-items:baseline;gap:14px;width:100%;padding:15px var(--gut);border:0;background:none;font:inherit;font-size:16.5px;font-weight:500;line-height:1.3;color:var(--muted);text-align:left;cursor:pointer;transition:color .2s,background-color .2s}
.pg-tab:hover{color:var(--ink);background:var(--g50)}
.pg-tab[aria-selected="true"]{color:var(--ink)}
.pg-tab[aria-selected="true"]::before{content:"";position:absolute;left:-1px;top:12px;bottom:12px;width:2px;background:var(--orange)}
.pg-tab:focus-visible{outline-offset:-3px}
.pg-panels{grid-column:5 / span 8;min-width:0}
.pg-use{display:none;padding:clamp(32px,4vw,56px) var(--gut) clamp(40px,5vw,64px)}
.pg-use.on{display:block}
.pg-uses.touched .pg-use.on{animation:pg-in .4s cubic-bezier(.2,.7,.1,1)}
.pg-use:focus-visible{outline-offset:-4px}
.pg-use-h{display:flex;align-items:center;justify-content:space-between}
.pg-use h3{margin:22px 0 0;max-width:660px;font-size:clamp(28px,3vw,42px);line-height:1.06;letter-spacing:-.04em;font-weight:600;text-wrap:balance}
.pg-use>p{margin:16px 0 0;max-width:660px;font-size:17px;line-height:1.65;color:var(--muted)}
.pg-ex-q{margin-top:32px;max-width:660px}
.pg-ex-q .pg-mono b{font-weight:500}
.pg-ex-f{display:flex;align-items:center;gap:12px;min-height:58px;padding:14px 18px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 18px 40px -28px rgba(10,10,10,.45);font-size:16px;font-weight:500;line-height:1.4}
.pg-ex-f svg{color:var(--muted)}
.pg-uses.touched .pg-use.on .pg-ex-f span{animation:pg-type .9s steps(32,end) .15s both}
@keyframes pg-in{from{opacity:0;transform:translateY(6px)}}
@keyframes pg-type{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}

/* what a connection means */
.pg-ledger{border-top:1px solid var(--line)}
.pg-axis,.pg-lr{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,5fr) minmax(0,3fr);column-gap:clamp(20px,2.6vw,40px);padding-left:var(--gut);padding-right:var(--gut)}
.pg-axis{padding-top:16px;padding-bottom:4px}
.pg-axis-y{position:relative;height:18px;margin-left:32px}
.pg-axis-y span{position:absolute;top:0;transform:translateX(-50%);font-family:var(--mono);font-size:11px;color:#6E6E6E}
.pg-axis-y span:first-child{transform:none}
.pg-axis-m{display:none}
.pg-lrs{list-style:none;margin:0;padding:0}
.pg-lr{align-items:center;padding-top:clamp(26px,3vw,38px);padding-bottom:clamp(26px,3vw,38px);border-bottom:1px solid var(--line)}
.pg-lr-h h3{margin:10px 0 12px;font-size:clamp(18px,1.6vw,22px);line-height:1.22;letter-spacing:-.02em;font-weight:600;text-wrap:balance}
.pg-lr-t{padding-bottom:26px;min-width:0}
.pg-lanes{position:relative;display:flex;flex-direction:column;gap:10px}
.pg-lane{display:flex;align-items:center;gap:10px}
.pg-who{width:22px;height:22px;border-radius:50%;border:1px solid var(--line);background:#fff;display:inline-flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:11px;flex:none}
.pg-track{position:relative;flex:1 1 auto;height:26px;border-radius:6px;background:var(--g50);box-shadow:inset 0 0 0 1px var(--g150)}
.pg-bar{position:absolute;top:3px;bottom:3px;display:flex;align-items:center;padding:0 8px;border-radius:4px;background:#0A0A0A;color:#fff;overflow:hidden;min-width:8px}
.pg-bar.a{background:#fff;color:#0A0A0A;border:1.5px dashed #6E6E6E}
.pg-bar em{font-style:normal;font-size:11.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pg-ovl{position:absolute;left:32px;right:0;top:-6px;bottom:-6px;pointer-events:none}
.pg-ov{position:absolute;top:0;bottom:0}
.pg-ov em{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);font-style:normal;font-size:11.5px;font-weight:500;white-space:nowrap;color:var(--orange-text)}
.pg-ov.mark{width:0;border-left:2px solid var(--orange)}
.pg-ov.mark::before,.pg-ov.mark::after{content:"";position:absolute;left:-5px;width:8px;height:8px;border-radius:50%;background:var(--orange)}
.pg-ov.mark::before{top:0}.pg-ov.mark::after{bottom:0}
.pg-ov.gap{border:1px dashed #8A8A8A;border-radius:6px}
.pg-ov.gap em{color:#5C5C5C}
.pg-ov.band{background:rgba(255,76,0,.1);border-left:1px solid rgba(255,76,0,.55);border-right:1px solid rgba(255,76,0,.55)}
.pg-lr-e{min-width:0}
.pg-lr-e .pg-mono{margin:0 0 8px}
.pg-lr-e ul{list-style:none;margin:0;padding:0}
.pg-lr-e li{padding:2px 0;font-size:14px;line-height:1.5;color:var(--muted)}
.pg-mean{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:40px clamp(16px,2vw,32px);align-items:center;padding:clamp(48px,6vw,80px) var(--gut) clamp(64px,8vw,104px)}
.pg-mean-t{grid-column:1 / span 6}
.pg-mean-t p{margin:0 0 16px;font-size:18px;line-height:1.6;color:var(--muted);max-width:600px}
.pg-mean-t p:last-child{margin:0}
.pg-mean-t b{color:var(--ink);font-weight:500}
.pg-mean-v{grid-column:8 / span 5;min-width:0}
.pg-id{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px}
.pg-idc{position:relative;display:flex;align-items:flex-start;gap:10px;padding:18px 14px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;min-width:0}
.pg-idc b{display:block;font-size:14px}
.pg-idc small{display:block;margin-top:2px;font-size:12.5px;color:var(--muted)}
.pg-idc .pg-av{width:30px;height:30px;font-size:11px}
.pg-idt{position:absolute;top:-10px;left:12px;padding:1px 7px;border:1px solid var(--line);border-radius:5px;background:#fff;font-family:var(--mono);font-size:10.5px;color:#5C5C5C}
.pg-id-x span{width:32px;height:32px;border-radius:50%;background:#0A0A0A;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:17px;font-weight:500}
.pg-id-c{grid-column:1 / -1;margin:2px 0 0}
.pg-idb{display:inline-flex;align-items:center;gap:8px;margin-left:-10px;padding:7px 10px;border:0;border-radius:8px;background:none;font:inherit;font-size:13.5px;color:var(--muted);cursor:pointer;transition:background-color .2s,color .2s}
.pg-idb:hover{background:var(--g100);color:var(--ink)}
.pg-idb svg:last-child{transition:transform .2s}
.pg-idb[aria-expanded="true"] svg:last-child{transform:rotate(180deg)}
.pg-idw{list-style:none;margin:6px 0 0;padding:2px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;animation:pg-in .3s ease}
.pg-idw li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--g150);font-size:13.5px}
.pg-idw li:last-child{border-bottom:0}
.pg-idw span{color:var(--muted)}
.pg-idw b{display:inline-flex;align-items:center;gap:6px;font-weight:500;text-align:right}
.pg-idw b.y{color:var(--ok)}.pg-idw b.n{color:var(--bad)}
.pg-idw li.r b{color:var(--ink)}

/* your team's knowledge */
.pg-team-in{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:48px clamp(16px,2vw,32px);align-items:center;padding:clamp(72px,9vw,128px) var(--gut)}
.pg-team-t{grid-column:1 / span 5}
.pg-team-t p:not(.eb){margin:20px 0 0;font-size:17px;line-height:1.6;color:var(--x-mute);max-width:540px}
.pg-team-v{grid-column:7 / span 6;min-width:0}
.pg-ws-box{border:1px solid var(--x-line2);border-radius:20px;background:var(--x-bg);padding:16px}
.pg-ws-k{margin:2px 4px 12px;font-family:var(--mono);font-size:11.5px;color:var(--x-mute)}
.pg-ws-priv{border:1px solid var(--x-fg2);border-radius:14px;padding:14px}
.pg-ws-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;margin:0 0 12px;font-size:14px;font-weight:500;color:var(--x-fg)}
.pg-ws-h>span:first-child{display:inline-flex;align-items:center;gap:8px}
.pg-ws-h .pg-mono{margin:0;font-size:11px}
.pg-ws-t{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.pg-ws-t li{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--x-line2);border-radius:11px;background:var(--x-bg2);font-size:13.5px;font-weight:500;line-height:1.3;color:var(--x-fg);min-width:0}
.pg-ws-t svg{color:var(--x-mute);flex:none}
.pg-ws-join{display:flex;align-items:center;gap:10px;margin:14px 4px;font-family:var(--mono);font-size:11px;color:var(--x-mute)}
.pg-ws-join i{flex:1 1 auto;border-top:1px dashed var(--x-mark)}
.pg-ws-pub{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px dashed var(--x-mark);border-radius:12px;font-size:13.5px;font-weight:500;color:var(--x-fg)}
.pg-ws-pub svg{color:var(--x-mute)}
.pg-ws-no{position:relative;display:flex;justify-content:center;padding:16px 0}
.pg-ws-no::before{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:1px dashed var(--x-mark)}
.pg-ws-no p{position:relative;display:inline-flex;align-items:center;gap:9px;margin:0;padding:6px 14px 6px 7px;border:1px solid var(--x-line2);border-radius:999px;background:var(--x-faint);font-size:13px;font-weight:500;color:var(--x-fg)}
.pg-ws-x{width:20px;height:20px;border-radius:50%;background:var(--orange);color:#0A0A0A;display:inline-flex;align-items:center;justify-content:center;flex:none}
.pg-ws-net{display:flex;justify-content:center;padding:14px;border:1px dashed var(--x-mark);border-radius:14px;font-size:13px;color:var(--x-mute)}

@media (max-width:1100px){
  .pg-body{grid-template-columns:minmax(0,1fr)}
  .pg-insp{border-left:0;border-top:1px solid #E8E8E8}
  .pg-ip{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:28px;align-content:start}
  .pg-ip[hidden]{display:none}
  .pg-ip-h,.pg-kv,.pg-ip-note{grid-column:1}
  .pg-ip-k{grid-column:2;grid-row:1;margin-top:0}
  .pg-paths{grid-column:2;grid-row:2 / span 3}
  .pg-ip-note{align-self:start}
}
@media (max-width:1000px){
  .pg-ctx-t,.pg-ctx-v,.pg-def-l,.pg-def-r,.pg-mean-t,.pg-mean-v,.pg-team-t,.pg-team-v{grid-column:1 / -1}
  .pg-tabs{grid-column:1 / span 5}
  .pg-panels{grid-column:6 / span 7}
  .pg-tab{font-size:15.5px}
  .pg-axis,.pg-lr{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);row-gap:14px}
  .pg-axis>div:last-child{display:none}
  .pg-lr-e{grid-column:2}
}
@media (max-width:860px){
  .pg-tabs{display:none}
  .pg-panels{grid-column:1 / -1}
  .pg-use{display:block;border-bottom:1px solid var(--line)}
  .pg-use:last-child{border-bottom:0}
  .pg-uses .pg-use.on,.pg-uses .pg-use.on .pg-ex-f span{animation:none!important}
  .pg-use h3{font-size:clamp(26px,6vw,34px)}
  .pg-caps{grid-template-columns:minmax(0,1fr)}
  .pg-cap-v{height:auto;min-height:220px}
  .pg-cap{border-right:0!important;border-bottom:1px solid var(--line)!important}
  .pg-cap:last-child{border-bottom:0!important}
}
@media (max-width:760px){
  .pg-canvas>.pgw,.pg-c2,.pg-c3,.pg-legend .pg-legend-r{display:none}
  .pg-canvas{grid-template-columns:minmax(0,1fr);padding:14px}
  .pg-ip{display:block}
  .pg-ip-k{margin-top:16px}
  .pg-q{flex-basis:100%;min-height:44px;padding:9px 12px;align-items:flex-start}
  .pg-q>svg{margin-top:2px}
  .pg-q-t{white-space:normal;line-height:1.35}
  .pg-src{grid-template-columns:minmax(0,1fr);row-gap:16px}
  .pg-src>.pgw{display:none}
  .pg-src-l ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg-src-l li{font-size:13.5px}
  .pg-cp{grid-template-columns:minmax(0,1fr);row-gap:26px}
  .pg-cp-s{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .pg-cp-s .pg-pn{flex-direction:column;align-items:flex-start;gap:6px;padding:9px;font-size:12px}
  .pg-cp-g{flex-direction:row;justify-content:space-around;padding:0}
  .pg-cp-c{grid-template-rows:auto auto}
  .pg-cp-m .pg-mono{order:2;margin:10px 0 0;justify-self:center}
  .pg-mq{align-items:flex-start;padding:12px 14px}
  .pg-mq svg{margin-top:2px}
  .pg-mq span{white-space:normal}
  .pg-axis-m span:nth-child(2n){display:none}
  .pg-bar em{display:none}
  .pg-cp-m .pg-mono{align-self:flex-start}
  .pg-axis{display:none}
  .pg-axis-m{display:block;margin-bottom:8px}
  .pg-lr{grid-template-columns:minmax(0,1fr)}
  .pg-lr-e{grid-column:1}
  .pg-ws-t{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:480px){
  .pg-id{grid-template-columns:minmax(0,1fr)}
  .pg-id-x{justify-self:center}
  .pg-legend{gap:6px 14px}
  .pg-kv>div{flex-direction:column;gap:2px}
  .pg-kv dd{text-align:left}
}
@media (prefers-reduced-motion:reduce){
  .pg-uses .pg-use.on,.pg-uses .pg-use.on .pg-ex-f span{animation:none!important}
  .pgw path,.pg-cn,.pg-ev,.pg-tg{transition:none}
}
.pg-axis-y span:last-child{transform:translateX(-100%)}
.pg-cn .pg-nm small{white-space:normal}

/* Get access, when the visitor comes from People Graph */
.sx-topic{display:flex;gap:12px;align-items:flex-start;margin:0 0 26px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--g50);font-size:15px;line-height:1.55;color:var(--muted)}
.sx-topic b{color:var(--ink);font-weight:500}
.sx-topic-i{width:28px;height:28px;border-radius:8px;border:1px solid var(--line);background:#fff;display:inline-flex;align-items:center;justify-content:center;color:var(--ink);flex:none}
@media (max-width:760px){.pg-exm-t{grid-template-columns:minmax(0,1fr)}.pg-exm-t .pg-mono{margin:0}}
.pg-cp-c>.pg-pn,.pg-cp-s{width:100%;max-width:250px}
@media (max-width:760px){.pg-cp-c>.pg-pn,.pg-cp-s{max-width:none}}
@media (max-width:760px){.pg-cp-tg .pg-mono{display:none}}

/* ============ For companies and For recruiters: views you can use ============
   Product views stay light on every device, like the app. Black marks what is chosen; orange marks only where you are. */
.cv{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:none}
.cv svg{width:13px;height:13px}
.cv.ok{background:#EAF6EF;color:var(--ok)}.cv.fit{background:#EBF1FA;color:var(--info)}.cv.no{background:#FBECEF;color:var(--bad)}.cv.unk{background:#F0F0F0;color:#5C5C5C}

/* the three roles open the sample search */
.sx-qtry li{padding:0}
.sx-qb{display:flex;flex-direction:column;gap:clamp(28px,4vw,56px);width:100%;height:100%;padding:clamp(28px,3.4vw,48px) var(--gut);border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer;transition:background-color .2s}
.sx-qb:hover{background:var(--g50)}
.sx-qt{font-size:clamp(22px,2.1vw,30px);line-height:1.18;letter-spacing:-.03em;font-weight:500;color:var(--ink);text-wrap:balance}
.sx-try{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--muted);transition:color .2s}
.sx-try svg{transition:transform .2s}
.sx-qb:hover .sx-try{color:var(--ink)}
.sx-qb:hover .sx-try svg{transform:translateY(-3px)}
.sx-qb:focus-visible{outline-offset:-4px}

/* three steps, each with its view */
.cs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-rows:auto auto auto 1fr;border-top:1px solid var(--line)}
.cs-i{display:contents}
.cs-l{position:relative;grid-column:1;grid-row:var(--r);padding:clamp(24px,2.8vw,36px) var(--gut);border-bottom:1px solid var(--line);cursor:pointer;transition:background-color .2s}
.cs-l::before{content:"";position:absolute;left:-1px;top:0;bottom:-1px;width:2px;background:transparent;transition:background-color .2s}
.cs-l:hover{background:var(--g50)}
.cs-i.on .cs-l::before{background:var(--orange)}
.cs-l h3{margin:0}
.cs-b{display:flex;align-items:baseline;gap:14px;width:100%;padding:0;border:0;background:none;font:inherit;font-size:clamp(20px,1.7vw,24px);font-weight:600;letter-spacing:-.025em;line-height:1.2;color:var(--muted);text-align:left;cursor:pointer;transition:color .2s}
.cs-i.on .cs-b,.cs-l:hover .cs-b{color:var(--ink)}
.cs-b .sx-n{flex:none}
.cs-t{margin:12px 0 0 32px;font-size:15.5px;line-height:1.6;color:var(--muted)}
.cs-v{grid-column:2;grid-row:1 / -1;display:none;align-items:center;justify-content:center;padding:clamp(32px,4vw,56px) var(--gut);background:var(--g50);border-left:1px solid var(--line)}
.cs-i.on .cs-v{display:flex}
.cs.touched .cs-i.on .cs-v>.sv{animation:pg-in .45s cubic-bezier(.2,.7,.1,1)}
.cs+.cs-cta{padding:clamp(28px,3vw,40px) var(--gut) clamp(56px,7vw,96px);border-top:1px solid var(--line)}
.sv{width:100%;max-width:560px;background:#fff;color:#0A0A0A;border:1px solid var(--line);border-radius:14px;box-shadow:0 30px 60px -36px rgba(10,10,10,.35);overflow:hidden;font-size:13px;line-height:1.45;text-align:left}
.sv :focus-visible{outline:2px solid #0A0A0A;outline-offset:2px}
.sv-h{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line)}
.sv-k{font-family:var(--mono);font-size:11px;color:#5C5C5C}
.sv-h b{font-size:14px;font-weight:600}
.sv-saved{margin-left:auto;font-size:12px;color:#5C5C5C;transition:color .2s}
.sv-saved.on{color:#0A0A0A}
.sv-dl{margin:0;padding:4px 16px}
.sv-dl>div{display:grid;grid-template-columns:128px minmax(0,1fr);gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--g150)}
.sv-dl>div:last-child{border-bottom:0}
.sv-dl dt{font-size:12px;color:#5C5C5C}
.sv-dl dd{margin:0}
.sv-chips{display:flex;flex-wrap:wrap;gap:6px}
.sv-chips .u-chip{font-size:12.5px;min-height:24px}
.sv-seg{display:inline-flex;padding:2px;border-radius:8px;background:var(--g100)}
.sv-seg button{height:28px;padding:0 11px;border:0;border-radius:6px;background:none;font:inherit;font-size:12.5px;font-weight:500;color:#5C5C5C;cursor:pointer;transition:background-color .2s,color .2s}
.sv-seg button[aria-pressed="true"]{background:#fff;color:#0A0A0A;box-shadow:0 1px 2px rgba(10,10,10,.12)}
.sv-tog{height:28px;padding:0 11px;border:1px solid var(--line);border-radius:999px;background:#fff;font:inherit;font-size:12.5px;font-weight:500;color:#5C5C5C;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}
.sv-tog:hover{border-color:#0A0A0A;color:#0A0A0A}
.sv-tog[aria-pressed="true"]{background:#0A0A0A;border-color:#0A0A0A;color:#fff}
.sv-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-top:1px solid var(--line)}
.sv-split>div{padding:12px 16px 16px}
.sv-split>div+div{border-left:1px solid var(--line)}
.sv-split p{margin:5px 0 0;font-size:12.5px}
p.sv-gh{display:flex;justify-content:space-between;gap:8px;margin:0 0 8px;font-family:var(--mono);font-size:11px;color:#5C5C5C}
.sv-ph{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px;border-bottom:1px solid var(--line)}
.sv-ph b{display:block;font-size:15px;font-weight:600}
.sv-ph small{font-size:12.5px;color:#5C5C5C}
.sv-ph>div{min-width:0;flex:1 1 160px}
.sv-add.done{background:#fff;color:var(--ok);box-shadow:inset 0 0 0 1px var(--ok)}
.sv-sec{padding:12px 16px;border-bottom:1px solid var(--g150)}
.sv-sec:last-child{border-bottom:0}
.sv-hist{list-style:none;margin:0;padding:0}
.sv-hist li{display:flex;justify-content:space-between;gap:12px;padding:3px 0;font-size:12.5px}
.sv-hist b{font-weight:500}
.sv-hist li.m b{font-weight:400;color:#3A3A3A}
.sv-hist span{flex:none;color:#5C5C5C}
.sv-crit{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.sv-crit{gap:0!important}
.sv-crit li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;align-items:center;padding:8px 0;border-bottom:1px solid var(--g150);font-size:12.5px}
.sv-crit li:last-child{border-bottom:0}
.sv-crit b{font-weight:600}
.sv-crit li>span:last-child{grid-column:1 / -1;color:#3A3A3A;line-height:1.5}
.sv-cnt{margin-left:auto;font-size:12px;color:#5C5C5C}
.sv-cnt b{color:#0A0A0A}
.sv-list{list-style:none;margin:0;padding:0}
.sv-list li{padding:12px 16px;border-bottom:1px solid var(--g150)}
.sv-pick{display:flex;align-items:center;gap:10px;cursor:pointer}
.sv-pick input{width:16px;height:16px;margin:0;accent-color:#0A0A0A;flex:none}
.sv-pw{display:flex;flex-direction:column;min-width:0}
.sv-pw b{font-size:13.5px;font-weight:600}
.sv-pw small{font-size:12px;color:#5C5C5C}
.sv-q{display:flex;gap:8px;margin:8px 0 0 26px;padding:8px 10px;border-radius:8px;background:var(--g50);font-size:12.5px;color:#3A3A3A}
.sv-q svg{flex:none;margin-top:2px;color:#5C5C5C}
.sv-f{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;padding:12px 16px;background:var(--g50);font-size:12px;color:#5C5C5C}
.sv-f b{color:#0A0A0A;font-weight:500}

/* specialty cards with the roles in them */
.sx-spc2 .sx-n{position:static}
.sx-spc2-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}
.sx-spc2-go{width:30px;height:30px;border-radius:50%;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;color:var(--ink);transition:background-color .25s,color .25s,border-color .25s,transform .25s}
.sx-spc2:hover .sx-spc2-go{background:#0A0A0A;border-color:#0A0A0A;color:#fff;transform:rotate(-45deg)}
.sx-roles{margin-top:8px;padding-top:14px;border-top:1px dashed var(--line);font-family:var(--mono);font-size:11.5px;line-height:1.7;color:#5C5C5C}
.sx-spc2 .sx-more{display:none}
/* who it is for, without icon boxes */
.sx-aud .pp-card .sx-n{display:block;margin-bottom:clamp(28px,4vw,56px)}
.sx-aud .pp-card h3{font-size:clamp(22px,2vw,28px)}

/* the next weekdays */
.mc{margin-top:4px;padding:14px;border:1px solid var(--x-line2);border-radius:14px;background:var(--x-bg)}
.mc-h{display:flex;align-items:center;justify-content:space-between;gap:6px 12px;flex-wrap:wrap;margin-bottom:12px;font-size:14px;color:var(--x-fg)}
.mc-h b{font-weight:500}
.mc-h span{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--x-mute)}
.mc-days{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.mc-day{display:flex;flex-direction:column;align-items:center;gap:1px;padding:10px 4px;border:1px solid var(--x-line2);border-radius:10px;color:var(--x-fg);text-decoration:none;transition:background-color .2s,border-color .2s,color .2s,transform .2s}
.mc-day small,.mc-day span{font-size:11.5px;color:var(--x-mute);transition:color .2s}
.mc-day b{font-size:20px;font-weight:600;letter-spacing:-.02em;line-height:1.2}
.mc-day:hover{background:var(--x-cta);border-color:var(--x-cta);color:var(--x-cta-fg);transform:translateY(-2px)}
.mc-day:hover small,.mc-day:hover span{color:var(--x-cta-fg)}
.mc-day:focus-visible{outline:2px solid var(--x-fg);outline-offset:2px}
.mc-days>.mc-day:only-child{grid-column:1 / -1}
.mc-f{display:flex;align-items:center;gap:7px;margin:12px 0 0;font-size:12.5px;color:var(--x-mute)}

/* For recruiters: what an assignment is made of */
.as{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);border-top:1px solid var(--line)}
.as-items{list-style:none;margin:0;padding:0;border-right:1px solid var(--line)}
.as-i{position:relative;display:flex;gap:16px;width:100%;padding:clamp(24px,2.8vw,36px) var(--gut);border:0;border-bottom:1px solid var(--line);background:none;font:inherit;color:var(--ink);text-align:left;cursor:pointer;transition:background-color .2s}
.as-items li:last-child .as-i{border-bottom:0}
.as-i::before{content:"";position:absolute;left:-1px;top:0;bottom:0;width:2px;background:transparent;transition:background-color .2s}
.as-i:hover{background:var(--g50)}
.as-i[aria-pressed="true"]::before{background:var(--orange)}
.as-i .sx-n{margin-top:6px}
.as-t b{display:block;font-size:clamp(20px,1.8vw,24px);font-weight:600;letter-spacing:-.025em;line-height:1.2;color:var(--muted);transition:color .2s}
.as-i[aria-pressed="true"] .as-t b,.as-i:hover .as-t b{color:var(--ink)}
.as-t>span{display:block;margin-top:8px;font-size:15.5px;line-height:1.6;color:var(--muted)}
.as-v{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(32px,4vw,56px) var(--gut);background:var(--g50);min-width:0}
.as-card{width:100%;max-width:500px;background:#fff;color:#0A0A0A;border:1px solid var(--line);border-radius:16px;box-shadow:0 30px 60px -36px rgba(10,10,10,.35);overflow:hidden;font-size:13px;line-height:1.45}
.as-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line)}
.as-st{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:500}
.as-st i{width:7px;height:7px;border-radius:50%;background:var(--orange)}
.as-z{position:relative;padding:16px 16px 16px 18px;border-bottom:1px solid var(--g150);cursor:pointer;transition:background-color .3s}
.as-z:last-child{border-bottom:0}
.as-z::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent;transition:background-color .3s}
.as-card[data-on="proj"] [data-z="proj"],.as-card[data-on="tech"] [data-z="tech"],.as-card[data-on="terms"] [data-z="terms"]{background:#FFF7F2}
.as-card[data-on="proj"] [data-z="proj"]::before,.as-card[data-on="tech"] [data-z="tech"]::before,.as-card[data-on="terms"] [data-z="terms"]::before{background:var(--orange)}
.as-zk{margin:0 0 8px;font-family:var(--mono);font-size:11px;color:#5C5C5C}
.as-role{margin:0;font-size:17px;font-weight:600;letter-spacing:-.015em}
.as-meta{margin:3px 0 0;color:#5C5C5C}
.as-why{display:flex;align-items:center;gap:7px;margin:10px 0 0;font-size:12.5px;font-weight:500;color:var(--ok)}
.as-tools{display:flex;flex-wrap:wrap;gap:8px}
.as-tool{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px 0 5px;border:1px solid var(--line);border-radius:999px;background:#fff;font-weight:500}
.as-logo{width:22px;height:22px;border-radius:50%;background:#0A0A0A;display:inline-flex;align-items:center;justify-content:center}
.as-note{margin:10px 0 0;font-size:12.5px;color:#5C5C5C}
.as-note b{font-weight:500;color:#0A0A0A}
.as-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 16px}
.as-list li{display:inline-flex;align-items:center;gap:6px;font-weight:500}
.as-list svg{color:var(--ok)}
.as-acts{display:flex;justify-content:flex-end;gap:6px;margin-top:14px}
.as-cap,.sx-vcap{color:var(--muted)}
/* specialties you can pick */
.ss-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}
.ss-grid li{display:flex;min-width:0}
.ss-c{position:relative;flex:1;display:flex;flex-direction:column;align-items:flex-start;padding:clamp(24px,2.8vw,40px) var(--gut);border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;font:inherit;color:var(--ink);text-align:left;cursor:pointer;transition:background-color .2s}
.ss-grid li:nth-child(3n) .ss-c{border-right:0}
.ss-c:hover{background:var(--g50)}
.ss-c[aria-pressed="true"]{background:var(--g50)}
.ss-c:focus-visible{outline-offset:-4px}
.ss-box{position:absolute;top:clamp(24px,2.8vw,40px);right:var(--gut);width:22px;height:22px;border-radius:6px;border:1.5px solid var(--g300);background:#fff;display:inline-flex;align-items:center;justify-content:center;color:transparent;transition:background-color .2s,border-color .2s,color .2s}
.ss-c:hover .ss-box{border-color:#0A0A0A}
.ss-c[aria-pressed="true"] .ss-box{background:#0A0A0A;border-color:#0A0A0A;color:#fff}
.ss-c h3{margin:18px 0 0;font-size:19px;line-height:1.25;letter-spacing:-.02em;font-weight:600}
.ss-c p{margin:8px 0 0;font-size:15px;line-height:1.55;color:var(--muted)}
.ss-bar{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;padding:18px var(--gut);border-bottom:1px solid var(--line);background:var(--g50)}
.ss-bar p{margin:0;font-size:15px;line-height:1.5;color:var(--muted)}
.ss-bar b{color:var(--ink);font-weight:500}
/* steps that say who acts */
.sx-tag{display:inline-flex;align-items:center;height:22px;margin-left:10px;padding:0 9px;border-radius:999px;background:var(--g100);font-size:12px;font-weight:500;color:var(--ink);vertical-align:1px}
/* the list to review before accepting */
.tc .sx-terms-h{flex-wrap:wrap}
.tc-n{margin-left:auto;font-family:var(--mono);font-size:12px;font-weight:400;color:#5C5C5C}
.tc-n b{color:#0A0A0A;font-weight:500}
.tc-prog{height:3px;background:var(--g150)}
.tc-prog i{display:block;height:100%;background:#0A0A0A;transform-origin:left;transform:scaleX(0);transition:transform .35s cubic-bezier(.2,.7,.1,1),background-color .3s}
.tc.all .tc-prog i{background:var(--ok)}
.tc ul{padding:2px 20px}
.tc li{padding:0}
.tc-i{position:relative;display:flex;gap:12px;align-items:flex-start;width:100%;padding:14px 0;cursor:pointer}
.tc-i input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.tc .sx-box{background:#fff;border:1.5px solid var(--g300);color:transparent;transition:background-color .2s,border-color .2s,color .2s}
.tc-i:hover .sx-box{border-color:#0A0A0A}
.tc-i input:checked+.sx-box{background:#0A0A0A;border-color:#0A0A0A;color:#fff}
.tc-i input:focus-visible+.sx-box{outline:2px solid #0A0A0A;outline-offset:2px}
.tc-done{display:flex;align-items:center;gap:8px;margin:0;padding:12px 20px;border-top:1px solid var(--line);background:#F2FAF5;font-size:14px;font-weight:500;color:var(--ok)}

@media (max-width:1100px){
}
@media (max-width:1000px){
  .cs{display:block}
  .cs-i{display:block;border-bottom:1px solid var(--line)}
  .cs-l{border-bottom:0;cursor:auto}
  .cs-l:hover{background:none}
  .cs-l::before{display:none}
  .cs-b{color:var(--ink);cursor:default}
  .cs-v{display:flex;padding:0 var(--gut) clamp(32px,5vw,48px);background:none;border-left:0}
  .cs.touched .cs-i.on .cs-v>.sv{animation:none}
  .as{grid-template-columns:minmax(0,1fr)}
  .as-items{border-right:0;border-bottom:1px solid var(--line)}
  .ss-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ss-grid li:nth-child(3n) .ss-c{border-right:1px solid var(--line)}
  .ss-grid li:nth-child(2n) .ss-c{border-right:0}
}
@media (max-width:900px){
}
@media (max-width:640px){
  .sv-dl>div{grid-template-columns:minmax(0,1fr);gap:6px}
  .sv-split{grid-template-columns:minmax(0,1fr)}
  .sv-split>div+div{border-left:0;border-top:1px solid var(--line)}
  .cs-t{margin-left:0}
  .mc-days{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ss-grid{grid-template-columns:minmax(0,1fr)}
  .ss-c{border-right:0!important}
}
@media (prefers-reduced-motion:reduce){
  .mc-day:hover{transform:none}
}

/* People Graph: diagrams you can use */
.pg-src-l li{display:block}
.pg-src-cap{margin:0 0 12px;min-height:20px;font-size:13px;line-height:1.45;color:var(--muted)}
.pg-src-cap b{color:var(--ink);font-weight:500}
.pg-cst [data-s]{transition:opacity .3s ease}
.pg-cst .l line{transition:stroke .3s ease,opacity .3s ease}
.pg-src.sel .pg-cst .l line:not(.hi),.pg-src.sel .pg-cst .p circle:not(.hi),.pg-src.sel .pg-cst .o rect:not(.hi),.pg-src.sel .pg-cst .w rect:not(.hi){opacity:.16}
.pg-src.sel .pg-cst .l line.hi{stroke:#0A0A0A}
.pg-cst .r circle{fill:none;stroke:var(--orange);stroke-width:1.6;stroke-dasharray:3 3;opacity:0}
.pg-src.sel .pg-cst .r circle.hi{opacity:1}
.pg-src .pgw path.on{stroke:#0A0A0A;stroke-width:1.5}
.pg-scrub{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,5fr) minmax(0,3fr);column-gap:clamp(20px,2.6vw,40px);align-items:center;padding:18px var(--gut) 6px}
.pg-scrub-k{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.pg-scrub-k label{font-size:14px;font-weight:500}
.pg-scrub-k output{font-family:var(--mono);font-size:20px;font-weight:500;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.pg-scrub-r{min-width:0}
.pg-scrub-r input{display:block;width:calc(100% - 16px);margin:0 0 0 24px;height:24px;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer}
.pg-scrub-r input::-webkit-slider-runnable-track{height:2px;background:var(--line);border-radius:1px}
.pg-scrub-r input::-moz-range-track{height:2px;background:var(--line);border-radius:1px}
.pg-scrub-r input::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;margin-top:-7px;border-radius:50%;background:#0A0A0A;border:3px solid #fff;box-shadow:0 0 0 1px #0A0A0A}
.pg-scrub-r input::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#0A0A0A;border:3px solid #fff;box-shadow:0 0 0 1px #0A0A0A}
.pg-scrub-r input:focus-visible{outline:2px solid #0A0A0A;outline-offset:4px;border-radius:6px}
.pg-lanes{cursor:ew-resize;touch-action:pan-y}
.pg-cur{position:absolute;top:-2px;bottom:-2px;width:0;border-left:1.5px solid #0A0A0A;margin-left:-.75px;pointer-events:none;z-index:3}
.pg-cur::before{content:"";position:absolute;top:-4px;left:-4.5px;width:8px;height:8px;border-radius:50%;background:#0A0A0A}
.pg-who{transition:background-color .2s,color .2s,border-color .2s}
.pg-lane.here .pg-who{background:#0A0A0A;border-color:#0A0A0A;color:#fff}
.pg-at{display:flex;align-items:baseline;gap:10px;margin:0 0 12px;padding:8px 11px;border-radius:9px;background:var(--g100);font-size:13.5px;line-height:1.4;color:#3A3A3A}
.pg-at b{font-family:var(--mono);font-size:12px;font-weight:500}
.pg-at.yes{background:#EAF6EF;color:#0F5233}
.pg-at.mid{background:#FFF4EE;color:#8A2A00}
.pg-at:empty{display:none}
.pg-seg{display:inline-flex;flex-wrap:wrap;gap:2px;margin:0 0 12px;padding:3px;border-radius:10px;background:var(--g150)}
.pg-seg button{height:30px;padding:0 12px;border:0;border-radius:7px;background:none;font:inherit;font-size:12.5px;font-weight:500;color:#5C5C5C;cursor:pointer;transition:background-color .2s,color .2s,box-shadow .2s}
.pg-seg button:hover{color:#0A0A0A}
.pg-seg button[aria-pressed="true"]{background:#fff;color:#0A0A0A;box-shadow:0 1px 2px rgba(10,10,10,.1)}
.dk .pg-seg{background:var(--x-bg2);box-shadow:inset 0 0 0 1px var(--x-line2)}
.dk .pg-seg button{color:var(--x-mute)}
.dk .pg-seg button:hover{color:var(--x-fg)}
.dk .pg-seg button[aria-pressed="true"]{background:var(--x-bg);color:var(--x-fg);box-shadow:0 0 0 1px var(--x-line2)}
.pg-ws-seg{margin-bottom:14px}
.pg-ws-priv{position:relative}
.pg-ws-t{transition:filter .35s ease,opacity .35s ease}
.pg-ws-lock{display:none}
.pg-ws[data-view="net"] .pg-ws-t{filter:blur(4px);opacity:.3;pointer-events:none;user-select:none}
.pg-ws[data-view="net"] .pg-ws-lock{position:absolute;left:14px;right:14px;bottom:14px;top:46px;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border:1px dashed var(--x-mark);border-radius:11px;background:var(--x-bg);font-size:13.5px;font-weight:500;line-height:1.45;color:var(--x-fg);text-align:left;animation:pg-in .3s ease}
.pg-ws[data-view="net"] .pg-ws-lock svg{flex:none;color:var(--orange)}
.pg-ws-net{transition:border-color .3s,color .3s,background-color .3s}
.pg-ws[data-view="net"] .pg-ws-net{border-style:solid;border-color:var(--x-fg2);color:var(--x-fg);background:var(--x-bg)}
@media (max-width:1000px){.pg-scrub{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}.pg-scrub>div:last-child{display:none}}
@media (max-width:760px){
  .pg-scrub{grid-template-columns:minmax(0,1fr);row-gap:8px}
  .pg-ws[data-view="net"] .pg-ws-lock{top:58px}
}
@media (prefers-reduced-motion:reduce){.pg-mq span.in,.pg-hop.run .pg-hop-dot,.pg-idw,.pg-ws[data-view="net"] .pg-ws-lock{animation:none}.pg-ws-t{transition:none}}

/* For companies: the sample search, in ink and grey */
.mm{position:relative;display:inline-block;width:10px;height:10px;border-radius:2.5px;flex:none;font-style:normal}
.mm.ok{background:#0A0A0A}
.mm.fit{border:1.5px solid #0A0A0A;box-shadow:inset 3.5px 0 0 0 #0A0A0A}
.mm.unk{border:1.5px solid #B5B5B5}
.mm.no{border:1.5px solid #0A0A0A;overflow:hidden}
.mm.no::after{content:"";position:absolute;left:50%;top:-3px;bottom:-3px;width:1.5px;margin-left:-.75px;background:#0A0A0A;transform:rotate(45deg)}
.mw{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:500;color:#0A0A0A;white-space:nowrap}
.mw.unk{color:#5C5C5C}
.cx{--c-line:#E6E6E3;background:#F4F4F2;color:#0A0A0A;border-radius:clamp(9px,1vw,13px);overflow:hidden;font-size:13px;line-height:1.45;color-scheme:light;text-align:left}
.cx :focus-visible{outline:2px solid #0A0A0A;outline-offset:2px}
.cx-top{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:0 20px;background:#fff;border-bottom:1px solid var(--c-line)}
.cx-tabs{display:flex;gap:28px;min-width:0;overflow-x:auto;scrollbar-width:none}
.cx-tabs::-webkit-scrollbar{display:none}
.cx-tab{position:relative;height:52px;padding:0;border:0;background:none;font:inherit;font-size:13.5px;font-weight:500;color:#6E6E6E;white-space:nowrap;cursor:pointer;transition:color .2s}
.cx-tab:hover,.cx-tab[aria-selected="true"]{color:#0A0A0A}
.cx-tab[aria-selected="true"]::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#0A0A0A}
.cx-tab:focus-visible{outline-offset:-3px}
.cx-top .pg-tag{margin-bottom:13px}
.cx-panel{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:16px;padding:18px}
.cx-col{display:flex;flex-direction:column;gap:16px;min-width:0}
.cx-card{min-width:0;background:#fff;border:1px solid var(--c-line);border-radius:14px;box-shadow:0 1px 2px rgba(10,10,10,.04),0 22px 44px -30px rgba(10,10,10,.3)}
.cx-search{padding:18px}
.cx-q{display:flex;align-items:flex-start;gap:10px;margin:0;font-size:15.5px;font-weight:500;line-height:1.45;letter-spacing:-.01em}
.cx-q svg{flex:none;margin-top:3px;color:#6E6E6E}
.cx-q span.typing{animation:pg-type 1s steps(48,end) both}
.cx-req{display:flex;flex-direction:column;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid #EFEFED}
.cx-g{display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px;align-items:start}
.cx-gk{padding-top:7px;font-family:var(--mono);font-size:11px;color:#5C5C5C}
.cx-chips{display:flex;flex-wrap:wrap;gap:6px;min-height:30px}
.cx-chip{height:30px;padding:0 12px;border:1px solid var(--c-line);border-radius:999px;background:#fff;font:inherit;font-size:12.5px;font-weight:500;color:#0A0A0A;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}
.cx-chip:hover{border-color:#0A0A0A}
[data-bucket="must"] .cx-chip{background:#0A0A0A;border-color:#0A0A0A;color:#fff}
[data-bucket="must"] .cx-chip:hover{background:#2A2A2A}
[data-bucket="must"] .cx-chip:focus-visible{outline-color:var(--orange)}
.cx-chip.moved{animation:cd-pop .4s cubic-bezier(.2,.7,.1,1)}
@keyframes cd-pop{from{transform:translateY(-6px);opacity:.3}}
.cx-hint{margin:14px 0 0;font-size:12px;line-height:1.45;color:#5C5C5C}
.cx-list{padding:6px 0 8px}
.cx-lh{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:8px 16px 10px}
.cx-lh p{margin:0;font-size:13px;font-weight:500}
.cx-lh b{font-weight:600}
.cx-lh span{font-family:var(--mono);font-size:11px;color:#5C5C5C}
.cx-rows{list-style:none;margin:0;padding:0 8px}
.cx-row{position:relative;will-change:transform}
.cx-pick{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr) auto 30px;align-items:center;gap:12px;width:100%;padding:9px 10px;border:0;border-radius:10px;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer;transition:background-color .2s}
.cx-pick:hover{background:#F6F6F4}
.cx-pick[aria-pressed="true"]{background:#F1F1EF}
.cx-pick[aria-pressed="true"]::before{content:"";position:absolute;left:-8px;top:12px;bottom:12px;width:2px;border-radius:1px;background:var(--orange)}
.cx-av{width:32px;height:32px;border-radius:50%;background:#ECECE9;color:#3A3A3A;display:inline-flex;align-items:center;justify-content:center;flex:none;font-size:11.5px;font-weight:600;transition:background-color .2s,color .2s}
.cx-av.lg{width:44px;height:44px;font-size:14px;background:#0A0A0A;color:#fff}
.cx-av.sm{width:24px;height:24px;margin-left:-6px;font-size:9.5px;background:#0A0A0A;color:#fff;box-shadow:0 0 0 2px #fff;animation:cd-pop .35s cubic-bezier(.2,.7,.1,1)}
.cx-av.sm:first-child{margin-left:0}
.cx-row.sl .cx-av{background:#0A0A0A;color:#fff}
.cx-who{display:flex;flex-direction:column;min-width:0}
.cx-who b{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cx-who small{font-size:12px;color:#5C5C5C;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cx-who em{font-style:normal;font-size:11.5px;color:#5C5C5C}
.cx-who em:empty{display:none}
.cx-who em::before{content:"";display:inline-block;width:8px;height:1.5px;margin:0 6px 3px 0;background:#5C5C5C}
.cx-row.out .cx-who b{color:#5C5C5C}
.cx-meter{display:inline-flex;align-items:center;gap:3px}
.cx-meter span{display:inline-flex}
.cx-meter span.m+span:not(.m){margin-left:7px}
.cx-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin:8px 16px 4px;padding-top:12px;border-top:1px solid #EFEFED;font-size:11.5px;color:#5C5C5C}
.cx-legend span{display:inline-flex;align-items:center;gap:6px}
.cx-met{font-family:var(--mono);font-size:11.5px;color:#5C5C5C;text-align:right}
.cx-met b{font-weight:500;color:#0A0A0A}
.cx-detail{display:flex;flex-direction:column}
.cx-d{display:flex;flex-direction:column;flex:1 1 auto}
.cx-d.in{animation:pg-in .35s cubic-bezier(.2,.7,.1,1)}
.cx-dh{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid #EFEFED}
.cx-dh>div{flex:1 1 auto;min-width:0}
.cx-dh b{display:block;font-size:16px;font-weight:600;letter-spacing:-.01em}
.cx-dh small{display:block;font-size:12.5px;color:#5C5C5C;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cx-sl{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:1px solid var(--c-line);border-radius:8px;background:#fff;font:inherit;font-size:12.5px;font-weight:500;color:#0A0A0A;white-space:nowrap;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}
.cx-sl:hover{border-color:#0A0A0A}
.cx-sl .i-on{display:none}
.cx-sl[aria-pressed="true"]{background:#0A0A0A;border-color:#0A0A0A;color:#fff}
.cx-sl[aria-pressed="true"] .i-add{display:none}
.cx-sl[aria-pressed="true"] .i-on{display:block}
.cx-crit{list-style:none;margin:0;padding:2px 20px;flex:1 1 auto}
.cx-crit li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 12px;padding:12px 0;border-bottom:1px solid #EFEFED}
.cx-crit li:last-child{border-bottom:0}
.cx-ck{display:flex;align-items:center;gap:8px;min-width:0;font-size:12.5px;font-weight:600}
.cx-ck span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cx-must{display:none;flex:none;padding:1px 6px;border:1px solid var(--c-line);border-radius:5px;font-family:var(--mono);font-size:10.5px;font-style:normal;font-weight:400;color:#5C5C5C}
.cx-crit li.must .cx-must{display:inline}
.cx-crit p{grid-column:1 / -1;margin:3px 0 0;font-size:13px;line-height:1.5;color:#3A3A3A}
.cx-note{margin:0;padding:12px 20px 14px;border-top:1px solid #EFEFED;font-size:11.5px;color:#5C5C5C}
.cx-foot{display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;padding:12px 18px;background:#fff;border-top:1px solid var(--c-line)}
.cx-slist{display:flex;align-items:center;gap:10px;min-width:0;font-size:12.5px}
.cx-slk{font-family:var(--mono);font-size:11px;color:#5C5C5C}
.cx-avs{display:inline-flex}
.cx-avs:empty{display:none}
.cx-sln{color:#3A3A3A}
.cx-foot .u-btn{text-decoration:none}
@media (max-width:1100px){.cx-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media (max-width:860px){.cx-panel{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){
  .cx-top{flex-direction:column-reverse;align-items:stretch;padding:12px 14px 0}
  .cx-top .pg-tag{align-self:flex-start;margin:0}
  .cx-tabs{flex-wrap:wrap;gap:0 20px;overflow:visible}
  .cx-tab{height:42px}
  .cx-panel{padding:10px;gap:10px}
  .cx-search{padding:14px}
  .cx-g{grid-template-columns:minmax(0,1fr);gap:6px}
  .cx-gk{padding-top:0}
  .cx-pick{grid-template-columns:32px minmax(0,1fr) auto;gap:10px}
  .cx-met{display:none}
  .cx-dh{padding:14px 16px;flex-wrap:wrap}
  .cx-crit{padding:2px 16px}
  .cx-note{padding:12px 16px}
  .cx-foot{flex-direction:column;align-items:stretch}
  .cx-foot .u-btn{justify-content:center}
}
@media (prefers-reduced-motion:reduce){.cx-chip.moved,.cx-d.in,.cx-q span.typing,.cx-av.sm{animation:none}}

/* ============ For recruiters: the application, one step at a time ============
   The panel stays light on every device, like the other product views. Ink for what is chosen, orange for where you are. */
.sx-apply-in{align-items:start}
.sx-apply-t p.aw-legal{display:flex;gap:10px;align-items:flex-start;margin:30px 0 22px;max-width:420px;font-size:13.5px;line-height:1.55;color:var(--x-mute)}
.aw-legal svg{flex:none;margin-top:2px}
.aw-rail{position:relative;list-style:none;margin:34px 0 0;padding:0;max-width:420px}
.aw-rail::before{content:"";position:absolute;left:16px;top:20px;bottom:20px;width:1px;background:var(--x-line2)}
.aw-ri{position:relative;display:flex;align-items:flex-start;gap:16px;width:100%;padding:9px 0;border:0;background:none;font:inherit;color:var(--x-fg);text-align:left;cursor:pointer}
.aw-ri[disabled]{cursor:default}
.aw-ri:focus-visible{outline:2px solid var(--x-fg);outline-offset:2px;border-radius:8px}
.aw-rn{position:relative;z-index:1;width:33px;height:33px;border-radius:50%;border:1px solid var(--x-line2);background:var(--x-faint);color:var(--x-mute);display:inline-flex;align-items:center;justify-content:center;flex:none;font-family:var(--mono);font-size:11px;transition:background-color .25s,border-color .25s,color .25s,box-shadow .25s}
.aw-rn b{font-weight:500}
.aw-rn svg{display:none}
.aw-ri.done .aw-rn{background:var(--x-fg);border-color:var(--x-fg);color:var(--x-bg)}
.aw-ri.done .aw-rn b{display:none}
.aw-ri.done .aw-rn svg{display:block}
.aw-ri[aria-current="step"] .aw-rn{background:var(--x-bg);border-color:var(--x-fg);color:var(--x-fg);box-shadow:0 0 0 4px var(--x-faint),0 0 0 5px var(--orange)}
.aw-rt{padding-top:6px;min-width:0}
.aw-rt b{display:block;font-size:15px;font-weight:500;line-height:1.3;color:var(--x-mute);transition:color .2s}
.aw-ri.done .aw-rt b,.aw-ri[aria-current="step"] .aw-rt b,.aw-ri:not([disabled]):hover .aw-rt b{color:var(--x-fg)}
.aw-rt small{display:block;margin-top:4px;font-size:13.5px;line-height:1.5;color:var(--x-mute)}
.aw-ri:not([aria-current="step"]) .aw-rt small{display:none}

.aw{--w-line:#E4E4E1;position:relative;background:#fff;color:#0A0A0A;border:1px solid var(--line);border-radius:20px;overflow:hidden;color-scheme:light;box-shadow:0 1px 2px rgba(10,10,10,.04),0 44px 90px -50px rgba(10,10,10,.5)}
:root[data-theme="dark"] .dk .aw{border-color:#262626}
.aw :focus-visible{outline:2px solid #0A0A0A;outline-offset:2px}
.aw-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px clamp(22px,2.8vw,36px) 16px}
.aw-top p{margin:0;font-size:13.5px;font-weight:500}
.aw-count{font-family:var(--mono);font-size:12px;color:#5C5C5C}
.aw-count b{font-weight:500;color:#0A0A0A}
.aw-prog{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:0 clamp(22px,2.8vw,36px)}
.aw-prog i{height:3px;border-radius:2px;background:#EDEDEA;transition:background-color .35s ease}
.aw-prog i.done{background:#0A0A0A}
.aw-prog i.on{background:var(--orange)}
.aw-body{padding:clamp(26px,3.2vw,40px) clamp(22px,2.8vw,36px) 8px;min-height:380px}
.aw.moved .aw-step{animation:pg-in .35s cubic-bezier(.2,.7,.1,1)}
.aw-sh{margin-bottom:26px}
.aw-sh h3{margin:0;font-size:clamp(24px,2.2vw,30px);line-height:1.1;letter-spacing:-.035em;font-weight:600}
.aw-sh h3:focus{outline:0}
.aw-sh p{margin:8px 0 0;font-size:15.5px;line-height:1.55;color:#5C5C5C}
.aw .fld{gap:8px;margin-bottom:18px}
.aw .fld .lbl{font-size:13.5px;font-weight:500;color:#0A0A0A}
.aw .inp input,.aw .fld textarea{height:50px;padding:0 15px;border:1px solid var(--w-line);border-radius:12px;background:#FCFCFB;font-size:15.5px;color:#0A0A0A;transition:border-color .16s,box-shadow .16s,background-color .16s}
.aw .fld textarea{height:auto;min-height:160px;padding:13px 15px;line-height:1.55}
.aw .inp input:hover,.aw .fld textarea:hover{border-color:#C9C9C6}
.aw .inp input:focus,.aw .fld textarea:focus{outline:0;background:#fff;border-color:#0A0A0A;box-shadow:0 0 0 4px rgba(10,10,10,.07)}
.aw .fld.err input,.aw .fld.err textarea{border-color:var(--bad)}
.aw .inp input::placeholder,.aw .fld textarea::placeholder{color:#8A8A8A}
.aw .sx-2c{gap:0 16px}
.aw-fs{border:0;margin:0 0 18px;padding:0;min-width:0}
.aw-fs legend.lbl{padding:0;margin-bottom:10px;font-size:13.5px;font-weight:500}
.aw-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.aw-opt,.aw-tile{position:relative;display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid var(--w-line);border-radius:14px;background:#fff;cursor:pointer;transition:border-color .16s,background-color .16s,box-shadow .16s}
.aw-opt:hover,.aw-tile:hover{border-color:#B9B9B6}
.aw-opt input,.aw-tile input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.aw-dot{width:18px;height:18px;margin-top:1px;border-radius:50%;border:1.5px solid #B9B9B6;background:#fff;flex:none;transition:border-color .16s,box-shadow .16s}
.aw-ot b{display:block;font-size:14.5px;font-weight:600}
.aw-ot small{display:block;margin-top:2px;font-size:13px;color:#5C5C5C}
.aw-opt:has(input:checked),.aw-tile:has(input:checked){border-color:#0A0A0A;background:#FAFAF9;box-shadow:inset 0 0 0 1px #0A0A0A}
.aw-opt input:checked+.aw-dot{border-color:#0A0A0A;box-shadow:inset 0 0 0 4px #0A0A0A}
.aw-opt input:focus-visible+.aw-dot,.aw-tile input:focus-visible+.aw-box{outline:2px solid #0A0A0A;outline-offset:3px}
.aw-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.aw-tile{align-items:center;padding:13px 14px;font-size:14.5px;font-weight:500;line-height:1.3}
.aw-box{width:20px;height:20px;border-radius:6px;border:1.5px solid #B9B9B6;background:#fff;color:transparent;display:inline-flex;align-items:center;justify-content:center;flex:none;transition:background-color .16s,border-color .16s,color .16s}
.aw-tile input:checked+.aw-box{background:#0A0A0A;border-color:#0A0A0A;color:#fff}
.aw .fld .msg{margin-top:2px}
.aw-fs .msg{margin:10px 0 0;font-size:13px;display:flex;gap:6px;align-items:flex-start;color:var(--bad)}
.aw .sx-privacy{margin:2px 0 14px}
.aw .alert{margin:0 0 12px}
.aw-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px clamp(22px,2.8vw,36px) clamp(22px,2.8vw,32px);border-top:1px solid #F0F0EE}
.aw-back{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 14px;margin-left:-14px;border:0;border-radius:10px;background:none;font:inherit;font-size:15px;font-weight:500;color:#0A0A0A;cursor:pointer;transition:background-color .16s}
.aw-back:hover{background:#F2F2F0}
.aw-next,.aw .aw-submit{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;min-width:168px;margin:0 0 0 auto;padding:0 22px;border:0;border-radius:12px;background:#0A0A0A;color:#fff;font:inherit;font-size:15px;font-weight:500;cursor:pointer;transition:background-color .16s}
.aw-next:hover,.aw .aw-submit:hover{background:#2A2A2A}
.aw .aw-submit{width:auto}
.aw .aw-submit .spin{width:15px;height:15px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:acspin .7s linear infinite}
.aw-done{padding:clamp(36px,4.4vw,56px) clamp(22px,2.8vw,36px)}
.aw-done:focus{outline:0}
.aw-done-ic{width:48px;height:48px;border-radius:14px;background:#0A0A0A;color:#fff;display:inline-flex;align-items:center;justify-content:center;margin-bottom:24px}
.aw-done h3{margin:0;font-size:clamp(26px,2.4vw,32px);letter-spacing:-.035em;font-weight:600}
.aw-done p{margin:12px 0 0;font-size:16px;line-height:1.6;color:#5C5C5C}
.aw-done b{color:#0A0A0A;font-weight:500}
.aw-done .sx-note{margin-top:24px;padding-top:16px;border-top:1px solid #F0F0EE;font-size:13.5px}
@media (max-width:1000px){.aw-rail{display:none}.sx-apply-t p.aw-legal{margin-top:6px}}
@media (max-width:640px){
  .aw-opts,.aw-tiles{grid-template-columns:minmax(0,1fr)}
  .aw-body{min-height:0}
  .aw-nav{flex-wrap:wrap}
  .aw-next,.aw .aw-submit{flex:1 1 auto;min-width:0}
}
@media (prefers-reduced-motion:reduce){.aw.moved .aw-step{animation:none}}