/* ═══════════════════════════════════════════════════════════
   DESIGN TOKENS
   LP charte : beige #EAE4D9 + near-black #1A1814 + Poppins 900
   Animation : dark palette client (image uploade)
═══════════════════════════════════════════════════════════ */
:root{/* LP charte V1 (beige/dark) */
  --bg:#EAE4D9;--bg2:#F2EEE6;--bg3:#D8D0C2;--dk:#1A1814;--dk2:#2B2620;--dk3:#3D3830;--mu:#6B6560;--mu2:#9A948E;--ln:rgba(26,24,20,.12);--ln2:rgba(26,24,20,.06);/* Pipeline animation dark palette (client colors) */
  --a-bg:    #202020;/* near-black — fond panneau */
  --a-bg2:   #414141;/* dark gray — engine rings, borders */
  --a-cream: #F3F0EC;/* off-white — particle bg */
  --a-warm1: #D3CFC6;/* light warm gray */
  --a-warm2: #C0BCAF;/* medium warm gray */
  --a-warm3: #B5AF9F;/* muted warm gray */
  --a-accent:#E18D5E;/* terracotta — FIRE accent */
  --a-white: #FFFFFF;/* Score colors using client palette */
  --fire-dk:  #E18D5E;/* terracotta */
  --fire-bg:  rgba(225,141,94,.12);--fire-bd:  rgba(225,141,94,.35);--hot-dk:   #C0BCAF;/* warm gray */
  --hot-bg:   rgba(192,188,175,.1);--hot-bd:   rgba(192,188,175,.3);--warm-dk:  #B5AF9F;--warm-bg:  rgba(181,175,159,.08);--warm-bd:  rgba(181,175,159,.25);--cold-dk:  #414141;--cold-bg:  rgba(65,65,65,.15);--cold-bd:  rgba(65,65,65,.3);/* Score for LP light sections */
  --fire-lt:#F5E8E6;--hot-lt:#F5EEE0;--warm-lt:#E4F0E8;--cold-lt:#EDEDEB;--fire-cl:#C43A2A;--hot-cl:#B06B1A;--warm-cl:#2A6640;--cold-cl:#6B6560;--f:'Poppins',system-ui,sans-serif;--v6-bg:#F1ECE5;--v6-bg2:#E8E0D3;--v6-panel:#1F1F1D;--v6-line:rgba(31,31,29,.13);--v6-muted:#77716A;--v6-soft:#D8D0C3;--v6-accent:#E18D5E;--page:#F1ECE5;--ink:#20201E;--muted:#6F6962;--line:rgba(31,31,29,.26);--dark:#1F1F1D;--soft:#D8D0C3;--accent:#E18D5E;--page-bg:#F1ECE5;--sand:#D8D0C3;--terracotta:#E18D5E}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:smooth;scroll-padding-top:86px!important}
body{background:var(--page-bg)!important;color:var(--ink)!important;font-family:'Poppins',system-ui,sans-serif!important;font-weight:400!important;line-height:1.65;overflow-x:hidden!important;font-size:15px;padding-top:0!important}
.wrap{max-width:1500px!important;margin:0 auto;padding:0 54px!important;width:100%!important;margin-left:auto!important;margin-right:auto!important;padding-left:clamp(72px,7.5vw,142px)!important;padding-right:clamp(72px,7.5vw,142px)!important}
.eye{font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--mu);margin-bottom:14px}
.h2{font-size:clamp(26px,3vw,42px);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;color:var(--dk);line-height:1.08;margin:14px 0 20px}
.h2 em{font-style:italic;font-weight:300;text-transform:none;color:var(--mu)}
/* ── URGENCY ─────────────────────────────────────────── */
.urg{background:var(--dk);color:var(--bg);text-align:center;font-size:11px;font-weight:500;letter-spacing:.06em;padding:9px 20px;z-index:100;position:relative;display:none!important}
.urg em{color:var(--bg3);font-style:normal}
/* ── NAV ─────────────────────────────────────────────── */
nav{position:sticky!important;top:0!important;z-index:10000!important;background:rgba(241,236,229,.96)!important;border-bottom:1px solid rgba(31,31,29,.08)!important;box-shadow:none!important;left:0!important;transform:none!important;width:100%!important;max-width:1140px!important;right:0!important;border:none!important;border-radius:999px!important;backdrop-filter:blur(8px)}
.nav-i{display:flex!important;align-items:center!important;justify-content:space-between;height:78px!important}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.logo-oxo{font-size:24px!important;font-weight:900!important;letter-spacing:-.03em!important;color:#1D1C19!important;line-height:1!important}
.logo-sub{font-size:10px!important;font-weight:600;letter-spacing:.24em!important;text-transform:uppercase;color:#716B64!important;border-left:1px solid var(--ln);padding-left:12px;margin-left:2px;line-height:1!important}
.nav-l{display:flex;align-items:center;gap:34px!important;list-style:none}
.nav-l a{font-size:12px!important;font-weight:600!important;letter-spacing:.12em!important;text-transform:none!important;color:#5e5852!important;text-decoration:none;transition:color .2s;line-height:1!important}
.nav-l a:hover{color:#1D1C19!important}
.btn-dk{display:inline-block;font-family:var(--f);cursor:pointer;text-decoration:none;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:1.5px solid var(--dk);transition:all .25s}
.btn-dk-solid{background:#1D1C19!important;color:#F1ECE5!important;padding:15px 26px!important;font-size:12px!important;border-color:#1D1C19!important;letter-spacing:.06em!important;font-weight:700!important;border-radius:999px!important}
.btn-dk-solid:hover{background:transparent!important;color:#1D1C19!important}
.btn-dk-lg{background:#211F1D!important;color:#fff!important;padding:18px 26px!important;font-size:18px!important;border-color:#1f1f1d!important;text-transform:none!important;letter-spacing:0!important;font-weight:400!important}
.btn-dk-lg:hover{background:transparent;color:var(--dk)}
.btn-outline{background:transparent;color:var(--dk);padding:15px 32px;font-size:12px;border:1.5px solid var(--dk)}
.btn-outline:hover{background:var(--dk);color:var(--bg)}
/* ═══════════════════════════════════════════════════════════
   HERO — 2 colonnes
═══════════════════════════════════════════════════════════ */
.hero{display:grid;grid-template-columns:minmax(470px,1fr) minmax(520px,620px)!important;min-height:0!important;align-items:center!important;overflow:hidden;max-width:1380px!important;margin:0 auto!important;background:var(--page)!important;padding:98px clamp(64px,7vw,128px) 82px!important;gap:clamp(70px,7vw,120px)!important;width:100%!important}
.hero-l{padding:0!important;display:flex;flex-direction:column;justify-content:flex-start!important}
.hero-eyebrow{display:flex;align-items:center;gap:10px;font-size:8px!important;font-weight:600;letter-spacing:.20em!important;text-transform:uppercase;color:#7C766F!important;margin-bottom:24px!important}
.hero-eyebrow::before{content:'';width:0!important;height:0!important;background:var(--dk);border-radius:50%;flex-shrink:0;animation:blink 2s infinite;margin:0!important}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.25}}
.hero-l h1{font-size:clamp(52px,4.65vw,72px)!important;font-weight:400!important;text-transform:none!important;letter-spacing:-.045em!important;line-height:1.05!important;margin:0 0 28px!important;margin-bottom:22px!important;max-width:640px!important;color:var(--ink)!important}
.hero-l h1 .sub-hl{display:block!important;font-weight:800!important;font-style:normal!important;text-transform:uppercase!important;font-size:1em!important;color:var(--ink)!important;letter-spacing:-.035em!important;margin-top:0!important;line-height:.98!important}
.hero-sub{font-size:17px!important;color:var(--ink)!important;line-height:1.45!important;margin-bottom:34px!important;max-width:560px!important;font-weight:400!important}
.hero-cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:12px!important}
.hero-micro{font-size:12px!important;color:#77716a!important}
.hero-proof-strip{display:none!important;align-items:center;gap:20px;margin-top:28px;padding-top:24px;border-top:1px solid var(--ln)}
.hps-item{font-size:11px;color:var(--mu2);display:flex;align-items:center;gap:6px}
.hps-item strong{font-size:18px;font-weight:900;color:var(--dk)}
/* ─── HERO RIGHT — dark animation panel ─────────────── */
.hero-r{background:transparent!important;display:flex;align-items:center!important;justify-content:center!important;padding:0!important;position:relative;overflow:hidden;min-height:0!important}
/* subtle dot grid */
.hero-r::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(243,240,236,.06) 1px,transparent 1px);background-size:24px 24px;pointer-events:none;display:none!important}
/* ═══════════════════════════════════════════════════════════
   PIPELINE ANIMATION — dark palette
═══════════════════════════════════════════════════════════ */
.pipeline{width:100%!important;max-width:620px!important;position:relative;z-index:1;filter:none!important}
.pipe-head{font-size:9px!important;font-weight:700;letter-spacing:.08em!important;text-transform:none!important;color:#f3f0ec!important;text-align:center;margin-bottom:14px;display:flex;align-items:center;justify-content:center;gap:8px;background:#202020!important;margin:0!important;border-radius:16px 16px 0 0!important;padding:26px 28px 12px!important;line-height:1.4!important;min-height:68px!important}
.pipe-head::before,.pipe-head::after{content:'';flex:1;height:1px;background:rgba(243,240,236,.1);display:none!important}
.pipe-live{width:6px;height:6px;background:var(--a-accent);border-radius:50%;animation:blink .9s infinite}
/* 3-column stage */
.pipe-stage{display:grid;grid-template-columns:154px 1fr 172px!important;min-height:330px!important;background:var(--a-bg);border:1px solid rgba(243,240,236,.08);border-radius:0!important;border-color:rgba(243,240,236,.12)!important}
/* Sources col */
.src-col{border-right:1px solid rgba(243,240,236,.08);padding:14px 10px;display:flex;flex-direction:column;gap:5px}
.src-hd{font-size:8px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--a-warm3);margin-bottom:5px}
.src-tag{font-size:8px!important;font-weight:500;background:rgba(243,240,236,.05);border:1px solid rgba(243,240,236,.1);padding:4px 6px!important;color:var(--a-warm2);text-align:center}
.src-spacer{flex:1}
/* Engine col */
.eng-col{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 8px;position:relative}
.eng-col::before,.eng-col::after{content:'';position:absolute;top:50%;height:1px;background:rgba(243,240,236,.08);width:9999px}
.eng-col::before{right:100%}
.eng-col::after{left:100%}
.eng-wrap{position:relative;width:96px;height:96px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.er{position:absolute;border-radius:50%;border:1.5px solid}
.er1{width:96px;height:96px;border-color:rgba(243,240,236,.25);border-right-color:transparent;animation:sp 4s linear infinite}
.er2{width:70px;height:70px;border-color:rgba(192,188,175,.3);border-bottom-color:transparent;animation:sp 3s linear infinite reverse}
.er3{width:46px;height:46px;border-color:rgba(243,240,236,.2);border-left-color:transparent;animation:sp 2s linear infinite}
@keyframes sp{to{transform:rotate(360deg)}}
.eng-core{width:34px;height:34px;background:var(--a-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2;animation:pc 2s ease-in-out infinite;box-shadow:0 0 20px rgba(225,141,94,.35)}
@keyframes pc{0%,100%{transform:scale(1);box-shadow:0 0 20px rgba(225,141,94,.35)}50%{transform:scale(1.1);box-shadow:0 0 30px rgba(225,141,94,.5)}}
.eng-core-dot{width:10px;height:10px;background:var(--a-bg);border-radius:50%}
.eng-lbl{font-size:8px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--a-warm2);text-align:center;margin-top:10px;line-height:1.5}
.scan{position:absolute;left:50%;transform:translateX(-50%);width:1px;background:linear-gradient(180deg,transparent,rgba(225,141,94,.5),transparent);height:0;top:0;animation:scn 2.5s ease-in-out infinite;pointer-events:none}
@keyframes scn{0%{height:0;top:0;opacity:0}15%{opacity:1}50%{height:68px;top:28px}85%{opacity:1}100%{height:0;top:110px;opacity:0}}
/* Output col */
.out-col{border-left:1px solid rgba(243,240,236,.08);padding:10px 8px;display:flex;flex-direction:column;gap:5px}
.out-hd{font-size:8px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--a-warm3);margin-bottom:4px}
.o-lane{display:flex;align-items:center;gap:6px;padding:6px!important;border:1px solid;min-height:42px!important;position:relative;overflow:hidden}
.o-ico{font-size:12px;flex-shrink:0}
.o-info{flex:1;min-width:0}
.o-nm{font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.o-cnt{font-size:8px;opacity:.6;margin-top:2px;font-weight:400}
.o-rg{font-size:8px!important;font-weight:900;flex-shrink:0}
.o-flash{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .08s}
/* lane colors — dark palette */
.ol-f{background:rgba(225,141,94,.1);border-color:rgba(225,141,94,.3);color:var(--a-accent)}
.ol-h{background:rgba(192,188,175,.08);border-color:rgba(192,188,175,.25);color:var(--a-warm1)}
.ol-w{background:rgba(181,175,159,.06);border-color:rgba(181,175,159,.2);color:var(--a-warm3)}
.ol-c{background:rgba(65,65,65,.2);border-color:rgba(65,65,65,.35);color:rgba(243,240,236,.4)}
/* Lead particles (fixed, body-level) */
.lp{position:fixed;font-size:9px;font-weight:700;letter-spacing:.04em;background:var(--a-cream);border:1px solid rgba(65,65,65,.3);padding:4px 8px;color:var(--a-bg);opacity:0;z-index:9999;pointer-events:none;box-shadow:0 2px 10px rgba(0,0,0,.35);text-transform:uppercase;white-space:nowrap}
.lp .lp-s{font-size:8px;font-weight:400;color:var(--a-bg2);display:block;margin-top:1px}
/* Alert notification */
.pipe-alert{background:var(--a-accent);color:var(--a-bg);padding:8px 12px!important;font-size:8px!important;font-weight:600;display:flex;align-items:center;gap:8px;transform:translateY(100%);transition:transform .4s cubic-bezier(.34,1.56,.64,1);border-top:1px solid rgba(0,0,0,.1)}
.pipe-alert.on{transform:translateY(0)}
.pa-dot{width:6px;height:6px;background:var(--a-bg);border-radius:50%;animation:blink .9s infinite;flex-shrink:0}
/* Stats bar */
.pipe-stats{display:grid;grid-template-columns:repeat(3,1fr);border:none!important;border-top:none;border-radius:0 0 0 0!important;background:#f3f0ec!important;color:#1f1f1d!important}
.ps{background:#f3f0ec!important;padding:10px 8px!important;text-align:center;border-right:1px solid rgba(31,31,29,.1)!important}
.ps:last-child{border-right:none}
.ps-v{font-size:19px!important;font-weight:900;color:#1f1f1d!important;line-height:1}
.ps-l{font-size:7px!important;font-weight:500;color:#8b857d!important;letter-spacing:.08em;text-transform:uppercase;margin-top:3px}
/* ═══════════════════════════════════════════════════════════
   KPIs
═══════════════════════════════════════════════════════════ */
.kpi-s{background:var(--page)!important;padding:74px 0 96px!important}
.kpi-g{display:grid;grid-template-columns:1fr 1px 1fr 1px 1fr!important}
.kpi-dv{background:rgba(31,31,29,.28)!important}
.kpi-i{padding:26px 44px!important;text-align:left!important}
.kpi-n{font-size:clamp(54px,5vw,78px)!important;font-weight:800!important;color:var(--ink)!important;line-height:1;letter-spacing:-.05em!important}
.kpi-lb{font-size:16px!important;color:var(--ink)!important;line-height:1.45!important;margin-top:12px!important;font-weight:300}
.kpi-sr{font-size:12px!important;color:var(--ink)!important;margin-top:8px;letter-spacing:0!important;text-transform:none!important;display:block!important;font-weight:600!important}
/* ═══════════════════════════════════════════════════════════
   SOCIAL PROOF SECTION
   [PLACEHOLDER — À briefer avec l'équipe design/dev]
═══════════════════════════════════════════════════════════ */
.sp-s{padding:80px 0;background:var(--bg2);border-top:1px solid var(--ln)}
.sp-header{text-align:center;margin-bottom:52px}
.sp-logos{display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap;padding-bottom:52px;border-bottom:1px solid var(--ln);margin-bottom:52px}
.sp-logo-ph{height:32px;width:110px;background:var(--bg3);border:1px solid var(--ln);border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mu2)}
.sp-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:52px}
.sp-card{background:var(--bg);border:1px solid var(--ln);padding:28px 24px;position:relative}
.sp-card-badge{position:absolute;top:0;left:24px;background:var(--dk);color:var(--bg);font-size:8px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:4px 10px;transform:translateY(-50%)}
.sp-metric{font-size:36px;font-weight:900;color:var(--dk);line-height:1;letter-spacing:-.03em;margin:16px 0 6px}
.sp-metric-lbl{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mu);margin-bottom:12px}
.sp-quote{font-size:12px;color:var(--mu2);line-height:1.65;font-style:italic;font-weight:300;border-top:1px solid var(--ln);padding-top:14px;margin-top:14px}
.sp-author{font-size:10px;font-weight:600;color:var(--mu);letter-spacing:.06em;text-transform:uppercase;margin-top:10px}
.sp-testimonial{background:var(--dk);padding:40px 48px;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}
.sp-test-text{font-size:17px;font-weight:300;color:var(--bg);line-height:1.65;font-style:italic;max-width:600px}
.sp-test-text strong{color:var(--bg2);font-weight:700;font-style:normal}
.sp-test-by{text-align:right}
.sp-test-name{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--bg2)}
.sp-test-role{font-size:10px;color:rgba(234,228,217,.45);margin-top:4px;font-weight:300}
.sp-disclaimer{font-size:10px;color:var(--mu2);text-align:center;margin-top:32px;font-style:italic}
/* placeholder overlay */
.sp-ph-overlay{background:rgba(234,228,217,.6);border:2px dashed var(--bg3);padding:20px;text-align:center;font-size:11px;color:var(--mu);font-style:italic;line-height:1.6;letter-spacing:.02em;position:relative}
.sp-ph-label{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:var(--bg3);color:var(--mu);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:2px 10px}
/* ═══════════════════════════════════════════════════════════
   CALCULATOR — fully interactive
═══════════════════════════════════════════════════════════ */
.calc-s{padding:112px 0 124px!important;background:#1F1F1D!important;color:#fff!important}
.sec-hd{text-align:center;margin-bottom:52px}
.calc-bd{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--ln)}
.calc-in{padding:44px;border-right:1px solid var(--ln)}
.calc-in h3{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;margin-bottom:32px;color:var(--dk)}
.cf{margin-bottom:26px}
.cf label{display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--a-warm3);margin-bottom:10px;cursor:default}
.cf label .rv{font-size:13px;font-weight:800;color:var(--a-cream);text-transform:none;letter-spacing:0}
input[type=range]{display:block;width:100%;-webkit-appearance:none;height:2px;background:rgba(243,240,236,.15);outline:none;cursor:pointer;border-radius:2px}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--dk);cursor:pointer;border:3px solid var(--bg);box-shadow:0 0 0 1px var(--dk)}
input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--dk);cursor:pointer;border:3px solid var(--bg)}
.calc-rs{padding:44px;background:var(--bg2)}
.calc-rs h3{font-size:9px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--mu);margin-bottom:28px}
.r-hero{padding:24px;border:1px solid var(--ln);background:var(--bg);text-align:center;margin-bottom:18px}
.r-lbl{font-size:9px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--mu);margin-bottom:8px}
.r-num{font-size:clamp(26px,3vw,40px);font-weight:900;color:var(--dk);line-height:1;letter-spacing:-.03em;transition:all .3s}
.r-sub{font-size:10px;color:var(--mu2);margin-top:6px}
.r-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}
.ri{background:var(--bg);border:1px solid var(--ln);padding:12px}
.ri-l{font-size:8px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mu2);margin-bottom:4px}
.ri-v{font-size:18px;font-weight:800;color:var(--dk);letter-spacing:-.01em;transition:all .3s}
.calc-note{font-size:10px;color:var(--mu2);line-height:1.6}
.calc-note a{color:var(--dk);font-weight:600}
.calc-cta{margin-top:20px}
.calc-cta a{display:block;width:100%;text-align:center;background:var(--dk);color:var(--bg);border:1.5px solid var(--dk);padding:13px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-family:var(--f);text-decoration:none;transition:all .25s}
.calc-cta a:hover{background:transparent;color:var(--dk)}
/* ═══════════════════════════════════════════════════════════
   OXO LEAD INTEL (dark section)
═══════════════════════════════════════════════════════════ */
/* old dark int-s removed */
/* old dark int-g styles removed */
.sc-cards{display:flex;flex-direction:column;gap:7px}
.sc{display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid;transition:transform .2s;cursor:default}
.sc:hover{transform:translateX(4px)}
.sc-ico{font-size:15px;flex-shrink:0}
.sc-info{flex:1}
.sc-nm{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px}
.sc-ds{font-size:10px;opacity:.55;font-weight:300}
.sc-bw{flex:1;height:2px;background:rgba(255,255,255,.06)}
.sc-b{height:100%}
.sc-rg{font-size:15px;font-weight:900;letter-spacing:-.02em;flex-shrink:0}
.sf{background:rgba(225,141,94,.1);border-color:rgba(225,141,94,.3);color:var(--a-accent)}
.sh{background:rgba(192,188,175,.08);border-color:rgba(192,188,175,.25);color:var(--a-warm1)}
.sw{background:rgba(181,175,159,.06);border-color:rgba(181,175,159,.2);color:var(--a-warm3)}
.sco{background:rgba(65,65,65,.2);border-color:rgba(65,65,65,.35);color:rgba(243,240,236,.35)}
.sf .sc-b{background:var(--a-accent);width:100%}
.sh .sc-b{background:var(--a-warm1);width:72%}
.sw .sc-b{background:var(--a-warm3);width:46%}
.sco .sc-b{background:#414141;width:18%}
.int-feats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.06);margin-top:26px}
.if{padding:20px;background:var(--dk);transition:background .2s}
.if:hover{background:rgba(255,255,255,.03)}
.if-ico{font-size:18px;margin-bottom:9px}
.if-t{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--bg);margin-bottom:4px}
.if-d{font-size:10px;color:rgba(234,228,217,.38);line-height:1.65;font-weight:300}
/* ═══════════════════════════════════════════════════════════
   PRICING
═══════════════════════════════════════════════════════════ */
.pr-s{padding:112px 0 112px!important;background:var(--page)!important;padding-bottom:44px!important}
.pr-hd{text-align:center!important;margin-bottom:62px!important}
.pr-g{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:24px!important;align-items:start;max-width:1260px!important;margin:0 auto!important;width:100%!important}
.pc{border:0!important;background:#fff!important;transition:transform .25s;border-radius:12px!important;overflow:hidden!important;min-height:720px!important;display:flex!important;flex-direction:column!important}
.pc:hover{transform:translateY(-3px)}
.pc.feat{border-color:var(--dk);border-width:2px}
.pc-badge{background:var(--dk);color:var(--bg);text-align:center;font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;padding:6px}
.pc-badge-popular{background:#1f1f1d;color:#fff}
.pc-badge-annual{background:#b8a87a;color:#fff}
.pc-badge-dur{background:#1f1f1d;color:rgba(255,255,255,.75);text-align:center;font-size:10px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;padding:7px 12px;display:block}
.pc-badge-dur-light{background:#f0ece5;color:#5f5a54}
.pc-savings{display:inline-block;font-size:10px;font-weight:700;color:#b8a87a;letter-spacing:.05em;text-transform:uppercase;margin-left:6px}
.pc-hd{padding:58px 52px 34px!important;border-bottom:1px solid var(--ln)}
.pc-nm{font-size:14px!important;font-weight:800!important;letter-spacing:.02em!important;text-transform:uppercase!important;color:inherit!important;margin-bottom:7px}
.pc-tl{font-size:19px!important;font-weight:800!important;color:var(--dk);margin-bottom:16px;line-height:1.3!important;text-transform:uppercase;letter-spacing:-.01em!important}
.pc-amt{display:flex;align-items:baseline;gap:4px}
.pc-cu{font-size:17px;font-weight:300;color:var(--mu)}
.pc-nb{font-size:60px!important;font-weight:800!important;color:var(--dk);line-height:1;letter-spacing:-.04em}
.pc-pp{font-size:11px;color:var(--mu);font-weight:300}
.pc-pn{margin-top:9px;font-size:11px;color:var(--mu)}
.pc-pn strong{color:var(--dk);font-weight:700}
.pc-bd{padding:38px 52px 52px!important;display:flex!important;flex-direction:column!important;flex:1!important}
.pc-fl{list-style:none;display:flex;flex-direction:column;gap:13px!important;margin-bottom:24px}
.pc-fl li{display:flex;align-items:flex-start;gap:8px;font-size:15px!important;color:#242321!important;line-height:1.4!important}
.pc-fl li::before{content:'→';color:var(--dk);flex-shrink:0;font-weight:700;display:none!important}
.pc-fl li.ex{color:var(--mu2);text-decoration:line-through}
.pc-fl li.ex::before{content:'×';color:var(--mu2)}
.btn-pr{display:block;width:100%;text-align:center;border:1.5px solid var(--dk);color:var(--dk);background:transparent;padding:17px 20px!important;font-size:18px!important;font-weight:400!important;letter-spacing:0!important;text-transform:none!important;font-family:var(--f);cursor:pointer;text-decoration:none;transition:all .25s;margin-top:auto!important;border-color:currentColor!important}
.btn-pr:hover,.pc.feat .btn-pr{background:var(--dk);color:var(--bg)}
.pc-note{font-size:12px!important;color:var(--mu2);margin-top:10px;text-align:center;line-height:1.45!important}
.pr-guar{margin-top:28px;padding:18px 22px;border:1px solid var(--ln);font-size:12px;color:var(--mu);line-height:1.65;text-align:center;max-width:860px!important;margin:28px auto 0!important;border-radius:6px!important;background:rgba(255,255,255,.25)!important}
.pr-guar strong{color:var(--dk)}
/* ═══════════════════════════════════════════════════════════
   EXPERTISE GRID
═══════════════════════════════════════════════════════════ */
.ex-s{padding:92px 0 104px!important;background:#F1ECE5!important;border-top:0!important;overflow:hidden!important;position:relative!important;min-height:auto!important;padding-top:96px!important;padding-bottom:230px!important}
.ex-hd{margin-bottom:40px;display:grid!important;justify-content:space-between;align-items:start!important;gap:clamp(70px,8vw,130px)!important;padding:0!important;max-width:none!important;margin-left:auto;margin-right:auto;width:100%!important;margin:0!important;grid-template-columns:minmax(320px,420px) minmax(680px,1fr)!important}
.ex-hd .l{max-width:410px!important;width:320px!important;position:sticky!important;z-index:5!important;top:120px!important;align-self:start!important}
.ex-hd .r{font-size:12px;color:var(--mu);line-height:1.75;max-width:250px;flex-shrink:0;font-weight:300}
.ex-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,auto);gap:1px;background:var(--ln);border:1px solid var(--ln)}
.ec{background:var(--bg2);padding:32px 28px;position:relative;overflow:hidden;transition:background .2s}
.ec:hover{background:var(--bg)}
.ec:hover .ec-ar{transform:translate(3px,-3px)}
.ec:first-child{background:var(--dk)}
.ec:first-child:hover{background:var(--dk2)}
.ec:first-child .ec-n{color:rgba(234,228,217,.08)}
.ec:first-child .ec-t{color:var(--bg)}
.ec:first-child .ec-d{color:rgba(234,228,217,.45)}
.ec:first-child .ec-ar{color:rgba(234,228,217,.25)}
.ec-n{font-size:28px;font-weight:900;color:rgba(26,24,20,.07);line-height:1;margin-bottom:14px;letter-spacing:-.03em}
.ec-ico{font-size:20px;margin-bottom:11px}
.ec-t{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--dk);margin-bottom:8px}
.ec-d{font-size:11px;color:var(--mu);line-height:1.65;font-weight:300}
.ec-ar{position:absolute;bottom:16px;right:16px;font-size:13px;color:rgba(26,24,20,.18);transition:transform .2s}
/* ═══════════════════════════════════════════════════════════
   TEAM
═══════════════════════════════════════════════════════════ */
.tm-s{padding:88px 0 96px!important;border-top:0!important;background:#D8D0C3!important;border:0!important;overflow:hidden!important}
.tm-g{display:grid!important;grid-template-columns:minmax(420px,.92fr) minmax(620px,1.08fr)!important;gap:clamp(80px,8vw,130px)!important;align-items:start!important}
.tm-l h2{font-size:clamp(42px,3.7vw,58px)!important;font-weight:300!important;text-transform:uppercase;letter-spacing:-.04em!important;line-height:1.08!important;margin:14px 0 14px}
.tm-l h2 em{font-style:italic;font-weight:300;text-transform:none;color:var(--mu)}
.tm-intro{font-size:16px!important;color:#242321!important;line-height:1.55!important;margin-bottom:56px!important;font-weight:400!important;max-width:570px!important;margin:0 0 58px!important}
.tm-stats{display:flex;flex-direction:column}
.tm-stat{display:grid!important;align-items:center;gap:34px!important;padding:31px 0!important;border-top:1px solid rgba(31,31,29,.30)!important;font-size:18px!important;color:var(--ink)!important;grid-template-columns:150px 1fr!important;line-height:1.25!important;font-weight:800!important;text-transform:uppercase!important}
.tm-stat strong{font-size:32px!important;font-weight:900;color:var(--dk);flex-shrink:0;width:auto!important;letter-spacing:-.02em}
.fd-g{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:24px!important;margin-top:0!important;max-width:560px!important}
.fd{text-align:left!important}
.fd-img{width:100%!important;aspect-ratio:1/1.23!important;object-fit:cover!important;object-position:top center!important;filter:grayscale(100%)!important;display:block!important;margin-bottom:14px!important}
.fd-ph{width:100%;aspect-ratio:3/4;background:var(--bg2);border:1px solid var(--ln);margin-bottom:10px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:900;color:rgba(26,24,20,.1)}
.fd-nm{font-size:16px!important;font-weight:800!important;text-transform:none!important;letter-spacing:.03em!important;color:#1f1e1b!important;margin-bottom:4px!important}
.fd-rl{font-size:12px!important;font-weight:400!important;letter-spacing:.08em!important;text-transform:none!important;color:#6c665f!important;margin-bottom:5px;line-height:1.35!important;margin:0!important}
.fd-q{font-size:10px;color:var(--mu2);font-style:italic;line-height:1.5;display:none!important}
.tm-photo{background:transparent!important;border:0!important;aspect-ratio:auto!important;display:flex!important;align-items:center;justify-content:center;font-size:12px;color:var(--mu2);text-align:left!important;padding:0!important;font-style:italic;font-weight:300;line-height:1.6;overflow:visible!important;flex-direction:column!important}
/* ═══════════════════════════════════════════════════════════
   FAQ
═══════════════════════════════════════════════════════════ */
.fq-s{padding:112px 0!important;background:var(--page)!important;border-top:0!important}
.fq-in{max-width:740px;margin:0 auto}
.fq-hd{text-align:center;margin-bottom:52px}
.fq-l{display:flex;flex-direction:column}
.fq-it{border-bottom:1px solid var(--ln)}
.fq-qb{width:100%;background:none;border:none;padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;text-align:left;font-family:var(--f)}
.fq-qt{font-size:18px!important;font-weight:500;color:var(--dk);line-height:1.45;flex:1}
.fq-tg{width:28px;height:28px;border:1px solid var(--ln);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--bg);flex-shrink:0;transition:transform .25s;font-weight:300;background:var(--dk)}
.fq-it.open .fq-tg{transform:rotate(45deg);background:var(--dk);color:var(--bg);border-color:var(--dk)}
.fq-an{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1);display:none;padding-bottom:20px}
.fq-it.open .fq-an{max-height:220px;display:block}
.fq-ai{padding:0 0 20px;font-size:16px!important;color:var(--mu);line-height:1.55!important;font-weight:300}
/* ═══════════════════════════════════════════════════════════
   CTA FINAL
═══════════════════════════════════════════════════════════ */
.ct-s{padding:82px 0!important;background:#1f1f1d!important}
.ct-in{max-width:640px;margin:0 auto;text-align:center}
.ct-eye{color:#fff!important;font-size:11px!important;font-weight:500!important;letter-spacing:.18em!important;text-transform:uppercase;margin-bottom:30px!important}
.ct-in h2{font-size:clamp(26px,3.5vw,46px);font-weight:900;text-transform:uppercase;letter-spacing:-.025em;line-height:1.06;color:var(--bg);margin-bottom:16px}
.ct-in h2 em{font-style:italic;font-weight:300;text-transform:none;color:rgba(234,228,217,.45)}
.ct-sub{font-size:18px!important;color:rgba(255,255,255,.56)!important;line-height:1.62!important;margin-bottom:72px!important;font-weight:300;max-width:650px!important}
.spots{background:rgba(225,141,94,.15);border:1px solid rgba(225,141,94,.35);color:var(--a-accent);font-size:10px;font-weight:600;letter-spacing:.07em;text-align:center;padding:9px 18px;margin-bottom:22px}
.ct-form{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);padding:34px}
.ct-ft{font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--bg);margin-bottom:5px}
.ct-fs{font-size:11px;color:rgba(234,228,217,.32);margin-bottom:22px;font-weight:300}
.fr{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.ff input,.ff select{width:100%;background:rgba(255,255,255,.05);border:none;border-bottom:1px solid rgba(255,255,255,.2);padding:13px 14px;font-size:12px;color:var(--bg);font-family:var(--f);font-weight:300;outline:none;transition:border-color .2s}
.ff input::placeholder{color:rgba(234,228,217,.28)}
.ff input:focus{border-bottom-color:var(--bg)}
.ff select{color:rgba(234,228,217,.4);cursor:pointer}
.ff select option{background:var(--dk2)}
.cal-note{border:1px dashed rgba(255,255,255,.15);padding:13px 14px;font-size:11px;color:rgba(234,228,217,.4);text-align:left;margin-bottom:12px;line-height:1.65;font-weight:300}
.cal-note strong{color:rgba(234,228,217,.72)}
.btn-sub{width:100%;background:var(--bg);color:var(--dk);border:none;padding:16px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-family:var(--f);cursor:pointer;margin-top:14px;transition:opacity .2s}
.btn-sub:hover{opacity:.85}
.f-reas{display:flex;justify-content:center;gap:20px;margin-top:16px;font-size:10px;color:rgba(234,228,217,.28);letter-spacing:.04em;flex-wrap:wrap}
.f-reas span::before{content:'✓  ';color:rgba(234,228,217,.4)}
/* ── FOOTER ─────────────────────────────────────────── */
footer{background:#1f1f1d!important;border-top:1px solid rgba(255,255,255,.06);padding:36px 0}
.ft-i{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px}
.ft-logo{display:flex;align-items:center;gap:10px}
.ft-lks{display:flex;gap:18px;flex-wrap:wrap}
.ft-lks a{font-size:10px;color:#fff!important;text-decoration:none;letter-spacing:.06em;text-transform:uppercase;transition:color .2s}
.ft-lks a:hover{color:rgba(255,255,255,.7)!important}
.ft-cp{font-size:10px;color:#fff!important}
.ft-oxo{font-size:20px;font-weight:900;color:#fff!important;letter-spacing:-.02em}
.ft-sub{font-size:9px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.6)!important;border-left:1px solid rgba(255,255,255,.2);padding-left:10px}
/* Calculator dark section headers */
.calc-s .sec-hd .h2{color:var(--a-cream)}
.calc-s .sec-hd .eye{color:var(--a-warm3)}
.calc-s .sec-hd .h2 em{color:var(--a-warm2)}
/* curr-bar-v4 CSS removed — banner not used */
/* ════ CALC heading — matches image 2 ════ */
.eye-v4{font-size:8px!important;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:rgba(241,236,229,.44)!important;margin-bottom:18px}
.calc-h2{font-size:clamp(42px,4.2vw,64px)!important;font-weight:300!important;color:#fff!important;line-height:1.12!important;letter-spacing:-.04em!important;margin:0!important;text-transform:none!important}
.calc-h2 strong{font-weight:800!important;font-style:normal!important;text-transform:uppercase!important;color:#fff!important}
.calc-h2 em{font-style:italic!important;font-weight:300!important;color:rgba(241,236,229,.55)!important;text-transform:none!important}
/* ════ CALC body on beige bg ════ */
.calc3{background:transparent!important;border:none;border-radius:14px!important;overflow:hidden!important;max-width:1240px!important;margin:0 auto!important;width:100%!important}
.calc3-body{display:grid;grid-template-columns:1fr 1.02fr!important;min-height:520px!important;border:1px solid rgba(255,255,255,.12)!important}
/* RIGHT panel stays dark */
.calc3-right{background:#1F1F1D!important;padding:62px 58px!important;display:flex;flex-direction:column;gap:12px!important}
.calc3-right-label{color:rgba(241,236,229,.42)!important;font-size:8px!important;font-weight:600;letter-spacing:.18em;text-transform:uppercase;margin-bottom:4px;line-height:1.5!important;text-align:left!important}
/* Sync new curr-btn-v4 with switchCurr active state */
/* ════════════════════════════════════════════════════════
   EXPERTISE CAROUSEL — "Closing EVERY LAYER COVERED."
════════════════════════════════════════════════════════ */
.ex-h2{font-size:clamp(48px,4.4vw,72px)!important;line-height:.96!important;text-transform:none!important;letter-spacing:-.06em!important;margin-bottom:28px!important;margin:0 0 34px!important;color:#211f1c!important;font-weight:300!important;max-width:315px!important}
.ex-h2 strong{font-weight:900!important;text-transform:uppercase;color:var(--dk);font-style:normal;letter-spacing:-.065em!important}
.ex-desc{font-size:20px!important;color:#242321!important;line-height:1.26!important;max-width:390px!important;font-weight:400!important;margin-top:14px}
.ex-carousel-wrap{position:static!important;overflow:visible!important;padding:0!important;max-width:none!important;margin:0!important;padding-left:0!important;width:auto!important;margin-left:430px!important;margin-top:-236px!important;z-index:3!important;left:clamp(620px,38vw,700px)!important;top:182px!important;padding-bottom:150px!important}
@media(max-width:900px){
  .ex-carousel-wrap{padding-left:24px}
}
@media(max-width:600px){
  .ex-carousel-wrap{padding-left:16px}
}
.ex-carousel{display:grid!important;gap:42px 34px!important;transition:none!important;will-change:transform!important;cursor:grab!important;user-select:none!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;transform:none!important;overflow:visible!important}
.ex-carousel:active{cursor:grabbing}
/* 4 cards visible at a time, 5th peeks */
.ex-card{flex:none!important;border-right:0!important;background:transparent!important;transition:background .2s;flex-basis:calc(25% - 2px)!important;border:0!important;overflow:visible!important;position:relative!important;width:100%!important;min-width:0!important}
.ex-card:last-child{border-right:none}
@media(max-width:900px){
  .ex-card{flex:0 0 calc(50% - 1px)}
}
@media(max-width:600px){
  .ex-card{flex:0 0 75vw;border-right:1px solid var(--ln)}
}
.ex-card:hover{background:var(--bg)}
.ex-card-img{position:relative!important;overflow:hidden!important;aspect-ratio:1/1.34!important;background:#D8D0C3!important;min-height:0!important}
@media(max-width:600px){
  .ex-card-img{aspect-ratio:4/3}
}
.ex-card-img img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;transition:transform .4s ease}
.ex-card:hover .ex-card-img img{transform:scale(1.03)}
.ex-card-num{display:none}
.ex-card-plus{position:absolute!important;bottom:12px!important;right:16px!important;width:32px!important;height:32px!important;background:transparent!important;border-top:1px solid var(--ln);border-left:1px solid var(--ln);display:flex!important;align-items:center!important;justify-content:center!important;font-size:42px!important;color:#fff!important;font-weight:300!important;transition:background .2s;border:0!important;line-height:1!important;z-index:5!important;text-shadow:0 1px 8px rgba(0,0,0,.25)!important}
.ex-card:hover .ex-card-plus{background:transparent!important;color:#fff!important}
.ex-card-label{font-size:22px!important;font-weight:900!important;text-transform:none!important;letter-spacing:-.04em!important;color:#181816!important;padding:18px 0 0!important;line-height:1.05!important;padding-top:18px!important;padding-bottom:58px!important;white-space:normal!important;overflow:visible!important}
.ex-card-desc{display:flex!important;position:absolute!important;left:0!important;right:0!important;top:0!important;aspect-ratio:1/1.33!important;align-items:flex-end!important;padding:24px!important;background:rgba(0,0,0,.82)!important;color:#fff!important;font-size:15px!important;line-height:1.42!important;font-weight:400!important;opacity:0!important;transform:translateY(8px)!important;transition:opacity .22s ease, visibility .22s ease!important;pointer-events:none!important;z-index:4!important;inset:0!important;visibility:hidden!important}
/* Nav arrows — hidden, swipe only on mobile */
.ex-nav{display:none}
/* Dots */
.ex-dots{display:none!important;justify-content:center;gap:8px;padding:24px 0 0;padding-top:30px!important}
.ex-dot{width:6px;height:6px;border-radius:50%;background:var(--mu2);border:none;cursor:pointer;transition:all .2s;padding:0}
.ex-dot.active{background:var(--dk);width:20px;border-radius:3px}
/* ════════════════════════════════════════════════════════
   FAQ — match design image 5
════════════════════════════════════════════════════════ */
.fq-hd .h2{font-size:clamp(40px,3.8vw,58px)!important;font-weight:300!important;line-height:1.05!important}
.fq-it:first-child{border-top:1px solid var(--ln)}
/* ════════════════════════════════════════════════════════
   CTA FINAL — 2-col layout matching design image 5
════════════════════════════════════════════════════════ */
.ct-layout{display:grid!important;grid-template-columns:minmax(360px,.78fr) minmax(540px,1fr)!important;gap:clamp(48px,6vw,96px)!important;align-items:start!important}
/* LEFT */
.ct-left{max-width:620px!important}
.ct-h2{font-size:clamp(44px,5vw,84px)!important;font-weight:300!important;color:#fff!important;line-height:1.02!important;letter-spacing:-.06em!important;margin:0 0 24px;margin-bottom:36px!important}
.ct-h2 strong{font-weight:900!important;display:block;color:#fff}
.ct-contact{margin-top:46px!important;padding-top:0!important;border-top:0!important;max-width:600px!important}
/* RIGHT */
.ct-right{max-width:760px!important;justify-self:end!important;width:100%!important}
.ct-spots-banner{background:#E18D5E!important;color:#1f1f1d!important;font-size:17px!important;font-weight:600;letter-spacing:.04em;padding:16px 24px!important;margin-bottom:8px!important;display:flex;align-items:center;gap:8px;border-radius:6px!important;justify-content:center!important;line-height:1.35!important}
.ct-card{border:1px solid rgba(255,255,255,.14)!important;border-top:none;background:#1F1F1D!important;border-radius:12px!important;padding:44px 54px!important;overflow:hidden!important;transform:scale(.92)!important;transform-origin:top right!important}
.ct-card-hd{font-size:20px!important;font-weight:700;letter-spacing:-.02em!important;text-transform:uppercase;color:#fff!important;padding:44px 54px 8px!important}
.ct-card-sub{font-size:16px!important;color:rgba(255,255,255,.58)!important;padding:0 54px 34px!important;font-weight:300}
.ct-in-wrap{padding:0 0 4px}
/* Reassurance pills inside card */
.ct-reas{display:flex;gap:0;border-top:1px solid rgba(255,255,255,0.8)}
.ct-reas span{flex:1;font-size:9px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:rgba(234,228,217,.25);padding:10px 14px;text-align:center;border-right:1px solid rgba(255,255,255,0.8)}
.ct-reas span:last-child{border-right:none}
/* Mobile CTA */
@media(max-width:900px){
  .ct-layout{grid-template-columns:1fr;gap:48px}
  .ct-h2{font-size:clamp(26px,6vw,40px)}
}
/* ════ Responsive carousel extras ════ */
@media(max-width:900px){
  .ex-hd{padding:0 24px;flex-direction:column;align-items:flex-start;gap:16px}
  .ex-hd .r{max-width:100%}
  .ex-carousel-wrap{padding-left:24px}
}
/* ── Pilot card — dark (matches design) ── */
.pc-dark{background:#1f1f1d!important;border-color:var(--dk)!important;border-radius:8px!important}
.pc-dark .pc-nm{color:rgba(234,228,217,.5)!important}
.pc-dark .pc-tl{color:var(--bg)!important;text-transform:uppercase;font-size:11px;letter-spacing:.06em}
.pc-dark .pc-cu,.pc-dark .pc-nb{color:var(--bg)!important}
.pc-dark .pc-pp{color:rgba(234,228,217,.5)!important}
.pc-dark .pc-pn{color:rgba(234,228,217,.5)!important}
.pc-dark .pc-fl li{color:#fff!important;text-decoration:none!important}
.pc-dark .pc-fl li::before{color:#fff!important}
.pc-dark .pc-fl li.ex{color:rgba(255,255,255,.28)!important;text-decoration:none!important}
.pc-dark .pc-fl li.ex::before{color:rgba(234,228,217,.2)!important}
.pc-dark .pc-hd{border-bottom-color:rgba(255,255,255,.1)!important}
.pc-dark .btn-pr{border-color:var(--bg)!important;color:var(--bg)!important;background:transparent!important}
.pc-dark .btn-pr:hover{background:var(--bg)!important;color:var(--dk)!important}
.pc-dark .pc-note{color:rgba(234,228,217,.3)!important}
/* ── SCROLL REVEAL ─────────────────────────────────── */
.rv{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.rv.on{opacity:1;transform:none}
.rv-d1{transition-delay:.1s}
.rv-d2{transition-delay:.2s}
.rv-d3{transition-delay:.3s}
/* ════════════════════════════════════════════════════════
   CALCULATOR v4 — NEW LAYOUT (matching design screenshot)
════════════════════════════════════════════════════════ */
/* Calc section — beige bg, no dark overrides */
/* LEFT — beige/warm panel */
.calc3-left{background:#D8D0C3!important;padding:62px 58px!important;display:flex;flex-direction:column;gap:0;border-right:0!important;color:#1f1f1d!important}
.calc3-left-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px!important;padding-bottom:0!important;border-bottom:0!important}
.calc3-left-title{font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--mu)}
/* Currency dropdown */
.curr-dropdown-wrap{position:relative;display:inline-flex;align-items:center}
select#curSel{appearance:none;-webkit-appearance:none;background:#d8d0c3!important;border:0!important;color:#1f1f1d!important;font-family:var(--f);font-size:9px!important;font-weight:700;padding:5px 24px 5px 10px;cursor:pointer;letter-spacing:.04em;outline:none;text-transform:uppercase}
select#curSel option{background:var(--bg);color:var(--dk)}
.curr-arrow{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:10px;color:var(--mu);pointer-events:none}
/* Slider rows */
.calc-slider-row{margin-bottom:34px!important}
.calc-slider-row label{display:block;font-size:14px!important;font-weight:600;letter-spacing:.08em!important;text-transform:capitalize!important;color:#625d57!important;margin-bottom:12px}
.calc-slider-wrap{display:flex;align-items:center;gap:18px!important}
.calc-slider-wrap input[type=range]{flex:1;-webkit-appearance:none;height:1px!important;background:rgba(31,31,29,.22)!important;outline:none;cursor:pointer;border-radius:0}
.calc-slider-wrap input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--dk);cursor:pointer;border:3px solid var(--bg2);box-shadow:0 0 0 1px var(--dk)}
.calc-val{font-size:16px!important;font-weight:700!important;color:#1f1f1d!important;white-space:nowrap;min-width:70px!important;text-align:right;text-decoration:none!important;text-underline-offset:3px;letter-spacing:-.01em}
/* RIGHT — dark results panel */
/* Hero result card */
.calc-hero-card{border:1px solid rgba(243,240,236,.12);padding:34px 28px!important;text-align:center;border-color:rgba(241,236,229,.11)!important}
.chc-label{font-size:9px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:rgba(243,240,236,.4);margin-bottom:8px}
.chc-value{font-size:54px!important;font-weight:800!important;color:#fff!important;line-height:1;letter-spacing:-.02em}
.chc-sub{font-size:9px!important;color:rgba(241,236,229,.30)!important;margin-top:8px;font-weight:300}
/* 2x2 mini cards */
.calc-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.calc-mini-card{border:1px solid rgba(243,240,236,.1);padding:26px 24px!important;border-color:rgba(241,236,229,.11)!important;background:transparent!important}
.cmc-label{font-size:8px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(243,240,236,.35);margin-bottom:4px}
.cmc-value{font-size:25px!important;font-weight:800!important;color:#fff!important;line-height:1;letter-spacing:-.01em}
.calc-right-note{font-size:11px!important;color:rgba(241,236,229,.32)!important;line-height:1.65;text-align:center;margin-top:auto;padding-top:8px;letter-spacing:.08em!important}
.calc-right-note a{color:rgba(243,240,236,.55);font-weight:600;text-decoration:underline}
/* ════════════════════════════════════════════════════════
   LEAD INTEL SECTION v2 — matches design image 3
════════════════════════════════════════════════════════ */
.int-s{padding:112px 0 95px!important;background:var(--page)!important;border-top:0!important;padding-top:104px!important;padding-bottom:90px!important}
/* Top row: headline left, desc right */
.int-top{display:grid!important;grid-template-columns:minmax(520px,1fr) minmax(500px,1fr)!important;gap:clamp(64px,7vw,115px)!important;align-items:start!important;margin-bottom:48px!important;padding-bottom:0!important;border-bottom:0!important}
.int-eyebrow{font-size:10px!important;font-weight:700!important;letter-spacing:.18em!important;text-transform:uppercase;color:#5f5a54!important;margin-bottom:22px!important;line-height:1!important}
.int-h2{font-size:clamp(44px,3.6vw,58px)!important;color:#242321!important;text-transform:none!important;letter-spacing:-.055em!important;line-height:1.08!important;margin:0!important;max-width:620px!important;font-weight:400!important;margin-top:0!important}
.int-h2 em{font-style:italic!important;font-weight:300!important;color:#6f6962!important;text-transform:none!important;letter-spacing:-.075em!important;font-size:1em!important}
.int-h2 strong{font-weight:900!important;text-transform:uppercase;color:var(--dk)!important;font-style:normal;letter-spacing:-.025em!important}
.int-desc{font-size:16px!important;color:#242321!important;line-height:1.42!important;font-weight:400!important;max-width:700px!important;padding-top:0!important;margin-top:0!important}
/* Middle: steps + scoring side by side */
.int-mid{display:grid!important;grid-template-columns:minmax(520px,1fr) minmax(540px,1fr)!important;gap:clamp(80px,9vw,150px)!important;margin-bottom:82px!important;align-items:start!important}
.int-steps-col{display:flex;flex-direction:column}
.int-step{display:grid!important;gap:34px!important;padding:34px 0!important;border-bottom:1px solid rgba(31,31,29,.28)!important;border-color:rgba(26,24,20,.24)!important;grid-template-columns:56px 1fr!important}
.int-step:first-child{border-top:1px solid rgba(31,31,29,.28)!important}
.int-step-n{font-size:30px!important;font-weight:800!important;color:#22211F!important;line-height:1!important;min-width:0!important;padding-top:2px}
.int-step-c h4{font-size:18px!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.01em!important;color:#22211F!important;margin-bottom:12px!important;line-height:1.2!important}
.int-step-c p{font-size:15px!important;color:#6A655F!important;line-height:1.55!important;font-weight:400!important;max-width:620px!important}
.int-score-col{display:flex;flex-direction:column;gap:10px!important;max-width:640px!important;margin-left:0!important;margin-top:8px!important;width:100%!important;overflow:visible!important}
/* Reuse existing .sc .sf .sh .sw .sco styles but override for light bg */
.int-score-col .sc{background:#d8d0c3!important;border-color:rgba(31,31,29,.08)!important;color:var(--dk)!important;padding:18px 26px!important;border-radius:10px!important;height:auto!important;border:0!important;gap:16px!important;display:grid!important;align-items:center!important;min-height:86px!important;grid-template-columns:28px minmax(180px,1fr) minmax(120px,210px) 74px!important;width:100%!important;box-sizing:border-box!important;column-gap:14px!important;overflow:hidden!important;padding-top:20px!important;padding-bottom:20px!important}
.int-score-col .sc-nm{color:#1F1E1B!important;font-size:16px!important;letter-spacing:.02em!important;font-weight:800!important;line-height:1!important;margin-bottom:7px!important}
.int-score-col .sc-ds{color:rgba(31,31,29,.62)!important;opacity:1!important;font-size:12px!important;line-height:1.22!important;max-width:none!important;font-weight:400!important;overflow:visible!important}
.int-score-col .sc-rg{color:#1F1E1B!important;font-size:16px!important;font-weight:900!important;line-height:1!important;min-width:74px!important;text-align:right!important;max-width:74px!important;width:74px!important;justify-self:end!important;white-space:nowrap!important}
.int-score-col .sf{background:#3F3F3D!important;border-color:rgba(225,141,94,.25)!important;color:#fff!important}
.int-score-col .sf .sc-nm,.int-score-col .sf .sc-ico{color:var(--a-accent)!important}
.int-score-col .sf .sc-rg{color:var(--a-accent)!important}
.int-score-col .sc-bw{background:rgba(255,255,255,.75)!important;height:2px!important;max-width:none!important;flex:1!important;width:100%!important;min-width:0!important}
.int-accuracy{background:#1F1F1D!important;padding:18px 24px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;margin-top:10px!important;border-radius:10px!important;height:auto!important;min-height:86px!important;width:100%!important;box-sizing:border-box!important;overflow:hidden!important;padding-top:22px!important;padding-bottom:22px!important}
.int-acc-label{font-size:16px!important;font-weight:800!important;letter-spacing:.02em!important;text-transform:uppercase;color:#fff!important;line-height:1.1!important}
.int-acc-label span{font-size:12px!important;font-weight:400!important;text-transform:none;letter-spacing:0;color:rgba(255,255,255,.72)!important;display:block;margin-top:2px;line-height:1.18!important}
.int-acc-pct{font-size:48px!important;font-weight:900!important;color:#fff!important;letter-spacing:-.03em;line-height:1!important;flex-shrink:0!important;margin-left:18px!important}
/* Feature images bottom row */
.int-feats-img{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(44px,5vw,86px)!important;margin-top:0!important}
.int-feat-img{overflow:hidden!important;margin-bottom:26px!important;aspect-ratio:1.18/1!important;display:block!important;background:#D8D0C3!important}
.int-feat-img img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;transition:transform .4s ease}
.int-feat-item:hover .int-feat-img img{transform:scale(1.03)}
.int-feat-t{font-size:22px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:-.025em!important;color:#242321!important;margin-bottom:12px!important;line-height:1!important;margin:0 0 16px!important}
.int-feat-d{font-size:16px!important;color:#2E2C29!important;line-height:1.35!important;font-weight:400!important;max-width:430px!important}
/* ════════════════════════════════════════════════════════
   RESPONSIVE — Mobile-first breakpoints
════════════════════════════════════════════════════════ */
/* Hamburger menu */
.nav-ham{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;background:none;border:none}
.nav-ham span{display:block;width:22px;height:2px;background:var(--dk);transition:all .3s}
.nav-ham.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.nav-ham.open span:nth-child(2){opacity:0}
.nav-ham.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.nav-mob{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg);z-index:80;flex-direction:column;align-items:center;justify-content:center;gap:32px}
.nav-mob.open{display:flex}
.nav-mob a{font-size:18px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--dk);text-decoration:none}
.nav-mob .btn-dk{font-size:13px;padding:14px 28px}
@media(max-width:1100px){
  .pr-g{grid-template-columns:1fr!important}
  .pc-hd{padding:36px 32px 24px!important}
  .pc-bd{padding:24px 32px 36px!important}
}
@media(max-width:900px){
  .wrap{padding:0 24px}
  /* Nav */
  .nav-l,.nav-i>.btn-dk{display:none}
  .nav-ham{display:flex}
  /* Hero */
  .hero{grid-template-columns:1fr;min-height:auto}
  .hero-r{display:none}
  .hero-l{padding:48px 24px}
  .hero-l h1{font-size:clamp(28px,7vw,42px)}
  .hero-sub{max-width:100%}
  /* KPIs */
  .kpi-g{grid-template-columns:1fr;gap:0}
  .kpi-dv{height:1px;width:100%;background:rgba(255,255,255,.1)}
  .kpi-i{padding:28px 24px}
  /* Calculator */
  .calc3-body{grid-template-columns:1fr}
  .calc3-left{border-right:none;border-bottom:1px solid rgba(0,0,0,.1);padding:28px 24px}
  .calc3-right{padding:28px 24px}
  .calc-mini-grid{grid-template-columns:1fr 1fr}
  /* Intel section */
  .int-top{grid-template-columns:1fr;gap:20px;margin-bottom:40px;padding-bottom:28px}
  .int-mid{grid-template-columns:1fr;gap:40px;margin-bottom:48px}
  .int-feats-img{grid-template-columns:1fr}
  /* Social proof */
  .sp-cards{grid-template-columns:1fr}
  .sp-testimonial{grid-template-columns:1fr;gap:20px}
  .sp-test-by{text-align:left}
  /* Pricing */
  .pr-g{grid-template-columns:1fr}
  .pc-hd,.pc-bd{padding-left:28px!important;padding-right:28px!important}
  /* Expertise */
  .ex-grid{grid-template-columns:1fr 1fr}
  .ex-hd{flex-direction:column;gap:16px}
  .ex-hd .r{max-width:100%}
  /* Team */
  .tm-g{grid-template-columns:1fr;gap:40px}
  .tm-photo{aspect-ratio:16/9}
  /* CTA form */
  .fr{grid-template-columns:1fr}
  .cal-slots-list{grid-template-columns:repeat(3,1fr)}
  .cal-advisor-tabs{flex-direction:column;width:100%}
  .cal-header{flex-direction:column;align-items:flex-start;gap:12px}
  .ct-in{max-width:100%}
  /* Footer */
  .ft-i{flex-direction:column;align-items:flex-start;gap:16px}
}
@media(max-width:600px){
  .wrap{padding:0 16px}
  .hero-l{padding:36px 16px}
  .hero-l h1{font-size:clamp(26px,8vw,36px)}
  .fd-g{grid-template-columns:1fr}
  .ex-grid{grid-template-columns:1fr}
  .kpi-n{font-size:clamp(40px,10vw,64px)}
  .calc-mini-grid{grid-template-columns:1fr}
  .cal-slots-list{grid-template-columns:repeat(2,1fr)}
  .sp-logos{gap:20px}
  .tm-stats{gap:0}
  .pr-g{gap:16px}
}
/* ═══════════════════════════════════════════════════════════
   VERSION 6 VISUAL ALIGNMENT — design-matched overrides
   Keeps existing calculator logic and hero header/logo assets untouched.
═══════════════════════════════════════════════════════════ */
/* Hero: compact, centered two-column block like the reference */
.src-col,.out-col{padding:14px 10px!important}
/* KPI row: light, airy three columns */
/* Calculator: keep JS/logic, restyle to reference dark section */
.calc-s .wrap{max-width:1380px!important}
.calc-s .sec-hd{margin-bottom:64px!important}
.calc3-left-title,.calc-slider-row label{color:#5d5750!important;font-size:8px!important;letter-spacing:.13em!important}
.chc-label,.cmc-label{color:rgba(241,236,229,.40)!important;font-size:7.5px!important}
#calculator .wrap>div:last-child{color:rgba(241,236,229,.32)!important;border-top-color:rgba(241,236,229,.12)!important}
/* Lead Intel / Qualification Engine */
.int-desc,.int-step-c p,.int-feat-d{font-size:11px!important;color:#6f6962!important}
.int-step-c h4,.int-feat-t{font-size:9px!important}
/* Pricing / services / team spacing to match the long visual */
.pr-hd .h2{text-align:center!important;font-size:clamp(42px,4vw,60px)!important;text-transform:none!important;font-weight:300!important;line-height:1.05!important;letter-spacing:-.04em!important}
/* responsive preservation */
@media(max-width:900px){
  .wrap{padding:0 24px!important}
  .hero{grid-template-columns:1fr!important;padding:42px 24px!important;gap:34px!important}
  .hero-r{display:flex!important}
  .kpi-g{grid-template-columns:1fr!important}
  .kpi-dv{height:1px!important}
  .kpi-i{text-align:left!important;padding:24px 0!important}
  .calc3-body{grid-template-columns:1fr!important}
  .calc3-left{border-bottom:1px solid rgba(31,31,29,.12)!important}
  .int-top,.int-mid{grid-template-columns:1fr!important;gap:28px!important}
  .ex-carousel-wrap{padding-left:24px!important}
}
@media(max-width:600px){
  .wrap{padding:0 16px!important}
  .hero{padding:34px 16px!important}
  .hero-l h1{font-size:38px!important}
  .pipeline{max-width:100%!important}
  .pipe-stage{grid-template-columns:1fr!important}
  .src-col{display:none!important}
  .eng-col{min-height:150px!important}
  .out-col{border-left:0!important}
}
/* ═══════════════════════════════════════════════════════════
   V7 CORRECTIONS — full-width webapp + section fidelity
   Calculator JS/model is untouched; only visual CSS overrides below.
═══════════════════════════════════════════════════════════ */
html,body{width:100%!important;max-width:none!important;background:var(--v6-bg)!important;overflow-x:hidden!important}
body::before,body::after{display:none!important;content:none!important}
/* Header + hero should breathe across widescreen instead of sitting in a narrow box */
nav .wrap{max-width:1200px!important;padding-left:48px!important;padding-right:48px!important;margin:0 auto!important}
/* KPI row full design width */
.kpi-s .wrap{max-width:1380px!important}
/* Calculator: keep original logic but make visual section wide like design */
.calc3-left,.calc3-right{padding:42px 48px!important}
/* Lead Intel: restore design scale, colors, and width */
.int-s .wrap{max-width:1380px!important;padding-left:clamp(70px,8vw,150px)!important;padding-right:clamp(70px,8vw,150px)!important}
.int-score-col .sf .sc-nm,.int-score-col .sf .sc-rg{color:#fff!important}
.int-score-col .sf .sc-ds{color:rgba(255,255,255,.72)!important}
.int-score-col .sf .sc-bw{background:rgba(225,141,94,.36)!important}
.int-score-col .sf .sc-b{background:#E18D5E!important;width:100%!important}
.int-score-col .sh{background:#C6C0B1!important}
.int-score-col .sw{background:#D5D0C5!important}
.int-score-col .sco{background:#DFDDD5!important}
/* Pricing: wide layout, no cramped box; black card copy is white */
.pr-s .wrap{max-width:1540px!important}
.pc-dark,.pc-dark *{color:#fff!important}
.pc-dark .pc-nm,.pc-dark .pc-pn,.pc-dark .pc-note{color:rgba(255,255,255,.82)!important}
/* Services section: actual wide row like reference, not boxed */
.ex-s .wrap{max-width:1500px!important;padding-left:clamp(70px,7vw,126px)!important;padding-right:clamp(70px,7vw,126px)!important;position:relative!important;z-index:2!important;pointer-events:none!important;width:100%!important}
@media(max-width:1100px){
  .wrap{padding-left:28px!important;padding-right:28px!important}
  .hero{grid-template-columns:1fr!important;padding-left:28px!important;padding-right:28px!important}
  .int-top,.int-mid{grid-template-columns:1fr!important;gap:34px!important}
  .pr-g{grid-template-columns:1fr!important}
  .ex-s .wrap{padding-right:28px!important}
  .ex-hd{display:block!important}
  .ex-carousel-wrap{width:100%!important;margin:36px 0 0!important;padding:0 28px!important;overflow:hidden!important}
}
@media(max-width:600px){
  .wrap{padding-left:18px!important;padding-right:18px!important}
  .hero{padding-left:18px!important;padding-right:18px!important}
  .hero-l h1{font-size:40px!important}
  .pc-hd,.pc-bd{padding-left:28px!important;padding-right:28px!important}
}
/* ═══════════════════════════════════════════════════════════
   V8 TARGETED FIXES — section scale, carousel bug, contact sizing
   Calculator logic and JS are untouched.
═══════════════════════════════════════════════════════════ */
/* Qualification cards: slightly tighter, cleaner typography; dark text remains pure white */
.int-score-col .sc-ico{font-size:18px!important;width:30px!important;text-align:center!important;min-width:24px!important;line-height:1!important}
.int-score-col .sf .sc-nm,
.int-score-col .sf .sc-ds,
.int-score-col .sf .sc-rg{color:#fff!important}
/* Feature image row: restore the uploaded 3 images and make the row match the supplied design */
/* Services carousel bug fix: keep title in its own left lane, cards start to the right */
/* CTA/contact section: closer to the design, smaller overall, advisor cards show only names */
.ct-s .wrap{max-width:1380px!important}
.hsw{margin-top:18px!important}
.hsw-label{margin:12px 0 18px!important;margin-top:0!important}
.hsw-advisors{gap:8px!important}
.hsw-adv{padding:14px 18px!important;min-height:88px!important;gap:14px!important}
.hsw-adv-avatar{width:40px!important;height:40px!important}
.hsw-adv-name{font-size:15px!important;margin:0!important;color:rgba(255,255,255,.92)!important}
.hsw-adv-role,.hsw-adv-tags,.hsw-adv-badge{display:none!important}
.hsw-frame{max-height:560px!important}
.hsw-embed iframe{height:560px!important}
.hsw-footer{display:none!important}
@media(max-width:1100px){
  .ex-s{min-height:auto!important}
  .ex-s .wrap{pointer-events:auto!important}
  .ex-carousel-wrap{margin:40px 0 0!important;width:100%!important;padding:0 28px!important}
  .ct-layout{grid-template-columns:1fr!important}
  .ct-right{justify-self:stretch!important;max-width:none!important}
}
@media(max-width:700px){
  .int-score-col .sc{height:auto!important;min-height:86px!important;grid-template-columns:auto 1fr!important}
  .int-feats-img{grid-template-columns:1fr!important}
  .ct-h2{font-size:42px!important}
  .hsw-embed iframe{height:520px!important}
}
/* ═══════════════════════════════════════════════════════════
   V9 FINAL ALIGNMENT — match supplied design screenshots
   - no calculator JS changes
   - services title resized + carousel bullets hidden
   - lead-intel layout/scale corrected
   - feature images ordered from supplied ZIP
═══════════════════════════════════════════════════════════ */
/* Lead Intel / Qualification Engine: match reference spacing and scale */
.int-score-col .sc-info{min-width:0!important;max-width:none!important}
/* Uploaded 3-image row: correct order and sizing */
/* Full-funnel services: match image 2, not oversized; remove bullets/dots */
.ex-hd .eye{font-size:10px!important;letter-spacing:.24em!important;margin-bottom:24px!important;color:#625D57!important;font-weight:600!important}
@media(max-width:1100px){
  .int-top,.int-mid{grid-template-columns:1fr!important;gap:36px!important}
  .int-score-col{max-width:none!important;margin-left:0!important}
  .ex-hd{display:block!important}
  .ex-carousel-wrap{width:100%!important;margin:42px 0 0!important;padding-right:28px!important}
}
@media(max-width:700px){
  .int-s .wrap,.ex-s .wrap{padding-left:22px!important;padding-right:22px!important}
  .int-h2{font-size:48px!important}
  .int-desc{font-size:16px!important}
  .int-feats-img{grid-template-columns:1fr!important}
  .ex-h2{font-size:46px!important}
  .ex-carousel-wrap{padding-right:0!important}
  .ex-card{flex-basis:78vw!important}
}
/* ════════════════════════════════════════════════════════
   V10 FINAL DESIGN ALIGNMENT
   - sticky nav
   - corrected global typography weight/scale
   - services carousel auto-scroll without bullets
   - qualification engine aligned to reference
════════════════════════════════════════════════════════ */
/* Sticky menu with readable labels */
/* Qualification engine: match reference proportions */
.int-score-col .sh .sc-bw,.int-score-col .sw .sc-bw,.int-score-col .sco .sc-bw{background:rgba(255,255,255,.66)!important}
/* Services: exact layout intent, automatic carousel, no bullets */
.ex-dots,.ex-dot,.ex-nav{display:none!important;visibility:hidden!important;width:0!important;height:0!important;overflow:hidden!important}
@media(max-width:1250px){
  .wrap,nav .wrap,.int-s .wrap,.ex-s .wrap{max-width:1120px!important;padding-left:40px!important;padding-right:40px!important}
  .ex-carousel-wrap{width:calc(100vw - 400px)!important;margin-left:400px!important}
}
@media(max-width:900px){
  .wrap,nav .wrap,.int-s .wrap,.ex-s .wrap{padding-left:24px!important;padding-right:24px!important}
  .nav-l,.nav-i>.btn-dk{display:none!important}
  .int-top,.int-mid{grid-template-columns:1fr!important;gap:38px!important}
  .int-score-col{max-width:none!important;margin-left:0!important}
  .int-feats-img{grid-template-columns:1fr!important}
  .ex-hd{display:block!important}
  .ex-hd .l{max-width:360px!important}
  .ex-carousel-wrap{width:100%!important;margin:40px 0 0!important;padding:0!important}
  .ex-card{flex-basis:285px!important}
}
@media(max-width:600px){
  .int-h2{font-size:36px!important}
  .ex-h2{font-size:40px!important}
  .ex-card{flex-basis:78vw!important}
}
/* ════════════════════════════════════════════════════════
   V11 CRITICAL FIX — sticky menu + non-overlapping services carousel
════════════════════════════════════════════════════════ */
/* ── FLOATING PILL NAV (matches OXO Corporate Reporting style) ── */
/* Services section: keep title in its own lane; carousel starts AFTER the title */
/* reduce accidental over-heavy typography in this area */
.ex-s strong,.ex-s b{font-weight:700!important}
@media(max-width:1250px){
  .ex-carousel-wrap{left:520px!important;width:calc(100vw - 520px)!important}
  .ex-card{flex-basis:300px!important}
}
@media(max-width:900px){
  body{padding-top:80px!important}
  nav{top:10px!important;width:calc(100% - 24px)!important}
  .nav-l,.nav-i>.btn-dk{display:none!important}
  .ex-s{min-height:auto!important;padding:72px 0 82px!important}
  .ex-hd .l{width:auto!important;max-width:360px!important}
  .ex-carousel-wrap{position:relative!important;left:auto!important;top:auto!important;width:100%!important;margin-top:36px!important;overflow:hidden!important}
  .ex-card{flex-basis:285px!important}
}
@media(max-width:600px){
  nav .wrap{padding-left:18px!important;padding-right:18px!important}
  .ex-s .wrap{padding-left:22px!important;padding-right:22px!important}
  .ex-h2{font-size:40px!important}
  .ex-desc{font-size:15px!important}
  .ex-card{flex-basis:78vw!important}
}
/* ═══════════════════════════════════════════════════════════
   V12 FINAL TIGHT FIXES — carousel spacing + Lead Intel match
   No calculator logic changed.
═══════════════════════════════════════════════════════════ */
/* Make header sticky for real */
/* Services carousel: keep automatic scrolling, remove any bullets, stop clipping, add bottom breathing room */
/* Lead Intel section: restore the airy reference layout from the supplied design */
.int-score-col .sc-cards{gap:10px!important}
@media(max-width:1100px){
  .int-s .wrap{padding-left:28px!important;padding-right:28px!important}
  .int-top,.int-mid{grid-template-columns:1fr!important;gap:42px!important}
  .int-score-col .sc{grid-template-columns:30px 1fr 160px 70px!important}
  .ex-s{padding-bottom:118px!important}
}
@media(max-width:700px){
  .int-score-col .sc{grid-template-columns:26px 1fr 62px!important;height:auto!important;min-height:86px!important}
  .int-score-col .sc-bw{display:none!important}
  .int-feats-img{grid-template-columns:1fr!important}
}
/* ═══════════════════════════════════════════════════════════
   V13 HARD FIX — sticky header + services carousel breathing room
   Keeps calculator JS/logic unchanged.
═══════════════════════════════════════════════════════════ */
.nav-i>.btn-dk-solid{font-size:12px!important;line-height:1!important;padding:16px 25px!important;font-weight:800!important;letter-spacing:.08em!important}
/* Prevent fixed nav from hiding anchor targets */
section[id]{scroll-margin-top:92px!important}
/* Services: carousel stays automatic, no bullets, never overlaps title, more space below labels */
@media(max-width:1250px){
  nav .wrap{max-width:1120px!important;padding-left:40px!important;padding-right:40px!important}
  .ex-s{min-height:735px!important;padding-bottom:190px!important}
}
@media(max-width:900px){
  body{padding-top:66px!important}
  nav .wrap{padding-left:24px!important;padding-right:24px!important}
  .nav-i{height:66px!important}
  .ex-s{min-height:auto!important;padding-bottom:120px!important}
  .ex-carousel-wrap{top:auto!important;padding-bottom:90px!important}
}
/* === V14 PATCH: keep Lead Intel score labels inside their cards === */
@media(max-width:1100px){
  .int-score-col .sc{grid-template-columns:24px minmax(160px,1fr) minmax(70px,150px) 64px!important}
  .int-score-col .sc-rg{min-width:64px!important;width:64px!important;max-width:64px!important}
}
@media(max-width:900px){
  .int-score-col{max-width:none!important}
  .int-score-col .sc{grid-template-columns:24px 1fr 56px!important;grid-template-areas:"ico info rg" "ico bar rg"!important;row-gap:8px!important}
  .int-score-col .sc-ico{grid-area:ico!important}
  .int-score-col .sc-info{grid-area:info!important}
  .int-score-col .sc-bw{grid-area:bar!important}
  .int-score-col .sc-rg{grid-area:rg!important;min-width:56px!important;width:56px!important;max-width:56px!important;font-size:13px!important}
}
/* V15: add breathing room inside Lead Intel score cards */
/* V16: replace placeholder service cards with finished contextual visuals */
/* ════════════════════════════════════════════════════════
   V18 POLISHED VISUAL + FUNCTIONAL OVERRIDES
   Built from V17 request: typography, pricing, services grid, team, CTA.
════════════════════════════════════════════════════════ */
.eye,.eye-v4,.hero-eyebrow{font-size:12px!important;font-weight:500!important;letter-spacing:.13em!important;text-transform:uppercase!important;color:#34312d!important}
/* Section 1 */
/* KPIs */
/* Section 2 calculator */
.calc3-left-title,.calc3-right-label{font-size:14px!important;letter-spacing:.12em!important;font-weight:500!important}
/* Section 3 */
.int-logo-mark{display:block!important;align-items:center!important;gap:12px!important;margin-bottom:28px!important;height:auto!important;line-height:1!important;letter-spacing:0!important;margin:0 0 18px!important;padding:0!important}
.mini-oxo{font-weight:900!important;letter-spacing:-.04em!important;color:#1f1f1d!important;font-size:20px!important}
/* Section 4 pricing */
.pr-hd .eye{color:#5f5a54!important}
.pr-hd .h2 strong{font-weight:800!important}
.pc-dark .pc-fl li,.pc-dark .pc-tl,.pc-dark .pc-nb,.pc-dark .pc-cu{color:#fff!important}
.pc-dark .pc-nm,.pc-dark .pc-pn,.pc-dark .pc-pp,.pc-dark .pc-note{color:rgba(255,255,255,.78)!important}
.pc.feat .btn-pr{background:#1f1f1d!important;color:#fff!important}
/* Section 5 services grid */
.ex-card:hover .ex-card-desc{opacity:1!important;transform:translateY(0)!important}
.ex-dots,.ex-nav{display:none!important}
/* Section 6 team */
.tm-s .wrap{max-width:1500px!important;padding-left:clamp(70px,7vw,126px)!important;padding-right:clamp(70px,7vw,126px)!important}
.tm-l h2 strong{font-weight:800!important}
.tm-photo img{width:100%!important;height:auto!important;object-fit:cover!important;display:block!important;aspect-ratio:1.78/1!important}
/* FAQ remains HTML design, minor scale */
.fq-hd .h2 strong,.fq-hd .h2 br+*{font-weight:800!important}
/* Section 8 CTA */
.ct-contact a{display:inline!important;font-size:16px!important;text-decoration:underline!important;color:rgba(255,255,255,.82)!important}
@media(max-width:900px){
  .wrap,.hero,.ex-s .wrap,.int-s .wrap{padding-left:24px!important;padding-right:24px!important}
  .hero{grid-template-columns:1fr!important;padding-top:58px!important}
  .hero-r{display:flex!important}
  .kpi-g{grid-template-columns:1fr!important}
  .kpi-dv{height:1px!important}
  .calc3-body,.int-top,.int-mid,.pr-g,.tm-g,.ct-layout{grid-template-columns:1fr!important}
  .ex-hd{display:block!important}
  .ex-carousel-wrap{overflow:hidden!important;margin-top:36px!important}
  .ex-carousel{display:flex!important;gap:22px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;transform:none!important}
  .ex-card{flex:0 0 78vw!important;scroll-snap-align:start!important}
  .ex-card-desc{opacity:1!important;transform:none!important;background:linear-gradient(180deg,transparent 15%,rgba(0,0,0,.82))!important}
  .pr-g{gap:22px!important}
  .pc{min-height:auto!important}
  .tm-stat{grid-template-columns:90px 1fr!important}
  .ct-card{padding:30px 24px!important}
}
@media(max-width:600px){
  .hero-l h1{font-size:42px!important}
  .calc-h2,.pr-hd .h2,.fq-hd .h2{font-size:36px!important}
  .ex-h2,.tm-l h2,.ct-h2{font-size:38px!important}
  .int-score-col .sc{grid-template-columns:24px 1fr 64px!important}
  .int-score-col .sc-bw{display:none!important}
  .int-feats-img{grid-template-columns:1fr!important}
}
/* ════════════════════════════════════════════════════════
   V19 VISUAL + FUNCTIONAL POLISH — requested corrections
════════════════════════════════════════════════════════ */
/* Lead Intel logo replacement */
.oxo-intel-logo-img{display:block!important;width:145px!important;max-width:145px!important;height:auto!important;background:transparent!important;mix-blend-mode:multiply!important;filter:contrast(1.08) saturate(1.08)!important}
/* Reduce too much dead space between pricing cards and full-funnel section */
#pricing + #services,.ex-s{padding-top:56px!important}
/* Full-Funnel Expertise — desktop: left copy + right 3-column grid */
#services.ex-s{background:var(--page-bg)!important;padding:68px 0 118px!important;min-height:0!important;overflow:visible!important}
#services>.wrap{display:grid!important;grid-template-columns:minmax(280px,360px) minmax(0,1fr)!important;gap:clamp(52px,6vw,92px)!important;align-items:start!important;max-width:1500px!important}
#services .ex-hd{display:block!important;margin:0!important;padding:0!important;max-width:none!important}
#services .ex-hd .l{width:auto!important;max-width:360px!important;position:sticky;top:112px}
#services .eye{font-size:11px!important;letter-spacing:.22em!important;color:#5d5852!important;font-weight:700!important;margin-bottom:32px!important}
#services .ex-h2{font-size:clamp(44px,4.2vw,70px)!important;line-height:1.02!important;letter-spacing:-.055em!important;font-weight:300!important;margin-bottom:28px!important;color:#1e1e1c!important}
#services .ex-h2 strong{font-weight:800!important;letter-spacing:-.06em!important}
#services .ex-desc{font-size:18px!important;line-height:1.34!important;color:#242321!important;font-weight:400!important;max-width:355px!important}
#services .ex-carousel-wrap{position:static!important;left:auto!important;top:auto!important;margin:0!important;width:100%!important;max-width:none!important;padding:0!important;overflow:visible!important}
#services .ex-carousel{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px!important;transform:none!important;transition:none!important;cursor:default!important}
#services .ex-card{position:relative!important;flex:none!important;width:100%!important;min-width:0!important;background:transparent!important;border:0!important;overflow:visible!important;cursor:pointer!important;display:block!important;outline:none!important}
#services .ex-card-img{aspect-ratio:1/1.24!important;background:#d8d0c3!important;overflow:hidden!important;position:relative!important;isolation:isolate!important}
#services .ex-card-img img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;transform:none!important;transition:transform .35s ease!important}
#services .ex-card:hover .ex-card-img img{transform:scale(1.035)!important}
#services .ex-card-plus{position:absolute!important;right:16px!important;bottom:14px!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;color:#fff!important;font-size:38px!important;line-height:1!important;z-index:6!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:300!important;pointer-events:none!important;text-shadow:0 1px 8px rgba(0,0,0,.28)!important}
#services .ex-card-label{font-size:20px!important;line-height:1.08!important;font-weight:650!important;letter-spacing:-.035em!important;color:#181816!important;padding:16px 0 0!important;text-transform:none!important;position:relative!important;z-index:7!important;padding-top:16px!important}
#services .ex-card::after{content:attr(data-overlay);position:absolute;left:0;right:0;top:0;aspect-ratio:1/1.35;background:rgba(0,0,0,.80);color:#fff;display:flex;align-items:flex-end;padding:24px;font-size:14px;line-height:1.45;font-weight:400;opacity:0;transform:translateY(12px);transition:opacity .25s ease,transform .25s ease;pointer-events:none;z-index:4}
#services .ex-card:hover::after{opacity:1;transform:translateY(0)}
#services .ex-dots,#services .ex-nav{display:none!important}
/* Team section — match reference: left intro/founders, right photo + stats */
.tm-g>.rv:first-child{display:block!important}
.tm-s .eye{font-size:11px!important;font-weight:700!important;letter-spacing:.22em!important;color:#4c4742!important;margin-bottom:28px!important;margin:0 0 24px!important}
.tm-l h2,.tm-s h2.h2{font-size:clamp(34px,3vw,52px)!important;line-height:1.08!important;letter-spacing:-.035em!important;text-transform:none!important;font-weight:300!important;margin:0 0 28px!important;color:#252421!important}
.tm-s h2.h2 em{font-style:italic!important;font-weight:300!important;color:#6D675F!important;text-transform:none!important}
.tm-s h2.h2 strong,.tm-s h2.h2 b{font-weight:800!important;color:#252421!important}
.tm-photo .tm-stats{margin-top:54px!important;display:flex!important;flex-direction:column!important;gap:0!important}
.tm-photo .tm-stat{display:grid!important;grid-template-columns:140px 1fr!important;gap:36px!important;align-items:center!important;border-top:1px solid rgba(31,31,29,.30)!important;padding:27px 0!important;margin:0!important;color:#1f1e1b!important;font-size:16px!important;line-height:1.25!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:-.01em!important}
.tm-photo .tm-stat:last-child{border-bottom:1px solid rgba(31,31,29,.30)!important}
.tm-photo .tm-stat strong{font-size:34px!important;line-height:1!important;font-weight:900!important;color:#1f1e1b!important;width:auto!important}
/* Contact section — slightly smaller + icon links */
.ct-contact-title{font-size:15px!important;color:rgba(255,255,255,.52)!important;margin-bottom:18px!important}
.ct-contact-icons{display:flex!important;gap:14px!important;align-items:center!important}
.ct-contact-icons a{width:52px!important;height:52px!important;border:1px solid rgba(255,255,255,.26)!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;color:rgba(255,255,255,.8)!important;text-decoration:none!important;font-size:18px;transition:background .2s,border-color .2s;background:transparent!important}
.ct-contact-icons a:hover{background:#fff!important;color:#1f1f1d!important;border-color:#fff!important}
.hsw-frame,.hsw-embed iframe{max-height:520px!important;height:520px!important}
/* Back to top */
#backTop{position:fixed;right:22px;bottom:22px;width:44px;height:44px;border-radius:50%;background:#1f1f1d;color:#F1ECE5;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:22px;font-weight:700;z-index:99999;box-shadow:0 10px 24px rgba(0,0,0,.18);transition:transform .2s,opacity .2s}
#backTop:hover{transform:translateY(-3px)}
@media(max-width:980px){
  .wrap{padding-left:24px!important;padding-right:24px!important}
  #services>.wrap{display:block!important}
  #services .ex-hd .l{position:static;max-width:560px!important}
  #services .ex-carousel-wrap{margin-top:34px!important;overflow:hidden!important;padding-bottom:22px!important}
  #services .ex-carousel{display:flex!important;gap:22px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;transform:none!important;padding-bottom:12px!important}
  #services .ex-card{flex:0 0 76vw!important;scroll-snap-align:start!important}
  #services .ex-card::after{font-size:13px;padding:20px}
  .tm-g{grid-template-columns:1fr!important;gap:48px!important}
  .tm-photo .tm-stats{margin-top:36px!important}
  .ct-layout{grid-template-columns:1fr!important}
  .ct-h2{font-size:48px!important}
  .ct-right{max-width:none!important}
}
@media(max-width:620px){
  #services .ex-card{flex-basis:84vw!important}
  .fd-g{gap:14px!important}
  .tm-photo .tm-stat{grid-template-columns:82px 1fr!important;font-size:13px!important;gap:16px!important}
  .tm-photo .tm-stat strong{font-size:26px!important}
  .ct-card-hd,.ct-card-sub{padding-left:24px!important;padding-right:24px!important}
  .ct-spots-banner{font-size:14px!important}
}
/* ════════════════════════════════════════════════════════
   V20 HARD FIXES — final user corrections
════════════════════════════════════════════════════════ */
/* Lead Intel logo should simply replace the eyebrow, not create a huge gap */
.int-top-l{display:flex!important;align-self:start!important;flex-direction:column!important;justify-content:flex-start!important;gap:0!important}
/* Services: 3-column grid on right, proportional cards, all plus signs visible, real hover overlays */
.ex-card:hover .ex-card-desc,.ex-card:focus-within .ex-card-desc{opacity:1!important;visibility:visible!important}
/* Team section: restore missing stats/content and match the reference layout */
.tm-l{min-width:0!important}
.tm-photo>img{width:100%!important;height:auto!important;aspect-ratio:2.15/1!important;object-fit:cover!important;display:block!important}
/* Contact section: smaller, cleaner; use true icon SVGs */
.ct-contact-icons a svg{width:24px!important;height:24px!important;display:block!important}
.ct-contact-icons a.wa-icon svg{width:26px!important;height:26px!important}
.back-top{width:48px!important;height:48px!important;right:26px!important;bottom:26px!important}
@media(max-width:1100px){
  .ex-hd,.tm-g,.ct-layout{grid-template-columns:1fr!important;gap:46px!important}
  .ex-hd .l{position:static!important;max-width:520px!important}
  .ex-carousel{grid-template-columns:repeat(3, minmax(240px,1fr))!important;gap:26px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;padding-bottom:12px!important}
  .ex-card{scroll-snap-align:start!important;min-width:260px!important}
  .tm-photo .tm-stats{margin-top:34px!important}
  .ct-card{transform:none!important}
}
@media(max-width:700px){
  .ex-s .wrap,.tm-s .wrap{padding-left:22px!important;padding-right:22px!important}
  .ex-carousel{display:flex!important;gap:22px!important;overflow-x:auto!important}
  .ex-card{flex:0 0 82vw!important;min-width:82vw!important}
  .ex-card-desc{opacity:1!important;visibility:visible!important;background:linear-gradient(180deg,transparent 10%,rgba(0,0,0,.84) 72%)!important;font-size:13px!important;padding:18px!important}
  .fd-g{gap:14px!important}
  .tm-photo .tm-stat{grid-template-columns:82px 1fr!important;gap:16px!important;font-size:13px!important}
  .tm-photo .tm-stat strong{font-size:26px!important}
  .ct-h2{font-size:44px!important}
  .ct-sub{font-size:15px!important;margin-bottom:42px!important}
}
/* === V21 EMERGENCY PATCH: Full-funnel hover overlays + tighter Lead Intel logo spacing === */
#intel.int-s,
.int-s{padding-top:72px!important;padding-bottom:88px!important}
/* Service cards: force real 3-column image grid + visible hover text */
#services .ex-grid-services{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:32px 34px!important;align-items:start!important}
#services .ex-card-desc{display:flex!important;position:absolute!important;left:0!important;top:0!important;right:0!important;height:100%!important;min-height:0!important;z-index:5!important;align-items:flex-end!important;padding:24px!important;background:rgba(0,0,0,.82)!important;color:#fff!important;font-size:15px!important;line-height:1.42!important;font-weight:400!important;letter-spacing:0!important;opacity:0!important;transform:none!important;transition:opacity .22s ease,visibility .22s ease!important;pointer-events:none!important;inset:0!important;width:100%!important;justify-content:flex-start!important;box-sizing:border-box!important;visibility:hidden!important}
#services .ex-card:hover .ex-card-desc,
#services .ex-card:focus-within .ex-card-desc{opacity:1!important;transform:translateY(0)!important}
#services .ex-card:hover .ex-card-plus{opacity:0!important}
@media(max-width:900px){
  #services .ex-grid-services{display:flex!important;overflow-x:auto!important;gap:22px!important;scroll-snap-type:x mandatory!important;padding-bottom:18px!important}
  #services .ex-card{flex:0 0 78vw!important;scroll-snap-align:start!important}
  #services .ex-card-desc{opacity:1!important;transform:none!important;background:linear-gradient(to top,rgba(20,19,17,.86),rgba(20,19,17,.25),transparent)!important;align-items:flex-end!important;font-size:13px!important}
}
/* === V22 FINAL PATCH: working hover overlays, lighter labels, contact icons, tight Lead Intel logo === */
#intel.int-s{padding-top:76px!important;padding-bottom:86px!important}
#intel .int-top{align-items:start!important;gap:clamp(70px,7vw,120px)!important;margin-bottom:54px!important}
#intel .int-logo-mark{margin:0 0 22px!important;padding:0!important;line-height:0!important;display:block!important}
#intel .oxo-intel-logo-img{display:block!important;width:150px!important;max-width:150px!important;height:auto!important;mix-blend-mode:multiply!important;background:transparent!important;filter:contrast(1.04)!important}
#intel .int-h2{margin-top:0!important}
#intel .int-desc{margin-top:0!important}
#services .ex-grid-services,
#services .ex-carousel{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:30px!important;overflow:visible!important;transform:none!important;transition:none!important}
#services .ex-card:hover .ex-card-img img,
#services .ex-card:focus .ex-card-img img,
#services .ex-card.is-hover .ex-card-img img{transform:scale(1.035)!important}
#services .ex-card:hover .ex-card-desc,
#services .ex-card:focus .ex-card-desc,
#services .ex-card:focus-within .ex-card-desc,
#services .ex-card.is-hover .ex-card-desc{opacity:1!important;visibility:visible!important}
#services .ex-card:hover .ex-card-plus,
#services .ex-card:focus .ex-card-plus,
#services .ex-card.is-hover .ex-card-plus{opacity:0!important}
@media(max-width:900px){
  #services .ex-grid-services,#services .ex-carousel{display:flex!important;overflow-x:auto!important;gap:22px!important;scroll-snap-type:x mandatory!important;padding-bottom:18px!important}
  #services .ex-card{flex:0 0 78vw!important;scroll-snap-align:start!important}
  #services .ex-card-img{aspect-ratio:1/1.22!important}
  #services .ex-card-desc{opacity:1!important;visibility:visible!important;background:linear-gradient(to top,rgba(20,19,17,.88),rgba(20,19,17,.32),transparent)!important;font-size:13px!important;padding:18px!important}
  #services .ex-card-plus{opacity:0!important}
}
/* Contact: simple stacked mail + WhatsApp icons, no circles */
.ct-contact-icons.stacked-contact-icons{display:flex!important;flex-direction:column!important;gap:16px!important;align-items:flex-start!important}
.ct-contact-icons.stacked-contact-icons a{width:auto!important;height:auto!important;border:0!important;border-radius:0!important;background:transparent!important;color:rgba(255,255,255,.76)!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;text-decoration:none!important}
.ct-contact-icons.stacked-contact-icons a svg{width:30px!important;height:30px!important;display:block!important}
.ct-contact-icons.stacked-contact-icons a.wa-icon{color:#25D366!important}
.ct-contact-icons.stacked-contact-icons a:hover{background:transparent!important;color:#fff!important;border:0!important;opacity:.82!important}
.ct-contact-icons.stacked-contact-icons a.wa-icon:hover{color:#25D366!important;opacity:.82!important}
/* Keep team content visible and closer to reference */
#team .tm-photo{overflow:visible!important}
#team .tm-photo .tm-stats{display:flex!important;visibility:visible!important;opacity:1!important}
#team .tm-stat{color:#1f1e1b!important}

/* General styles for the sticky navigation bar */
        body {
            font-family: 'Poppins', sans-serif;
            margin: 0;
            padding: 0;
        }

        nav {
            background-color: #EAE4D9;
            position: sticky;
            top: 20px;  /* Adding space from the top */
            z-index: 1000;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 20px 30px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            border-radius: 0 0 20px 20px;
        }

        nav .logo {
            font-size: 24px;
            font-weight: 700;
            color: #1A1814;
        }

        nav ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
            display: flex;
            gap: 30px;
        }

        nav ul li {
            font-weight: 500;
            font-size: 16px;
        }

        nav ul li a {
            text-decoration: none;
            color: #1A1814;
            border-radius: 12px;
            padding: 8px 16px;
            transition: background-color 0.3s ease;
        }

        nav ul li a:hover {
            background-color: #F2EEE6;
        }

        nav .button {
            background-color: #1A1814;
            color: white;
            padding: 12px 30px;
            border-radius: 30px;
            text-decoration: none;
            font-weight: 500;
            transition: background-color 0.3s ease;
        }

        nav .button:hover {
            background-color: #2D2A24;
        }

        /* Ensure the navbar remains sticky */
        nav.sticky {
            position: sticky;
            top: 0;
            background-color: #F2EEE6;
            box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);
        }

        /* Make mobile view more responsive */
        @media (max-width: 768px) {
            nav ul {
                display: none;
            }

            nav .mobile-menu {
                display: block;
            }
        }

/* General styles for the sticky navigation bar */
        body {
            font-family: 'Poppins', sans-serif;
            margin: 0;
            padding: 0;
        }

        nav {
            background-color: #EAE4D9;
            position: sticky;
            top: 0;
            z-index: 1000;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 20px 30px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            border-radius: 0 0 20px 20px;
        }

        nav .logo {
            font-size: 24px;
            font-weight: 700;
            color: #1A1814;
        }

        nav ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
            display: flex;
            gap: 30px;
        }

        nav ul li {
            font-weight: 500;
            font-size: 16px;
        }

        nav ul li a {
            text-decoration: none;
            color: #1A1814;
            border-radius: 12px;
            padding: 8px 16px;
            transition: background-color 0.3s ease;
        }

        nav ul li a:hover {
            background-color: #F2EEE6;
        }

        nav .button {
            background-color: #1A1814;
            color: white;
            padding: 12px 30px;
            border-radius: 30px;
            text-decoration: none;
            font-weight: 500;
            transition: background-color 0.3s ease;
        }

        nav .button:hover {
            background-color: #2D2A24;
        }

        /* Sticky state */
        nav.sticky {
            background-color: #F2EEE6;
            box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);
        }

        /* Make mobile view more responsive */
        @media (max-width: 768px) {
            nav ul {
                display: none;
            }

            nav .mobile-menu {
                display: block;
            }
        }

/* ══════════════════════════════════════════════════════════
   Booking Widget — Single Advisor + Button
══════════════════════════════════════════════════════════ */

.hsw-single-advisor{
  display:flex;align-items:center;gap:16px;
  padding:20px 24px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  margin-bottom:24px;
}
.hsw-adv-avatar-lg{
  width:56px;height:56px;min-width:56px;
  border-radius:50%;
  background:rgba(225,141,94,.15);
  border:2px solid rgba(225,141,94,.4);
  display:flex;align-items:center;justify-content:center;
  font-size:22px;font-weight:900;color:#E18D5E;
}
.hsw-adv-info-lg{flex:1}
.hsw-adv-name-lg{font-size:16px;font-weight:700;color:#fff;margin-bottom:2px}
.hsw-adv-role-lg{font-size:12px;color:rgba(255,255,255,.5);margin-bottom:8px}
.hsw-adv-badge-lg{
  display:flex;align-items:center;gap:6px;
  font-size:12px;color:rgba(255,255,255,.6);
  white-space:nowrap;
}
.hsw-badge-dot{
  width:8px;height:8px;border-radius:50%;display:inline-block;
  animation:pulse-dot 2s infinite;
}
@keyframes pulse-dot{
  0%,100%{opacity:1}50%{opacity:.4}
}
.hsw-book-wrap{text-align:center;padding:8px 0 24px}
.hsw-book-btn{
  display:inline-flex;align-items:center;gap:12px;
  padding:18px 36px;
  background:#E18D5E;
  color:#fff;
  font-size:15px;font-weight:700;letter-spacing:.3px;
  border-radius:8px;
  text-decoration:none;
  transition:background .2s,transform .15s,box-shadow .2s;
  box-shadow:0 4px 20px rgba(225,141,94,.35);
}
.hsw-book-btn svg{width:20px;height:20px;flex-shrink:0}
.hsw-book-btn:hover{
  background:#cf7a4d;
  transform:translateY(-2px);
  box-shadow:0 8px 28px rgba(225,141,94,.45);
}
.hsw-book-btn:active{transform:translateY(0)}
.hsw-book-note{
  margin-top:12px;
  font-size:12px;color:rgba(255,255,255,.4);
  letter-spacing:.2px;
}

.hsw{ margin-top:32px; }

/* ── Top divider label */
.hsw-label{
  display:flex;align-items:center;gap:16px;
  margin-bottom:24px;
}
.hsw-label-line{
  flex:1;height:1px;background:rgba(255,255,255,.1);
}
.hsw-label-txt{
  font-size:9px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;
  color:rgba(234,228,217,.3);white-space:nowrap;
}

/* ── Advisor selector cards */
.hsw-advisors{
  display:grid;grid-template-columns:1fr 1fr;gap:10px;
  margin-bottom:0;
}
.hsw-adv{
  display:flex;align-items:center;gap:16px;
  padding:18px 20px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.08);
  border-bottom:none;
  cursor:pointer;font-family:var(--f);
  transition:all .25s;text-align:left;
  position:relative;
  color:rgba(234,228,217,.5);
}
.hsw-adv:hover{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.15);
  color:rgba(234,228,217,.8);
}
.hsw-adv.active{
  background:rgba(255,255,255,.07);
  border-color:rgba(255,255,255,.18);
  color:rgba(234,228,217,.95);
  border-bottom:2px solid var(--a-accent);
}
.hsw-adv:last-child.active{
  border-bottom-color:#C0BCAF;
}

.hsw-adv-avatar{
  width:44px;height:44px;border-radius:50%;
  border:1px solid;
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
.hsw-adv-info{ flex:1 }
.hsw-adv-name{
  font-size:13px;font-weight:700;letter-spacing:.04em;
  text-transform:uppercase;margin-bottom:3px;
  color:inherit;
}
.hsw-adv-role{
  font-size:10px;font-weight:300;color:rgba(234,228,217,.4);
  margin-bottom:6px;
}
.hsw-adv-tags{display:flex;gap:4px;flex-wrap:wrap}
.hsw-adv-tags span{
  font-size:8px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  padding:2px 7px;border:1px solid rgba(255,255,255,.1);
  color:rgba(234,228,217,.3);
}
.hsw-adv.active .hsw-adv-tags span{
  border-color:rgba(255,255,255,.18);
  color:rgba(234,228,217,.55);
}

.hsw-adv-badge{
  display:flex;align-items:center;gap:5px;
  font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  color:rgba(234,228,217,.3);white-space:nowrap;
  flex-shrink:0;
}
.hsw-badge-dot{
  width:6px;height:6px;border-radius:50%;
  animation:blink 1.8s infinite;
}

/* ── Decorative frame container */
.hsw-frame{
  position:relative;
  border:1px solid rgba(255,255,255,.12);
  background:#fff; /* HubSpot renders on white */
  overflow:hidden;
}

/* Corner brackets — purely decorative */
.hsw-corner{
  position:absolute;width:14px;height:14px;
  border-color:rgba(255,255,255,.2);border-style:solid;
  z-index:10;pointer-events:none;
}
.hsw-tl{top:-1px;left:-1px;border-width:2px 0 0 2px}
.hsw-tr{top:-1px;right:-1px;border-width:2px 2px 0 0}
.hsw-bl{bottom:-1px;left:-1px;border-width:0 0 2px 2px}
.hsw-br{bottom:-1px;right:-1px;border-width:0 2px 2px 0}

/* ── Loading skeleton */
.hsw-skeleton{
  position:absolute;inset:0;
  background:#1a1814;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:24px;z-index:5;
  transition:opacity .4s ease;
}
.hsw-skeleton.hidden{opacity:0;pointer-events:none}

.hsk-pulse{
  display:flex;align-items:center;gap:16px;
}
.hsk-avatar{
  width:48px;height:48px;border-radius:50%;
  background:rgba(255,255,255,.06);
  animation:shimmer 1.5s infinite;
}
.hsk-lines{display:flex;flex-direction:column;gap:8px}
.hsk-line{
  height:10px;background:rgba(255,255,255,.06);
  animation:shimmer 1.5s infinite;
}
.hsk-line.w60{width:140px}
.hsk-line.w40{width:90px;animation-delay:.2s}

.hsk-cal{
  display:flex;flex-direction:column;gap:8px;
}
.hsk-row{display:flex;gap:8px}
.hsk-cell{
  width:36px;height:36px;
  background:rgba(255,255,255,.04);
  animation:shimmer 1.5s infinite;
}
.hsk-cell.active{
  background:rgba(225,141,94,.15);
  animation:shimmer-accent 1.5s infinite;
}

.hsk-loading-txt{
  font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;
  color:rgba(234,228,217,.25);
}
.hsk-dots::after{
  content:'...';
  animation:dots 1.2s steps(3,end) infinite;
}

/* ── Embed panel */
.hsw-embed{opacity:0;transition:opacity .5s ease}
.hsw-embed.loaded{opacity:1}

/* ── Footer reassurances */
.hsw-footer{
  display:flex;gap:0;
  border:1px solid rgba(255,255,255,.08);border-top:none;
}
.hsw-footer-item{
  flex:1;display:flex;align-items:center;gap:8px;
  padding:12px 16px;
  font-size:9px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;
  color:rgba(234,228,217,.3);
  border-right:1px solid rgba(255,255,255,.06);
}
.hsw-footer-item:last-child{border-right:none}
.hsw-footer-ico{font-size:12px;opacity:.6}

/* ── Animations */
@keyframes shimmer{
  0%,100%{opacity:.4} 50%{opacity:.8}
}
@keyframes shimmer-accent{
  0%,100%{opacity:.3} 50%{opacity:.7}
}
@keyframes dots{
  0%{content:''} 33%{content:'.'} 66%{content:'..'} 100%{content:'...'}
}
@keyframes blink{
  0%,100%{opacity:1} 50%{opacity:.3}
}

/* Mobile */
@media(max-width:600px){
  .hsw-advisors{grid-template-columns:1fr}
  .hsw-footer{flex-direction:column}
  .hsw-footer-item{border-right:none;border-bottom:1px solid rgba(255,255,255,.06)}
  .hsw-footer-item:last-child{border-bottom:none}
}

/* ═══════════════════════════════════════════════════════════
   V13 HARD FIX — sticky header + services carousel breathing room
   Keeps calculator JS/logic unchanged.
═══════════════════════════════════════════════════════════ */
html{scroll-padding-top:86px!important;}
body{padding-top:78px!important;overflow-x:hidden!important;}
nav{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  z-index:2147483647!important;
  background:#EDE8E1!important;
  border-bottom:1px solid rgba(31,31,29,.08)!important;
  box-shadow:0 1px 0 rgba(31,31,29,.04)!important;
  transform:none!important;
}
nav .wrap{
  max-width:1200px!important;
  margin:0 auto!important;
  padding-left:48px!important;
  padding-right:48px!important;
}
.nav-i{height:78px!important;display:flex!important;align-items:center!important;}
.logo-oxo{font-size:24px!important;line-height:1!important;font-weight:900!important;}
.logo-sub{font-size:10px!important;line-height:1!important;letter-spacing:.24em!important;}
.nav-l{gap:34px!important;}
.nav-l a{font-size:12px!important;line-height:1!important;letter-spacing:.12em!important;font-weight:700!important;color:#5e5852!important;}
.nav-i>.btn-dk-solid{font-size:12px!important;line-height:1!important;padding:16px 25px!important;font-weight:800!important;letter-spacing:.08em!important;}

/* Prevent fixed nav from hiding anchor targets */
section[id]{scroll-margin-top:92px!important;}

/* Services: carousel stays automatic, no bullets, never overlaps title, more space below labels */
.ex-s{
  position:relative!important;
  min-height:760px!important;
  padding-top:96px!important;
  padding-bottom:210px!important;
  overflow:hidden!important;
  background:#EDE8E1!important;
}
.ex-carousel-wrap{
  top:182px!important;
  padding-bottom:130px!important;
  overflow:hidden!important;
}
.ex-card-label{
  padding-top:18px!important;
  padding-bottom:58px!important;
  line-height:1.12!important;
}
.ex-dots,.ex-dot,.ex-nav{display:none!important;visibility:hidden!important;width:0!important;height:0!important;overflow:hidden!important;}

@media(max-width:1250px){
  nav .wrap{max-width:1120px!important;padding-left:40px!important;padding-right:40px!important;}
  .ex-s{min-height:735px!important;padding-bottom:190px!important;}
}
@media(max-width:900px){
  body{padding-top:66px!important;}
  nav .wrap{padding-left:24px!important;padding-right:24px!important;}
  .nav-i{height:66px!important;}
  .ex-s{min-height:auto!important;padding-bottom:120px!important;}
  .ex-carousel-wrap{top:auto!important;padding-bottom:90px!important;}
}

/* V16: replace placeholder service cards with finished contextual visuals */
.ex-card-img img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
.ex-carousel-wrap{padding-bottom:150px!important;}
.ex-s{padding-bottom:230px!important;}

/* ════════════════════════════════════════════════════════
   V18 POLISHED VISUAL + FUNCTIONAL OVERRIDES
   Built from V17 request: typography, pricing, services grid, team, CTA.
════════════════════════════════════════════════════════ */
:root{--page:#F1ECE5;--ink:#242321;--muted:#6f6962;--line:rgba(31,31,29,.26);--dark:#1F1F1D;--soft:#D8D0C3;--accent:#E18D5E;}
body{background:var(--page)!important;color:var(--ink)!important;font-family:'Poppins',system-ui,sans-serif!important;font-weight:400!important;}
.wrap{max-width:1380px!important;padding-left:clamp(64px,7vw,128px)!important;padding-right:clamp(64px,7vw,128px)!important;}
.eye,.eye-v4,.hero-eyebrow{font-size:12px!important;font-weight:500!important;letter-spacing:.13em!important;text-transform:uppercase!important;color:#34312d!important;}
nav{position:sticky!important;top:0!important;z-index:10000!important;background:rgba(241,236,229,.96)!important;backdrop-filter:blur(8px);border-bottom:1px solid rgba(31,31,29,.08)!important;box-shadow:none!important;}
body{padding-top:0!important;}
.nav-i{height:78px!important}.nav-l a{font-size:12px!important;font-weight:600!important;letter-spacing:.12em!important}.btn-dk-solid{font-size:12px!important;padding:15px 26px!important}
/* Section 1 */
.hero{max-width:1380px!important;margin:0 auto!important;padding:98px clamp(64px,7vw,128px) 82px!important;grid-template-columns:minmax(470px,1fr) minmax(520px,620px)!important;gap:clamp(70px,7vw,120px)!important;min-height:0!important;background:var(--page)!important;}
.hero-l h1{font-size:clamp(52px,4.65vw,72px)!important;line-height:1.05!important;font-weight:400!important;letter-spacing:-.045em!important;text-transform:none!important;color:var(--ink)!important;margin:0 0 28px!important;max-width:640px!important;}
.hero-l h1 .sub-hl{font-size:1em!important;font-weight:800!important;letter-spacing:-.035em!important;color:var(--ink)!important;text-transform:uppercase!important;font-style:normal!important;margin-top:0!important;}
.hero-sub{font-size:17px!important;line-height:1.45!important;color:var(--ink)!important;font-weight:400!important;max-width:560px!important;margin-bottom:34px!important;}
.hero-micro{font-size:12px!important;color:#77716a!important}.btn-dk-lg{font-size:18px!important;text-transform:none!important;letter-spacing:0!important;font-weight:400!important;padding:18px 26px!important;background:#211F1D!important;color:#fff!important;}
.hero-r{background:transparent!important}.pipeline{max-width:620px!important}.pipe-head{border-radius:16px 16px 0 0!important;background:#202020!important;min-height:68px!important;color:#f3f0ec!important}.pipe-stage{min-height:330px!important;border-radius:0!important}.pipe-stats{background:#f3f0ec!important}.ps{background:#f3f0ec!important}.ps-v{color:#1f1f1d!important}.ps-l{color:#8b857d!important}
/* KPIs */
.kpi-s{background:var(--page)!important;padding:74px 0 96px!important}.kpi-s .wrap{max-width:1380px!important}.kpi-i{text-align:left!important;padding:26px 44px!important}.kpi-n{font-size:clamp(54px,5vw,78px)!important;font-weight:800!important;color:var(--ink)!important;letter-spacing:-.05em!important}.kpi-lb{font-size:16px!important;line-height:1.45!important;color:var(--ink)!important}.kpi-sr{display:block!important;font-size:12px!important;color:var(--ink)!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important}.kpi-dv{background:rgba(31,31,29,.28)!important}
/* Section 2 calculator */
.calc-s{background:#1F1F1D!important;padding:112px 0 124px!important;color:#fff!important}.calc-s .wrap{max-width:1380px!important}.calc-s .sec-hd{margin-bottom:64px!important}.calc-h2{font-size:clamp(42px,4.2vw,64px)!important;font-weight:300!important;line-height:1.12!important;color:#fff!important;text-transform:none!important;letter-spacing:-.04em!important}.calc-h2 strong{font-weight:800!important;color:#fff!important;text-transform:uppercase!important}.calc3{max-width:1240px!important;border-radius:14px!important;overflow:hidden!important}.calc3-body{min-height:520px!important;grid-template-columns:1fr 1.02fr!important;border:1px solid rgba(255,255,255,.12)!important}.calc3-left{background:#D8D0C3!important;padding:62px 58px!important}.calc3-right{background:#1F1F1D!important;padding:62px 58px!important}.calc3-left-title,.calc3-right-label{font-size:14px!important;letter-spacing:.12em!important;font-weight:500!important}.calc-slider-row label{font-size:14px!important;letter-spacing:.08em!important;color:#625d57!important;text-transform:capitalize!important}.calc-val{font-size:16px!important;font-weight:700!important}.calc-slider-row{margin-bottom:34px!important}.calc-hero-card{padding:34px 28px!important}.chc-value{font-size:54px!important;font-weight:800!important}.calc-mini-card{padding:26px 24px!important}.cmc-value{font-size:25px!important;font-weight:800!important}.calc-right-note{font-size:11px!important;letter-spacing:.08em!important}
/* Section 3 */
.int-s{background:var(--page)!important;padding:112px 0 95px!important}.int-s .wrap{max-width:1380px!important}.int-logo-mark{display:flex!important;align-items:center!important;gap:12px!important}.mini-oxo{font-weight:900!important;letter-spacing:-.04em!important;color:#1f1f1d!important;font-size:20px!important}.int-top{grid-template-columns:minmax(520px,1fr) minmax(500px,1fr)!important;gap:clamp(80px,9vw,150px)!important;margin-bottom:78px!important}.int-h2{font-size:clamp(44px,3.6vw,58px)!important;font-weight:400!important;line-height:1.08!important;letter-spacing:-.035em!important}.int-h2 strong{font-weight:800!important}.int-desc{font-size:16px!important;line-height:1.42!important;color:var(--ink)!important}.int-mid{gap:clamp(80px,9vw,150px)!important}.int-step{padding:34px 0!important}.int-step-c h4{font-size:18px!important;font-weight:800!important}.int-step-c p{font-size:15px!important}.int-score-col{max-width:640px!important}.int-score-col .sc{min-height:86px!important;padding:18px 26px!important}.int-accuracy{min-height:86px!important}
/* Section 4 pricing */
.pr-s{background:var(--page)!important;padding:112px 0 112px!important}.pr-hd{text-align:center!important;margin-bottom:62px!important}.pr-hd .eye{color:#5f5a54!important}.pr-hd .h2{font-size:clamp(42px,4vw,60px)!important;font-weight:300!important;line-height:1.05!important;text-transform:none!important;letter-spacing:-.04em!important}.pr-hd .h2 strong{font-weight:800!important}.pr-g{max-width:1260px!important;margin:0 auto!important;display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:24px!important}.pc{border-radius:12px!important;border:0!important;background:#fff!important;min-height:720px!important;display:flex!important;flex-direction:column!important}.pc-dark{background:#1f1f1d!important}.pc-hd{padding:58px 52px 34px!important}.pc-bd{padding:38px 52px 52px!important;display:flex!important;flex-direction:column!important;flex:1!important}.pc-nm{font-size:14px!important;color:inherit!important;font-weight:800!important;letter-spacing:.02em!important;text-transform:uppercase!important}.pc-tl{font-size:19px!important;font-weight:800!important;letter-spacing:-.01em!important;line-height:1.3!important}.pc-nb{font-size:60px!important;font-weight:800!important}.pc-fl{gap:13px!important}.pc-fl li{font-size:15px!important;line-height:1.4!important;color:#242321!important}.pc-fl li::before{display:none!important}.pc-dark .pc-fl li,.pc-dark .pc-tl,.pc-dark .pc-nb,.pc-dark .pc-cu{color:#fff!important}.pc-dark .pc-nm,.pc-dark .pc-pn,.pc-dark .pc-pp,.pc-dark .pc-note{color:rgba(255,255,255,.78)!important}.btn-pr{margin-top:auto!important;text-transform:none!important;font-size:18px!important;font-weight:400!important;letter-spacing:0!important;border-color:currentColor!important}.pc.feat .btn-pr{background:#1f1f1d!important;color:#fff!important}.pc-note{font-size:12px!important;line-height:1.45!important}
/* Section 5 services grid */
.ex-s{background:var(--page)!important;padding:112px 0 120px!important;min-height:0!important;overflow:visible!important}.ex-s .wrap{max-width:1380px!important;padding-left:clamp(64px,7vw,128px)!important;padding-right:clamp(64px,7vw,128px)!important}.ex-hd{display:grid!important;grid-template-columns:360px minmax(0,1fr)!important;gap:70px!important;align-items:start!important}.ex-hd .l{max-width:360px!important}.ex-h2{font-size:clamp(42px,3.8vw,56px)!important;line-height:1.08!important;font-weight:300!important;letter-spacing:-.04em!important;margin-bottom:28px!important}.ex-h2 strong{font-weight:800!important}.ex-desc{font-size:18px!important;line-height:1.35!important;color:var(--ink)!important;font-weight:400!important;max-width:350px!important}.ex-carousel-wrap{position:static!important;width:100%!important;margin:0!important;overflow:visible!important;padding:0!important}.ex-carousel{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px!important;transform:none!important;transition:none!important}.ex-card{position:relative!important;flex:none!important;background:transparent!important;border:0!important;overflow:visible!important}.ex-card-img{aspect-ratio:1/1.33!important;background:#D8D0C3!important;position:relative!important;overflow:hidden!important}.ex-card-img img{width:100%!important;height:100%!important;object-fit:cover!important}.ex-card-plus{display:none!important}.ex-card-label{font-size:18px!important;line-height:1.1!important;font-weight:700!important;letter-spacing:-.03em!important;padding:16px 0 0!important;color:#181816!important}.ex-card-desc{display:flex!important;position:absolute!important;left:0!important;right:0!important;top:0!important;aspect-ratio:1/1.33!important;align-items:flex-end!important;padding:24px!important;background:rgba(0,0,0,.80)!important;color:#fff!important;font-size:15px!important;line-height:1.35!important;font-weight:400!important;opacity:0!important;transform:translateY(8px)!important;transition:opacity .25s ease,transform .25s ease!important;pointer-events:none!important;z-index:4!important}.ex-card:hover .ex-card-desc{opacity:1!important;transform:translateY(0)!important}.ex-dots,.ex-nav{display:none!important}
/* Section 6 team */
.tm-s{background:#D8D0C3!important;padding:112px 0 116px!important;border:0!important}.tm-s .wrap{max-width:1380px!important}.tm-g{display:grid!important;grid-template-columns:minmax(420px,.9fr) minmax(560px,1.15fr)!important;gap:clamp(70px,8vw,128px)!important;align-items:start!important}.tm-l h2{font-size:clamp(42px,3.7vw,58px)!important;font-weight:300!important;line-height:1.08!important;letter-spacing:-.04em!important}.tm-l h2 strong{font-weight:800!important}.tm-intro{font-size:17px!important;line-height:1.45!important;color:var(--ink)!important}.fd-g{gap:24px!important}.fd-nm{font-size:16px!important;text-transform:none!important;letter-spacing:.04em!important}.fd-rl{font-size:13px!important;text-transform:none!important;letter-spacing:.06em!important}.tm-stat{display:grid!important;grid-template-columns:150px 1fr!important;gap:34px!important;padding:31px 0!important;border-top:1px solid rgba(31,31,29,.30)!important;font-size:18px!important;line-height:1.25!important;font-weight:800!important;color:var(--ink)!important;text-transform:uppercase!important}.tm-stat strong{font-size:32px!important;width:auto!important}.tm-photo{aspect-ratio:2.05/1!important;border:0!important;background:transparent!important;overflow:hidden!important}.tm-photo img{width:100%!important;height:100%!important;object-fit:cover!important}
/* FAQ remains HTML design, minor scale */
.fq-s{background:var(--page)!important;padding:112px 0!important}.fq-hd .h2{font-size:clamp(40px,3.8vw,58px)!important;font-weight:300!important;line-height:1.05!important}.fq-hd .h2 strong,.fq-hd .h2 br+*{font-weight:800!important}.fq-qt{font-size:18px!important}.fq-ai{font-size:16px!important;line-height:1.55!important}
/* Section 8 CTA */
.ct-s{background:#1F1F1D!important;padding:112px 0!important}.ct-s .wrap{max-width:1380px!important}.ct-layout{display:grid!important;grid-template-columns:minmax(430px,.9fr) minmax(560px,1.05fr)!important;gap:clamp(70px,8vw,130px)!important}.ct-eye{font-size:14px!important;letter-spacing:.08em!important;color:#fff!important;font-weight:500!important}.ct-h2{font-size:clamp(48px,4.3vw,68px)!important;font-weight:300!important;line-height:1.08!important;letter-spacing:-.04em!important;color:#fff!important}.ct-h2 strong{font-weight:800!important}.ct-sub{font-size:17px!important;line-height:1.55!important;color:rgba(255,255,255,.62)!important;max-width:520px!important}.ct-contact{border-top:0!important;padding-top:34px!important}.ct-contact a{display:inline!important;font-size:16px!important;text-decoration:underline!important;color:rgba(255,255,255,.82)!important}.ct-spots-banner{border-radius:4px!important;font-size:15px!important;color:#1f1f1d!important;background:#E18D5E!important;justify-content:center!important}.ct-card{border-radius:14px!important;border:1px solid rgba(255,255,255,.14)!important;background:#1F1F1D!important;padding:44px 54px!important}.ct-card-hd{font-size:22px!important;letter-spacing:0!important;color:#fff!important;padding:0 0 8px!important}.ct-card-sub{font-size:16px!important;padding:0 0 28px!important;color:rgba(255,255,255,.58)!important}
@media(max-width:900px){.wrap,.hero,.ex-s .wrap,.int-s .wrap{padding-left:24px!important;padding-right:24px!important}.hero{grid-template-columns:1fr!important;padding-top:58px!important}.hero-r{display:flex!important}.kpi-g{grid-template-columns:1fr!important}.kpi-dv{height:1px!important}.calc3-body,.int-top,.int-mid,.pr-g,.tm-g,.ct-layout{grid-template-columns:1fr!important}.ex-hd{display:block!important}.ex-carousel-wrap{overflow:hidden!important;margin-top:36px!important}.ex-carousel{display:flex!important;gap:22px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;transform:none!important}.ex-card{flex:0 0 78vw!important;scroll-snap-align:start!important}.ex-card-desc{opacity:1!important;transform:none!important;background:linear-gradient(180deg,transparent 15%,rgba(0,0,0,.82))!important}.pr-g{gap:22px!important}.pc{min-height:auto!important}.tm-stat{grid-template-columns:90px 1fr!important}.ct-card{padding:30px 24px!important}}
@media(max-width:600px){.hero-l h1{font-size:42px!important}.calc-h2,.pr-hd .h2,.fq-hd .h2{font-size:36px!important}.ex-h2,.tm-l h2,.ct-h2{font-size:38px!important}.int-score-col .sc{grid-template-columns:24px 1fr 64px!important}.int-score-col .sc-bw{display:none!important}.int-feats-img{grid-template-columns:1fr!important}}

/* === V21 EMERGENCY PATCH: Full-funnel hover overlays + tighter Lead Intel logo spacing === */
#intel.int-s,
.int-s{
  padding-top:72px!important;
  padding-bottom:88px!important;
}
.int-top{
  align-items:start!important;
  margin-bottom:48px!important;
  gap:clamp(64px,7vw,115px)!important;
}
.int-top-l{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:0!important;}
.int-logo-mark{
  margin:0 0 18px!important;
  padding:0!important;
  line-height:1!important;
  height:auto!important;
  display:block!important;
}
.oxo-intel-logo-img{
  width:145px!important;
  max-width:145px!important;
  height:auto!important;
  display:block!important;
  background:transparent!important;
  mix-blend-mode:multiply!important;
  filter:contrast(1.08) saturate(1.08)!important;
}
.int-h2{margin-top:0!important;}
.int-desc{margin-top:0!important;padding-top:0!important;}

/* Service cards: force real 3-column image grid + visible hover text */
#services .ex-grid-services{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:32px 34px!important;
  align-items:start!important;
}
#services .ex-card{
  position:relative!important;
  overflow:visible!important;
  cursor:pointer!important;
}
#services .ex-card-img{
  position:relative!important;
  overflow:hidden!important;
  aspect-ratio:1/1.25!important;
  background:#d8d0c3!important;
}
#services .ex-card-img img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  transition:transform .35s ease!important;
}
#services .ex-card:hover .ex-card-img img{transform:scale(1.035)!important;}
#services .ex-card-plus{
  display:flex!important;
  position:absolute!important;
  right:14px!important;
  bottom:14px!important;
  z-index:6!important;
  width:30px!important;
  height:30px!important;
  align-items:center!important;
  justify-content:center!important;
  color:#fff!important;
  font-size:34px!important;
  line-height:1!important;
  font-weight:300!important;
  pointer-events:none!important;
  text-shadow:0 1px 8px rgba(0,0,0,.35)!important;
}
#services .ex-card-desc{
  display:flex!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  right:0!important;
  height:calc(100% - 62px)!important;
  min-height:0!important;
  z-index:5!important;
  align-items:flex-end!important;
  padding:22px!important;
  background:rgba(20,19,17,.84)!important;
  color:#fff!important;
  font-size:14px!important;
  line-height:1.42!important;
  font-weight:400!important;
  letter-spacing:0!important;
  opacity:0!important;
  transform:translateY(8px)!important;
  transition:opacity .22s ease, transform .22s ease!important;
  pointer-events:none!important;
}
#services .ex-card:hover .ex-card-desc,
#services .ex-card:focus-within .ex-card-desc{
  opacity:1!important;
  transform:translateY(0)!important;
}
#services .ex-card:hover .ex-card-plus{opacity:0!important;}
#services .ex-card-label{
  position:relative!important;
  z-index:7!important;
  padding-top:16px!important;
  font-size:22px!important;
  line-height:1.03!important;
  letter-spacing:-.045em!important;
  font-weight:900!important;
  color:#111!important;
}
@media(max-width:900px){
  #services .ex-grid-services{display:flex!important;overflow-x:auto!important;gap:22px!important;scroll-snap-type:x mandatory!important;padding-bottom:18px!important;}
  #services .ex-card{flex:0 0 78vw!important;scroll-snap-align:start!important;}
  #services .ex-card-desc{opacity:1!important;transform:none!important;background:linear-gradient(to top,rgba(20,19,17,.86),rgba(20,19,17,.25),transparent)!important;align-items:flex-end!important;font-size:13px!important;}
}

/* === V23 REAL FIX: services hover overlay, lighter card titles, tighter/equal CTA contact === */
/* Services grid: image proportions like reference, overlay ONLY on the image, text smaller */
#services.ex-s{
  padding-top:96px!important;
  padding-bottom:110px!important;
  overflow:hidden!important;
}
#services .wrap{
  max-width:1380px!important;
  padding-left:clamp(64px,7vw,120px)!important;
  padding-right:clamp(64px,7vw,120px)!important;
}
#services .ex-hd{
  display:grid!important;
  grid-template-columns:360px minmax(0,1fr)!important;
  gap:58px!important;
  align-items:start!important;
}
#services .ex-hd .l{max-width:350px!important;}
#services .ex-h2{
  font-size:clamp(42px,3.45vw,54px)!important;
  line-height:1.06!important;
  letter-spacing:-.04em!important;
  font-weight:300!important;
}
#services .ex-h2 strong{font-weight:750!important;}
#services .ex-desc{
  font-size:17px!important;
  line-height:1.34!important;
  max-width:340px!important;
}
#services .ex-carousel-wrap{
  width:100%!important;
  position:static!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
#services .ex-grid-services,
#services .ex-carousel{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:24px 28px!important;
  transform:none!important;
  transition:none!important;
  overflow:visible!important;
}
#services .ex-card{
  position:relative!important;
  overflow:visible!important;
  min-width:0!important;
  cursor:pointer!important;
  background:transparent!important;
  border:0!important;
}
#services .ex-card::after{display:none!important;content:none!important;}
#services .ex-card-img{
  position:relative!important;
  aspect-ratio:1/1.26!important;
  overflow:hidden!important;
  background:#d8d0c3!important;
  isolation:isolate!important;
}
#services .ex-card-img img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  transform:none!important;
  transition:transform .35s ease!important;
}
#services .ex-card:hover .ex-card-img img,
#services .ex-card:focus-within .ex-card-img img{
  transform:scale(1.035)!important;
}
#services .ex-card-plus{
  display:flex!important;
  position:absolute!important;
  right:14px!important;
  bottom:12px!important;
  z-index:8!important;
  width:auto!important;
  height:auto!important;
  color:#fff!important;
  background:transparent!important;
  border:0!important;
  font-size:34px!important;
  font-weight:300!important;
  line-height:1!important;
  text-shadow:0 1px 9px rgba(0,0,0,.32)!important;
  pointer-events:none!important;
  opacity:1!important;
}
#services .ex-card-desc{
  display:flex!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  width:100%!important;
  height:100%!important;
  z-index:7!important;
  box-sizing:border-box!important;
  align-items:flex-end!important;
  justify-content:flex-start!important;
  padding:22px!important;
  background:rgba(0,0,0,.80)!important;
  color:#fff!important;
  font-size:14px!important;
  line-height:1.38!important;
  font-weight:400!important;
  letter-spacing:0!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:none!important;
  transition:opacity .22s ease,visibility .22s ease!important;
  pointer-events:none!important;
}
#services .ex-card:hover .ex-card-desc,
#services .ex-card:focus-within .ex-card-desc{
  opacity:1!important;
  visibility:visible!important;
}
#services .ex-card:hover .ex-card-plus,
#services .ex-card:focus-within .ex-card-plus{
  opacity:0!important;
}
#services .ex-card-label{
  padding:14px 0 0!important;
  font-size:16px!important;
  line-height:1.08!important;
  letter-spacing:-.025em!important;
  font-weight:600!important;
  color:#181816!important;
  text-transform:none!important;
}

/* CTA/contact: equal columns, less text-to-icons gap, icons side-by-side without circles/tooltips */
#cta.ct-s{
  padding:88px 0 92px!important;
}
#cta .wrap{max-width:1320px!important;}
#cta .ct-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:clamp(48px,5vw,84px)!important;
  align-items:start!important;
}
#cta .ct-left,
#cta .ct-right{
  width:100%!important;
  max-width:none!important;
}
#cta .ct-h2{
  font-size:clamp(42px,3.55vw,58px)!important;
  line-height:1.08!important;
  letter-spacing:-.04em!important;
  margin-bottom:26px!important;
}
#cta .ct-h2 strong{font-weight:780!important;}
#cta .ct-sub{
  font-size:15px!important;
  line-height:1.55!important;
  max-width:560px!important;
  margin-bottom:54px!important;
}
#cta .ct-contact{
  margin-top:0!important;
  padding-top:0!important;
  border-top:0!important;
}
#cta .ct-contact-title{
  font-size:15px!important;
  margin-bottom:16px!important;
  color:rgba(255,255,255,.52)!important;
}
#cta .ct-contact-icons,
#cta .ct-contact-icons.stacked-contact-icons{
  display:flex!important;
  flex-direction:row!important;
  gap:22px!important;
  align-items:center!important;
}
#cta .ct-contact-icons a,
#cta .ct-contact-icons.stacked-contact-icons a{
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  padding:0!important;
  color:rgba(255,255,255,.72)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-decoration:none!important;
  font-size:0!important;
}
#cta .ct-contact-icons a svg,
#cta .ct-contact-icons.stacked-contact-icons a svg{
  width:28px!important;
  height:28px!important;
  display:block!important;
}
#cta .ct-contact-icons a.wa-icon,
#cta .ct-contact-icons.stacked-contact-icons a.wa-icon{color:#25D366!important;}
#cta .ct-contact-icons a:hover,
#cta .ct-contact-icons.stacked-contact-icons a:hover{
  background:transparent!important;
  border:0!important;
  opacity:.75!important;
}
#cta .ct-spots-banner{
  font-size:13px!important;
  line-height:1.4!important;
  padding:14px 18px!important;
}
#cta .ct-card{
  padding:36px 42px!important;
}
#cta .ct-card-hd{font-size:19px!important;}
#cta .ct-card-sub{font-size:14px!important;}

@media(max-width:900px){
  #services .ex-hd{display:block!important;}
  #services .ex-carousel-wrap{margin-top:34px!important;overflow:hidden!important;}
  #services .ex-grid-services,#services .ex-carousel{
    display:flex!important;
    gap:20px!important;
    overflow-x:auto!important;
    scroll-snap-type:x mandatory!important;
    padding-bottom:18px!important;
  }
  #services .ex-card{flex:0 0 78vw!important;scroll-snap-align:start!important;}
  #services .ex-card-desc{
    opacity:1!important;
    visibility:visible!important;
    background:linear-gradient(180deg,transparent 18%,rgba(0,0,0,.84) 78%)!important;
    font-size:13px!important;
    padding:18px!important;
  }
  #services .ex-card-plus{display:none!important;}
  #cta .ct-layout{grid-template-columns:1fr!important;gap:42px!important;}
}

/* === V24 RESPONSIVE + HOVER TRUE FIX === */
::selection{background:#2f6fbe;color:#fff!important;}

/* Back-to-top hidden until scroll */
#backTop{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(10px)!important;}
#backTop.show{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important;}

/* Lead Intel section: logo replaces eyebrow without creating a huge blank block */
#lead-intel.int-s,.int-s#lead-intel{padding-top:68px!important;padding-bottom:82px!important;}
#lead-intel .int-top{align-items:start!important;gap:clamp(56px,7vw,110px)!important;margin-bottom:42px!important;}
#lead-intel .int-logo-mark{margin:0 0 26px 0!important;padding:0!important;line-height:0!important;display:block!important;}
#lead-intel .oxo-intel-logo-img{width:138px!important;height:auto!important;display:block!important;mix-blend-mode:multiply!important;filter:saturate(.9) contrast(1.04)!important;}
#lead-intel .int-h2{margin-top:0!important;font-size:clamp(42px,4.2vw,72px)!important;line-height:.98!important;}
#lead-intel .int-desc{font-size:clamp(16px,1.7vw,28px)!important;line-height:1.22!important;max-width:650px!important;margin-top:0!important;}

/* Services: desktop is a clean 3-col grid with real image-only hover overlay */
#services.ex-s{padding:92px 0 104px!important;background:var(--page,var(--bg2))!important;overflow:hidden!important;}
#services .wrap{max-width:1360px!important;padding-left:clamp(42px,6vw,96px)!important;padding-right:clamp(42px,6vw,96px)!important;}
#services .ex-hd{display:grid!important;grid-template-columns:minmax(300px,360px) minmax(0,1fr)!important;gap:clamp(46px,5vw,76px)!important;align-items:start!important;margin-bottom:0!important;padding:0!important;}
#services .ex-h2{font-size:clamp(46px,4.5vw,70px)!important;line-height:.98!important;letter-spacing:-.055em!important;font-weight:300!important;margin:0 0 28px!important;}
#services .ex-h2 strong{font-weight:800!important;}
#services .ex-desc{font-size:18px!important;line-height:1.32!important;font-weight:400!important;color:#232321!important;max-width:360px!important;margin:0!important;}
#services .ex-carousel-wrap{position:static!important;overflow:visible!important;padding:0!important;margin:0!important;width:100%!important;max-width:none!important;}
#services .ex-carousel,
#services .ex-grid-services{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:34px 34px!important;overflow:visible!important;transform:none!important;transition:none!important;cursor:default!important;}
#services .ex-card{position:relative!important;display:block!important;min-width:0!important;overflow:visible!important;background:transparent!important;border:0!important;cursor:pointer!important;}
#services .ex-card-img{position:relative!important;aspect-ratio:1/1.28!important;overflow:hidden!important;background:#D8D0C3!important;isolation:isolate!important;}
#services .ex-card-img img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;transition:transform .32s ease!important;}
#services .ex-card:hover .ex-card-img img,
#services .ex-card:focus-within .ex-card-img img{transform:scale(1.025)!important;}
#services .ex-card-desc{display:flex!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;box-sizing:border-box!important;align-items:flex-end!important;justify-content:flex-start!important;padding:22px!important;background:rgba(0,0,0,.80)!important;color:#fff!important;font-size:13px!important;line-height:1.34!important;font-weight:400!important;letter-spacing:-.01em!important;opacity:0!important;visibility:hidden!important;transform:none!important;z-index:10!important;pointer-events:none!important;transition:opacity .22s ease,visibility .22s ease!important;}
#services .ex-card-img .ex-card-desc{position:absolute!important;}
#services .ex-card:hover .ex-card-desc,
#services .ex-card:focus-within .ex-card-desc,
#services .ex-card.is-hover .ex-card-desc{opacity:1!important;visibility:visible!important;}
#services .ex-card-plus{display:flex!important;position:absolute!important;right:14px!important;bottom:14px!important;z-index:12!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;color:#fff!important;font-size:34px!important;line-height:1!important;font-weight:300!important;text-shadow:0 1px 8px rgba(0,0,0,.38)!important;pointer-events:none!important;opacity:1!important;}
#services .ex-card:hover .ex-card-plus,
#services .ex-card:focus-within .ex-card-plus,
#services .ex-card.is-hover .ex-card-plus{opacity:0!important;}
#services .ex-card-label{padding:14px 0 0!important;font-size:17px!important;line-height:1.08!important;letter-spacing:-.028em!important;font-weight:600!important;color:#181816!important;text-transform:none!important;}
#services .ex-dots,#services .ex-nav{display:none!important;}

/* CTA: compact, same-width columns, icons side-by-side */
#cta.ct-s{padding:82px 0 90px!important;}
#cta .wrap{max-width:1320px!important;padding-left:clamp(36px,6vw,86px)!important;padding-right:clamp(36px,6vw,86px)!important;}
#cta .ct-layout{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:clamp(46px,5vw,72px)!important;align-items:start!important;}
#cta .ct-left,#cta .ct-right{width:100%!important;max-width:none!important;}
#cta .ct-eye{margin-bottom:18px!important;}
#cta .ct-h2{font-size:clamp(40px,4vw,62px)!important;line-height:1.03!important;letter-spacing:-.045em!important;margin:0 0 24px!important;font-weight:300!important;color:#fff!important;max-width:620px!important;}
#cta .ct-h2 strong{display:inline!important;font-weight:850!important;color:#fff!important;}
#cta .ct-sub{font-size:15px!important;line-height:1.5!important;max-width:590px!important;margin:0 0 26px!important;color:rgba(255,255,255,.62)!important;}
#cta .ct-contact{margin:0!important;padding:0!important;border:0!important;}
#cta .ct-contact-title{margin:0 0 12px!important;font-size:15px!important;color:rgba(255,255,255,.52)!important;}
#cta .ct-contact-icons,#cta .ct-contact-icons.stacked-contact-icons{display:flex!important;flex-direction:row!important;gap:22px!important;align-items:center!important;}
#cta .ct-contact-icons a,#cta .ct-contact-icons.stacked-contact-icons a{display:inline-flex!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;border:0!important;background:transparent!important;border-radius:0!important;padding:0!important;margin:0!important;color:rgba(255,255,255,.72)!important;text-decoration:none!important;font-size:0!important;}
#cta .ct-contact-icons a svg,#cta .ct-contact-icons.stacked-contact-icons a svg{width:28px!important;height:28px!important;display:block!important;}
#cta .ct-contact-icons a.wa-icon{color:#25D366!important;}
#cta .ct-spots-banner{font-size:13px!important;line-height:1.35!important;padding:13px 18px!important;width:100%!important;box-sizing:border-box!important;}
#cta .ct-card{width:100%!important;box-sizing:border-box!important;padding:34px 38px!important;}
#cta .ct-card-hd{font-size:18px!important;line-height:1.2!important;}
#cta .ct-card-sub{font-size:14px!important;padding-bottom:22px!important;}

/* Tablet/mobile: services become horizontal carousel with overlay already visible */
@media(max-width:1024px){
  #services.ex-s{padding:72px 0 92px!important;}
  #services .wrap{padding-left:24px!important;padding-right:24px!important;}
  #services .ex-hd{display:block!important;}
  #services .ex-hd .l{max-width:430px!important;}
  #services .ex-h2{font-size:clamp(48px,10vw,68px)!important;}
  #services .ex-desc{font-size:18px!important;margin-bottom:32px!important;}
  #services .ex-carousel-wrap{overflow:hidden!important;margin-top:30px!important;}
  #services .ex-carousel,#services .ex-grid-services{display:flex!important;gap:20px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important;padding-bottom:20px!important;}
  #services .ex-carousel::-webkit-scrollbar,#services .ex-grid-services::-webkit-scrollbar{display:none!important;}
  #services .ex-card{flex:0 0 min(78vw,420px)!important;scroll-snap-align:start!important;}
  #services .ex-card-img{aspect-ratio:1/1.22!important;}
  #services .ex-card-desc{opacity:1!important;visibility:visible!important;background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.84))!important;font-size:13px!important;padding:18px!important;}
  #services .ex-card-plus{display:none!important;}
  #services .ex-card-label{font-size:18px!important;font-weight:600!important;}
  #cta .ct-layout{grid-template-columns:1fr!important;gap:40px!important;}
  #cta .ct-h2{max-width:100%!important;}
}
@media(max-width:640px){
  #lead-intel.int-s{padding-top:48px!important;}
  #lead-intel .oxo-intel-logo-img{width:116px!important;}
  #lead-intel .int-h2{font-size:clamp(38px,13vw,58px)!important;}
  #lead-intel .int-desc{font-size:16px!important;}
  #cta.ct-s{padding:64px 0 72px!important;}
  #cta .wrap{padding-left:22px!important;padding-right:22px!important;}
  #cta .ct-h2{font-size:42px!important;}
  #cta .ct-card{padding:26px 22px!important;}
}

/* V28: rebuilt services section with isolated classes. No old ex-card hover dependency. */
#services.svc2-section{
  background:#F3F0EC!important;
  padding:92px 0 108px!important;
  overflow:hidden!important;
  border:0!important;
}
#services .svc2-wrap{
  width:min(100%,1420px)!important;
  margin:0 auto!important;
  padding:0 clamp(28px,5vw,82px)!important;
  display:grid!important;
  grid-template-columns:minmax(280px,360px) minmax(0,1fr)!important;
  gap:clamp(48px,6vw,86px)!important;
  align-items:start!important;
  box-sizing:border-box!important;
}
#services .svc2-copy{
  position:sticky!important;
  top:118px!important;
  z-index:1!important;
}
#services .svc2-kicker{
  font-size:11px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:.22em!important;
  color:#59544e!important;
  margin:0 0 30px!important;
}
#services .svc2-copy h2{
  margin:0 0 28px!important;
  color:#191817!important;
  font-size:clamp(48px,4.5vw,72px)!important;
  line-height:1.02!important;
  letter-spacing:-.06em!important;
  font-weight:300!important;
}
#services .svc2-copy h2 strong{
  font-weight:800!important;
  letter-spacing:-.065em!important;
}
#services .svc2-copy p{
  margin:0!important;
  color:#242321!important;
  max-width:350px!important;
  font-size:18px!important;
  line-height:1.33!important;
  font-weight:400!important;
  letter-spacing:-.015em!important;
}
#services .svc2-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:34px 34px!important;
  width:100%!important;
  overflow:visible!important;
}
#services .svc2-card{
  min-width:0!important;
  position:relative!important;
  outline:none!important;
}
#services .svc2-image{
  position:relative!important;
  width:100%!important;
  aspect-ratio:1/1.18!important;
  overflow:hidden!important;
  background:#D8D0C3!important;
  isolation:isolate!important;
}
#services .svc2-image img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  transition:transform .3s ease!important;
}
#services .svc2-overlay{
  position:absolute!important;
  inset:0!important;
  z-index:5!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:flex-start!important;
  box-sizing:border-box!important;
  padding:22px!important;
  background:rgba(0,0,0,.82)!important;
  opacity:0!important;
  visibility:hidden!important;
  transition:opacity .18s ease, visibility .18s ease!important;
  pointer-events:none!important;
}
#services .svc2-overlay p{
  margin:0!important;
  color:#fff!important;
  font-size:14px!important;
  line-height:1.34!important;
  font-weight:400!important;
  letter-spacing:-.01em!important;
  max-width:96%!important;
}
#services .svc2-card:hover .svc2-overlay,
#services .svc2-card:focus .svc2-overlay,
#services .svc2-card:focus-within .svc2-overlay{
  opacity:1!important;
  visibility:visible!important;
}
#services .svc2-card:hover .svc2-image img,
#services .svc2-card:focus .svc2-image img,
#services .svc2-card:focus-within .svc2-image img{
  transform:scale(1.025)!important;
}
#services .svc2-plus{
  position:absolute!important;
  right:16px!important;
  bottom:12px!important;
  z-index:6!important;
  color:#fff!important;
  font-size:34px!important;
  line-height:1!important;
  font-weight:300!important;
  text-shadow:0 1px 9px rgba(0,0,0,.38)!important;
  transition:opacity .18s ease!important;
  pointer-events:none!important;
}
#services .svc2-card:hover .svc2-plus,
#services .svc2-card:focus .svc2-plus,
#services .svc2-card:focus-within .svc2-plus{
  opacity:0!important;
}
#services .svc2-card h3{
  margin:14px 0 0!important;
  color:#151412!important;
  font-size:clamp(16px,1.35vw,21px)!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
  font-weight:600!important;
}
@media(max-width:1100px){
  #services.svc2-section{
    padding:72px 0 88px!important;
  }
  #services .svc2-wrap{
    display:block!important;
    padding:0 24px!important;
  }
  #services .svc2-copy{
    position:static!important;
    max-width:520px!important;
    margin-bottom:34px!important;
  }
  #services .svc2-copy h2{
    font-size:clamp(44px,12vw,66px)!important;
  }
  #services .svc2-copy p{
    max-width:470px!important;
    font-size:17px!important;
  }
  #services .svc2-grid{
    display:flex!important;
    gap:20px!important;
    overflow-x:auto!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;
    padding-bottom:18px!important;
  }
  #services .svc2-grid::-webkit-scrollbar{display:none!important;}
  #services .svc2-card{
    flex:0 0 80vw!important;
    scroll-snap-align:start!important;
  }
  #services .svc2-overlay{
    opacity:1!important;
    visibility:visible!important;
    background:linear-gradient(180deg,rgba(0,0,0,.05) 10%,rgba(0,0,0,.82) 100%)!important;
  }
  #services .svc2-plus{opacity:0!important;}
}
@media(max-width:560px){
  #services .svc2-card{flex-basis:84vw!important;}
  #services .svc2-overlay p{font-size:13px!important;}
}

#services .ex-card-desc,
#services .v27-overlay,
#services .service-overlay,
#services .overlay:not(.svc2-overlay){
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
}
#services .svc2-overlay{
  background:rgba(0,0,0,.82)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
#services .svc2-card:hover .svc2-overlay,
#services .svc2-card:focus .svc2-overlay,
#services .svc2-card:focus-within .svc2-overlay{
  opacity:1!important;
  visibility:visible!important;
}
#services .svc2-overlay p{
  text-shadow:none!important;
  filter:none!important;
  opacity:1!important;
  color:#fff!important;
  font-weight:400!important;
  font-size:14px!important;
  line-height:1.34!important;
}

#services .svc2-overlay{
  align-items:center!important;
  justify-content:center!important;
  padding:28px!important;
  text-align:center!important;
}
#services .svc2-overlay p{
  max-width:86%!important;
  margin:0 auto!important;
  text-align:center!important;
}

/* Overlay text padding reduced */
#services .svc2-overlay{
  padding:8px!important;
}
#services .svc2-overlay p{
  max-width:94%!important;
}

/* Lead Intel section: align title + paragraph horizontally like reference */
#intel.int-s{
  padding-top:56px!important;
  padding-bottom:70px!important;
}
#intel .int-top{
  display:grid!important;
  grid-template-columns:minmax(420px,1fr) minmax(520px,1fr)!important;
  gap:clamp(60px,8vw,140px)!important;
  align-items:start!important;
  margin-bottom:56px!important;
}
#intel .int-logo-mark{
  margin:0 0 28px!important;
  height:auto!important;
  line-height:0!important;
}
#intel .oxo-intel-logo-img{
  width:190px!important;
  max-width:190px!important;
  height:auto!important;
  display:block!important;
  object-fit:contain!important;
  mix-blend-mode:multiply!important;
  background:transparent!important;
}
#intel .int-h2{
  margin:0!important;
  max-width:620px!important;
  font-size:clamp(42px,4.25vw,72px)!important;
  line-height:.98!important;
  letter-spacing:-.055em!important;
}
#intel .int-copy{
  padding-top:18px!important;
  max-width:690px!important;
  font-size:clamp(18px,1.65vw,29px)!important;
  line-height:1.18!important;
  letter-spacing:-.03em!important;
}
#intel .int-copy p{
  margin:0!important;
}
@media(max-width:900px){
  #intel .int-top{
    grid-template-columns:1fr!important;
    gap:34px!important;
    margin-bottom:44px!important;
  }
  #intel .oxo-intel-logo-img{
    width:150px!important;
    max-width:150px!important;
  }
  #intel .int-copy{
    padding-top:0!important;
    font-size:20px!important;
  }
}

/* Lead Intel: right paragraph starts aligned with left title, below the logo */
#intel.int-s{
  padding-top:56px!important;
  padding-bottom:70px!important;
}
#intel .int-top{
  display:grid!important;
  grid-template-columns:minmax(420px,1fr) minmax(520px,1fr)!important;
  gap:clamp(56px,7vw,120px)!important;
  align-items:start!important;
  margin-bottom:56px!important;
}
#intel .int-logo-mark{
  margin:0 0 46px!important;
  padding:0!important;
  line-height:0!important;
  height:auto!important;
}
#intel .oxo-intel-logo-img{
  width:260px!important;
  max-width:260px!important;
  height:auto!important;
  display:block!important;
  object-fit:contain!important;
  mix-blend-mode:multiply!important;
  background:transparent!important;
}
#intel .int-h2{
  margin:0!important;
  max-width:620px!important;
}
#intel .int-copy{
  padding-top:150px!important; /* aligns paragraph with the title block below the logo */
  max-width:700px!important;
}
#intel .int-copy p,
#intel .int-desc{
  margin:0!important;
  font-size:clamp(16px,1.55vw,27px)!important;
  line-height:1.18!important;
  letter-spacing:-.03em!important;
}
@media(max-width:900px){
  #intel .int-top{
    grid-template-columns:1fr!important;
    gap:30px!important;
  }
  #intel .int-logo-mark{
    margin-bottom:28px!important;
  }
  #intel .oxo-intel-logo-img{
    width:190px!important;
    max-width:190px!important;
  }
  #intel .int-copy{
    padding-top:0!important;
  }
}

/* V33: Lead Intel layout fixed exactly: logo above, title + paragraph aligned in 2 columns */
#intel.int-s{
  padding-top:56px!important;
  padding-bottom:72px!important;
  background:#F3F0EC!important;
}
#intel .wrap{
  max-width:1360px!important;
  padding-left:clamp(32px,7vw,120px)!important;
  padding-right:clamp(32px,7vw,120px)!important;
}
#intel .int-top{
  display:grid!important;
  grid-template-columns:minmax(420px,1fr) minmax(420px,1fr)!important;
  column-gap:clamp(70px,10vw,170px)!important;
  row-gap:0!important;
  align-items:start!important;
  margin-bottom:58px!important;
}
#intel .int-top-l{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
}
#intel .int-logo-mark{
  display:block!important;
  margin:0 0 86px!important;
  padding:0!important;
  height:auto!important;
  line-height:1!important;
  background:transparent!important;
}
#intel .oxo-intel-logo-img{
  display:none!important;
}
#intel .oxo-intel-logo-svg{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  width:auto!important;
  height:auto!important;
  background:transparent!important;
  color:#0d1b2b!important;
  font-family:Arial, Helvetica, sans-serif!important;
  line-height:.85!important;
  transform:scale(1.08);
  transform-origin:left center;
}
#intel .oxo-intel-word{
  display:inline-block!important;
  font-size:22px!important;
  line-height:.85!important;
  letter-spacing:-.04em!important;
  font-weight:900!important;
  color:#0b1829!important;
}
#intel .oxo-intel-bracket{
  display:inline-block!important;
  font-size:58px!important;
  line-height:.75!important;
  font-weight:300!important;
  color:#73b7c7!important;
  transform:scaleX(.72);
}
#intel .oxo-intel-bracket.right{
  transform:scaleX(.72);
}
#intel .int-h2{
  margin:0!important;
  max-width:610px!important;
  font-size:clamp(44px,4.35vw,72px)!important;
  line-height:.98!important;
  letter-spacing:-.06em!important;
}
#intel .int-top-r{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  padding-top:148px!important; /* aligns paragraph with title, below logo height */
}
#intel .int-copy{
  padding-top:0!important;
  max-width:610px!important;
}
#intel .int-copy p,
#intel .int-desc{
  margin:0px!important;
  font-size:16px!important;
  line-height:1.28!important;
  letter-spacing:-.015em!important;
  font-weight:400!important;
  color:#202020!important;
}
@media(max-width:900px){
  #intel.int-s{
    padding-top:44px!important;
    padding-bottom:58px!important;
  }
  #intel .int-top{
    grid-template-columns:1fr!important;
    gap:30px!important;
    margin-bottom:44px!important;
  }
  #intel .int-logo-mark{
    margin-bottom:38px!important;
  }
  #intel .int-top-r{
    padding-top:0!important;
  }
  #intel .oxo-intel-logo-svg{
    transform:scale(.94);
  }
  #intel .int-copy p,
  #intel .int-desc{
    font-size:17px!important;
  }
}

#intel.int-s{
  padding-top:60px!important;
  padding-bottom:60px!important;
}
#intel .int-logo-mark{
  margin:0 0 24px!important;
  background:transparent!important;
}
#intel .oxo-intel-logo-img{
  display:block!important;
  width:200px!important;
  max-width:200px!important;
  height:auto!important;
  object-fit:contain!important;
  background:transparent!important;
  mix-blend-mode:multiply!important;
}
#intel .oxo-intel-logo-svg,
#intel .oxo-intel-word,
#intel .oxo-intel-bracket{
  display:none!important;
}
@media(max-width:900px){
  #intel.int-s{
    padding-top:40px!important;
    padding-bottom:40px!important;
  }
  #intel .oxo-intel-logo-img{
    width:150px!important;
    max-width:150px!important;
  }
}

/* Fix: compact layout — logo close to title, right col aligned naturally */
#intel .int-top{
  align-items:center!important;
}
/*#intel .int-top-r{
  padding-top:1px!important;
}*/
#intel .int-copy{
  padding-top:0!important;
}
#intel .int-logo-mark{
  margin-bottom:0px!important;
}
#intel .oxo-intel-logo-img{
  width:200px!important;
  max-width:200px!important;
}
@media(max-width:900px){
  #intel .int-top-r{
    padding-top:0!important;
  }
}

/* ════════════════════════════════════════════════
   FINAL PILL NAV — overrides everything above
════════════════════════════════════════════════ */
html { scroll-padding-top: 86px !important; }
body { padding-top: 80px !important; }

nav {
  position: fixed !important;
  top: 14px !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  width: calc(100% - 64px) !important;
  max-width: 1140px !important;
  z-index: 2147483647 !important;
  background: #F1ECE5 !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,0.85) !important;
  border-bottom: 1px solid rgba(255,255,255,0.85) !important;
  box-shadow: 0 2px 18px rgba(26,24,20,.08), 0 1px 4px rgba(26,24,20,.04) !important;
  backdrop-filter: none !important;
}

nav .wrap {
  max-width: 100% !important;
  padding-left: 28px !important;
  padding-right: 12px !important;
  margin: 0 !important;
}

.nav-i {
  height: 52px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.logo-oxo { font-size: 20px !important; font-weight: 900 !important; color: #1D1C19 !important; }
.logo-sub { font-size: 8px !important; letter-spacing: .22em !important; color: #716B64 !important; }

.nav-l { gap: 32px !important; }
.nav-l a {
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: .04em !important;
  color: #7A7268 !important;
  text-transform: none !important;
  transition: color .2s ease !important;
  position: relative !important;
}
.nav-l a:hover { color: #1D1C19 !important; }
.nav-l a.active { color: #1D1C19 !important; font-weight: 700 !important; }

.nav-i > .btn-dk-solid {
  font-size: 10px !important;
  font-weight: 700 !important;
  padding: 11px 22px !important;
  border-radius: 999px !important;
  background: #1D1C19 !important;
  color: #F1ECE5 !important;
  border: 1.5px solid #1D1C19 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  transition: background .22s ease, color .22s ease !important;
}
.nav-i > .btn-dk-solid:hover {
  background: transparent !important;
  color: #1D1C19 !important;
}

@media (max-width: 900px) {
  body { padding-top: 90px !important; }
  nav { top: 10px !important; width: calc(100% - 24px) !important; }
  nav .wrap { padding-left: 20px !important; padding-right: 10px !important; }
  .nav-i { height: 50px !important; }
  .nav-l, .nav-i > .btn-dk-solid { display: none !important; }
  .nav-ham { display: flex !important; }
}

/* ═══════════════════════════════════════════════════════════
   OXO PROPERTY — FULL RESPONSIVE OVERHAUL
   Tablet ≤ 1024px  |  Mobile ≤ 768px  |  Small Mobile ≤ 480px
   All rules use !important to win over prior cascade.
═══════════════════════════════════════════════════════════ */

/* ── GLOBAL BASE ─────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box!important}
html,body{overflow-x:hidden!important;width:100%!important;}

/* Services card labels: override the 900/700 weight set in v18 */
@media(max-width:1024px){
  .ex-card-label,
  #services .ex-card-label{
    font-weight:400!important;
    letter-spacing:-.01em!important;
  }
}

/* ═══════════════════════════════════════════════════════
   TABLET  (≤ 1024px)
═══════════════════════════════════════════════════════ */
@media(max-width:1024px){

  /* Wrap padding */
  .wrap{
    max-width:100%!important;
    padding-left:32px!important;
    padding-right:32px!important;
  }

  /* NAV */
  body{padding-top:72px!important;}
  nav{
    position:fixed!important;
    top:0!important;left:0!important;right:0!important;
    width:100%!important;
    border-radius:0!important;
    transform:none!important;
    z-index:2147483647!important;
  }
  nav .wrap{
    padding-left:28px!important;
    padding-right:28px!important;
    max-width:100%!important;
    margin:0!important;
  }
  .nav-i{height:62px!important;}
  .nav-l{display:none!important;}
  .nav-i>.btn-dk-solid{display:none!important;}
  .nav-ham{display:flex!important;}

  /* HERO */
  .hero{
    display:grid!important;
    grid-template-columns:1fr!important;
    padding:52px 32px 48px!important;
    gap:40px!important;
    min-height:0!important;
    margin:0!important;
    max-width:100%!important;
  }
  .hero-l{padding:0!important;}
  .hero-l h1{
    font-size:clamp(36px,6vw,56px)!important;
    line-height:1.05!important;
    max-width:100%!important;
  }
  .hero-sub{font-size:15px!important;max-width:100%!important;}
  .hero-r{display:flex!important;background:var(--a-bg)!important;padding:28px!important;}
  .pipeline{max-width:100%!important;width:100%!important;}
  .pipe-stage{grid-template-columns:120px 1fr 140px!important;min-height:260px!important;}
  .hero-proof-strip{display:flex!important;flex-wrap:wrap!important;gap:16px!important;}

  /* KPIs */
  .kpi-s{padding:56px 0!important;}
  .kpi-g{
    grid-template-columns:1fr!important;
    gap:0!important;
  }
  .kpi-dv{height:1px!important;width:100%!important;background:rgba(255,255,255,.15)!important;}
  .kpi-i{padding:28px 32px!important;text-align:left!important;}
  .kpi-n{font-size:clamp(48px,8vw,72px)!important;}

  /* CALCULATOR */
  .calc-s{padding:72px 0!important;}
  .calc3-body{
    grid-template-columns:1fr!important;
    min-height:0!important;
  }
  .calc3-left{
    padding:36px 32px!important;
    border-right:none!important;
    border-bottom:1px solid rgba(31,31,29,.14)!important;
  }
  .calc3-right{padding:36px 32px!important;}
  .calc-mini-grid{grid-template-columns:1fr 1fr!important;}

  /* LEAD INTEL */
  .int-s{padding:72px 0!important;}
  .int-top{
    grid-template-columns:1fr!important;
    gap:28px!important;
    margin-bottom:48px!important;
    padding-bottom:32px!important;
  }
  .int-mid{
    grid-template-columns:1fr!important;
    gap:40px!important;
    margin-bottom:56px!important;
  }
  .int-score-col{max-width:100%!important;margin-left:0!important;}
  .int-feats-img{grid-template-columns:1fr 1fr!important;gap:20px!important;}
  .int-h2{font-size:clamp(36px,6vw,56px)!important;}

  /* PRICING */
  .pr-s{padding:72px 0!important;}
  .pr-g{
    grid-template-columns:1fr!important;
    gap:20px!important;
    max-width:560px!important;
    margin:0 auto!important;
  }
  .pc{min-height:0!important;}
  .pc-hd{padding:36px 32px 24px!important;}
  .pc-bd{padding:24px 32px 36px!important;}
  .pc-nb{font-size:48px!important;}

  /* SERVICES (Expertise carousel) */
  .ex-s{
    padding:72px 0 80px!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  .ex-hd{
    display:block!important;
    padding:0 32px!important;
    margin-bottom:32px!important;
  }
  .ex-carousel-wrap{
    position:static!important;
    overflow:visible!important;
    padding:0 0 0 32px!important;
    top:auto!important;
    padding-bottom:0!important;
  }
  .ex-carousel,
  #services .ex-grid-services{
    display:flex!important;
    gap:18px!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;
    padding-bottom:4px!important;
    padding-right:32px!important;
    transform:none!important;
    transition:none!important;
    cursor:auto!important;
    /* clip only the scroll track horizontally */
    clip-path:none!important;
  }
  .ex-carousel::-webkit-scrollbar,
  #services .ex-grid-services::-webkit-scrollbar{display:none!important;}
  .ex-card{
    flex:0 0 min(76vw,380px)!important;
    scroll-snap-align:start!important;
    border-right:0!important;
  }
  .ex-card-img{aspect-ratio:3/4!important;}
  .ex-card-desc{
    opacity:1!important;
    transform:none!important;
    background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.84))!important;
    font-size:13px!important;
    padding:16px!important;
  }
  /* Card title — lighter weight */
  .ex-card-label{
    font-size:16px!important;
    font-weight:400!important;
    letter-spacing:-.01em!important;
  }
  .ex-dots,.ex-nav{display:none!important;}

  /* Mobile carousel nav bar — sits after .ex-carousel-wrap as sibling */
  .oxo-car-nav{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:16px 32px 0!important;
    margin-top:4px!important;
  }
  .oxo-car-arrows{display:flex!important;gap:8px!important;}
  .oxo-car-btn{
    width:36px!important;height:36px!important;
    border-radius:50%!important;
    border:1.5px solid rgba(26,24,20,.28)!important;
    background:transparent!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    cursor:pointer!important;
    color:var(--dk,#1A1814)!important;
    font-size:15px!important;
    padding:0!important;
    font-family:inherit!important;
    transition:background .18s,border-color .18s!important;
    line-height:1!important;
  }
  .oxo-car-btn:active{background:var(--dk,#1A1814)!important;color:var(--bg,#EAE4D9)!important;border-color:var(--dk,#1A1814)!important;}
  .oxo-car-dots{display:flex!important;gap:7px!important;align-items:center!important;}
  .oxo-car-dot{
    width:6px!important;height:6px!important;
    border-radius:50%!important;
    background:rgba(26,24,20,.2)!important;
    border:none!important;padding:0!important;
    cursor:pointer!important;
    transition:all .2s!important;
    flex-shrink:0!important;
  }
  .oxo-car-dot.oxo-active{
    background:var(--dk,#1A1814)!important;
    width:18px!important;border-radius:3px!important;
  }

  /* TEAM */
  .tm-s{padding:72px 0!important;}
  .tm-g{
    grid-template-columns:1fr!important;
    gap:40px!important;
  }
  .tm-photo{aspect-ratio:16/9!important;}
  .fd-g{grid-template-columns:1fr 1fr!important;gap:16px!important;}

  /* FAQ */
  .fq-s{padding:72px 0!important;}

  /* CTA */
  .ct-s{padding:72px 0!important;}
  .ct-layout{
    grid-template-columns:1fr!important;
    gap:48px!important;
  }
  .ct-h2{font-size:clamp(32px,5vw,48px)!important;}
  .ct-card{padding:32px 28px!important;}
  .ct-card-hd{font-size:18px!important;padding:0 0 6px!important;}
  .ct-reas{flex-wrap:wrap!important;}
  .ct-reas span{flex:1 1 auto!important;min-width:120px!important;}

  /* FORM grid */
  .fr{grid-template-columns:1fr!important;}

  /* FOOTER */
  .ft-i{flex-direction:column!important;align-items:flex-start!important;gap:16px!important;}
  .ft-lks{flex-wrap:wrap!important;}

  /* SOCIAL PROOF */
  .sp-cards{grid-template-columns:1fr!important;}
  .sp-testimonial{
    grid-template-columns:1fr!important;
    gap:20px!important;
    padding:32px 28px!important;
  }
  .sp-test-by{text-align:left!important;}
}

/* ═══════════════════════════════════════════════════════
   MOBILE  (≤ 768px)
═══════════════════════════════════════════════════════ */
@media(max-width:768px){

  /* Wrap */
  .wrap{
    padding-left:20px!important;
    padding-right:20px!important;
  }
  nav .wrap{
    padding-left:18px!important;
    padding-right:14px!important;
  }

  /* Body offset — must clear fixed nav (56px) + safe gap */
  body{padding-top:80px!important;}
  html{scroll-padding-top:80px!important;}
  .nav-i{height:56px!important;}

  /* Mobile nav overlay: ensure it's visible above all */
  .nav-mob{z-index:2147483646!important;}
  .nav-mob a{font-size:22px!important;letter-spacing:.08em!important;}

  /* HERO — extra top padding to clear fixed nav */
  .hero{
    padding:48px 20px 36px!important;
    gap:32px!important;
  }
  .hero-l h1{
    font-size:clamp(32px,9vw,48px)!important;
    letter-spacing:-.04em!important;
  }
  .hero-sub{font-size:14px!important;line-height:1.65!important;}
  .btn-dk-lg{
    font-size:14px!important;
    padding:14px 22px!important;
    width:100%!important;
    text-align:center!important;
  }
  .hero-cta{flex-direction:column!important;gap:12px!important;}
  .btn-outline{width:100%!important;text-align:center!important;}

  /* Pipeline — simplified on mobile */
  .hero-r{padding:20px!important;}
  .pipe-stage{
    grid-template-columns:1fr!important;
    min-height:0!important;
  }
  .src-col{display:none!important;}
  .out-col{border-left:none!important;}
  .eng-col{min-height:120px!important;padding:16px 8px!important;}
  .eng-col::before,.eng-col::after{display:none!important;}

  /* KPIs */
  .kpi-s{padding:48px 0!important;}
  .kpi-i{padding:24px 20px!important;}
  .kpi-n{font-size:clamp(44px,12vw,64px)!important;}
  .kpi-lb{font-size:13px!important;}

  /* CALCULATOR */
  .calc-s{padding:56px 0!important;}
  .calc3{border-radius:8px!important;}
  .calc3-left{padding:28px 20px!important;}
  .calc3-right{padding:28px 20px!important;}
  .calc3-left-header{margin-bottom:20px!important;}
  .chc-value{font-size:clamp(28px,8vw,42px)!important;}
  .calc-mini-grid{grid-template-columns:1fr 1fr!important;gap:8px!important;}
  .cmc-value{font-size:18px!important;}
  .calc-h2{font-size:clamp(26px,7vw,40px)!important;}
  .calc-slider-row{margin-bottom:20px!important;}
  .calc-slider-row label{font-size:11px!important;}
  .calc-val{font-size:13px!important;min-width:50px!important;}

  /* LEAD INTEL */
  .int-s{padding:56px 0!important;}
  .int-h2{font-size:clamp(30px,9vw,44px)!important;line-height:1!important;}
  .int-desc{font-size:14px!important;}
  .int-top{gap:20px!important;margin-bottom:36px!important;}
  .int-mid{gap:32px!important;margin-bottom:44px!important;}
  .int-step{padding:20px 0!important;gap:16px!important;}
  .int-step-n{font-size:22px!important;min-width:32px!important;}
  .int-step-c h4{font-size:14px!important;}
  .int-step-c p{font-size:13px!important;}
  .int-score-col .sc{
    padding:12px 14px!important;
    height:auto!important;
    min-height:0!important;
  }
  .int-score-col .sc-nm{font-size:12px!important;}
  .int-score-col .sc-ds{font-size:10px!important;}
  .int-score-col .sc-rg{font-size:12px!important;}
  .int-score-col .sc-bw{display:none!important;}
  .int-accuracy{height:auto!important;padding:14px 16px!important;}
  .int-acc-pct{font-size:32px!important;}
  .int-acc-label{font-size:13px!important;}
  .int-feats-img{
    grid-template-columns:1fr!important;
    gap:24px!important;
  }

  /* PRICING */
  .pr-s{padding:56px 0!important;}
  .pr-g{
    max-width:100%!important;
    grid-template-columns:1fr!important;
  }
  .pc-hd{padding:28px 24px 18px!important;}
  .pc-bd{padding:20px 24px 28px!important;}
  .pc-nb{font-size:40px!important;}
  .pc-tl{font-size:16px!important;}
  .pr-guar{margin:20px 0 0!important;padding:20px!important;}

  /* SERVICES */
  .ex-s{padding:56px 0 64px!important;}
  .ex-hd{padding:0 20px!important;margin-bottom:24px!important;}
  .ex-h2{font-size:clamp(28px,8vw,40px)!important;}
  .ex-desc{font-size:14px!important;}
  .ex-carousel-wrap{padding-left:20px!important;}
  .ex-card{flex:0 0 min(80vw,320px)!important;}
  .ex-card-img{aspect-ratio:3/4!important;}
  .ex-card-label{font-size:14px!important;font-weight:400!important;padding:12px 0 0!important;}

  /* TEAM */
  .tm-s{padding:56px 0!important;}
  .tm-l h2{font-size:clamp(28px,8vw,40px)!important;}
  .tm-intro{font-size:14px!important;}
  .fd-g{grid-template-columns:1fr!important;}
  .tm-stat{
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:20px 0!important;
  }
  .tm-stat strong{font-size:28px!important;}
  .tm-photo{aspect-ratio:16/10!important;}

  /* FAQ */
  .fq-s{padding:56px 0!important;}
  .fq-hd .h2{font-size:clamp(26px,7vw,36px)!important;}
  .fq-qt{font-size:14px!important;}
  .fq-ai{font-size:13px!important;}

  /* CTA */
  .ct-s{padding:56px 0!important;}
  .ct-h2{font-size:clamp(28px,8vw,42px)!important;line-height:1.05!important;}
  .ct-sub{font-size:14px!important;}
  .ct-card{padding:24px 20px!important;border-radius:8px!important;}
  .ct-card-hd{font-size:16px!important;}
  .ct-card-sub{font-size:13px!important;}
  .ct-spots-banner{font-size:12px!important;padding:8px 12px!important;}
  .ct-reas{flex-direction:column!important;gap:0!important;}
  .ct-reas span{padding:10px 14px!important;border-right:none!important;border-bottom:1px solid rgba(255,255,255,1)!important;}
  .ct-reas span:last-child{border-bottom:none!important;}

  /* HubSpot widget */
  .hsw-advisors{grid-template-columns:1fr!important;}
  .hsw-footer{flex-direction:column!important;}
  .hsw-footer-item{border-right:none!important;border-bottom:1px solid rgba(255,255,255,.06)!important;}
  .hsw-footer-item:last-child{border-bottom:none!important;}

  /* FOOTER */
  .ft-i{gap:20px!important;}
  .ft-lks{gap:12px!important;}
  .ft-lks a,.ft-cp{font-size:10px!important;}
}

/* ═══════════════════════════════════════════════════════
   SMALL MOBILE  (≤ 480px)
═══════════════════════════════════════════════════════ */
@media(max-width:480px){

  .wrap{
    padding-left:16px!important;
    padding-right:16px!important;
  }
  body{padding-top:100px!important;}
  .nav-i{height:52px!important;}
  .logo-oxo{font-size:18px!important;}
  .logo-sub{display:none!important;}

  /* HERO */
  .hero{padding:32px 16px 28px!important;gap:28px!important;}
  .hero-l h1{font-size:clamp(28px,10vw,40px)!important;}
  .hero-sub{font-size:13px!important;}
  .hero-eyebrow{font-size:9px!important;}

  /* Pipeline on tiny screens */
  .hero-r{padding:16px!important;}
  .pipe-head{font-size:8px!important;padding:14px 12px 8px!important;}
  .pipe-stats{grid-template-columns:1fr 1fr 1fr!important;}
  .ps-v{font-size:14px!important;}
  .ps-l{font-size:6px!important;}

  /* KPIs */
  .kpi-i{padding:20px 16px!important;}
  .kpi-n{font-size:clamp(40px,14vw,58px)!important;}
  .kpi-lb{font-size:12px!important;}

  /* CALCULATOR */
  .calc3-left{padding:24px 16px!important;}
  .calc3-right{padding:24px 16px!important;}
  .calc-mini-grid{grid-template-columns:1fr!important;}
  .chc-value{font-size:clamp(26px,9vw,36px)!important;}
  .cmc-value{font-size:16px!important;}

  /* SERVICES */
  .ex-carousel-wrap{padding-left:16px!important;}
  .ex-card{flex:0 0 85vw!important;}

  /* PRICING */
  .pc-hd{padding:24px 20px 16px!important;}
  .pc-bd{padding:18px 20px 24px!important;}
  .pc-nb{font-size:36px!important;}

  /* CTA form */
  .ff input,.ff select{padding:11px 12px!important;font-size:13px!important;}
  .btn-sub{font-size:13px!important;padding:14px!important;}
  .f-reas{gap:10px!important;font-size:9px!important;}

  /* CTA contact section */
  .ct-card{padding:20px 16px!important;}

  /* HubSpot widget */
  .hsw-frame{min-height:560px!important;}
}

/* ═══════════════════════════════════════════════════════
   TOUCH / MOBILE UX IMPROVEMENTS
   (applies at all breakpoints but primarily useful on touch)
═══════════════════════════════════════════════════════ */
@media(hover:none){
  /* Prevent hover-only overlays from being permanently invisible on touch */
  .ex-card-desc{
    opacity:0!important;
    /* Tapping card reveals overlay via pointer: */
    pointer-events:auto!important;
  }
  .ex-card:focus-within .ex-card-desc,
  .ex-card:active .ex-card-desc{
    opacity:1!important;
    transform:none!important;
  }
  /* Larger tap targets for buttons */
  .btn-dk,.btn-dk-lg,.btn-dk-solid,.btn-outline,.btn-pr,.btn-sub{
    min-height:44px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  /* Remove hover transforms that can misfire */
  .sc:hover,.fq-qb:hover{transform:none!important;}
}

/* ═══════════════════════════════════════════════════════
   SCROLLABLE PIPELINE STATS — keep readable at any width
═══════════════════════════════════════════════════════ */
@media(max-width:420px){
  .pipe-stage{min-height:0!important;}
  .out-col{padding:10px 8px!important;}
  .o-lane{min-height:38px!important;padding:5px 6px!important;}
  .o-nm{font-size:7px!important;}
  .o-cnt{font-size:7px!important;}
  .o-rg{font-size:8px!important;}
}

/* ═══════════════════════════════════════════════════════
   UTILITY: ensure images never overflow
═══════════════════════════════════════════════════════ */
img{max-width:100%!important;height:auto!important;}
.int-feat-img img,
.ex-card-img img,
.tm-photo img{height:100%!important;}

.legal-overlay{display:none;position:fixed;inset:0;z-index:99999;background:rgba(26,24,20,.72);backdrop-filter:blur(6px);align-items:center;justify-content:center;padding:24px}
.legal-overlay.open{display:flex}
.legal-modal{background:#1f1f1d;color:#EAE4D9;border-radius:16px;max-width:760px;width:100%;max-height:88vh;display:flex;flex-direction:column;box-shadow:0 32px 80px rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.07)}
.legal-modal-hd{display:flex;align-items:center;justify-content:space-between;padding:28px 36px 20px;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}
.legal-modal-title{font-family:'Poppins',sans-serif;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#E18D5E}
.legal-modal-close{background:none;border:none;cursor:pointer;color:rgba(234,228,217,.4);font-size:22px;line-height:1;padding:4px 8px;transition:color .2s}
.legal-modal-close:hover{color:#EAE4D9}
.legal-modal-body{overflow-y:auto;padding:32px 36px 36px;flex:1;scroll-behavior:smooth}
.legal-modal-body h1{font-family:'Poppins',sans-serif;font-size:clamp(22px,2.5vw,32px);font-weight:900;letter-spacing:-.02em;text-transform:uppercase;color:#EAE4D9;margin-bottom:6px}
.legal-modal-body .lm-sub{font-size:11px;color:#6B6560;letter-spacing:.06em;text-transform:uppercase;margin-bottom:32px}
.legal-modal-body h2{font-family:'Poppins',sans-serif;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#E18D5E;margin:28px 0 10px}
.legal-modal-body p{font-size:14px;line-height:1.75;color:rgba(234,228,217,.7);margin-bottom:12px}
.legal-modal-body strong{color:#EAE4D9;font-weight:600}
.legal-modal-body a{color:#E18D5E;text-decoration:none}
.legal-modal-body a:hover{text-decoration:underline}
.legal-modal-body ul{margin:8px 0 12px 20px;list-style:disc}
.legal-modal-body ul li{font-size:14px;line-height:1.7;color:rgba(234,228,217,.7);margin-bottom:4px}
@media(max-width:600px){.legal-modal-hd,.legal-modal-body{padding-left:20px;padding-right:20px}}