/* Home. Ported from the prototype page's own styles (BD CANON, header and footer rules live in chrome.css).
   Loads after site.css, before chrome.css. */
.bd-team-link:hover { border-color:var(--sky) !important; box-shadow:var(--shadow-hover) !important; }
.bd-dia-btn:hover { background:var(--sky-tint) !important; }
@media (min-width:981px){ .bd-team-controls .bd-dot:nth-child(5) { display:none; } }
/* ===== Why sellers choose BizDepot (under the hero): E1 explainer beside the owner photo ===== */
    .bd-why-head{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); gap:clamp(20px,3vw,48px); align-items:end; margin-bottom:clamp(28px,3.2vw,44px); }
    .bd-why-head .lede{ margin:0; max-width:56ch; }
    .bd-why-head .lede b{ color:var(--navy); font-weight:600; }
    .bd-why{ display:grid; grid-template-columns:1.18fr 1fr; gap:clamp(16px,1.8vw,24px); align-items:stretch; }
    /* ===== Explainers E1 / C1 / P1 (Phase 2A, approved 2026-10-01). Shared one-shot engine: the stage carries
       data-state idle | play | done (set from renderVals); componentDidMount plays it once at 60% in view.
       Reduced motion, or no IntersectionObserver, shows the final frame. ===== */
    .hx{ --hx-ease: cubic-bezier(.22,.61,.36,1); position:relative; isolation:isolate; container-type:inline-size; font-variant-numeric:tabular-nums lining-nums; }
    .hx[data-state="idle"] .a-fade,.hx[data-state="idle"] .a-drop,.hx[data-state="idle"] .a-pop{ opacity:0; }
    .hx[data-state="idle"] .a-cx{ clip-path:inset(0 100% 0 0); }
    .hx[data-state="idle"] .a-cy{ clip-path:inset(100% 0 0 0); }
    
    .hx[data-state="play"] .a-fade{ animation:hx-fade var(--d,300ms) var(--hx-ease) var(--t,0ms) both; }
    .hx[data-state="play"] .a-drop{ animation:hx-drop var(--d,350ms) var(--hx-ease) var(--t,0ms) both; }
    .hx[data-state="play"] .a-pop{ animation:hx-pop var(--d,400ms) var(--hx-ease) var(--t,0ms) both; }
    .hx[data-state="play"] .a-cx{ animation:hx-cx var(--d,400ms) var(--hx-ease) var(--t,0ms) both; }
    .hx[data-state="play"] .a-cy{ animation:hx-cy var(--d,400ms) var(--hx-ease) var(--t,0ms) both; }
    
    @keyframes hx-fade { from { opacity:0; translate:0 6px; } to { opacity:1; translate:0 0; } }
    @keyframes hx-drop { from { opacity:0; translate:0 -12px; } to { opacity:1; translate:0 0; } }
    @keyframes hx-pop { from { opacity:0; scale:.8; } to { opacity:1; scale:1; } }
    @keyframes hx-cx { from { clip-path:inset(0 100% 0 0); } to { clip-path:inset(0 0 0 0); } }
    @keyframes hx-cy { from { clip-path:inset(100% 0 0 0); } to { clip-path:inset(0 0 0 0); } }
    @keyframes hx-cyt { from { clip-path:inset(0 0 100% 0); } to { clip-path:inset(0 0 0 0); } }
    @media (prefers-reduced-motion: reduce) {
      .hx .a-fade,.hx .a-drop,.hx .a-pop,.hx .a-cx,.hx .a-cy{ animation:none !important; opacity:1 !important; clip-path:none !important; translate:none !important; scale:none !important; }
    }
    /* navy stage: the site's Current canvas behind, content above */
    .hx-dark{ overflow:hidden; background:var(--navy); color:var(--white); }
    .hx-dark > canvas{ position:absolute; inset:0; width:100%; height:100%; display:block; z-index:0; }
    .hx-in{ position:relative; z-index:1; }
    .hx .hx-ph{ font-family:var(--f-head); font-weight:600; font-size:var(--t-h3); line-height:1.14; letter-spacing:-.02em; color:var(--white); margin:0; max-width:none; }
    @container (max-width:560px) { .hx .d-br{ display:none; } }

    /* E1 two checks (Why sellers choose, beside the "I just sold my company" photo) */
    .bd-x-e{ border-radius:var(--r-card-lg); padding:clamp(26px,2.8vw,40px) clamp(20px,2.8vw,40px) clamp(28px,2.8vw,40px); display:grid; align-content:center; min-height:clamp(440px,40vw,540px); box-shadow:0 24px 64px -16px rgba(10,22,36,.32); }
    .hx .e-body{ margin-top:34px; }
    .hx .e-plot{ position:relative; margin-right:76px; }
    .hx .e-axis{ position:relative; height:22px; border-bottom:1px solid rgba(255,255,255,.16); margin-bottom:22px; }
    .hx .e-axis span{ position:absolute; bottom:7px; font:500 14px/1 var(--f-body); color:rgba(198,216,228,.72); transform:translateX(-50%); }
    .hx .e-axis span:first-child{ transform:none; }
    .hx .e-axis span::after{ content:""; position:absolute; left:50%; bottom:-8px; width:1px; height:6px; background:rgba(255,255,255,.28); }
    .hx .e-axis span:first-child::after{ left:0; }
    .hx .e-row{ position:relative; }
    .hx .e-row + .e-row{ margin-top:30px; }
    .hx .e-row.r1{ margin-bottom:58px; }
    .hx .e-lab{ font:600 15px/1.3 var(--f-body); color:var(--white); margin-bottom:10px; }
    .hx .e-row.r2 .e-lab{ color:var(--sky); }
    .hx .e-track{ position:relative; height:44px; }
    .hx .e-seg{ position:absolute; top:0; bottom:0; left:0; }
    .hx .e-solid{ background:rgba(255,255,255,.35); border-radius:6px 0 0 6px; }
    .hx .e-hatch{ border-radius:0 6px 6px 0; background:repeating-linear-gradient(-45deg, rgba(255,255,255,.34) 0 2px, transparent 2px 8px); box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.35); }
    .hx .e-sky{ background:var(--sky); border-radius:6px; }
    .hx .e-in{ position:absolute; left:14px; top:0; bottom:0; display:flex; align-items:center; gap:6px; font:500 15px/1.15 var(--f-body); color:var(--white); white-space:nowrap; }
    .hx .e-in b{ font-weight:700; }
    .hx .e-in.dk{ color:var(--navy); }
    .hx .e-end-pos{ position:absolute; top:0; bottom:0; display:flex; align-items:center; padding-left:12px; }
    .hx .e-end{ font:700 17px/1 var(--f-body); color:var(--white); white-space:nowrap; }
    .hx .e-r2end{ color:var(--sky); }
    .hx .e-later-pos{ position:absolute; top:100%; margin-top:9px; }
    .hx .e-later{ font:500 14px/1.38 var(--f-body); color:var(--text-on-dark); white-space:nowrap; padding-left:10px; border-left:1.5px solid rgba(255,255,255,.35); }
    .hx .e-later b{ color:var(--white); font-weight:700; }
    .hx .e-mark{ position:absolute; top:0; bottom:0; width:2px; margin-left:-1px; background:rgba(22,41,61,.32); }
    .hx .e-brk{ position:absolute; top:100%; margin-top:8px; height:9px; border:1.5px solid var(--sky); border-top:0; border-radius:0 0 3px 3px; }
    .hx .e-brk-pos{ position:absolute; top:100%; margin-top:22px; transform:translateX(-50%); }
    .hx .e-brk-lab{ font:500 15px/1.2 var(--f-body); color:var(--text-on-dark); white-space:nowrap; }
    .hx .e-brk-lab b{ color:var(--sky); font-weight:700; }
    .hx .e-lock{ margin-top:74px; display:flex; align-items:baseline; gap:18px; flex-wrap:wrap; }
    .hx .e-big{ font-family:var(--f-head); font-weight:600; font-size:72px; line-height:.95; letter-spacing:-.035em; color:var(--sky); }
    .hx .e-cap{ font:500 17px/1.35 var(--f-body); color:var(--white); max-width:13em; }
    @container (max-width:560px) {
      .hx .e-body{ margin-top:26px; }
      .hx .e-plot{ margin-right:62px; }
      .hx .e-axis span{ font-size:13px; }
      .hx .e-in{ font-size:13px; left:10px; flex-direction:column; align-items:flex-start; justify-content:center; gap:1px; }
      .hx .e-in b{ font-size:14px; }
      .hx .e-end{ font-size:15px; }
      .hx .e-end-pos{ padding-left:8px; }
      .hx .e-later{ font-size:13px; }
      .hx .e-lab{ font-size:14px; }
      .hx .e-brk-lab{ font-size:14px; }
      .hx .e-lock{ margin-top:66px; gap:6px; flex-direction:column; }
      .hx .e-big{ font-size:56px; }
      .hx .e-cap{ font-size:16px; max-width:none; }
    }

    /* C1 bidding ladder (the "since 2003" card) */
    .hx .c-body{ margin-top:30px; }
    .hx .c-chart{ position:relative; aspect-ratio:16/9; --pr:158px; --ax:38px; --hi:22.5; --lo:14.45; }
    .hx .c-plot{ position:absolute; left:0; top:0; right:var(--pr); bottom:var(--ax); }
    .hx .c-base{ position:absolute; left:0; right:0; bottom:0; height:1px; background:rgba(255,255,255,.16); }
    .hx .c-y{ top:calc((var(--hi) - var(--v)) / (var(--hi) - var(--lo)) * 100%); }
    .hx .c-grid1{ position:absolute; left:0; right:calc(-1 * var(--pr) + 46px); height:0; border-top:1.5px dashed rgba(255,255,255,.2); }
    .hx .c-h{ position:absolute; height:3px; margin-top:-1.5px; margin-left:-1.5px; background:var(--sky); border-radius:2px; }
    .hx .c-v{ position:absolute; width:3px; margin-left:-1.5px; margin-top:-1.5px; background:var(--sky); border-radius:2px; top:calc((var(--hi) - var(--v2)) / (var(--hi) - var(--lo)) * 100%); height:calc((var(--v2) - var(--v1)) / (var(--hi) - var(--lo)) * 100% + 3px); }
    .hx .c-guide{ position:absolute; height:0; border-top:1.5px dashed rgba(105,212,237,.55); }
    .hx .c-pt{ position:absolute; width:0; height:0; }
    .hx .c-dia{ position:absolute; left:-7px; top:-7px; width:14px; height:14px; }
    .hx .c-dia i{ position:absolute; inset:1px; border-radius:2px; background:var(--white); transform:rotate(45deg); box-shadow:0 0 0 4px rgba(22,41,61,.9); }
    .hx .c-pt.muted .c-dia i{ background:transparent; border:1.5px solid rgba(198,216,228,.55); box-shadow:none; }
    .hx .c-pt.win .c-dia{ left:-11px; top:-11px; width:22px; height:22px; }
    .hx .c-pt.win .c-dia i{ inset:2px; background:var(--sky); box-shadow:0 0 0 6px rgba(105,212,237,.16), 0 0 0 3px rgba(14,29,46,.9); }
    .hx .c-lab{ position:absolute; bottom:16px; white-space:nowrap; text-align:center; transform:translateX(-50%); }
    .hx .c-lab.below{ bottom:auto; top:16px; }
    .hx .c-lab .n{ display:block; font:500 13.5px/1.3 var(--f-body); color:var(--text-on-dark); }
    .hx .c-lab .v{ display:block; font:700 17px/1.25 var(--f-body); color:var(--white); }
    .hx .c-pt.muted .c-lab .n{ color:rgba(198,216,228,.7); font-size:13.5px; }
    .hx .c-pt.muted .c-lab .note{ display:block; font:500 13px/1.35 var(--f-body); color:rgba(198,216,228,.7); }
    .hx .c-pt.win .c-lab{ bottom:20px; }
    .hx .c-pt.win .c-lab .n{ color:var(--sky); }
    .hx .c-pt.win .c-lab .v{ color:var(--sky); font-size:18px; }
    .hx .c-wk{ position:absolute; left:0; right:var(--pr); bottom:0; height:var(--ax); }
    .hx .c-wk span{ position:absolute; bottom:4px; transform:translateX(-50%); font:500 14px/1 var(--f-body); color:rgba(198,216,228,.78); white-space:nowrap; }
    .hx .c-wk span.f{ color:var(--white); font-weight:600; }
    .hx .c-brk{ position:absolute; left:calc(100% + 22px); width:10px; border:1.5px solid var(--sky); border-left:0; border-radius:0 3px 3px 0; top:calc((var(--hi) - 21) / (var(--hi) - var(--lo)) * 100%); height:calc((21 - 18.2) / (var(--hi) - var(--lo)) * 100%); }
    .hx .c-lock{ position:absolute; left:calc(100% + 44px); top:calc((var(--hi) - 19.6) / (var(--hi) - var(--lo)) * 100%); transform:translateY(-50%); }
    .hx .c-lock .big{ display:block; font-family:var(--f-head); font-weight:600; font-size:44px; line-height:1; letter-spacing:-.03em; color:var(--sky); }
    .hx .c-lock .cap{ display:block; margin-top:8px; font:500 14px/1.3 var(--f-body); color:var(--white); white-space:nowrap; }
    .hx .c-lock-m{ display:none; }
    @container (max-width:560px) {
      .hx .c-chart{ aspect-ratio:auto; height:max(290px, 75cqw); --pr:34px; --ax:30px; --hi:23.07; --lo:14.02; }  /* taller than 4:3 so the week 3 and final-round labels never touch on a phone */
      .hx .c-lab .n{ font-size:12.5px; line-height:1.28; }
      .hx .c-lab .v{ font-size:15px; line-height:1.2; }
      .hx .c-pt.win .c-lab .v{ font-size:15px; }
      .hx .c-pt.muted .c-lab .n,.hx .c-pt.muted .c-lab .note{ font-size:12.5px; }
      .hx .c-lab{ bottom:12px; } .hx .c-lab.below{ top:12px; } .hx .c-pt.win .c-lab{ bottom:16px; }
      .hx .m-left{ transform:none; left:-10px; text-align:left; }
      .hx .m-right{ transform:none; left:auto; right:-10px; text-align:right; }
      .hx .c-wk span{ font-size:12.5px; }
      .hx .c-brk{ left:calc(100% + 14px); }
      .hx .c-grid1{ right:calc(-1 * var(--pr) + 8px); }
      .hx .c-plot .c-lock{ display:none; }
      .hx .c-lock-m{ position:static; transform:none; display:flex; align-items:baseline; gap:12px; margin-top:22px; }
      .hx .c-lock-m .big{ font-size:52px; }
      .hx .c-lock-m .cap{ font-size:16px; margin-top:0; }
    }

    .bd-why-photo{ position:relative; border-radius:var(--r-card-lg); overflow:hidden; border:1px solid var(--line); box-shadow:var(--shadow); background:var(--field); min-height:clamp(440px,40vw,540px); isolation:isolate; }
    .bd-why-photo::after{ content:""; position:absolute; inset:0; background:var(--navy); opacity:var(--photo-scrim,.12); mix-blend-mode:multiply; pointer-events:none; z-index:1; }
    .bd-why-points{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(16px,1.8vw,24px); margin-top:clamp(16px,1.8vw,24px); }
    .bd-why-pt{ display:grid; grid-template-columns:auto 1fr; gap:16px; align-items:start; background:var(--white); border:1px solid var(--line); border-radius:var(--r-card); padding:clamp(18px,1.6vw,22px) clamp(18px,1.6vw,24px); box-shadow:var(--shadow); }
    .bd-why-pt-dia{ display:grid; place-items:center; width:38px; height:38px; margin:6px 5px 0 5px; border-radius:10px; transform:rotate(45deg); background:var(--sky-tint); border:1.5px solid var(--sky); color:#116E8D; flex:none; }
    .bd-why-pt-dia svg{ width:17px; height:17px; transform:rotate(-45deg); }
    .bd-why-pt h3{ font-size: var(--t-card); margin:0 0 6px; letter-spacing:-.015em; }
    .bd-why-pt p{ margin:0; font-size: var(--t-body); line-height:1.55; color:var(--text); }
    @media (max-width:1100px){ .bd-why-head{ grid-template-columns:1fr; align-items:start; } }
    @media (max-width:920px){ .bd-why{ grid-template-columns:1fr; } .bd-why-photo{ min-height:0; height:clamp(260px,52vw,380px); } .bd-x-e{ min-height:0; } }
    @media (min-width:761px) and (max-width:1100px){ .bd-why-pt{ grid-template-columns:1fr; gap:12px; } }
    @media (max-width:760px){ .bd-why-points{ grid-template-columns:1fr; } }
    /* Use more of wide screens: widen the content columns (halves the side margin vs the 1080 default) */
    :root{ --wrap: min(1840px, 94vw) !important; --wrap-wide: min(1920px, 95vw) !important; }
    .wrap,.wrap-wide{ padding-left: clamp(16px, 2.2vw, 40px) !important; padding-right: clamp(16px, 2.2vw, 40px) !important; }
    h1,h2{ text-wrap: balance; }
    /* Mobile: release manual headline caps so titles use the full width */
    @media (max-width:600px){
      section h1,section h2{ max-width:100% !important; }
      
      
    }
    .bd-hero-cta .btn{ min-width:212px; justify-content:center; white-space:nowrap; }
    .bd-hero-cta{ display:flex; gap:14px; flex-wrap:wrap; }
    
    /* both tier cards share a baseline: trailing CTA pinned to the bottom of each card */
    
    
    
    /* About: clean two-column split: copy left on white, photo right, no fade */
    .bd-about2{ position:relative; display:grid; grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); align-items:stretch; overflow:hidden; border-radius:var(--r-card-lg); border:1px solid var(--line); background:var(--white); box-shadow:var(--shadow); min-height:clamp(420px,42vw,560px); }
    .bd-about2-media{ background-size:cover; background-position:center 26%; }
    .bd-about2-content{ display:flex; flex-direction:column; justify-content:center; padding:clamp(32px,4.4vw,72px); }
    @media (max-width:920px){
      .bd-sell-h2{ white-space:normal !important; text-wrap:balance; }    }
    @media (max-width:820px){
      .bd-about2{ grid-template-columns:1fr; min-height:0; }
      .bd-about2-media{ order:-1; width:100%; height:clamp(210px,46vw,290px); }
      .bd-about2-content{ padding:clamp(24px,6vw,34px) clamp(20px,6vw,34px) clamp(28px,7vw,40px); }
    }
    /* closing CTA band: copy left, actions right; one column on phones so the heading never collapses to a word per line */
    .bd-contact{ display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(32px,4vw,64px); align-items:stretch; }
    .bd-contact > div:first-child{ display:flex; flex-direction:column; }
    .bd-contact > div:last-child{ align-self:stretch; }
    /* the form fills the row and the textarea absorbs the slack, so no dead space can open below the button */
    .bd-cform{ display:flex; flex-direction:column; }
    .bd-cform form{ display:flex; flex-direction:column; flex:1; }
    .bd-cform-msg{ flex:1; display:flex; flex-direction:column; min-height:0; }
    .bd-cform-msg textarea{ flex:1; min-height:104px; }
    .bd-promise{ display:flex; flex-direction:column; justify-content:space-between; gap:clamp(12px,1.6vw,18px); margin-top:clamp(26px,3vw,38px); flex:1; }
    .bd-promise-item{ flex:none; display:flex; align-items:center; gap:14px; background:var(--white); border:1px solid var(--line); border-radius:var(--r-card); padding:clamp(11px,1.2vw,15px) clamp(14px,1.5vw,18px); box-shadow:var(--shadow); }
    .bd-promise-dia{ display:grid; place-items:center; width:36px; height:36px; flex:none; border-radius:10px; transform:rotate(45deg); background:var(--white); border:1.5px solid var(--line); color:var(--sky-deep); transition:background-color .4s var(--ease-smooth), border-color .4s var(--ease-smooth); }
    .bd-promise-dia svg{ transform:rotate(-45deg); width:16px; height:16px; stroke-dasharray:24; stroke-dashoffset:24; }
    .bd-promise-text{ display:block; font-size: var(--t-sub); line-height:1.45; color:var(--text); }
    .bd-promise-text b{ display:block; font-family:var(--f-head); font-weight:600; font-size: var(--t-body); color:var(--navy); letter-spacing:-.01em; margin-bottom:2px; }
    /* v5: promises rest checked. A promise is stated once, not re-verified on a loop. */
    .bd-promise-dia{ background:var(--sky-tint); border-color:var(--sky); }
    .bd-promise-dia svg{ stroke-dashoffset:0; opacity:1; }
    @keyframes bd-pr-dia { 0%,3% { background:var(--white); border-color:var(--line); } 14%,82% { background:var(--sky-tint); border-color:var(--sky); } 92%,100% { background:var(--white); border-color:var(--line); } }
    @keyframes bd-pr-tick {
      0%, 3% { stroke-dashoffset:24; opacity:0; transform:rotate(-45deg) scale(1); }
      5% { stroke-dashoffset:24; opacity:1; }
      20%, 82% { stroke-dashoffset:0; opacity:1; transform:rotate(-45deg) scale(1); }
      91% { stroke-dashoffset:0; opacity:0; transform:rotate(-45deg) scale(.7); }
      /* the stroke is re-armed only while fully transparent, and 100% equals 0% so the loop cannot blink */
      92%, 100% { stroke-dashoffset:24; opacity:0; transform:rotate(-45deg) scale(1); }
    }
    @media (prefers-reduced-motion: reduce) {
      .bd-promise-dia,.bd-promise-dia svg{ animation:none !important; }
      .bd-promise-dia{ background:var(--sky-tint); border-color:var(--sky); }
      .bd-promise-dia svg{ stroke-dashoffset:0; opacity:1; }
    }
    @media (max-width:920px){
      .bd-contact{ grid-template-columns:1fr; }
      .bd-promise{ flex:none; margin-bottom:clamp(24px,5vw,32px); }
      .bd-cform form{ flex:none; }
      .bd-cform-msg{ flex:none; }
      .bd-cform-msg textarea{ flex:none; }
      .bd-promise-text{ font-size: var(--t-body); }
    }
    /* StatBand (DS component is fixed 4-col) -> 2x2 grid on narrow screens, with an internal cross divider */
    
    /* Interaction polish: slow, soft, Silicon-Valley calm: long easing, small distances */
    a,button,.btn{ transition:color .26s var(--ease-smooth), background-color .26s var(--ease-smooth), border-color .26s var(--ease-smooth), box-shadow .34s var(--ease-smooth), transform .34s var(--ease-smooth), gap .3s var(--ease-smooth), opacity .26s var(--ease-smooth); }
    section a[href] svg,footer a[href] svg{ transition:transform .34s var(--ease-smooth); }
    section a[href]:not(.btn):hover svg{ transform:translateX(3px); }
    .btn:hover{ transform:translateY(-1px); }
    .btn:active{ transform:translateY(0) scale(.99); }
    .bd-team-card > div{ transition:transform .38s var(--ease-smooth), border-color .3s var(--ease-smooth), box-shadow .38s var(--ease-smooth) !important; }
    .bd-team-card:hover > div{ transform:translateY(-3px); }
    /* diamond arrow buttons: gentle wash + hairline shift, no snap-scaling */
    #sectors button,.bd-team-controls button{ transition:background-color .3s var(--ease-smooth), border-color .3s var(--ease-smooth), box-shadow .38s var(--ease-smooth), transform .42s var(--ease-smooth) !important; }
    #sectors button:not([disabled]):hover,.bd-team-controls button:not([disabled]):hover{ background:var(--sky-tint) !important; transform:rotate(45deg) scale(1.03) !important; box-shadow:var(--shadow-hover) !important; }
    #sectors button:not([disabled]):active,.bd-team-controls button:not([disabled]):active{ transform:rotate(45deg) scale(.985) !important; }
    .bd-dot{ transition:background-color .3s var(--ease-smooth), transform .38s var(--ease-smooth) !important; }
    @media (prefers-reduced-motion: reduce){
      a,button,.btn,.bd-team-card > div,.bd-dot{ transition:none !important; }
      .btn:hover,.bd-team-card:hover > div,section a[href]:not(.btn):hover svg{ transform:none !important; }
    }
    /* Header hamburger: 44px minimum tap target */
    header button[aria-label="Menu"]{ min-width:44px !important; min-height:44px !important; }
    /* team: info left, single-step slideshow right (2 visible, advance by one) */
    .bd-team{ --team-vis:3; display:grid; grid-template-columns:.5fr 1.5fr; grid-template-areas:"text cards" "controls cards"; grid-template-rows:1fr auto; column-gap:clamp(28px,4vw,56px); row-gap:26px; align-content:center; }
    @media (max-width:980px){ .bd-team{ --team-vis:2; } }
    .bd-team-text{ grid-area:text; align-self:end; }
    .bd-team-vp{ grid-area:cards; align-self:center; overflow:hidden; }
    .bd-team-controls{ grid-area:controls; align-self:start; display:flex; align-items:center; gap:18px; }
    .bd-team-track{ display:flex; align-items:stretch; transition:transform .62s var(--ease-smooth); will-change:transform; }
    .bd-team-controls button[disabled]{ opacity:.3; cursor:not-allowed; box-shadow:none; pointer-events:none; }
    .bd-team-card{ flex:0 0 calc(100% / var(--team-vis, 3)); box-sizing:border-box; padding:0 8px; display:flex; }
    .bd-team-card > div{ width:100%; height:100%; }
    @media (max-width:760px){
      .bd-team{ grid-template-columns:1fr; grid-template-areas:"text" "cards" "controls"; grid-template-rows:auto; row-gap:22px; }
      .bd-team-text{ align-self:auto; }
      .bd-team-controls{ justify-content:center; align-self:auto; }
    }
    /* sectors carousel: 3-up image cards (2-up ≤980, 1-up ≤640), infinite loop */
    :root{ --ease-smooth: cubic-bezier(.22,.61,.36,1); }
    .bd-sec-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:clamp(24px,2.6vw,36px); }
    .bd-sec-controls{ display:flex; gap:12px; flex:none; padding:0 8px 10px 0; }
    .bd-sec-vp{ --sec-vis:3; --sec-gap:clamp(16px,1.8vw,24px); overflow:hidden; margin:0 calc(var(--sec-gap) / -2); padding:4px 0 8px; }
    .bd-sec-track{ display:flex; transition:transform .62s var(--ease-smooth); will-change:transform; }
    .bd-sec-slide{ flex:0 0 calc(100% / var(--sec-vis)); box-sizing:border-box; padding:0 calc(var(--sec-gap) / 2); }
    .bd-sec-card{ position:relative; display:block; aspect-ratio:7/8; border-radius:var(--r-card-lg); overflow:hidden; background:var(--field); border:1px solid var(--line); box-shadow:var(--shadow); text-decoration:none; color:inherit; isolation:isolate; transition:box-shadow .34s var(--ease-smooth), transform .34s var(--ease-smooth); }
    .bd-sec-card:hover{ box-shadow:var(--shadow-hover); transform:translateY(-3px); }
    .bd-sec-card:focus-visible{ outline:3px solid var(--sky-deep); outline-offset:2px; }
    .bd-sec-card img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; transition:transform 1.1s var(--ease-smooth); filter:saturate(.75) contrast(1.06) brightness(.97) hue-rotate(-6deg); }
    .bd-sec-card:hover img{ transform:scale(1.04); }
    /* the hero scrim, reused: bottom third darkens so the name and button read on any photo */
    .bd-sec-scrim{ position:absolute; inset:0; background:linear-gradient(180deg, rgba(14,29,46,.10) 0%, rgba(14,29,46,.10) 40%, rgba(14,29,46,.86) 100%); pointer-events:none; }
    .bd-sec-count{ position:absolute; top:18px; right:18px; display:inline-flex; align-items:center; gap:9px; padding:9px 16px; background:var(--white); border-radius:100px; box-shadow:0 10px 26px -14px rgba(10,22,36,.55); font-size:14px; font-weight:600; color:var(--navy); white-space:nowrap; font-variant-numeric:tabular-nums; }
    .bd-sec-count .dia{ width:8px; height:8px; }
    .bd-sec-body{ position:absolute; left:0; right:0; bottom:0; padding:clamp(18px,2vw,28px); display:grid; gap:14px; justify-items:start; }
    .bd-sec-body h3{ margin:0; color:var(--white); font-size: var(--t-h3)!important; letter-spacing:-.02em; line-height:1.1; text-shadow:0 2px 14px rgba(14,29,46,.35); }
    /* the whole card is the link; the arrow line is its tertiary affordance (no button inside a photo card) */
    .bd-sec-btn{ display:inline-flex; align-items:center; gap:8px; padding:11px 18px; border-radius:10px; background:var(--sky); color:var(--navy); font-family:var(--f-body); font-size:14px; font-weight:600; letter-spacing:-.005em; line-height:1.3; white-space:normal; text-align:left; max-width:100%; text-shadow:none; transition:background-color .26s var(--ease-smooth), gap .3s var(--ease-smooth); }
    .bd-sec-btn svg{ width:14px; height:14px; flex:none; transition:transform .34s var(--ease-smooth); }
    .bd-sec-card:hover .bd-sec-btn{ background:var(--sky-hover, #8FE0F2); }
    .bd-sec-card:hover .bd-sec-btn svg{ transform:translateX(3px); }
    .bd-sec-caption{ margin-top:18px; font-size:13px; font-weight:600; letter-spacing:0; text-transform:none; color:var(--text-light); display:flex; align-items:center; gap:9px; }
    @media (max-width:980px){ .bd-sec-vp{ --sec-vis:2; } }
    @media (max-width:760px){ .bd-sec-head{ flex-direction:column; align-items:flex-start; gap:18px; } .bd-sec-controls{ padding:0; } }
    @media (max-width:640px){ .bd-sec-vp{ --sec-vis:1; } .bd-sec-card{ aspect-ratio:4/5; } }
    @media (prefers-reduced-motion: reduce){ .bd-sec-card,.bd-sec-card img,.bd-sec-btn,.bd-sec-btn svg{ transition:none !important; } .bd-sec-card:hover{ transform:none; } .bd-sec-card:hover img{ transform:none; } }
    /* C1 bidding ladder lives in the right half of the "since 2003" card; below 820px it follows the copy */
    .bd-x-c{ padding:clamp(22px,2.8vw,36px); display:grid; align-content:center; }
    @media (max-width:820px) { .bd-about2-media.bd-x-c{ order:0; height:auto; } }
    /* Recently-listed preview: three cards, single column on narrow screens */

    /* Home: kill horizontal overflow and constrain the map embed (bug: .bd-map rendered 777px at 768) */
    html,body{ overflow-x: clip; }
    

/* ============ HEADER V2 (canonical: bd-hd2) ============ */

/* Desktop industries dropdown (hover + focus-within) */

/* Mobile menu + Sell accordion */

/* Nav v2.3 squeeze band: six items + phone + CTA cannot all fit 1081-1240; drop the phone, tighten gaps */

/* ============ FOOTER V2 (canonical: bd-ft2) ============ */

  
/* ===== HOME v4: page wash, overlay header, glass hero, advantage accordion ===== */
body{ background: var(--white); }
section.tint{ background: var(--paper) !important; }

/* --- Header: glass over the hero, white strip once scrolled --- */

/* below the nav breakpoint only two tracks remain: logo and the menu toggle */

/* --- Hero --- */
.bd-hero-stats{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; margin: clamp(38px,4vw,56px) auto 0; max-width: 1000px; background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.30); border-radius: 14px; overflow: hidden;  box-shadow:inset 0 1px 0 rgba(255,255,255,.55), inset 0 -1px 0 rgba(255,255,255,.12), 0 24px 50px -24px rgba(14,29,46,.6); backdrop-filter:blur(24px) saturate(1.7) brightness(1.05); -webkit-backdrop-filter:blur(24px) saturate(1.7) brightness(1.05);}
.bd-hero-stats > div{ background: rgba(14,29,46,.34); padding: clamp(16px,1.8vw,22px) clamp(10px,1.4vw,18px); text-align: center; }
.bd-hero-stats b{ display: block; font-family: var(--f-head); font-weight: 600; font-size: clamp(1.5rem,2.4vw,2.125rem); color: #fff; line-height: 1; letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
.bd-hero-stats > div > span{ display: block; font-size:13px; font-weight: 600; letter-spacing:0; text-transform: none; color: #A9C2D3; margin-top: 9px; line-height: 1.35; }
@media (max-width: 700px) { .bd-hero-stats{ grid-template-columns: 1fr 1fr; } }
.bd-hero-t1 video{ animation: bd-hero-drift 26s ease-in-out infinite alternate; transform-origin: 52% 46%; }
@keyframes bd-hero-drift { from { transform: scale(1.015); } to { transform: scale(1.085); } }
@media (prefers-reduced-motion: reduce) { .bd-hero-t1 video{ animation: none; } }
.bd-hero-h1{ color: var(--white); line-height: 1.04 !important; letter-spacing: -.032em !important; margin: 0 auto 26px; max-width: none !important;
  font-size: clamp(18px, calc(6.1vw - 4px), 78px) !important; }
.bd-hero-h1 > span{ display: block; white-space: nowrap; }
.bd-hero-l2{ color: var(--sky); }
@media (max-width: 760px) {
  .bd-hero-h1{ font-size: clamp(36px, 11.4vw, 64px) !important; letter-spacing: -.03em !important; line-height: 1.06 !important; margin-bottom: 20px; }
  .bd-hero-h1 > span{ white-space: normal; }
}
/* the video frame softens and darkens toward the edges only */
.bd-hero-vig-blur{ position: absolute; inset: 0; z-index: 1; pointer-events: none; backdrop-filter: blur(9px); -webkit-backdrop-filter: blur(9px);
  -webkit-mask-image: radial-gradient(112% 82% at 50% 44%, transparent 34%, #000 82%); mask-image: radial-gradient(112% 82% at 50% 44%, transparent 34%, #000 82%); }
.bd-hero-vig-dark{ position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: radial-gradient(112% 82% at 50% 44%, rgba(14,29,46,0) 30%, rgba(14,29,46,.40) 68%, rgba(14,29,46,.80) 100%); }
/* metrics strip: taller, anchored low, so the lower half of the frame carries weight */
.bd-hero-stats{ margin-top: clamp(36px,5.4vh,84px) !important; }
@media (max-width: 560px) { .bd-hero-t1 .wrap-wide{ padding-left: 14px !important; padding-right: 14px !important; } }
.bd-hero-stats > div{ padding: clamp(22px,2.6vw,32px) clamp(10px,1.4vw,20px) !important; }
.bd-hero-stats b{ font-size: clamp(1.75rem,2.9vw,2.625rem) !important; }
.bd-hero-stats span{ font-size: 12px; margin-top: 11px !important; }

/* --- Accreditation strip: label inline on desktop, auto-sliding marks when narrow --- */
.bd-accred{ display: flex; align-items: center; justify-content: center; gap: clamp(24px,3.4vw,52px); }
.bd-accred-label{ flex: none; font-size:13px; font-weight: 600; letter-spacing:0; text-transform: none; color: #7B93A6; margin: 0; }
.bd-accred-viewport{ overflow: hidden; }
.bd-accred-track{ display: flex; }
.bd-accred-set{ display: flex; align-items: center; gap: clamp(24px,3.4vw,52px); padding-right: clamp(24px,3.4vw,52px); flex: none; }
.bd-accred-set + .bd-accred-set{ display: none; }
.bd-accred img{ height: 32px; width: auto; display: block; opacity: .62; transition: opacity .34s var(--ease-smooth); }
.bd-accred img:hover{ opacity: 1; }
@media (max-width: 900px) {
  .bd-accred{ flex-direction: column; gap: 20px; }
  .bd-accred-viewport{ width: 100%; -webkit-mask-image: linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent); mask-image: linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent); }
  .bd-accred-set{ display: flex; animation: bd-accred-slide 26s linear infinite; }
  .bd-accred-set + .bd-accred-set{ display: flex; }
  .bd-accred img{ height: 27px; }
}
@keyframes bd-accred-slide { from { transform: translateX(0); } to { transform: translateX(-100%); } }
@media (prefers-reduced-motion: reduce) { .bd-accred-set{ animation: none !important; } }

/* --- The BizDepot way: animated flow diagram (seller, BizDepot, buyer universe) --- */

@keyframes bd-wire { from { background-position-y: 0; } to { background-position-y: 12px; } }

@keyframes bd-wire-dot { 0% { top: -4px; opacity: 0; } 12% { opacity: 1; } 82% { opacity: 1; } 100% { top: 100%; opacity: 0; } }

@keyframes bd-ring { 0% { transform: rotate(45deg) scale(.72); opacity: 0; } 22% { opacity: .5; } 100% { transform: rotate(45deg) scale(1.5); opacity: 0; } }

@keyframes bd-fan { to { stroke-dashoffset: -14; } }

@keyframes bd-chip { 0%, 62%, 100% { border-color: rgba(22,135,172,.22); box-shadow: none; } 22%, 40% { border-color: var(--sky); box-shadow: 0 0 0 4px rgba(105,212,237,.18); } }

/* --- Tier-card diagram: the same question, two answers (labelled, so it reads at a glance) --- */

/* v5: the comparison rests fully legible; the confidentiality story moved to the blind-profile explainer */

/* the excluded row is stated quietly: muted dark-surface colour, no opacity multiplier */

@keyframes bd-who-status { 0%, 5% { opacity: 0; transform: translateX(8px); } 13%, 90% { opacity: 1; transform: none; } 97%, 100% { opacity: 0; transform: translateX(8px); } }
@keyframes bd-who-dot { 0%, 5% { transform: rotate(45deg) scale(0); } 15% { transform: rotate(45deg) scale(1.25); } 22%, 90% { transform: rotate(45deg) scale(1); } 97%, 100% { transform: rotate(45deg) scale(0); } }

/* --- The BizDepot Advantage: accordion + swapping media --- */
.bd-adv{ display: grid; grid-template-columns: 1.02fr .98fr; gap: clamp(30px,3.6vw,64px); align-items: start; }
.bd-adv-item{ border-bottom: 1px solid var(--line); }
.bd-adv-item:first-child{ border-top: 1px solid var(--line); }
.bd-adv-trigger{ display: flex; align-items: center; gap: 16px; width: 100%; padding: clamp(16px,1.7vw,21px) 4px; background: none; border: none; cursor: pointer; text-align: left; font-family: var(--f-head); font-weight: 600; font-size: clamp(16.5px,1.35vw,19px); color: var(--navy); letter-spacing: -.015em; line-height: 1.3; }
.bd-adv-ico{ display: grid; place-items: center; width: 40px; height: 40px; border-radius: 10px; background: var(--white); border: 1.5px solid var(--line); transform: rotate(45deg); flex: none; transition: background-color .34s var(--ease-smooth), border-color .34s var(--ease-smooth); }
.bd-adv-ico svg{ transform: rotate(-45deg); width: 17px; height: 17px; stroke: var(--text-light); transition: stroke .34s var(--ease-smooth); }
.bd-adv-trigger:hover .bd-adv-ico{ border-color: var(--sky); }
.bd-adv-item[data-open="true"] .bd-adv-ico{ background: var(--sky-tint); border-color: var(--sky); }
.bd-adv-item[data-open="true"] .bd-adv-ico svg{ stroke: #116E8D; }
.bd-adv-panel{ display: grid; grid-template-rows: 0fr; transition: grid-template-rows .44s var(--ease-smooth); }
.bd-adv-item[data-open="true"] .bd-adv-panel{ grid-template-rows: 1fr; }
.bd-adv-panel > div{ overflow: hidden; min-height: 0; }
.bd-adv-panel p{ margin: 0 0 20px; padding-left: 56px; max-width: 52ch; color: var(--text); font-size: var(--t-body); line-height: 1.66; }
.bd-adv-media{ position: relative; border-radius: var(--r-card-lg); overflow: hidden; border: 1px solid var(--line); box-shadow: var(--shadow-lg); aspect-ratio: 4/3.6; background: var(--navy); }
.bd-adv-media img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
@media (max-width: 900px) { .bd-adv{ grid-template-columns: 1fr; } .bd-adv-media{ order: -1; aspect-ratio: 16/9; } }
@media (max-width: 520px) { .bd-adv-panel p{ padding-left: 0; } }

/* ===== BD v4 NAV HOVER (congruent on every page; !important beats the inline --hd-ink) ===== */

/* dropdown panels are always a light surface */

/* ===== end BD v4 NAV HOVER ===== */