/* CrewHunt shared sections (15 Oct 2026): "How it works" (hw-*) and "We work inside your stack" (stk-*).
   Loaded on the homepage and both service pages. Navy and gold only. No logos in the stack section. */

/* ===== How it works, start to first submittal (sticky scroller, five steps) ===== */
/* Senior Project Lead chip: dark version for navy surfaces, light version (.lt) for the step list */
.hw-spl{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:5px 12px 5px 5px;border-radius:99px;background:rgba(191,157,71,.16);border:1px solid #bf9d47;color:#ebc770;font-size:13px;font-weight:700;letter-spacing:.01em;line-height:1.2}
.hw-spl i{width:24px;height:24px;border-radius:99px;display:grid;place-items:center;background:#bf9d47;color:#0b1020;flex-shrink:0}
.hw-spl.lt{background:#f6f1e5;color:#8a6210;margin:8px 0 2px}
.step .hw-spl.lt{display:flex;width:max-content;max-width:100%}
.step p b{color:var(--ink,#0e2347);font-weight:600}
/* stage screens */
.hw-splcard{border-color:#bf9d47!important}
.hw-splcard .av{background:#bf9d47!important;color:#0b1020!important}
.panel.rcard .av svg{display:block}
.hw-qc{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;border:1px dashed rgba(191,157,71,.55);font-size:14px;font-weight:600;color:#ebc770}
.hw-qc .ok{display:grid;place-items:center;width:20px;height:20px;border-radius:99px;background:#bf9d47;color:#0b1020;flex-shrink:0}
/* band under the scroller */
.hw-band{margin:8px auto 0;max-width:860px;display:flex;align-items:center;gap:16px;padding:18px 22px;border-radius:20px;background:linear-gradient(160deg,#0e2347,#0b1020);text-align:left}
.hw-band-ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#bf9d47;color:#0b1020;flex-shrink:0}
.hw-band p{margin:0;font-size:16.5px;line-height:1.5;color:#c9cedc}
.hw-band p b{color:#fff;font-weight:600}
@media (max-width:520px){.hw-band{align-items:flex-start;padding:16px}.hw-band p{font-size:15.5px}}

/* ===== We work inside your stack ===== */
.stack-card{margin:40px auto 0;max-width:980px;border-radius:28px;background:#fff;border:1px solid #e8e8ed;overflow:hidden;text-align:left}
.stk-row{display:grid;gap:12px 32px;padding:30px 32px}
@media (min-width:900px){.stk-row{grid-template-columns:200px minmax(0,1fr);align-items:baseline}}
.stk-lbl{font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#56627c}
.stk-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:baseline;row-gap:6px}
.stk-list li{font-size:clamp(20px,2.2vw,25px);line-height:1.3;font-weight:650;letter-spacing:-.015em;color:#0e2347}
.stk-list li{white-space:nowrap}
.stk-list li:not(:last-child)::after{content:"\00B7" / "";display:inline-block;padding:0 .45em;color:#bf9d47;font-weight:700}
.stk-list li.stk-plus{align-self:center}
.stk-more{display:inline-block;padding:3px 10px;border-radius:99px;border:1px solid #d6d9e2;background:#f5f5f7;font-size:13px;font-weight:500;letter-spacing:0;color:#56627c;vertical-align:middle}
.stk-note{grid-column:1/-1;margin:0;font-size:15.5px;line-height:1.5;color:#56627c}
@media (min-width:900px){.stk-note{grid-column:2}}
/* our sourcing stack: navy band at the foot of the card, leads into the screen recording below */
.stk-row.ours{background:linear-gradient(160deg,#0e2347,#0b1020)}
.stk-row.ours .stk-lbl{color:#ebc770}
.stk-row.ours .stk-list li{color:#fff}
@media (max-width:520px){
  .stk-row{padding:24px 20px}
  .stk-list{column-gap:14px}
  .stk-list li:not(:last-child)::after{display:none}
}
/* keep scroller panels dark: service pages carry an older .rcard rule that sets a white card */
#how-it-works .panel.rcard{display:grid;gap:12px;flex:none;background:var(--night-2,#151b2e);border:1px solid var(--night-line,#2c3550);border-radius:16px;padding:16px 18px;color:var(--night-text,#f5f5f7)}
#how-it-works .panel.rcard.hw-splcard{background:#1d1f2a!important;border-color:#bf9d47!important}
#how-it-works .onb-list .ot{color:var(--night-text,#f5f5f7)}

/* ===== Free trial panel at the top of the terms block (15 Oct 2026) ===== */
.trial-panel{margin-top:44px;display:grid;gap:16px;text-align:left}
@media (min-width:900px){.trial-panel{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px}}
.ft-hero{position:relative;overflow:hidden;display:grid;align-content:center;gap:12px;padding:34px 32px;border-radius:28px;background:linear-gradient(160deg,#0e2347,#0b1020);color:#fff;box-shadow:0 30px 70px -32px rgba(11,16,32,.55)}
.ft-hero::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(191,157,71,.35),rgba(191,157,71,0) 70%);pointer-events:none}
.ft-tag{justify-self:start;display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:99px;background:#bf9d47;color:#0b1020;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.trial-panel .ft-hero .ft-big{display:block;margin:0;font-size:clamp(52px,6.4vw,80px);line-height:.95;font-weight:800;letter-spacing:-.04em;color:#fff}
.trial-panel .ft-hero .ft-big span{color:#ebc770}
.ft-hero p{margin:0;max-width:34ch;font-size:17px;line-height:1.5;color:#c9cedc}
.ft-hero p b{color:#fff;font-weight:600}
.ft-pts{list-style:none;margin:0;padding:10px 26px;border-radius:28px;background:#fff;border:1px solid #e8e8ed;display:grid;align-content:center}
.ft-pts li{display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:center;padding:14px 0;border-top:1px solid #eef0f4;font-size:16.5px;line-height:1.4;font-weight:600;color:#0e2347}
.ft-pts li:first-child{border-top:0}
.ft-pts li small{display:block;margin-top:2px;font-size:14px;font-weight:500;color:#56627c}
.ft-pts .ck{width:30px;height:30px;border-radius:99px;display:grid;place-items:center;background:#fbf5e6;color:#8a6210;border:1px solid #bf9d47}
.ft-pts li.spl .ck{background:#bf9d47;color:#0b1020}
@media (max-width:520px){.ft-hero{padding:26px 22px}.ft-pts{padding:6px 18px}.ft-pts li{font-size:15.5px}}
/* the timeline follows the panel more closely */
.trial-panel + .tl{margin-top:18px}

/* spx v3 */
.spx-lead{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0 0;font-weight:600;color:inherit}.spx-lead .hw-spl.lt{margin:0}.spx-count{display:block}.hw-spl.lt.spx-plan{margin:6px 0 10px}.plan .hw-spl.lt.spx-plan{margin:8px auto 12px}.v3-plan li.spx-l1 span,.plan li.spx-l1{font-weight:600}.spx-p{margin:12px 0 0}.v3-items.spx-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:860px){.v3-items.spx-3{grid-template-columns:1fr}}.cost3.spx-cost2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:860px;margin-left:auto;margin-right:auto}@media(max-width:700px){.cost3.spx-cost2{grid-template-columns:1fr}}.spx-pod .hw-spl.lt{margin:0 0 0 8px;padding:3px 8px 3px 3px;font-size:11.5px}.spx-pod .hw-spl.lt i{width:18px;height:18px}.spx-pod .sg-seat{flex-wrap:wrap}
.hw-spl.lt.spx-plan{width:max-content!important;max-width:100%;align-self:flex-start}
#rpo .ctas.spx-rpocta{display:flex;justify-content:flex-start;margin:24px 0 0;padding:0;text-align:left}

/* spx tools strip */
.spx-tools{position:relative;margin:36px auto 0;max-width:1120px;outline:none;opacity:.7;transition:opacity .25s ease}.spx-tools:hover,.spx-tools:focus-within{opacity:1}.spx-tools:focus-visible{box-shadow:0 0 0 3px rgba(14,35,71,.35);border-radius:12px}.spx-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.spx-vp{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.spx-track{display:flex;width:max-content;animation:spx-marq 80s linear infinite;will-change:transform}.spx-tools:hover .spx-track,.spx-tools:focus-within .spx-track{animation-play-state:paused}.spx-set{display:flex;align-items:center;gap:56px;list-style:none;margin:0;padding:14px 28px;flex:none}.spx-set li{display:flex;align-items:center;gap:6px;flex:none;height:44px}.spx-set img{width:auto;display:block;max-width:none}.spx-set li.spx-dark{background:#0e2347;border-radius:8px;padding:0 12px;height:38px}.spx-wm{font-family:inherit;font-weight:800;font-size:25px;letter-spacing:-.02em;color:#111;line-height:1}.spx-wm.sm{font-size:19px;font-weight:700;color:#0a66c2;letter-spacing:0}@keyframes spx-marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}@media(max-width:600px){.spx-set{gap:40px}.spx-set img{zoom:.85}.spx-wm{font-size:21px}}@media(prefers-reduced-motion:reduce){.spx-vp{-webkit-mask-image:none;mask-image:none}.spx-track{animation:none;width:auto}.spx-set{flex-wrap:wrap;justify-content:center;gap:20px 40px;flex:1}.spx-dup{display:none}}

/* spx centered layout (service pages) */
.spx-center .v3-head,.spx-center .v3-head.center{text-align:center;margin-left:auto;margin-right:auto;max-width:860px}.spx-center .v3-head .lead,.spx-center .v3-txt>.lead,.spx-center .v3-txt>p{margin-left:auto;margin-right:auto;max-width:720px;text-align:center}.spx-center .v3-split,.spx-center .v3-split.rev,.spx-center .hero-split{display:flex!important;flex-direction:column;align-items:center;gap:36px;grid-template-columns:none}.spx-center .v3-txt{display:contents}.spx-center .v3-split>.v3-txt>*{order:1;width:100%}.spx-center .v3-split>.v3-txt>.v3-head{order:0}.spx-center .v3-split>.v3-txt>.lead{order:0}.spx-center .v3-split>.v3-ill{order:1;width:100%;max-width:680px;margin:0 auto}.spx-center .v3-split>.v3-txt>.v3-items,.spx-center .v3-split>.v3-txt>.v3-cols,.spx-center .v3-split>.v3-txt>.v3-steps{order:2;max-width:980px;margin-left:auto;margin-right:auto}.spx-center .v3-split>.v3-txt>.ctas,.spx-center .v3-split>.v3-txt>.spx-p{order:1}.spx-center .v3-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.spx-center .v3-items .v3-it{text-align:left}.spx-center .v3-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:100%}@media(max-width:700px){.spx-center .v3-cols{grid-template-columns:1fr}}.spx-center .ctas,.spx-center #rpo .ctas.spx-rpocta{display:flex;justify-content:center!important;margin-left:auto;margin-right:auto}.spx-center .v3-hero .v3-txt>*{order:0}.spx-center .v3-hero .kicker,.spx-center .v3-hero h1,.spx-center .v3-hero .lead{text-align:center;margin-left:auto;margin-right:auto}.spx-center .v3-hero h1{max-width:900px}.spx-center .v3-hero .lead{max-width:720px}.spx-center .v3-hero .eyeb-ic{justify-content:center}.spx-center .spx-lead{justify-content:center;text-align:center}.spx-center .v3-trust{justify-content:center;text-align:center;align-items:center;display:flex;flex-wrap:wrap;gap:8px 14px}.spx-center .v3-hero .v3-ill{order:1;max-width:760px;width:100%;margin:8px auto 0}.spx-center .v3-final .v3-txt>*{text-align:center}.spx-center .v3-final .v3-split>.v3-ill{max-width:600px}
.spx-center .v3-split,.spx-center .v3-split.rev,.spx-center .hero-split{gap:0!important}
.spx-center .v3-split>.v3-txt>.v3-head{margin-bottom:18px}
.spx-center .v3-split>.v3-txt>p{margin-top:12px}
.spx-center .v3-split>.v3-txt>.ctas{margin-top:24px}
.spx-center .v3-split>.v3-ill,.spx-center .v3-hero .v3-split>.v3-ill{width:fit-content!important;max-width:100%;margin:40px auto 0!important}
.spx-center .v3-split>.v3-txt>.v3-items,.spx-center .v3-split>.v3-txt>.v3-cols,.spx-center .v3-split>.v3-txt>.v3-steps{margin-top:40px!important}
.spx-center .v3-hero .v3-split>.v3-txt>*{order:0!important;margin-left:auto;margin-right:auto}
.spx-center .v3-hero .v3-split>.v3-txt>.ctas{margin-top:28px}
.spx-center .v3-hero .v3-split>.v3-txt>.v3-trust{margin-top:22px}
.spx-center .v3-hero .v3-split>.v3-ill{order:1!important}
.spx-center .v3-hero .v3-split>.v3-txt>.lead{margin-top:20px}.spx-center .v3-hero .v3-split>.v3-txt>.spx-lead{margin-top:18px}.spx-center .v3-trust .tline{text-align:center}@media(max-width:700px){.spx-center .v3-trust .tline{width:100%}}
/* spx in-house cost source note */
.spx-center .cost-src.spx-src{margin:10px 0 0;max-width:none;font-size:12px;line-height:1.5;color:#56627c;text-align:left}.spx-center .cost-src.spx-src a{color:#8a6210;font-weight:600}
/* spx centered graphics sized like Home (service pages) */
@media(min-width:1024px){.spx-center section:not(.v3-hero) .v3-split>.v3-ill{zoom:.8}.spx-center #flow .sg-flow.wide{max-width:780px;margin-left:auto;margin-right:auto}}
.spx-center .v3-head,.spx-center .v3-head.center{max-width:976px}
/* spx light graphics in Home's illustration style (service pages) */
.spx-center .sg{--g:#bf9d47;--gt:#8a6210;--n0:#ffffff;--n1:#ffffff;--n2:#f5f5f7;--ln:#e5e7ee;--ln2:#d6d9e2;--tx:#0e2347;--mu:#56627c;--mu2:#6b7280}
.spx-center .sg-win{box-shadow:0 30px 60px -30px rgba(14,35,71,.22)}
.spx-center .sg-band{background:rgba(14,35,71,.02)}
.spx-center .sg-doc{box-shadow:0 6px 14px rgba(14,35,71,.10);border:1px solid #e5e7ee}
.spx-center .sg-paper,.spx-center .sg-bub,.spx-center .sg-toast{border:1px solid #e5e7ee}
.spx-center .mt .mti .sg-ba{background:#f5f5f7;color:#0e2347;border:1px solid #e5e7ee}
.spx-center .sg-seatadd{color:#fff}
@keyframes sg-ta{0%,44%{color:#ffffff}48%,94%{color:#56627c}98%,100%{color:#ffffff}}
@keyframes sg-pb{0%,44%{border-color:#e5e7ee;background-color:#ffffff}48%,94%{border-color:#bf9d47;background-color:rgba(191,157,71,.10)}98%,100%{border-color:#e5e7ee;background-color:#ffffff}}
.spx-center .ilx{background:#fff!important;color:#0e2347!important;border:1px solid #e5e7ee;box-shadow:0 30px 70px -34px rgba(14,35,71,.28)!important}
.spx-center .sg-st.g{background:rgba(191,157,71,.10)}
.spx-center .sg-shield{color:#8a6210}
/* spx Matches Home audit (service pages) */
.spx-center .v3-head .kicker{display:block;margin:0 auto 8px;text-align:center}
.spx-center .v3-split:not(.hero-split)>.v3-txt>.kicker{text-align:center;order:0}
.spx-center .v3-head .lead,.spx-center section:not(.v3-hero) .v3-txt>.lead{font-size:clamp(17px,1.35vw,19px)}
.spx-center .v3-hero h1{max-width:1040px}
.spx-center .v3-items .v3-it,.spx-center .v3-cols>*{background:#f5f5f7;border-radius:28px;padding:28px;box-shadow:0 18px 40px -30px rgba(14,35,71,.25);border:0}
.spx-center .v3-items .v3-it .ri{background:#fff;border-radius:12px;color:#8a6210}
.spx-center .cst{border-radius:28px;box-shadow:0 18px 40px -30px rgba(14,35,71,.25)}
.spx-center .sg-chip.g,.spx-center .sg-seg.g,.spx-center .sg-seg.g span,.spx-center .sg-seatadd{color:#0e2347!important}
/* spx recheck fixes */
.spx-center .v3-hero .v3-split>.v3-txt{display:flex;flex-direction:column;align-items:center;width:100%}
.spx-center .v3-hero h1{font-size:clamp(52px,8.4vw,100px)!important;max-width:none;margin-top:10px}
.spx-center .menu4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:40px}
.spx-center .menu4 .mt{display:flex;flex-direction:column;gap:18px;background:#f5f5f7;border:0;border-top:0;border-radius:28px;padding:28px;box-shadow:0 18px 40px -30px rgba(14,35,71,.25);text-align:left}
.spx-center .menu4 .mt .mti .sg-ba{background:#fff}
@media(max-width:860px){.spx-center .menu4{grid-template-columns:1fr}.spx-center .menu4 .mt{padding:22px}}
/* spx hero offset like Home: no section top padding, Home's .hcopy padding (64px base; 52px mobile / 40px desktop as Home's .hstory values) */
.spx-center .v3-hero{padding-top:0}
.spx-center .v3-hero .hcopy{padding-top:52px}
@media(min-width:1069px){.spx-center .v3-hero .hcopy{padding-top:40px}}
.spx-center .v3-hero .v3-split>.v3-txt>.lead{margin-top:22px}.spx-center .v3-hero .v3-split>.v3-txt>.ctas{margin-top:32px}.spx-center .v3-hero .v3-split>.v3-txt>.note{margin-top:14px;font-size:14px;color:var(--muted)}.spx-center .v3-hero .v3-split>.v3-txt>.v3-trust{margin-top:18px}
/* spx hero proof row: Home's .trust values; ATS hygiene chips laid out without overlap */
.spx-center .v3-hero .trust{margin-top:18px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 18px;font-size:14px;color:var(--muted);width:100%}
.spx-center .sg-mess{height:auto;display:flex;flex-wrap:wrap;gap:8px 6px;padding:4px 0}
.spx-center .sg-mess>span{position:static}

/* Shair 16 Oct: remove Senior Project Lead badge sitewide; text lines stay */
.hw-spl{display:none!important}

/* UX pass v1.7 (19 Oct): subpage heroes match Home */
/* hero CTA: Home's hero button, same height-based unit as Home's desktop hero */
@media (min-width:1069px){
  .spx-center .v3-hero{--u:clamp(.6px,calc((100vh - 93px) / 790),1px)}
  .spx-center .v3-hero .ctas .btn{font-size:max(17.5px,calc(20 * var(--u)));min-height:max(46px,calc(52 * var(--u)));padding:calc(14 * var(--u)) calc(26 * var(--u))}
  /* H1 on two lines like Home: wider measure, size set per page from the longest line (no copy change) */
  .spx-center .v3-hero h1.h-xl{width:min(1280px,calc(100vw - 96px));max-width:none!important;margin-left:calc((100% - min(1280px,100vw - 96px)) / 2)!important;margin-right:calc((100% - min(1280px,100vw - 96px)) / 2)!important;font-size:min(100px,calc(min(1280px,100vw - 96px) / var(--h1r,16)))!important}
}
@media (max-width:1068px){
  .spx-center .v3-hero .ctas .btn{font-size:19.5px;min-height:52px;padding:14px 26px}
  /* proof pill: Home's text size and padding, so it stays on one line at 360 */
  .spx-center .v3-hero .trust{font-size:13px;gap:8px 14px}
  .spx-center .v3-hero .tchip{padding:4px 11px 4px 9px;line-height:1.2}
}
/* Agencies task cards: Home's gold line icon tile and title spacing */
.spx-center .menu4 .mt .ic{width:52px;height:52px;border-radius:16px;background:#fff;color:var(--gold-deep,#8a6210);display:grid;place-items:center;box-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 20px rgba(14,35,71,.06);margin-bottom:16px}
.spx-center .menu4 .mt h3{margin-top:0}
.spx-center .menu4 .mt .mtx p{margin-top:8px}

/* proof pill: balanced wrap on narrow screens */
.tchip{text-wrap:balance}

/* Hero polish 19 Oct (UX spec): H1 lines as spans, Home's 1040px measure, Home's proof pill sizing; pill shrink-wraps on phones */
.v3-hero h1.h-xl .l1,.v3-hero h1.h-xl .l2{display:inline}
@media (min-width:768px){.spx-center .v3-hero h1.h-xl .l1,.spx-center .v3-hero h1.h-xl .l2{display:block}}
@media (min-width:1069px){
  .spx-center .v3-hero h1.h-xl{width:auto;max-width:1040px!important;margin-left:auto!important;margin-right:auto!important}
  .spx-center .v3-hero .trust{gap:8px 14px;font-size:max(12px,calc(13 * var(--u)))}
  .spx-center .v3-hero .tchip{min-height:max(28px,calc(34 * var(--u)));padding:calc(4 * var(--u)) 11px calc(4 * var(--u)) 9px;line-height:1.2}
  .spx-center .v3-hero .tchip sup a{min-height:0;min-width:0;display:inline-block;padding:17px 21px;margin:-17px -19px;line-height:inherit}
}
@media (max-width:480px){
  .trust .tchip{width:fit-content;max-width:100%}
  .tchip .tx{text-align:left}
  .tchip .pl{display:block}
}

/* SITEWIDE HERO SCALE (Shair, 19 Oct): Companies and Agencies heroes use Home's responsive composition.
   Same unit --u as Home (1px on ~880px+ tall viewports, down to .6px on short laptops), so kicker, H1, lead,
   CTA, note and proof row scale together exactly like Home. Header-to-kicker gap fixed at Home's 40px.
   Both service H1s share one size, sized from Home's 1040px measure (--h1w / --h1r:14.3, the longer headline line) so the two pages match each other. Phones unchanged (already equal to Home). */
@media (min-width:1069px){
  .spx-center .v3-hero{--h1r:15.5;--h1w:min(1120px,100vw - 96px);padding-bottom:calc(90 * var(--u))}
  .spx-center .v3-hero .v3-split>.v3-txt>.kicker{margin-top:0;font-size:max(14px,calc(17 * var(--u)))}
  .spx-center .v3-hero h1.h-xl{width:var(--h1w);max-width:none!important;margin:calc(10 * var(--u)) calc((100% - var(--h1w)) / 2) 0!important;font-size:min(100px,calc(100 * var(--u)),calc(var(--h1w) / var(--h1r,14.3)))!important}
  .spx-center .v3-hero .v3-split>.v3-txt>.lead{margin-top:calc(22 * var(--u));font-size:min(clamp(19px,2vw,24px),max(15px,calc(24 * var(--u))));max-width:calc(700 * var(--u))}
  .spx-center .v3-hero .v3-split>.v3-txt>.ctas{margin-top:calc(32 * var(--u))}
  .spx-center .v3-hero .v3-split>.v3-txt>.note{margin-top:calc(14 * var(--u));font-size:max(12.5px,calc(14 * var(--u)))}
  .spx-center .v3-hero .trust{margin-top:calc(14 * var(--u));gap:8px 14px;font-size:max(12px,calc(13 * var(--u)))}
  .spx-center .v3-hero .tchip{min-height:max(28px,calc(34 * var(--u)));padding:calc(4 * var(--u)) 11px calc(4 * var(--u)) 9px;line-height:1.2}
  .spx-center .v3-hero .tchip sup a{min-height:0;min-width:0;display:inline-block;padding:17px 21px;margin:-17px -19px;line-height:inherit}
}

/* Pill footnote: the 1 sits just after the full stop, inside the pill padding (desktop; -4px offsets the 7px flex gap); tap area stays 44x44 via the sup a padding */
@media (min-width:1069px){.hero .tchip sup,.spx-center .v3-hero .tchip sup{margin:0 0 0 -4px}}

/* Footer LinkedIn link (Shair, 20 Oct): 44px tap target, muted like the footer, gold on hover */
.foot .fsoc{display:inline-flex;align-items:center;gap:6px 20px;flex-wrap:wrap}
.foot .fli{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--ink,#0e2347);text-decoration:none;font-weight:600}
.foot .fli svg{color:#0e2347;transition:color .2s}
.foot .fli:hover,.foot .fli:hover svg{color:var(--gold-deep,#8a6210)}
.foot .fli:focus-visible{outline:2px solid var(--gold-deep,#8a6210);outline-offset:2px;border-radius:6px}

/* Service heroes (Shair, 20 Oct): on desktop the hero fills the first screen and its copy sits in the middle of it,
   so the copy comes down from the header and the next section starts below the fold (like Home's first view). */
@media (min-width:1069px){
  .spx-center .v3-hero{padding-bottom:0}
  .spx-center .v3-hero .v3-sticky{min-height:calc(100svh - 61px);display:flex;flex-direction:column;justify-content:center;padding-block:32px 48px}
  .spx-center .v3-hero .v3-sticky>.wrap{width:100%}
  .spx-center .v3-hero .hcopy{padding-top:0!important}
}
.nw{white-space:nowrap}