/*  vo-mobile-compact.css  v2.5.1
 *  Mobile overrides for visiononeperformance.com
 *  All rules inside @media — desktop NEVER touched.
 *  Uses !important to override inline styles.
 *
 *  DOM audit (2026-04-17) — actual HTML patterns:
 *    Hero: #s-hero or div[style*="min-height:92vh"] with grid 1fr 1.1fr / 1fr 1.4fr
 *    Trust bar: .hg3 with inline repeat(5,1fr) — must stay horizontal
 *    Homepage trust: .vo-trust-grid with inline repeat(4,1fr) — must stay horizontal
 *    Stats: .hero-stats (flex row), .vo-stat-cards (grid), .vo-sc (individual cards)
 *    Grids: 2-col layouts use inline 1fr 1fr / .7fr 1.3fr / 1fr 380px / etc.
 *    Logos: img[alt="VisionOne"] with inline height:52px
 *    Fonts: inline font-size:52px / 48px / 40px / etc.
 *    Sections: .vo-sec with inline padding:80px 32px / etc.
 *    Avada: .fusion-header-wrapper, .fusion-logo, .fusion-title
 */

/* ===================================================================
   TEAM PROFILE PAGES — All viewports (hero color fixes)
   =================================================================== */
.tp-hero{background:linear-gradient(135deg,#1e3a1c 0%,#263e2a 40%,#222f3a 100%)!important}
.tp-hero h1{color:#fff!important}
.tp-hero-role{color:rgba(255,255,255,.55)!important}

/* ===================================================================
   TABLET  (max-width: 900px)
   =================================================================== */
@media(max-width:900px){

  /* --- Hero: collapse 2-col grid to single column --- */
  .hero-g,
  [class*="hero"] [style*="grid-template-columns"]{
    grid-template-columns:1fr!important;
    text-align:center!important;
  }
  .hero-g>div:last-child{margin:0 auto!important}

  /* --- Hero: cap height --- */
  #s-hero[style*="min-height"],
  div[style*="min-height:92vh"],
  div[style*="min-height:88vh"],
  div[style*="min-height:78vh"],
  div[style*="min-height: 92vh"],
  div[style*="min-height: 88vh"],
  div[style*="min-height: 78vh"]{
    min-height:auto!important;
    padding-top:60px!important;
    padding-bottom:48px!important;
  }
  #s1[style*="min-height"]{min-height:auto!important}

  /* --- Trust bar: keep ALL columns horizontal (never stack) ---
       .hg3 = 5-col on service pages
       .vo-trust-grid = 4-col on homepage  */
  .hg3[style*="repeat(5"]{
    grid-template-columns:repeat(5,1fr)!important;
    gap:0!important;
  }
  .vo-trust-grid[style*="repeat(4"]{
    grid-template-columns:repeat(4,1fr)!important;
    gap:0!important;
  }
  .hg3>div,.vo-trust-grid>div{
    padding:12px 6px!important;
    font-size:10px!important;
  }
  .hg3>div svg,.vo-trust-grid>div svg{
    width:16px!important;height:16px!important;
  }
  .hg3>div div[style*="font-size:12px"],
  .hg3>div div[style*="font-size: 12px"],
  .vo-trust-grid>div div[style*="font-size:12px"],
  .vo-trust-grid>div div[style*="font-size: 12px"]{
    font-size:9px!important;
  }
  .hg3>div div[style*="font-size:9px"],
  .hg3>div div[style*="font-size: 9px"],
  .vo-trust-grid>div div[style*="font-size:9px"],
  .vo-trust-grid>div div[style*="font-size: 9px"]{
    font-size:7px!important;
  }

  /* --- Section padding --- */
  .vo-sec[style*="padding"]{padding:56px 20px!important}
  div[style*="padding:100px"],div[style*="padding: 100px"],
  div[style*="padding:110px"],div[style*="padding: 110px"],
  div[style*="padding:120px"],div[style*="padding: 120px"],
  div[style*="padding:140px"],div[style*="padding: 140px"]{
    padding:56px 20px!important;
  }
  div[style*="padding-top:100px"],div[style*="padding-top: 100px"]{
    padding-top:48px!important;
  }
  div[style*="padding-bottom:100px"],div[style*="padding-bottom: 100px"]{
    padding-bottom:48px!important;
  }

  /* --- Max-width containers: full width on mobile --- */
  div[style*="max-width:1400px"],div[style*="max-width:1320px"],
  div[style*="max-width:1200px"],div[style*="max-width:1120px"],
  div[style*="max-width:1100px"],div[style*="max-width:1060px"],
  div[style*="max-width:1000px"],div[style*="max-width:960px"],
  div[style*="max-width:940px"],div[style*="max-width:860px"],
  div[style*="max-width:840px"]{
    max-width:100%!important;
    padding-left:16px!important;
    padding-right:16px!important;
    box-sizing:border-box!important;
  }

  /* --- Titles --- */
  .vo-ttl{font-size:26px!important}
  .vo-sub{font-size:15px!important}

  /* --- Multi-column grids: collapse
       BUT exclude trust bars (.hg3, .vo-trust-grid) --- */
  div[style*="grid-template-columns:1fr 1fr 1fr"]:not(.hg3):not(.vo-trust-grid),
  div[style*="grid-template-columns: 1fr 1fr 1fr"]:not(.hg3):not(.vo-trust-grid),
  div[style*="grid-template-columns:repeat(3"]:not(.hg3):not(.vo-trust-grid),
  div[style*="grid-template-columns:repeat(6"]{
    grid-template-columns:1fr 1fr!important;
  }

  /* --- Tab nav: 2 across --- */
  .stg-tabs,.inc-tabs,.ws-tab-nav,.svc-tabs,.vt-aaa-cards{
    grid-template-columns:1fr 1fr!important;gap:10px!important;
  }

  /* --- Cards --- */
  .vo-card[style*="padding:32px"],.vo-card[style*="padding: 32px"],
  .vo-card[style*="padding:36px"],.vo-card[style*="padding:40px"]{
    padding:20px 16px!important;
  }
  .vo-card[style*="grid-template-columns"]{grid-template-columns:1fr!important}
  .vo-card>div:first-child[style*="min-height"]{min-height:200px!important}

  /* --- Carousel --- */
  #memFeatured{min-height:280px!important;overflow:visible!important}
  .dv-top-grid{grid-template-columns:1fr!important}
  .dv-bot-grid{grid-template-columns:1fr 1fr!important}

  /* --- Stats --- */
  .vo-stat-cards{grid-template-columns:1fr 1fr!important;gap:10px!important}

  /* --- Assessment --- */
  .assess-grid{grid-template-columns:1fr!important}
  .assess-cta{flex-direction:column!important;text-align:center!important}
}

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

  /* --- Inline font overrides --- */
  [style*="font-size:72px"]{font-size:32px!important}
  [style*="font-size:64px"]{font-size:30px!important}
  [style*="font-size:60px"]{font-size:28px!important}
  [style*="font-size:56px"]{font-size:28px!important}
  [style*="font-size:54px"]{font-size:26px!important}
  [style*="font-size:52px"]{font-size:26px!important}
  [style*="font-size:50px"]{font-size:24px!important}
  [style*="font-size:48px"]{font-size:24px!important}
  [style*="font-size:46px"]{font-size:24px!important}
  [style*="font-size:44px"]{font-size:24px!important}
  [style*="font-size:42px"]{font-size:22px!important}
  [style*="font-size:40px"]{font-size:22px!important}
  [style*="font-size:38px"]{font-size:20px!important}
  [style*="font-size:36px"]{font-size:20px!important}
  [style*="font-size:34px"]{font-size:20px!important}
  [style*="font-size:32px"]{font-size:18px!important}
  [style*="font-size:30px"]{font-size:18px!important}
  /* space variants */
  [style*="font-size: 72px"]{font-size:32px!important}
  [style*="font-size: 64px"]{font-size:30px!important}
  [style*="font-size: 56px"]{font-size:28px!important}
  [style*="font-size: 54px"]{font-size:26px!important}
  [style*="font-size: 52px"]{font-size:26px!important}
  [style*="font-size: 50px"]{font-size:24px!important}
  [style*="font-size: 48px"]{font-size:24px!important}
  [style*="font-size: 44px"]{font-size:24px!important}
  [style*="font-size: 42px"]{font-size:22px!important}
  [style*="font-size: 40px"]{font-size:22px!important}
  [style*="font-size: 38px"]{font-size:20px!important}
  [style*="font-size: 36px"]{font-size:20px!important}
  [style*="font-size: 34px"]{font-size:20px!important}
  [style*="font-size: 32px"]{font-size:18px!important}
  [style*="font-size: 30px"]{font-size:18px!important}

  /* Avada title widgets */
  .fusion-title[style*="--awb"] h1,
  .fusion-title[style*="--awb"] h2{
    font-size:24px!important;line-height:1.15!important;
  }

  .vo-ttl{font-size:22px!important;letter-spacing:-0.3px!important}
  .vo-sub{font-size:14px!important;line-height:1.5!important}

  /* --- Hide Avada header when #vo7 bar exists --- */
  .fusion-header-wrapper{display:none!important}
  .fusion-secondary-header{display:none!important}
  /* Fallback if #vo7 bar NOT loaded: show Avada header compact */
  body:not(:has(#vo7)) .fusion-header-wrapper{display:block!important;position:relative!important}
  body:not(:has(#vo7)) .fusion-header{padding:0!important}
  body:not(:has(#vo7)) .fusion-header .fusion-row{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 8px!important;min-height:42px!important;max-height:46px!important}
  body:not(:has(#vo7)) .fusion-logo{padding:2px 0!important;margin:0!important}
  body:not(:has(#vo7)) .fusion-logo img,
  body:not(:has(#vo7)) .fusion-standard-logo{max-height:20px!important;width:auto!important;height:auto!important}
  body:not(:has(#vo7)) .fusion-secondary-header{display:block!important;padding:2px 0!important}

  /* --- #vo7 nav bar: compact on mobile --- */
  #vo7 .v7b{height:56px!important;padding:0 14px!important}
  #vo7 .v7l img{height:32px!important}
  #vo7 .v7su a{padding:6px 14px!important;font-size:10px!important;letter-spacing:.8px!important}
  #vo7 .v7n{display:none!important}
  #vo7 .v7h{display:flex!important;align-items:center!important;justify-content:center!important}
  #vo7 .v7mp{display:block!important}
  body{padding-top:56px!important}

  /* Member badge — compact one-line */
  .vo-m-nav-badge,.vo-m-nav-badge-out{
    padding:2px 6px 2px 4px!important;font-size:8px!important;
    white-space:nowrap!important;overflow:visible!important;max-width:none!important;
    gap:3px!important;border-radius:5px!important;
  }
  .vo-m-nav-label{font-size:8px!important;letter-spacing:0!important}
  .vo-m-nav-star svg{width:9px!important;height:9px!important}

  /* --- Hero: collapse and cap height --- */
  .hero-g{grid-template-columns:1fr!important;text-align:center!important}
  .hero-g>div:last-child{margin:0 auto!important;display:block!important;width:100%!important}
  .hero-g #heroVideo{display:flex!important;margin-top:16px!important}
  #s-hero,#s-hero[style*="min-height"]{
    min-height:auto!important;
    padding-top:40px!important;
    padding-bottom:28px!important;
  }
  [id*="hero"],[class*="hero"]{min-height:auto!important}
  [id*="hero"] h1,.hero-g h1{
    font-size:28px!important;line-height:1.12!important;letter-spacing:-0.5px!important;
  }
  #s1 .hero-g>div:first-child>div:first-child[style*="inline-flex"]{
    margin-top:12px!important;
  }
  [id*="hero"] p[style*="font-size"],.hero-g p[style*="font-size"]{
    font-size:15px!important;line-height:1.5!important;
  }

  /* --- ALL VisionOne logos: cap size on mobile --- */
  img[alt="VisionOne"]{
    max-height:28px!important;width:auto!important;height:auto!important;
  }
  img[alt="VisionOne"][style*="height"]{
    height:auto!important;max-height:28px!important;width:auto!important;
  }
  .vo-ft img[alt="VisionOne"]{max-height:22px!important}
  .v7l img[alt="VisionOne"]{max-height:22px!important;width:auto!important;height:auto!important}

  /* --- Section padding --- */
  .vo-sec{padding:32px 16px!important}
  .vo-sec[style*="padding"]{padding:32px 16px!important}
  div[style*="padding:80px"],div[style*="padding: 80px"],
  div[style*="padding:90px"],div[style*="padding: 90px"],
  div[style*="padding:100px"],div[style*="padding: 100px"],
  div[style*="padding:110px"],div[style*="padding: 110px"],
  div[style*="padding:120px"],div[style*="padding: 120px"],
  div[style*="padding:140px"],div[style*="padding: 140px"]{
    padding:32px 16px!important;
  }
  div[style*="padding-top:100px"],div[style*="padding-top: 100px"]{padding-top:32px!important}
  div[style*="padding-bottom:100px"],div[style*="padding-bottom: 100px"]{padding-bottom:32px!important}

  /* CTA sections */
  div[class*="cta"][style*="padding"]{padding:36px 16px!important}

  /* --- ALL 2-column grids → single column
       EXCEPT trust bars which must stay horizontal --- */
  div[style*="grid-template-columns:1fr 1fr"]:not(.hg3):not(.vo-trust-grid):not(.vo-stat-cards):not(.svc-grid),
  div[style*="grid-template-columns: 1fr 1fr"]:not(.hg3):not(.vo-trust-grid):not(.vo-stat-cards):not(.svc-grid),
  div[style*="grid-template-columns:1fr 1.1fr"],
  div[style*="grid-template-columns:1fr 1.2fr"],
  div[style*="grid-template-columns:1fr 1.4fr"],
  div[style*="grid-template-columns:.7fr 1.3fr"],
  div[style*="grid-template-columns:1.1fr 1fr"],
  div[style*="grid-template-columns:1.2fr 1fr"],
  div[style*="grid-template-columns:1fr 380px"],
  div[style*="grid-template-columns:280px 1fr"]{
    grid-template-columns:1fr!important;
  }
  /* 3+ columns → single (except trust bars) */
  div[style*="grid-template-columns:1fr 1fr 1fr"]:not(.hg3):not(.vo-trust-grid),
  div[style*="grid-template-columns:repeat(3"]:not(.hg3):not(.vo-trust-grid),
  div[style*="grid-template-columns:repeat(6"]{
    grid-template-columns:1fr!important;
  }

  /* --- Gap reduction --- */
  div[style*="gap:60px"],div[style*="gap: 60px"]{gap:20px!important}
  div[style*="gap:48px"],div[style*="gap: 48px"]{gap:20px!important}
  div[style*="gap:40px"],div[style*="gap: 40px"]{gap:18px!important}
  div[style*="gap:36px"],div[style*="gap: 36px"]{gap:16px!important}
  div[style*="gap:32px"],div[style*="gap: 32px"]{gap:14px!important}

  /* --- Cards --- */
  .vo-card{padding:18px 14px!important;border-radius:14px!important}
  .vo-card[style*="min-height"]{min-height:auto!important}
  .vo-card h3,
  .vo-card [style*="font-size:22px"],
  .vo-card [style*="font-size:24px"],
  .vo-card [style*="font-size:26px"]{font-size:17px!important}

  /* --- Tab navigation --- */
  .stg-tabs,.inc-tabs,.svc-tabs,.vt-aaa-cards{
    grid-template-columns:1fr!important;gap:8px!important;
  }
  .stg-tab,.inc-tab,.svc-tab,.vt-aaa-card{
    padding:12px!important;font-size:13px!important;
  }
  .stg-tab img,.inc-tab img{height:100px!important}

  /* Workshop tabs: 2x2 */
  .ws-tab-nav{grid-template-columns:1fr 1fr!important;gap:6px!important}
  .ws-tab-btn{padding:10px 8px!important;font-size:12px!important;text-align:center!important}

  /* Workshop panels: single column, compact */
  .ws-panel .hg2,
  .ws-panel div[style*="grid-template-columns:1fr 1fr"]{
    grid-template-columns:1fr!important;gap:12px!important;
  }
  .ws-panel .hg2>div img,
  .ws-panel .hg2>div img[style*="height"]{
    height:120px!important;width:100%!important;object-fit:cover!important;border-radius:12px 12px 0 0!important;
  }
  .ws-panel .hg2>div>div[style*="padding:20px"],
  .ws-panel .hg2>div>div[style*="padding: 20px"]{
    padding:12px 10px!important;
  }
  .ws-panel .vo-card{padding:16px 12px!important}

  /* --- Workshop countdown: all 4 units in one row --- */
  .vo-countdown{
    display:flex!important;flex-wrap:nowrap!important;
    justify-content:center!important;gap:6px!important;
  }
  .vo-cd-unit{flex-shrink:1!important;min-width:0!important;padding:4px 6px!important;flex:1!important}
  .vo-cd-num{font-size:18px!important}
  .vo-cd-lbl{font-size:7px!important;letter-spacing:.5px!important}
  /* Countdown container: less padding for more room */
  div[style*="padding:28px"][style*="border-radius:18px"]{padding:14px 10px!important}

  /* --- Monthly Business Edge badge: compact on mobile --- */
  div[style*="border-radius:100px"][style*="padding:16px 38px"]{
    border-radius:14px!important;padding:10px 18px!important;gap:8px!important;
  }
  div[style*="border-radius:100px"] span[style*="letter-spacing:4px"],
  div[style*="border-radius:100px"] span[style*="letter-spacing: 4px"]{
    font-size:11px!important;letter-spacing:1.5px!important;line-height:1.4!important;
  }

  /* Tab panels */
  .stg-panel .vo-card,.inc-panel .vo-card{grid-template-columns:1fr!important}
  .stg-panel .vo-card>div:first-child,.inc-panel .vo-card>div:first-child{
    min-height:180px!important;padding:20px 16px!important;
  }

  /* --- Buttons --- */
  .vo-btn{padding:10px 20px!important;font-size:13px!important;min-width:0!important}
  .vo-bp{padding:12px 22px!important;font-size:14px!important}
  div[style*="display:flex"][style*="gap"]:has(.vo-btn){
    flex-direction:column!important;gap:10px!important;align-items:stretch!important;
  }
  div[style*="display:flex"][style*="gap"] .vo-btn,
  div[style*="display: flex"][style*="gap"] .vo-btn{
    width:100%!important;justify-content:center!important;
    text-align:center!important;box-sizing:border-box!important;
  }

  /* --- Stats: keep as 2x2 grid --- */
  .vo-stat-cards{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .vo-sc{padding:10px 6px!important;border-radius:10px!important}
  .vo-sc b{font-size:20px!important;line-height:1.2!important}
  .vo-sc span{font-size:8px!important;letter-spacing:.8px!important}

  /* --- Hero stats: keep horizontal row --- */
  .hero-stats{
    flex-direction:row!important;gap:10px!important;
    flex-wrap:wrap!important;justify-content:center!important;
  }
  .hero-stats>div[style*="text-align:center"]{flex:0 0 auto!important}
  .hero-stats>div div[style*="font-size:32px"],
  .hero-stats>div div[style*="font-size: 32px"]{font-size:22px!important}
  .hero-stats>div div[style*="font-size:48px"],
  .hero-stats>div div[style*="font-size: 48px"]{font-size:22px!important}
  .hero-stats>div div[style*="font-size:10px"],
  .hero-stats>div div[style*="font-size: 10px"]{font-size:8px!important}
  /* Hide stat dividers */
  .hero-stats>div[style*="width:1px"],
  .hero-stats>div[style*="width: 1px"]{display:none!important}

  /* --- Trust bar: MUST stay horizontal (override everything) --- */
  .hg3,.hg3[style*="grid-template-columns"]{
    grid-template-columns:repeat(5,1fr)!important;gap:0!important;
  }
  .hg3>div{padding:10px 4px!important;gap:3px!important}
  .hg3>div svg{width:14px!important;height:14px!important}
  .hg3>div div[style*="font-size:12px"],
  .hg3>div div[style*="font-size: 12px"]{font-size:8px!important;line-height:1.2!important}
  .hg3>div div[style*="font-size:9px"],
  .hg3>div div[style*="font-size: 9px"]{font-size:7px!important;display:none!important}

  .vo-trust-grid,.vo-trust-grid[style*="grid-template-columns"]{
    grid-template-columns:repeat(4,1fr)!important;gap:0!important;
  }
  .vo-trust-grid>div{padding:12px 4px!important;border-right:none!important;gap:3px!important}
  .vo-trust-grid>div .tb-ico{width:26px!important;height:26px!important}
  .vo-trust-grid>div .tb-ico svg{width:13px!important;height:13px!important}
  .vo-trust-grid>div div[style*="font-size:12px"],
  .vo-trust-grid>div div[style*="font-size: 12px"]{font-size:9px!important;line-height:1.2!important;font-weight:800!important}
  .vo-trust-grid>div div[style*="font-size:9px"],
  .vo-trust-grid>div div[style*="font-size: 9px"]{display:none!important}

  /* --- 4-col and 5-col grids that are NOT trust bars → collapse --- */
  div[style*="grid-template-columns:repeat(4"]:not(.hg3):not(.vo-trust-grid):not(.vo-stat-cards),
  div[style*="grid-template-columns:repeat(5"]:not(.hg3):not(.vo-trust-grid){
    grid-template-columns:1fr 1fr!important;
  }

  /* --- Carousel / Testimonials --- */
  #memFeatured{min-height:240px!important;overflow:visible!important}
  .dv-top-grid{grid-template-columns:1fr!important}
  .dv-bot-grid{grid-template-columns:1fr!important}
  .dv-tabs-w{flex-wrap:wrap!important}
  [class*="testi"][style*="padding"]{padding:20px 14px!important}
  #testiCarousel{padding:20px 14px!important}

  /* --- Showcase grids --- */
  .td-showcase{grid-template-columns:1fr!important;min-height:auto!important}
  .td-feature{min-height:260px!important;padding:24px 16px!important}
  .td-thumb{height:180px!important}

  /* --- Team page: Founder (Michelle) card --- */
  .vt-fdr{background:linear-gradient(135deg,#1a2e19 0%,#1f2d2a 60%,#1a2332 100%)!important;border-color:rgba(85,158,80,.2)!important}
  .vt-fdr-img{filter:brightness(1.1)!important}
  .vt-fdr-name{color:#fff!important}
  .vt-fdr-role{color:#7bc275!important}
  .vt-fdr-bio{color:rgba(255,255,255,.7)!important}
  .vt-fdr-badge{background:rgba(85,158,80,.15)!important;border-color:rgba(85,158,80,.3)!important;color:#7bc275!important}
  .vt-fdr-links a{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.15)!important;color:#7bc275!important}
  .vt-fdr .vt-btn,.vt-fdr .vt-bp{color:#fff!important}
  .vt-fdr .vt-bo{border-color:rgba(255,255,255,.2)!important;color:rgba(255,255,255,.8)!important}

  /* --- Resource hub --- */
  /* Area cards: 2-col grid, small image left merged into card */
  .area-grid-cols{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .area-mega{display:grid!important;grid-template-columns:44px 1fr!important;grid-template-rows:1fr!important;min-height:auto!important;border-radius:10px!important;overflow:hidden!important}
  .area-img-wrap{display:block!important;min-height:auto!important;height:auto!important;position:relative!important;overflow:hidden!important;border-radius:0!important}
  .area-img-ov{display:none!important}
  .area-img{width:100%!important;height:100%!important;min-height:70px!important;object-fit:cover!important;display:block!important}
  .area-body{padding:6px 8px 8px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
  .area-icon-float{width:16px!important;height:16px!important;padding:2px!important;border-radius:5px!important;margin-bottom:2px!important}
  .area-icon-float svg{width:9px!important;height:9px!important}
  .area-icon-float div[style*="animation"]{display:none!important}
  .area-name{font-size:11px!important;margin-bottom:1px!important;font-weight:800!important}
  .area-tag{font-size:7.5px!important;line-height:1.3!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;margin-bottom:3px!important}
  .area-bullets{display:none!important}
  .area-explore{font-size:7px!important;padding:3px 7px!important;border-radius:5px!important;margin-top:auto!important;align-self:flex-start!important}
  .area-badge{display:none!important}
  /* Hide "65+ free tools" text + ticker (inaccurate numbers) */
  .live-ticker{display:none!important}
  #res-areas .vo-reveal[style*="text-align:center"][style*="margin-top:40px"]{display:none!important}
  /* Hero: mat-grid badges shown but compact */
  .mat-grid{display:flex!important;gap:6px!important;justify-content:center!important;flex-wrap:wrap!important}
  .mat-badge{padding:5px 10px!important;font-size:9px!important;border-radius:8px!important;gap:5px!important}
  .mat-badge svg{width:11px!important;height:11px!important}
  .mat-badge-lg{padding:6px 12px!important;font-size:10px!important}
  @keyframes matFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
  #res-areas{padding:40px 14px!important}
  #res-areas h2{font-size:24px!important}
  #res-areas .vo-sub{font-size:12px!important}
  /* Resources hero: stack to single column */
  .vo-sec .vo-cx[style*="grid-template-columns:1.1fr"]{grid-template-columns:1fr!important;gap:20px!important;text-align:center!important}
  .vo-sec .vo-cx[style*="grid-template-columns:1.1fr"] .vo-sub{margin-left:auto!important;margin-right:auto!important}
  .vo-sec .vo-cx[style*="grid-template-columns:1.1fr"] div[style*="flex-wrap:wrap"]{justify-content:center!important}
  .vo-sec .vo-cx[style*="grid-template-columns:1.1fr"] .vo-btn{width:100%!important;justify-content:center!important}
  /* Resources hero: more vertical space */
  #res-hero{padding:80px 16px 100px!important}
  /* Proof section: stack to single column, way more padding for diagonal clips */
  #res-proof{padding:120px 16px 120px!important}
  #res-proof .vo-cx > div[style*="grid-template-columns"]{grid-template-columns:1fr!important;gap:24px!important;text-align:center!important}
  #res-proof .vo-lbl{margin-bottom:16px!important}
  #res-proof h2{font-size:22px!important;line-height:1.2!important;margin-top:0!important}
  #res-proof h2 br{display:none!important}
  #res-proof p{font-size:12px!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important}
  .proof-point{padding:12px!important;gap:10px!important}
  .proof-point-icon{width:36px!important;height:36px!important;border-radius:10px!important}
  /* CTA section: much more padding so green area is taller */
  #res-cta{padding:120px 16px 100px!important}
  #res-cta h2{font-size:22px!important;line-height:1.2!important}
  #res-cta p{font-size:13px!important}
  #res-cta .vo-btn{font-size:14px!important;padding:14px 28px!important}
  /* Decorative rings hidden */
  .vo-ring{display:none!important}

  /* --- Contact Us page — full mobile optimization --- */

  /* Hero */
  .ch-hero{padding:60px 20px 44px!important}
  .ch-hero-grid{grid-template-columns:1fr!important;gap:24px!important}
  .ch-hero-visual{display:none!important}
  .ch-hero h1{font-size:28px!important;letter-spacing:-.5px!important;text-align:center!important}
  .ch-hero-sub{font-size:14px!important;text-align:center!important;margin:0 auto 20px!important;max-width:none!important}
  .ch-hero-badge{font-size:10px!important;letter-spacing:1.5px!important;padding:5px 12px!important;justify-content:center!important;margin:0 auto 16px!important;display:inline-flex!important}
  .ch-hero .c-w{text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important}
  .ch-hero-ctas{flex-direction:column!important;gap:10px!important;margin-top:12px!important;width:100%!important;align-items:center!important}
  .ch-hero-ctas .vo-btn{width:100%!important;justify-content:center!important;padding:13px 24px!important;font-size:13px!important}
  .ch-hero-stats{justify-content:center!important;gap:20px!important;flex-wrap:nowrap!important}
  .ch-hero-stat strong{font-size:24px!important}
  .ch-hero-stat span{font-size:9px!important;letter-spacing:.8px!important}
  .ch-hero-glow{display:none!important}
  .ch-hero::after{display:none!important}
  .ch-orb{display:none!important}

  /* Paths (choose your journey) */
  .ch-paths{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .ch-path{padding:14px 12px!important;border-radius:14px!important}
  .ch-path-icon{width:38px!important;height:38px!important;border-radius:11px!important}
  .ch-path-icon svg{width:18px!important;height:18px!important}
  .ch-path h4{font-size:13px!important}
  .ch-path p{font-size:11px!important}
  .ch-path-check{width:20px!important;height:20px!important;top:10px!important;right:10px!important;font-size:10px!important}

  /* Section titles */
  .vo-sec .vo-cx h2{font-size:22px!important}
  .vo-sec .vo-cx>p{font-size:13px!important}

  /* Form wizard */
  .ch-form-wrap{border-radius:16px!important}
  .ch-progress{padding:16px 16px!important;gap:0!important}
  .ch-prog-num{width:26px!important;height:26px!important;font-size:11px!important}
  .ch-prog-label{font-size:10px!important}
  .ch-step{padding:24px 18px!important}
  .ch-field label{font-size:12px!important}
  .ch-field input,.ch-field select,.ch-field textarea{padding:11px 14px!important;font-size:13px!important;border-radius:10px!important}
  .ch-field textarea{min-height:80px!important}
  .ch-row{grid-template-columns:1fr!important;gap:12px!important}
  .ch-nav{flex-direction:column-reverse!important;gap:10px!important;padding:16px 18px 20px!important}
  .ch-nav .vo-btn{width:100%!important;justify-content:center!important;font-size:13px!important}

  /* Quiz / options */
  .ch-quiz-opts{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .ch-quiz-opt{padding:14px 12px!important;border-radius:12px!important}
  .ch-quiz-opt-icon svg{width:22px!important;height:22px!important}
  .ch-quiz-opt h5{font-size:11.5px!important}
  .ch-quiz-opt p{font-size:9.5px!important}
  .ch-meet-opts{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .ch-meet-opt{padding:12px 10px!important;border-radius:10px!important}
  .ch-meet-opt span{font-size:10px!important}
  .ch-engage-opts{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .ch-engage-opt{padding:12px!important;border-radius:10px!important}
  .ch-engage-opt h5{font-size:12px!important}
  .ch-engage-opt p{font-size:10px!important}
  .ch-option-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .ch-opt{padding:11px 12px!important;font-size:12px!important;border-radius:10px!important}

  /* Methods grid */
  .ch-methods{grid-template-columns:1fr!important;gap:12px!important}
  .ch-method{padding:24px 18px!important;border-radius:14px!important}
  .ch-method-icon{width:48px!important;height:48px!important;border-radius:13px!important;margin-bottom:12px!important}
  .ch-method h4{font-size:14px!important}
  .ch-method p{font-size:12px!important}

  /* Timeline */
  .ch-timeline{flex-direction:column!important;gap:16px!important}
  .ch-timeline::before{display:none!important}
  .ch-tl-dot{width:44px!important;height:44px!important;min-width:44px!important;flex:0 0 44px!important;border-radius:50%!important}
  .ch-tl-dot svg{width:20px!important;height:20px!important}
  .ch-tl-step{display:flex!important;gap:14px!important;align-items:flex-start!important;text-align:left!important;padding:0!important}
  .ch-tl-step > div:last-child{flex:1!important}
  .ch-tl-step h4{font-size:14px!important}
  .ch-tl-step p{font-size:12px!important;max-width:none!important}

  /* Testimonials */
  .ch-testi-wrap{padding:28px 16px!important;border-radius:16px!important}
  .ch-testi-slide blockquote{font-size:16px!important;line-height:1.6!important}
  .ch-testi-slide cite{font-size:12px!important}
  .ch-testi-arr{width:34px!important;height:34px!important}
  .ch-testi-dot{width:8px!important;height:8px!important}

  /* Upload */
  .ch-upload{padding:20px!important;border-radius:12px!important}
  .ch-upload-text{font-size:12px!important}

  /* CTA banner */
  .ch-cta-banner{padding:36px 20px!important;border-radius:16px!important}
  .ch-cta-banner h3{font-size:20px!important}
  .ch-cta-banner p{font-size:13px!important;max-width:none!important}

  /* Diagonal / ask section */
  .ch-diag{padding:60px 20px 50px!important}
  .ch-ask-box{padding:24px 18px!important;border-radius:16px!important}

  /* Success */
  .ch-success{padding:40px 20px!important}
  .ch-success-icon{width:64px!important;height:64px!important}
  .ch-success h2{font-size:22px!important}
  .ch-success p{font-size:13px!important}
  .ch-success-links{flex-direction:column!important;gap:10px!important}

  /* Toggle rows */
  .ch-toggle-row{padding:12px 14px!important;border-radius:10px!important}
  .ch-toggle-sw{width:36px!important;height:20px!important;border-radius:10px!important}

  /* Scorecards: 2x2 grid */
  #ch-trust-sec [style*="repeat(4"]{grid-template-columns:repeat(2,1fr)!important;gap:12px!important;margin-top:32px!important}
  #ch-trust-sec .vo-card{padding:20px 14px!important}
  #ch-trust-sec .vo-card [style*="font-size:42px"]{font-size:30px!important}
  #ch-trust-sec .vo-card [style*="font-size:12px"]{font-size:11px!important}

  /* Testimonial: cleaner look */
  .ch-testi-wrap > div[style*="font-size:72px"]{display:none!important}
  .ch-testi-slide blockquote{font-size:15px!important;line-height:1.65!important;font-style:normal!important;border-left:3px solid var(--p)!important;padding-left:16px!important;margin:0 0 18px!important;color:var(--dk)!important}
  .ch-testi-wrap{padding:24px 18px!important;border-radius:16px!important;background:var(--card)!important}

  /* Timeline: proper circles, prevent flex stretch */
  .ch-tl-dot{width:44px!important;height:44px!important;min-width:44px!important;flex:0 0 44px!important;border-radius:50%!important;border-width:2px!important}
  .ch-tl-dot svg{width:20px!important;height:20px!important}

  /* FAQ: more compact */
  .vo.vo details,.vo details{border-radius:12px!important}
  .vo details summary{padding:14px 16px!important;font-size:13px!important}
  .vo details summary .ico{width:24px!important;height:24px!important;font-size:14px!important}
  .vo details .det-body,.vo details[open] .det-body{font-size:13px!important;padding-left:16px!important;padding-right:16px!important}
  #ch-faq-sec .vo-ttl{font-size:20px!important}
  #ch-faq-sec [style*="flex-direction:column"]{gap:8px!important}
  .ch-ask-box h4[style*="font-size:18px"]{font-size:15px!important}
  .ch-ask-box p[style*="font-size:13px"]{font-size:11px!important}
  .ch-ask-box [style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important}

  /* --- Service grid (homepage): 2-col, colorful labels, gradient overlay, no rounded edges --- */
  .svc-grid{grid-template-columns:1fr 1fr!important;gap:3px!important}
  .svc-card{aspect-ratio:1!important;border-radius:0!important;overflow:hidden!important;position:relative!important}
  .svc-card:hover{transform:none!important;box-shadow:none!important}
  .svc-card img.svc-photo{height:100%!important;width:100%!important;object-fit:cover!important;object-position:center 35%!important}
  .svc-card .svc-shade{display:block!important;position:absolute!important;inset:0!important;background:linear-gradient(to top,rgba(0,0,0,.55) 0%,rgba(0,0,0,.02) 50%)!important;z-index:1!important}
  .svc-card .svc-info{position:absolute!important;bottom:0!important;left:0!important;right:0!important;transform:none!important;max-width:none!important;width:100%!important;padding:8px 6px 6px!important;border-radius:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;white-space:normal!important;z-index:2!important}
  .svc-card .svc-name{font-size:8.5px!important;letter-spacing:.6px!important;line-height:1.35!important;white-space:normal!important;text-align:left!important}
  .svc-card .svc-info h3{font-size:11px!important}
  .svc-card .svc-info p{font-size:9px!important;display:none!important}
  /* --- Quote section: tone down --- */
  #s5 [style*="font-size:52px"]{font-size:32px!important;margin-bottom:4px!important}
  #voQuoteText,
  p[id="voQuoteText"]{font-size:16px!important;font-weight:600!important;line-height:1.6!important}

  /* --- Curriculum cards: more space between image and icon/title --- */
  .ws-panel .hg2>div>div[style*="padding:20px"]{padding:16px 14px!important;padding-top:18px!important}
  .ws-panel .hg2 div[style*="margin-bottom:10px"]{margin-bottom:14px!important}

  /* --- Tagline section: smaller h2 so comma stays on same line as rotating word --- */
  #s7 h2,#s7 h2[style*="font-size"]{font-size:26px!important}
  #s7 h2 #ctaRotate{display:inline!important}

  /* --- Footer copyright: no indent, centered, one line --- */
  .vo-ft-bottom{flex-direction:column!important;align-items:center!important;text-align:center!important;gap:10px!important;padding:16px 12px!important}
  .vo-ft-copy{text-align:center!important;width:100%!important;padding:0!important;text-indent:0!important;font-size:10px!important;white-space:nowrap!important}

  /* --- Spacing overrides --- */
  [style*="margin-bottom:48px"]{margin-bottom:24px!important}
  [style*="margin-bottom: 48px"]{margin-bottom:24px!important}
  [style*="margin-bottom:40px"]{margin-bottom:20px!important}
  [style*="margin-bottom: 40px"]{margin-bottom:20px!important}

  /* --- Images --- */
  img[style*="height:300px"],img[style*="height: 300px"]{height:200px!important;object-fit:cover!important}
  img[style*="height:400px"],img[style*="height: 400px"]{height:220px!important;object-fit:cover!important}

  /* --- Hide decorative --- */
  .vo-trk{display:none!important}

  /* --- Comparison grids --- */
  #cmpGrid{border-radius:12px!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  #cmpGrid>div{padding:14px 12px!important;font-size:13px!important}

  /* --- Footer --- */
  .vo-ft-grid{grid-template-columns:1fr 1fr!important}

  /* --- Animations: reduce on mobile --- */
  .vo-reveal,.vo-reveal-d1,.vo-reveal-d2,.vo-reveal-scale{
    transform:translateY(12px)!important;
  }

  /* --- Text balancing: prevent orphan words --- */
  h1,h2,.vo-ttl,.c-w{text-wrap:balance!important}

  /* --- Curriculum images: full width, shorter --- */
  .ws-panel .hg2 img[style*="height:200px"],
  .ws-panel .hg2 img[style*="height: 200px"]{height:130px!important}

  /* Body overflow */
  body{overflow-x:hidden!important}
}

/* ===================================================================
   SMALL MOBILE override (max-width: 600px)
   Override page's own inline @media(max-width:600px) rules
   =================================================================== */
@media(max-width:600px){
  /* Page's CSS forces svc-grid to 1fr at 600px — we override back to 2-col */
  html .svc-grid{grid-template-columns:1fr 1fr!important;gap:2px!important}
  /* Page's CSS forces vo-trust-grid to 1fr 1fr at 600px — keep 4-col */
  html .vo-trust-grid,html .vo-trust-grid[style*="grid-template-columns"]{
    grid-template-columns:repeat(4,1fr)!important;gap:0!important;
  }
  .vo-trust-grid>div{padding:8px 3px!important;border-right:none!important;gap:2px!important}
  .vo-trust-grid>div .tb-ico{width:22px!important;height:22px!important}
  .vo-trust-grid>div .tb-ico svg{width:11px!important;height:11px!important}
  .vo-trust-grid>div div[style*="font-size:9px"],
  .vo-trust-grid>div div[style*="font-size: 9px"]{display:none!important}
  /* Stat cards stay 2x2 */
  html .vo-stat-cards{grid-template-columns:1fr 1fr!important}
  /* Countdown stays one row */
  html .vo-countdown{display:flex!important;flex-wrap:nowrap!important;gap:3px!important}
  .vo-cd-unit{min-width:0!important;padding:4px 4px!important;flex:1!important}
  .vo-cd-num{font-size:16px!important}
  .vo-cd-lbl{font-size:6px!important;letter-spacing:.3px!important}
  /* Hero stats stay row */
  html .hero-stats{flex-direction:row!important;gap:8px!important}
  /* Monthly Business Edge badge */
  div[style*="border-radius:100px"][style*="padding:16px 38px"]{
    padding:8px 14px!important;
  }
  div[style*="border-radius:100px"] span[style*="letter-spacing:4px"],
  div[style*="border-radius:100px"] span[style*="letter-spacing: 4px"]{
    font-size:10px!important;letter-spacing:1px!important;
  }
}

/* ===================================================================
   SMALL PHONE  (max-width: 480px)
   =================================================================== */
@media(max-width:480px){

  /* Even smaller fonts */
  [style*="font-size:72px"]{font-size:26px!important}
  [style*="font-size:54px"]{font-size:22px!important}
  [style*="font-size:52px"]{font-size:22px!important}
  [style*="font-size:50px"]{font-size:20px!important}
  [style*="font-size:48px"]{font-size:20px!important}
  [style*="font-size:42px"]{font-size:20px!important}
  [style*="font-size:40px"]{font-size:18px!important}
  [style*="font-size:38px"]{font-size:18px!important}
  [style*="font-size:36px"]{font-size:18px!important}
  [style*="font-size:34px"]{font-size:17px!important}
  [style*="font-size:32px"]{font-size:16px!important}
  [style*="font-size: 72px"]{font-size:26px!important}
  [style*="font-size: 54px"]{font-size:22px!important}
  [style*="font-size: 52px"]{font-size:22px!important}
  [style*="font-size: 50px"]{font-size:20px!important}
  [style*="font-size: 48px"]{font-size:20px!important}
  [style*="font-size: 42px"]{font-size:20px!important}
  [style*="font-size: 40px"]{font-size:18px!important}
  [style*="font-size: 38px"]{font-size:18px!important}
  [style*="font-size: 36px"]{font-size:18px!important}
  [style*="font-size: 34px"]{font-size:17px!important}
  [style*="font-size: 32px"]{font-size:16px!important}

  .vo-ttl{font-size:19px!important}
  .vo-sub{font-size:13px!important}
  [id*="hero"] h1,.hero-g h1{font-size:22px!important;letter-spacing:-0.5px!important}
  .fusion-title[style*="--awb"] h1,
  .fusion-title[style*="--awb"] h2{font-size:20px!important}

  /* Header even more compact */
  .fusion-header .fusion-row{min-height:38px!important;max-height:42px!important;padding:0 6px!important}
  body .fusion-logo img,body .fusion-standard-logo,.fusion-logo .fusion-logo-2x{max-height:16px!important}

  /* #vo7 even smaller */
  #vo7 .v7b{height:48px!important;padding:0 10px!important}
  #vo7 .v7l img{height:26px!important}
  #vo7 .v7su a{padding:5px 10px!important;font-size:9px!important}
  body{padding-top:48px!important}

  /* Monthly Business Edge badge */
  div[style*="border-radius:100px"][style*="padding:16px 38px"]{
    padding:6px 12px!important;border-radius:10px!important;gap:6px!important;
  }
  div[style*="border-radius:100px"] span[style*="letter-spacing:4px"],
  div[style*="border-radius:100px"] span[style*="letter-spacing: 4px"]{
    font-size:9px!important;letter-spacing:1px!important;
  }

  /* Section padding */
  .vo-sec{padding:32px 12px!important}
  .vo-sec[style*="padding"]{padding:32px 12px!important}
  div[class*="cta"][style*="padding"]{padding:28px 12px!important}

  /* Cards */
  .vo-card{padding:14px 10px!important}

  /* Buttons full width */
  .vo-btn{
    padding:9px 16px!important;font-size:12px!important;
    width:100%!important;justify-content:center!important;
    text-align:center!important;box-sizing:border-box!important;
  }
  .vo-bp{
    padding:10px 18px!important;font-size:13px!important;
    width:100%!important;text-align:center!important;box-sizing:border-box!important;
  }

  /* Stats - force 2x2 */
  html .vo-stat-cards{grid-template-columns:1fr 1fr!important;gap:6px!important}
  .vo-sc{padding:8px 4px!important}
  .vo-sc b{font-size:16px!important}
  .vo-sc span{font-size:7px!important;letter-spacing:.5px!important}

  /* Countdown - all in one row */
  html .vo-countdown{display:flex!important;flex-wrap:nowrap!important;gap:2px!important}
  .vo-cd-unit{min-width:0!important;padding:4px 2px!important;flex:1!important;border-radius:8px!important}
  .vo-cd-num{font-size:14px!important}
  .vo-cd-lbl{font-size:5px!important;letter-spacing:.2px!important}
  div[style*="padding:28px"][style*="border-radius:18px"]{padding:10px 8px!important}

  /* Trust bar: still horizontal */
  .hg3,.hg3[style*="grid-template-columns"]{
    grid-template-columns:repeat(5,1fr)!important;
  }
  .hg3>div{padding:8px 2px!important}
  .hg3>div svg{width:12px!important;height:12px!important}
  .hg3>div div[style*="font-size:12px"],
  .hg3>div div[style*="font-size: 12px"]{font-size:7px!important}

  html .vo-trust-grid,html .vo-trust-grid[style*="grid-template-columns"]{
    grid-template-columns:repeat(4,1fr)!important;
  }
  .vo-trust-grid>div{padding:6px 2px!important;gap:1px!important}
  .vo-trust-grid>div .tb-ico{width:20px!important;height:20px!important}
  .vo-trust-grid>div .tb-ico svg{width:10px!important;height:10px!important}
  .vo-trust-grid>div div[style*="font-size:12px"],
  .vo-trust-grid>div div[style*="font-size: 12px"]{font-size:7px!important;line-height:1.15!important}
  .vo-trust-grid>div div[style*="font-size:9px"],
  .vo-trust-grid>div div[style*="font-size: 9px"]{display:none!important}

  /* Hero stats: stay horizontal */
  .hero-stats{
    flex-direction:row!important;gap:8px!important;
    flex-wrap:wrap!important;justify-content:center!important;
  }
  .hero-stats>div div[style*="font-size:32px"],
  .hero-stats>div div[style*="font-size: 32px"]{font-size:18px!important}
  .hero-stats>div div[style*="font-size:48px"],
  .hero-stats>div div[style*="font-size: 48px"]{font-size:18px!important}
  .hero-stats>div div[style*="font-size:10px"],
  .hero-stats>div div[style*="font-size: 10px"]{font-size:7px!important}

  /* Service grid stays 2-col, colorful labels with gradient */
  html .svc-grid{grid-template-columns:1fr 1fr!important;gap:2px!important}
  .svc-card{aspect-ratio:1!important;border-radius:0!important}
  .svc-card img.svc-photo{object-position:center 35%!important}
  .svc-card .svc-shade{display:block!important;position:absolute!important;inset:0!important;background:linear-gradient(to top,rgba(0,0,0,.55) 0%,rgba(0,0,0,.02) 50%)!important}
  .svc-card .svc-info{bottom:0!important;left:0!important;right:0!important;padding:6px 5px 5px!important;border-radius:0!important;transform:none!important;white-space:normal!important}
  .svc-card .svc-name{font-size:7.5px!important;letter-spacing:.4px!important;line-height:1.3!important;white-space:normal!important;text-align:left!important}

  /* --- Tagline: even smaller on tiny phones --- */
  #s7 h2,#s7 h2[style*="font-size"]{font-size:22px!important}
  #s7 h2 #ctaRotate{display:inline!important}

  /* Quote: even smaller on tiny phones */
  #s5 [style*="font-size:52px"]{font-size:26px!important;margin-bottom:2px!important}
  #voQuoteText,
  p[id="voQuoteText"]{font-size:14px!important;font-weight:600!important;line-height:1.6!important}

  /* Footer copyright */
  .vo-ft-bottom{flex-direction:column!important;align-items:center!important;text-align:center!important;gap:8px!important;padding:14px 10px!important}
  .vo-ft-copy{text-align:center!important;width:100%!important;padding:0!important;text-indent:0!important;font-size:9px!important;white-space:nowrap!important}

  /* ALL VisionOne logos even smaller */
  img[alt="VisionOne"]{max-height:20px!important;width:auto!important;height:auto!important}
  img[alt="VisionOne"][style*="height"]{height:auto!important;max-height:20px!important}
  .vo-ft img[alt="VisionOne"]{max-height:16px!important}
  .v7l img[alt="VisionOne"]{max-height:18px!important;width:auto!important;height:auto!important}

  /* Workshop tabs */
  .ws-tab-nav{gap:4px!important}
  .ws-tab-btn{padding:8px 6px!important;font-size:11px!important}

  /* Footer */
  .vo-ft-grid{grid-template-columns:1fr!important}
  .vo-ft-bottom{flex-direction:column!important;text-align:center!important;gap:8px!important}

  /* --- Contact Us page — small mobile --- */

  /* Hero */
  .ch-hero{padding:44px 16px 32px!important}
  .ch-hero h1{font-size:22px!important}
  .ch-hero-sub{font-size:13px!important}
  .ch-hero-badge{font-size:9px!important;padding:4px 10px!important}
  .ch-hero-ctas .vo-btn{padding:11px 20px!important;font-size:12px!important}
  .ch-hero-stats{gap:14px!important}
  .ch-hero-stat strong{font-size:20px!important}
  .ch-hero-stat span{font-size:8px!important}

  /* Paths */
  .ch-paths{grid-template-columns:1fr!important;gap:8px!important}
  .ch-path{padding:12px 10px!important;border-radius:12px!important}
  .ch-path-icon{width:34px!important;height:34px!important}
  .ch-path h4{font-size:12px!important}
  .ch-path p{font-size:10px!important}

  /* Form */
  .ch-step{padding:18px 14px!important}
  .ch-field input,.ch-field select,.ch-field textarea{padding:10px 12px!important;font-size:12px!important}
  .ch-nav{padding:14px 14px 18px!important}
  .ch-nav .vo-btn{font-size:12px!important}

  /* Quiz/options */
  .ch-quiz-opts{grid-template-columns:1fr 1fr!important;gap:6px!important}
  .ch-quiz-opt{padding:12px 10px!important}
  .ch-quiz-opt h5{font-size:10.5px!important}
  .ch-quiz-opt p{font-size:8.5px!important}
  .ch-meet-opts{grid-template-columns:1fr 1fr!important;gap:6px!important}
  .ch-meet-opt{padding:10px 8px!important}
  .ch-meet-opt span{font-size:9px!important}
  .ch-engage-opts{grid-template-columns:1fr!important;gap:6px!important}
  .ch-option-grid{grid-template-columns:1fr 1fr!important;gap:6px!important}
  .ch-opt{font-size:11px!important;padding:10px!important}

  /* Methods */
  .ch-method{padding:20px 14px!important}
  .ch-method-icon{width:40px!important;height:40px!important}
  .ch-method h4{font-size:13px!important}
  .ch-method p{font-size:11px!important}

  /* Timeline */
  .ch-tl-dot{width:38px!important;height:38px!important;min-width:38px!important;flex:0 0 38px!important;border-radius:50%!important;border-width:2px!important}
  .ch-tl-dot svg{width:16px!important;height:16px!important}
  .ch-tl-step h4{font-size:12px!important}
  .ch-tl-step p{font-size:10px!important}

  /* Testimonials */
  .ch-testi-wrap{padding:22px 12px!important;border-radius:14px!important}
  .ch-testi-slide blockquote{font-size:14px!important}
  .ch-testi-slide cite{font-size:11px!important}
  .ch-testi-arr{width:30px!important;height:30px!important}

  /* CTA / diag */
  .ch-cta-banner{padding:28px 16px!important;border-radius:14px!important}
  .ch-cta-banner h3{font-size:18px!important}
  .ch-cta-banner p{font-size:12px!important}
  .ch-diag{padding:44px 16px 36px!important}
  .ch-ask-box{padding:20px 14px!important;border-radius:14px!important}

  /* Scorecards: tighter 2x2 */
  #ch-trust-sec [style*="repeat(4"]{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;margin-top:24px!important}
  #ch-trust-sec .vo-card{padding:16px 10px!important}
  #ch-trust-sec .vo-card [style*="font-size:42px"]{font-size:24px!important}
  #ch-trust-sec .vo-card [style*="font-size:12px"]{font-size:10px!important}

  /* Testimonial: even more compact */
  .ch-testi-wrap > div[style*="font-size:72px"]{display:none!important}
  .ch-testi-slide blockquote{font-size:13px!important;line-height:1.6!important;font-style:normal!important;border-left:3px solid var(--p)!important;padding-left:12px!important;margin:0 0 14px!important}
  .ch-testi-wrap{padding:18px 14px!important;border-radius:14px!important}

  /* Timeline: proper circles */
  .ch-tl-dot{width:34px!important;height:34px!important;min-width:34px!important;flex:0 0 34px!important;border-radius:50%!important;border-width:2px!important}
  .ch-tl-dot svg{width:16px!important;height:16px!important}

  /* FAQ: tighter */
  .vo details summary{padding:12px 14px!important;font-size:12px!important}
  .vo details summary .ico{width:22px!important;height:22px!important;font-size:13px!important}
  .vo details .det-body,.vo details[open] .det-body{font-size:12px!important;padding-left:14px!important;padding-right:14px!important}
  #ch-faq-sec .vo-ttl{font-size:18px!important}
  .ch-ask-box h4[style*="font-size:18px"]{font-size:14px!important}
  .ch-ask-box [style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important}

  /* Success */
  .ch-success{padding:32px 16px!important}
  .ch-success-icon{width:56px!important;height:56px!important}
  .ch-success h2{font-size:20px!important}
  .ch-success p{font-size:12px!important}

  /* Carousel */
  #memFeatured{min-height:200px!important}
  .dv-bot-grid{grid-template-columns:1fr!important}

  /* Images */
  img[style*="height:200px"],img[style*="height: 200px"]{height:140px!important}

  /* Gaps */
  div[style*="gap:48px"],div[style*="gap: 48px"]{gap:14px!important}
  div[style*="gap:40px"],div[style*="gap: 40px"]{gap:12px!important}
  div[style*="gap:36px"],div[style*="gap: 36px"]{gap:12px!important}
  div[style*="gap:32px"],div[style*="gap: 32px"]{gap:10px!important}
  div[style*="gap:28px"],div[style*="gap: 28px"]{gap:10px!important}
  div[style*="gap:24px"],div[style*="gap: 24px"]{gap:10px!important}

  /* Proof grids */
  .g4,div[style*="grid-template-columns:repeat(4,1fr)"]:not(.hg3):not(.vo-trust-grid):not(.vo-stat-cards){
    grid-template-columns:1fr!important;
  }

  /* Curriculum images: shorter */
  .ws-panel .hg2 img[style*="height:200px"],
  .ws-panel .hg2 img[style*="height: 200px"]{height:110px!important}
  .ws-panel .hg2>div>div[style*="padding:20px"],
  .ws-panel .hg2>div>div[style*="padding: 20px"]{padding:10px 8px!important}
  .ws-panel .hg2 div[style*="font-size:15px"],
  .ws-panel .hg2 div[style*="font-size: 15px"]{font-size:13px!important}
  .ws-panel .hg2 p[style*="font-size:13px"],
  .ws-panel .hg2 p[style*="font-size: 13px"]{font-size:11px!important}

  /* Resource hub: tighter */
  .area-mega{grid-template-columns:36px 1fr!important}
  .area-img{min-height:55px!important}
  .area-body{padding:5px 6px 6px!important}
  .area-icon-float{width:12px!important;height:12px!important;padding:1px!important;border-radius:3px!important}
  .area-icon-float svg{width:7px!important;height:7px!important}
  .area-name{font-size:10px!important}
  .area-tag{font-size:6.5px!important;-webkit-line-clamp:1!important}
  .area-explore{font-size:6px!important;padding:2px 5px!important}
  .area-badge-count{font-size:9px!important}
  .mat-badge{padding:4px 8px!important;font-size:8px!important;gap:4px!important}
  .mat-badge svg{width:9px!important;height:9px!important}
  .mat-badge-lg{padding:5px 10px!important;font-size:9px!important}
  #res-areas{padding:28px 10px!important}
  #res-areas h2{font-size:20px!important}
  #res-hero{padding:60px 12px 80px!important}
  #res-proof{padding:100px 12px 100px!important}
  #res-cta{padding:100px 12px 80px!important}
  #res-cta h2{font-size:20px!important}
  #res-cta .vo-btn{font-size:12px!important;padding:10px 20px!important}

  /* Text balancing */
  h1,h2,.vo-ttl,.c-w{text-wrap:balance!important}
}

/* ===================================================================
   RESOURCE AREA INSIDE PAGES — MOBILE (max-width: 768px)
   Classes: .rp-hero, .rp-lane, .rp-track, .rp-card, .rp-modal,
            .rp-coming, .rp-cred, .rp-related, .vo-ft
   =================================================================== */
@media(max-width:768px){
  /* --- Hero --- */
  .rp-hero-inner{padding:32px 20px 48px!important}
  .rp-hero h1{font-size:30px!important;letter-spacing:-1px!important}
  .rp-hero-row{flex-direction:column!important;gap:20px!important}
  .rp-hero-right{display:none!important}
  .rp-hero-sub-wrap{height:56px!important;font-size:13px!important}
  .rp-hero-stats{flex-wrap:wrap!important;gap:6px!important;justify-content:flex-start!important}
  .rp-hero-stat{font-size:10px!important;padding:6px 10px!important}
  .rp-hero-back{font-size:11px!important;padding:6px 12px 6px 10px!important}
  .rp-hero-deco{display:none!important}
  .rp-ring{display:none!important}
  .rp-particle{display:none!important}
  .rp-filters{gap:5px!important;margin-top:12px!important}
  .rp-diag{height:30px!important}
  .rp-diag::before{height:30px!important;top:-30px!important}

  /* --- Lanes --- */
  .rp-lane{padding:28px 0 20px!important}
  .rp-lane-head{padding:0 16px 12px!important;gap:10px!important}
  .rp-lane-icon{width:32px!important;height:32px!important;border-radius:9px!important}
  .rp-lane-icon svg{width:15px!important;height:15px!important}
  .rp-lane-name{font-size:17px!important}
  .rp-lane-desc{font-size:10.5px!important}
  .rp-lane-zone{font-size:7px!important;letter-spacing:2px!important}
  .rp-lane-right{display:none!important}

  /* --- Cards track → vertical stack --- */
  .rp-track{flex-direction:column!important;overflow-x:visible!important;scroll-snap-type:none!important;padding:0 16px!important;gap:12px!important}
  .rp-card{flex:none!important;width:100%!important;display:grid!important;grid-template-columns:110px 1fr!important;border-radius:14px!important;overflow:hidden!important;min-height:0!important}
  .rp-card.vis{opacity:1!important;transform:none!important}
  .rp-card:hover{transform:none!important}
  .rp-card-vis{height:100%!important;min-height:120px!important;border-radius:0!important}
  .rp-card-vis svg{width:100%!important;height:100%!important;object-fit:cover!important}
  .rp-card-body{padding:12px 14px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
  .rp-card-badge{font-size:8px!important;padding:2px 7px!important;margin-bottom:4px!important}
  .rp-card-badge svg{width:8px!important;height:8px!important}
  .rp-card-name{font-size:13px!important;-webkit-line-clamp:2!important}
  .rp-card-dl{display:none!important}

  /* --- Card overlay: show inline on tap (mobile can't hover) --- */
  .rp-card-overlay{position:relative!important;inset:auto!important;opacity:1!important;visibility:visible!important;display:none!important}

  /* --- Modal: full-width on mobile --- */
  .rp-modal{width:calc(100% - 24px)!important;max-height:calc(100vh - 32px)!important;border-radius:18px!important}
  .rp-modal-hero{padding:28px 20px 20px!important;border-radius:18px 18px 0 0!important}
  .rp-modal-hero-img{width:60px!important;height:76px!important;border-radius:10px!important}
  .rp-modal-hero-img svg{width:18px!important;height:18px!important}
  .rp-modal-hero-img span{font-size:7px!important}
  .rp-modal-x{top:10px!important;right:10px!important;width:28px!important;height:28px!important;border-radius:8px!important}
  .rp-modal-auth{padding:16px 18px!important}
  .rp-modal-auth h3{font-size:17px!important}
  .rp-modal-auth p{font-size:11.5px!important}
  .rp-modal-auth-btns{flex-direction:column!important;gap:8px!important}
  .rp-modal-details{padding:14px 18px!important}
  .rp-modal-inc{padding:12px 18px!important}
  .rp-modal-inc-list{grid-template-columns:1fr!important}
  .rp-modal-member-dl-btn{font-size:13px!important;padding:12px 20px!important;width:100%!important}

  /* --- Custom / CTA section --- */
  .rp-cta{padding:48px 20px!important}
  .rp-cta h2{font-size:22px!important}
  .rp-cta p{white-space:normal!important;font-size:13px!important;max-width:none!important;padding:0 8px!important}
  .rp-cta-btns{flex-direction:column!important;gap:10px!important;align-items:center!important}
  .rp-cta-btn{width:100%!important;justify-content:center!important;padding:13px 20px!important;font-size:13px!important}

  /* --- Coming soon section --- */
  .rp-coming{padding:48px 0 36px!important}
  .rp-coming-inner{padding:0 20px!important}
  .rp-coming-icon{width:68px!important;height:68px!important;margin-bottom:18px!important}
  .rp-coming-icon svg{width:28px!important;height:28px!important}
  .rp-coming h2{font-size:22px!important}
  .rp-coming p{font-size:14px!important}
  .rp-coming-badge{font-size:10px!important;padding:7px 16px!important}

  /* --- Credentials section --- */
  .rp-cred-inner{padding:0 20px!important}
  .rp-cred-stats{gap:24px!important;flex-wrap:wrap!important;justify-content:center!important}
  .rp-cred-stat-num{font-size:24px!important}
  .rp-cred-quotes{padding:0 20px!important}

  /* --- Related resources --- */
  .rp-related{padding:36px 0!important}
  .rp-related-nav{padding:0 16px!important;flex-direction:column!important;align-items:flex-start!important;gap:10px!important}
  .rp-related-label{padding-left:16px!important;font-size:9px!important}
  .rp-related-title{font-size:18px!important}
  .rp-related-scroll{padding:12px 16px 20px!important;gap:10px!important}
  .rp-rel{flex:0 0 140px!important;padding:14px 12px!important;border-radius:12px!important}
  .rp-rel-ico{width:30px!important;height:30px!important;border-radius:8px!important}
  .rp-rel-ico svg{width:14px!important;height:14px!important}
  .rp-rel-name{font-size:11.5px!important}
  .rp-rel-tag{font-size:9.5px!important;-webkit-line-clamp:2!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  .rp-rel-arrow{width:32px!important;height:32px!important;border-radius:9px!important}

  /* --- Footer grid --- */
  .vo-ft-grid{grid-template-columns:1fr 1fr!important}
  .vo-ft-ticker{padding:10px 0!important}
  .vo-ft-ticker-item{font-size:9px!important}
}

@media(max-width:480px){
  /* --- Hero smaller --- */
  .rp-hero-inner{padding:24px 16px 36px!important}
  .rp-hero h1{font-size:24px!important;letter-spacing:-.5px!important}
  .rp-hero-sub-wrap{height:48px!important;font-size:12px!important}
  .rp-hero-stats{flex-direction:column!important;align-items:flex-start!important;gap:5px!important}
  .rp-hero-stat{font-size:9px!important;padding:5px 8px!important}
  .rp-hero-back{font-size:10px!important;padding:5px 10px 5px 8px!important;border-radius:8px!important}

  /* --- Cards tighter --- */
  .rp-track{padding:0 12px!important;gap:10px!important}
  .rp-card{grid-template-columns:90px 1fr!important;border-radius:12px!important}
  .rp-card-vis{min-height:100px!important}
  .rp-card-body{padding:10px 12px!important}
  .rp-card-badge{font-size:7px!important;padding:2px 6px!important}
  .rp-card-name{font-size:12px!important}

  /* --- Lane headers --- */
  .rp-lane{padding:20px 0 14px!important}
  .rp-lane-head{padding:0 12px 10px!important}
  .rp-lane-icon{width:28px!important;height:28px!important}
  .rp-lane-icon svg{width:13px!important;height:13px!important}
  .rp-lane-name{font-size:15px!important}
  .rp-lane-desc{font-size:10px!important}

  /* --- Modal tighter --- */
  .rp-modal{width:calc(100% - 16px)!important;border-radius:16px!important}
  .rp-modal-hero{padding:22px 16px 16px!important;border-radius:16px 16px 0 0!important}
  .rp-modal-hero-img{width:50px!important;height:64px!important}
  .rp-modal-auth{padding:14px 14px!important}
  .rp-modal-auth h3{font-size:15px!important}
  .rp-modal-details{padding:12px 14px!important}
  .rp-modal-inc{padding:10px 14px!important}

  /* --- CTA tighter --- */
  .rp-cta{padding:36px 16px!important}
  .rp-cta h2{font-size:20px!important}
  .rp-cta p{font-size:12px!important}
  .rp-cta-btn{font-size:12px!important;padding:11px 16px!important}

  /* --- Coming soon tighter --- */
  .rp-coming{padding:36px 0 28px!important}
  .rp-coming-icon{width:56px!important;height:56px!important;margin-bottom:14px!important}
  .rp-coming-icon svg{width:24px!important;height:24px!important}
  .rp-coming h2{font-size:18px!important}
  .rp-coming p{font-size:12.5px!important}

  /* --- Related tighter --- */
  .rp-related{padding:28px 0!important}
  .rp-related-nav{padding:0 12px!important}
  .rp-related-label{padding-left:12px!important}
  .rp-related-title{font-size:16px!important}
  .rp-related-scroll{padding:10px 12px 16px!important;gap:8px!important}
  .rp-rel{flex:0 0 120px!important;padding:12px 10px!important;border-radius:10px!important}
  .rp-rel-ico{width:26px!important;height:26px!important;border-radius:7px!important}
  .rp-rel-name{font-size:10.5px!important}
  .rp-rel-tag{font-size:9px!important;-webkit-line-clamp:2!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;overflow:hidden!important}

  /* --- Credentials --- */
  .rp-cred-stats{gap:16px!important;flex-direction:column!important;align-items:center!important}
  .rp-cred-stat-num{font-size:22px!important}

  /* --- Footer --- */
  .vo-ft-grid{grid-template-columns:1fr!important}
  .vo-ft-ticker-item{font-size:8px!important}
}

/* ===================================================================
   OUR APPROACH PAGE — TABLET (max-width: 900px)
   =================================================================== */
@media(max-width:900px){

  /* Hero + all split layouts → single column */
  .va-split{grid-template-columns:1fr!important;gap:20px!important;text-align:center!important}

  /* Center labels/bars */
  .va-split .va-label{justify-content:center!important;display:flex!important}
  .va-split .va-accent-bar,
  .va-split .va-accent-line,
  .va-split div[style*="width:50px"][style*="height:3px"]{margin-left:auto!important;margin-right:auto!important}
  .va-split .va-body{max-width:100%!important;margin-left:auto!important;margin-right:auto!important}
  .va-split .va-btn{margin-left:auto!important;margin-right:auto!important}

  /* Cycling words centered */
  .va-hero-cycle{text-align:center!important}
  .va-hero-cycle span{left:50%!important;transform:translateX(-50%) translateY(14px)!important}
  .va-rel-cycle{text-align:center!important}
  .va-rel-cycle span{left:50%!important;transform:translateX(-50%) translateY(14px)!important}

  /* Video full width, no tilt */
  .va-vid{max-width:100%!important;margin:0 auto!important}
  .va-vid-stagger{transform:none!important}
  .va-vid-stagger:hover{transform:translateY(-4px)!important}

  /* AAA cards: 3 → 2 columns */
  .va-stg-tabs{grid-template-columns:1fr 1fr!important;gap:14px!important}
  .va-stg-tab img{height:130px!important}
  .va-stg-tab-body{padding:14px 16px 12px!important}
  .va-stg-tab-title{font-size:16px!important}
  .va-stg-tab-sub{font-size:11px!important}
  .va-stg-tab-num{width:34px!important;height:34px!important;font-size:14px!important}

  /* Detail panels → single column */
  .va-stg-detail{grid-template-columns:1fr!important}
  .va-stg-detail-left{border-right:none!important;border-bottom:1px solid var(--bd)!important;padding:20px!important}
  .va-stg-detail-right{padding:20px!important}

  /* Commitment cards: 4 → 2 */
  .va-commit-grid{grid-template-columns:1fr 1fr!important;gap:14px!important}

  /* Section padding */
  .va-sec{padding:40px 20px!important}
  .va-process{padding:40px 16px!important}
  .va-banner{padding:55px 20px 50px!important}
  .va-standout{padding:60px 20px!important}
  .va-commit{padding:50px 20px 44px!important}

  /* Clip-paths: minimal angle on tablet */
  .va-banner{clip-path:polygon(0 12px,100% 0,100% calc(100% - 12px),0 100%)!important}
  .va-standout{clip-path:polygon(0 0,100% 12px,100% 100%,0 calc(100% - 12px))!important}

  /* Full width containers */
  .va-wrap{max-width:100%!important;padding:0!important}
}

/* ===================================================================
   OUR APPROACH PAGE — MOBILE (max-width: 768px)
   =================================================================== */
@media(max-width:768px){

  /* Split layouts → single column */
  .va-split{grid-template-columns:1fr!important;gap:14px!important;text-align:center!important}

  /* ─── HERO: title (with natural break), first paragraph, cycling words, video ─── */
  .va-hero{padding:20px 16px 14px!important}
  .va-hero .va-h1{font-size:22px!important;line-height:1.3!important;margin-bottom:8px!important}
  .va-hero .va-h1 span{display:inline!important}
  .va-hero .va-label{font-size:8px!important;letter-spacing:2px!important;margin-bottom:6px!important}
  .va-hero .va-accent-bar{width:30px!important;height:2px!important;margin:0 auto 8px!important}
  /* Hide ONLY the second paragraph — keep first */
  .va-hero .va-body + .va-body{display:none!important}
  .va-hero .va-body{font-size:12px!important;line-height:1.5!important;max-width:100%!important}
  /* Cycling words — visible, centered, fitted */
  .va-hero-cycle{
    text-align:center!important;
    margin-top:10px!important;
    height:24px!important;
    position:relative!important;
    overflow:hidden!important;
  }
  .va-hero-cycle span{
    font-size:12px!important;
    left:50%!important;
    transform:translateX(-50%)!important;
  }

  .va-sec{padding:24px 16px!important}
  .va-process{padding:24px 14px!important}

  /* Global titles */
  .va-h1{font-size:22px!important;margin-bottom:6px!important}
  .va-h2{font-size:18px!important;margin-bottom:6px!important;line-height:1.3!important}
  .va-h3{font-size:14px!important}
  .va-body{font-size:12px!important;line-height:1.5!important;max-width:100%!important}
  .va-label{font-size:8px!important;letter-spacing:2px!important;margin-bottom:6px!important}
  .va-accent-bar{width:30px!important;height:2px!important;margin-bottom:6px!important}

  /* Particles hidden — they cause overlap on mobile */
  .va-particles{display:none!important}
  /* Commitment cycling hidden */
  .va-commit-cycle{display:none!important}

  /* ─── BANNER: flat, perfectly centered ─── */
  .va-banner{
    clip-path:none!important;
    padding:28px 16px!important;
    margin-top:0!important;
  }
  .va-banner-inner{padding:0!important;margin:0 auto!important;text-align:center!important}
  .va-banner .va-wrap{padding:0 16px!important}
  .va-banner .va-h2 br{display:none!important}
  .va-banner .va-h2{
    font-size:18px!important;
    line-height:1.4!important;
    text-align:center!important;
    padding:0!important;margin:0 auto!important;text-indent:0!important;
    max-width:300px!important;
  }
  .va-banner .va-body{font-size:12px!important;max-width:100%!important;margin:10px auto 0!important;text-align:center!important}
  .va-banner-line{margin:0 auto 8px!important;display:block!important}
  .va-h2-line{margin:8px auto 0!important;display:block!important}

  /* ─── AAA CARDS: 3 connected tabs on top (matching team page design), panel below ─── */
  .va-stg-tabs{
    display:grid!important;
    grid-template-columns:1fr 1fr 1fr!important;
    gap:0!important;
    border-radius:12px!important;
    overflow:hidden!important;
    border:1px solid rgba(0,0,0,.06)!important;
  }
  .va-stg-tab{border-radius:0!important;overflow:hidden!important;border-width:0!important;border-top:3px solid transparent!important;cursor:pointer!important;position:relative!important;transition:background .25s ease!important;background:var(--surface,#f6faf8)!important}
  .va-stg-tab + .va-stg-tab{border-left:1px solid rgba(0,0,0,.05)!important}
  .va-stg-tab[data-n="0"]{border-top:3px solid var(--red,#ef4444)!important}
  .va-stg-tab[data-n="1"]{border-top:3px solid var(--amber,#f59e0b)!important}
  .va-stg-tab[data-n="2"]{border-top:3px solid var(--emerald,#10b981)!important}
  /* Hide card images — tabs only */
  .va-stg-tab-img{display:none!important}
  .va-stg-tab-body{padding:14px 8px 12px!important;text-align:center!important}
  .va-stg-tab-num{position:static!important;width:28px!important;height:28px!important;font-size:12px!important;margin:0 auto 6px!important;display:inline-flex!important;transition:transform .25s ease,box-shadow .25s ease!important}
  .va-stg-tab-title{font-size:13px!important;text-align:center!important}
  .va-stg-tab-sub{display:none!important}
  .va-stg-tab-cta{display:none!important}
  .va-stg-tab-active{display:none!important}
  .va-stg-tab::after{display:none!important}
  /* Kill hover effects */
  .va-stg-tab:hover{transform:none!important;box-shadow:none!important}
  .va-stg-tab:hover img{transform:none!important}
  /* Kill :checked expansion */
  #vaStg0:checked ~ .va-stg-tabs .va-stg-tab[data-n="0"],
  #vaStg1:checked ~ .va-stg-tabs .va-stg-tab[data-n="1"],
  #vaStg2:checked ~ .va-stg-tabs .va-stg-tab[data-n="2"]{transform:none!important;box-shadow:none!important}
  #vaStg0:checked ~ .va-stg-tabs .va-stg-tab[data-n="0"] .va-stg-tab-num,
  #vaStg1:checked ~ .va-stg-tabs .va-stg-tab[data-n="1"] .va-stg-tab-num,
  #vaStg2:checked ~ .va-stg-tabs .va-stg-tab[data-n="2"] .va-stg-tab-num{transform:none!important}
  /* Active tab highlight */
  #vaStg0:checked ~ .va-stg-tabs .va-stg-tab[data-n="0"]{background:rgba(239,68,68,.08)!important;border-top-color:var(--red,#ef4444)!important}
  #vaStg1:checked ~ .va-stg-tabs .va-stg-tab[data-n="1"]{background:rgba(245,158,11,.08)!important;border-top-color:var(--amber,#f59e0b)!important}
  #vaStg2:checked ~ .va-stg-tabs .va-stg-tab[data-n="2"]{background:rgba(16,185,129,.08)!important;border-top-color:var(--emerald,#10b981)!important}

  /* Detail panels — compact */
  .va-stg-detail{grid-template-columns:1fr!important}
  .va-stg-detail-left{border-right:none!important;border-bottom:1px solid var(--bd)!important;padding:14px!important}
  .va-stg-detail-right{padding:14px!important}
  .va-stg-detail h3{font-size:15px!important}
  .va-stg-detail p{font-size:11px!important;line-height:1.45!important}
  .va-stg-detail li{font-size:10px!important}
  .va-stg-tag{font-size:8px!important;padding:3px 8px!important}
  .va-stg-panels{padding-top:8px!important}
  #vaStg0:checked ~ .va-stg-panels .va-stg-panel[data-p="0"],
  #vaStg1:checked ~ .va-stg-panels .va-stg-panel[data-p="1"],
  #vaStg2:checked ~ .va-stg-panels .va-stg-panel[data-p="2"]{max-height:1200px!important}

  /* ─── STANDOUT: show text, fitted ─── */
  .va-standout{clip-path:none!important;padding:28px 16px!important}
  .va-standout .va-body{font-size:12px!important;line-height:1.5!important}
  .va-standout .va-h2{font-size:18px!important}
  .va-standout .va-h2 br{display:none!important}
  .va-standout .va-label{margin-bottom:4px!important}
  .va-standout .va-accent-line{margin:0 auto 8px!important}

  /* ─── RELATIONSHIP: show text + cycling words + button + video ─── */
  .va-rel{padding:24px 16px!important}
  .va-rel .va-body{font-size:12px!important;line-height:1.5!important}
  .va-rel .va-h2{font-size:18px!important}
  .va-rel .va-h2 br{display:none!important}
  .va-rel-cycle{
    text-align:center!important;
    margin-top:10px!important;
    height:22px!important;
    position:relative!important;
    overflow:hidden!important;
  }
  .va-rel-cycle span{
    font-size:11px!important;
    left:50%!important;
    transform:translateX(-50%)!important;
  }

  /* Videos — clean block, proper spacing, no overlap */
  .va-vid{border-radius:10px!important;margin-top:10px!important;overflow:hidden!important}
  .va-vid iframe{display:block!important;width:100%!important}
  .va-vid-stagger{transform:none!important}
  .va-vid-stagger:hover{transform:none!important}

  /* ─── COMMITMENT: compact ─── */
  .va-commit{padding:24px 16px!important}
  .va-commit-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .va-commit-card{border-radius:10px!important}
  .va-commit-img{height:90px!important}
  .va-commit-body{padding:10px 10px 12px!important}
  .va-commit-body h4{font-size:12px!important;margin-bottom:3px!important}
  .va-commit-body p{font-size:10px!important;line-height:1.4!important}
  .va-commit-intro{font-size:11px!important;margin-bottom:14px!important;max-width:100%!important}
  .va-commit-shield{width:36px!important;height:36px!important;margin-bottom:8px!important}
  .va-commit-shield svg{width:15px!important;height:15px!important}

  /* Buttons — compact */
  .va-btn{padding:10px 18px!important;font-size:12px!important;width:auto!important;justify-content:center!important;text-align:center!important;box-sizing:border-box!important}

  /* Progress bar */
  .va-prog{height:2px!important}

  /* Nav tracker hidden */
  #vaTrk,.vo-trk{display:none!important}

  /* Footer */
  .vo-ft-grid{grid-template-columns:1fr 1fr!important;gap:16px!important}
  .vo-ft{padding:0!important}
  .vo-ft-ticker-track{gap:16px!important}
  .vo-ft-ticker-item{font-size:8px!important;letter-spacing:1px!important}
}

/* ===================================================================
   OUR APPROACH PAGE — SMALL MOBILE (max-width: 480px)
   =================================================================== */
@media(max-width:480px){

  /* Spacing */
  .va-hero{padding:16px 14px 10px!important}
  .va-sec{padding:18px 12px!important}
  .va-process{padding:18px 10px!important}
  .va-banner{padding:22px 12px!important}
  .va-standout{clip-path:none!important;padding:22px 12px!important}
  .va-commit{padding:20px 12px!important}
  .va-rel{padding:18px 12px!important}

  /* Hero — keep cycling words, hide second paragraph */
  .va-hero .va-body + .va-body{display:none!important}
  .va-hero .va-h1{font-size:20px!important}
  .va-hero-cycle{height:22px!important;margin-top:8px!important}
  .va-hero-cycle span{font-size:11px!important}

  /* Particles + commitment cycling still hidden */
  .va-particles{display:none!important}
  .va-commit-cycle{display:none!important}

  /* Banner */
  .va-banner .va-h2 br{display:none!important}
  .va-banner .va-h2{font-size:16px!important;max-width:260px!important}
  .va-banner .va-body{font-size:10px!important}

  /* Titles */
  .va-h1{font-size:20px!important}
  .va-h2{font-size:16px!important;line-height:1.3!important}
  .va-h3{font-size:12px!important}
  .va-body{font-size:11px!important}
  .va-label{font-size:7px!important;letter-spacing:1.5px!important;gap:3px!important}

  /* AAA tabs — even tighter */
  .va-stg-tab-body{padding:10px 6px 8px!important}
  .va-stg-tab-title{font-size:11px!important}
  .va-stg-tab-num{width:24px!important;height:24px!important;font-size:10px!important}

  /* Detail panels */
  .va-stg-detail-left{padding:10px!important}
  .va-stg-detail-right{padding:10px!important}
  .va-stg-detail h3{font-size:13px!important}
  .va-stg-detail p{font-size:10px!important;line-height:1.4!important}
  .va-stg-detail li{font-size:9px!important;gap:4px!important}
  .va-stg-detail li::before{width:4px!important;height:4px!important}

  /* Standout */
  .va-standout .va-h2{font-size:16px!important}
  .va-standout .va-h2 br{display:none!important}
  .va-standout .va-body{font-size:11px!important}

  /* Relationship */
  .va-rel .va-h2{font-size:16px!important}
  .va-rel .va-h2 br{display:none!important}
  .va-rel .va-body{font-size:11px!important}
  .va-rel-cycle{height:20px!important}
  .va-rel-cycle span{font-size:10px!important}

  /* Commitment: single column */
  .va-commit-grid{grid-template-columns:1fr!important;gap:10px!important}
  .va-commit-img{height:110px!important}
  .va-commit-body{padding:10px 12px 14px!important}
  .va-commit-body h4{font-size:12px!important}
  .va-commit-body p{font-size:10px!important}
  .va-commit-intro{font-size:10px!important;margin-bottom:10px!important}
  .va-commit-shield{width:32px!important;height:32px!important}
  .va-commit-shield svg{width:13px!important;height:13px!important}

  /* Buttons */
  .va-btn{padding:8px 14px!important;font-size:11px!important}

  /* Footer */
  .vo-ft-grid{grid-template-columns:1fr!important;gap:12px!important}
  .vo-ft-bottom{flex-direction:column!important;text-align:center!important}

  /* Video */
  .va-vid{border-radius:8px!important;margin-top:8px!important}
}

/* ===================================================================
   LANDSCAPE PHONE (height ≤ 500px)
   =================================================================== */
@media(max-height:500px) and (max-width:900px){
  [id*="hero"],[class*="hero"]{
    min-height:auto!important;
    padding-top:40px!important;padding-bottom:40px!important;
  }
}

/* ===================================================================
   TEAM PROFILE PAGES — TABLET (max-width: 768px)
   =================================================================== */
@media(max-width:768px){
  /* Hero: stack to single column, center */
  .tp-hero{padding:60px 20px 48px!important}
  .tp-hero-grid{grid-template-columns:1fr!important;gap:24px!important;text-align:center!important}
  .tp-hero-img{width:180px!important;height:220px!important;margin:0 auto!important;border-radius:16px!important}
  .tp-hero h1{font-size:28px!important}
  .tp-hero-tag{justify-content:center!important}
  .tp-hero-role{font-size:14px!important}
  .tp-hero-creds{font-size:11px!important}
  .tp-hero-actions{justify-content:center!important;gap:10px!important}
  .tp-btn{font-size:13px!important;padding:11px 20px!important;border-radius:12px!important;width:100%!important;justify-content:center!important}
  .tp-social{width:38px!important;height:38px!important}
  /* Bio section */
  .tp-bio{padding:48px 20px!important}
  .tp-bio-h{font-size:22px!important}
  .tp-bio-p{font-size:14px!important}
  /* Expertise section */
  .tp-exp{padding:48px 20px!important}
  .tp-exp-h{font-size:22px!important}
  .tp-exp-grid{grid-template-columns:1fr!important;gap:8px!important;padding:0!important;margin:0!important}
  .tp-exp-grid li{font-size:13px!important;padding:12px 16px!important;margin:0!important;border-radius:10px!important;width:100%!important;box-sizing:border-box!important}
  /* CTA section */
  .tp-cta{padding:48px 20px!important}
  .tp-cta h2{font-size:22px!important}
  .tp-cta p{font-size:14px!important}
  .tp-cta-btns{flex-direction:column!important;gap:10px!important}
  .tp-cta-btns .tp-btn{width:100%!important;justify-content:center!important}
}
@media(max-width:480px){
  .tp-hero{padding:48px 16px 36px!important}
  .tp-hero-img{width:140px!important;height:180px!important}
  .tp-hero h1{font-size:24px!important}
  .tp-hero-role{font-size:12px!important}
  .tp-hero-creds{font-size:10px!important}
  .tp-btn{font-size:12px!important;padding:10px 16px!important}
  .tp-bio{padding:36px 16px!important}
  .tp-bio-h{font-size:20px!important}
  .tp-bio-p{font-size:13px!important}
  .tp-exp{padding:36px 16px!important}
  .tp-exp-h{font-size:20px!important}
  .tp-exp-grid li{font-size:12px!important;padding:10px 14px!important;margin:0!important;width:100%!important;box-sizing:border-box!important}
  .tp-cta{padding:36px 16px!important}
  .tp-cta h2{font-size:20px!important}
}

/* ===================================================================
   SERVICE PAGES (Strategic Advisory, Outsourced Services, AI Enablement)
   Shared classes: .stg-tabs/.stg-tab/.stg-panel, .inc-tabs/.inc-tab/.inc-panel,
   .svc-tabs/.svc-panel, .ep-nav/.ep-det, .assess-grid/.assess-gauge/.assess-bar,
   .cmp-row/.cmp-cell/.cmp-hdr-l/.cmp-hdr-r, .vo-photo-card, .vo-cycle-word,
   .stat-card, .testi-slide/.testi-dots, .ben-grid, .faq-item,
   .vo-diag-top/.vo-diag-bot/.vo-diag-both, .fi-toggle/.fi-panels,
   #s-hero…#s-cta, #s0…#s8 (section anchors)
   =================================================================== */
@media(max-width:900px){
  /* Diagonal clip-paths: shallow on tablet */
  .vo-diag-top{clip-path:polygon(0 16px,100% 0,100% 100%,0 100%)!important}
  .vo-diag-bot{clip-path:polygon(0 0,100% 0,100% calc(100% - 16px),0 100%)!important}
  .vo-diag-both{clip-path:polygon(0 16px,100% 0,100% calc(100% - 16px),0 100%)!important}
  /* Section overlap (margin-top:-40px) → reduce */
  div.vo-sec[style*="margin-top:-40px"]{margin-top:-16px!important;padding-top:48px!important;padding-bottom:48px!important}
  /* Comparison: keep 2-col but compact */
  #cmpGrid,div[id="cmpGrid"]{grid-template-columns:1fr 1fr!important}
  /* Assess split */
  .assess-grid,div.assess-grid[style*="grid-template-columns"],#saAssessGrid{
    grid-template-columns:1fr!important;gap:18px!important;text-align:center!important;
  }
  /* Episode/process navigation */
  .ep-nav{flex-wrap:wrap!important;gap:6px!important}
  .ep-det,.ep-d0,.ep-d1,.ep-d2,.ep-d3{grid-template-columns:1fr!important}
  /* Photo cards: smaller */
  .vo-photo-card{border-radius:14px!important}
  /* Benefits: 5-col → 3-col on tablet */
  .ben-grid,div.ben-grid[style*="repeat(5"]{grid-template-columns:repeat(3,1fr)!important;gap:10px!important}
  /* Stats card grid */
  .stat-card{padding:18px 14px!important}
}

@media(max-width:768px){

  /* ─── DIAGONAL CLIPS: kill on mobile (look jagged on small screens) ─── */
  .vo-diag-top,.vo-diag-bot,.vo-diag-both{clip-path:none!important}
  /* Negative-margin overlap killed (each section fully visible) */
  div.vo-sec[style*="margin-top:-40px"]{margin-top:0!important;padding-top:32px!important;padding-bottom:32px!important}
  /* Decorative floating shapes (vo-ring, vo-glow-border, vo-drift, vo-tooltip, vo-cursor, vo-bw) */
  .vo-ring,.vo-tooltip,.vo-cursor,.vo-bw,.vo-shimmer,.vo-glow-border::before,.vo-glow-border::after{display:none!important}
  /* Hero typing widget: keep but compact */
  #heroTyping,.heroTyping{font-size:14px!important;min-height:auto!important}
  #heroVideo,.heroVideoBox,#heroVideoBox{display:flex!important;margin-top:14px!important;width:100%!important;max-width:100%!important}
  /* Hero stats row stays */
  .hero-stats{flex-direction:row!important;justify-content:center!important;gap:14px!important;flex-wrap:wrap!important}

  /* ─── STRATEGY TABS (.stg-tabs / .stg-tab) — Bigger, properly readable, color-coded ─── */
  .stg-tabs,div.stg-tabs[style*="grid"]{
    display:grid!important;
    grid-template-columns:1fr 1fr 1fr!important;
    gap:8px!important;
    border:none!important;
    background:transparent!important;
    margin:0 auto 22px!important;max-width:100%!important;
    padding:0!important;border-radius:0!important;overflow:visible!important;
  }
  .stg-tab{
    border-radius:14px!important;
    border:2px solid var(--bd,rgba(0,0,0,.1))!important;
    border-top-width:4px!important;
    cursor:pointer!important;position:relative!important;
    background:var(--card,#fff)!important;
    flex-direction:column!important;text-align:center!important;
    padding:0!important;min-height:0!important;overflow:hidden!important;
    box-shadow:0 2px 8px rgba(0,0,0,.04)!important;
    display:flex!important;align-items:stretch!important;
  }
  .stg-tab + .stg-tab{border-left:2px solid var(--bd,rgba(0,0,0,.1))!important}
  /* Image wrapper: compact strip 70px, image visible but cropped */
  .stg-tab > div:first-child{height:70px!important;overflow:hidden!important;width:100%!important;flex-shrink:0!important;border-radius:10px 10px 0 0!important}
  .stg-tab > div:first-child img{display:block!important;height:70px!important;width:100%!important;object-fit:cover!important;object-position:center 30%!important}
  /* Number badge: centered in the image strip */
  .stg-tab-num{
    width:36px!important;height:36px!important;font-size:16px!important;font-weight:900!important;
    top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;
    position:absolute!important;border-radius:50%!important;color:#fff!important;
    box-shadow:0 4px 12px rgba(0,0,0,.25)!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    margin:0!important;
  }
  .stg-tab-body{padding:10px 8px 10px!important;display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important}
  .stg-tab-title{font-size:13px!important;font-weight:800!important;line-height:1.2!important;letter-spacing:0!important;color:var(--dk,#1a2332)!important;margin:0!important}
  .stg-tab-sub,.stg-tab-cta,.stg-tab-active,.stg-tab-active-bar,.stg-tab-bar{display:none!important}
  .stg-tab:hover{transform:none!important;box-shadow:0 4px 12px rgba(0,0,0,.08)!important}
  /* Tab panel below */
  .stg-panels{margin-top:12px!important}
  .stg-panel{padding:0!important}
  .stg-panel .vo-card{
    grid-template-columns:1fr!important;padding:18px 14px!important;
    border-radius:14px!important;gap:12px!important;
  }
  .stg-panel .vo-card>div:first-child[style*="min-height"],
  .stg-panel .vo-card>div:first-child{
    min-height:140px!important;padding:18px 14px!important;border-radius:14px 14px 0 0!important;
  }
  .stg-panel h3{font-size:16px!important;line-height:1.25!important}
  .stg-panel p{font-size:12.5px!important;line-height:1.55!important}
  .stg-panel li{font-size:12px!important}

  /* ─── INCLUDED TABS (.inc-tabs / .inc-tab) — 2x3 grid ─── */
  .inc-tabs,div.inc-tabs[style*="repeat(3"]{
    grid-template-columns:1fr 1fr!important;gap:8px!important;margin-bottom:18px!important;
  }
  .inc-tab{padding:12px 8px!important;border-radius:12px!important;text-align:center!important;font-size:12px!important;min-height:0!important}
  .inc-tab img,.inc-icon img,.inc-tab .inc-icon{height:auto!important;max-height:70px!important;width:auto!important;margin:0 auto 6px!important}
  .inc-tab-bar{display:none!important}
  .inc-panels{padding:0!important}
  .inc-panel{padding:0!important}
  .inc-panel .vo-card{grid-template-columns:1fr!important;padding:18px 14px!important;border-radius:14px!important;gap:12px!important}
  .inc-panel .vo-card>div:first-child[style*="min-height"],
  .inc-panel .vo-card>div:first-child{min-height:140px!important;padding:16px 12px!important}
  .inc-panel h3{font-size:15px!important}
  .inc-panel p,.inc-panel li{font-size:12px!important}

  /* ─── SERVICES TABS (.svc-tabs / .svc-panel) — same pill pattern ─── */
  .svc-tabs,div.svc-tabs[style*="grid"]{
    grid-template-columns:1fr 1fr!important;gap:8px!important;margin-bottom:18px!important;max-width:100%!important;
  }
  .svc-tab,.svc-tab-num,.svc-tab-title,.svc-tab-bar{}
  .svc-tab{padding:12px 8px!important;border-radius:12px!important;text-align:center!important;min-height:0!important}
  .svc-tab img{display:none!important}
  .svc-tab-num{width:26px!important;height:26px!important;font-size:12px!important;margin:0 auto 4px!important;display:inline-flex!important;border-radius:50%!important}
  .svc-tab-title{font-size:12px!important;line-height:1.2!important}
  .svc-tab-bar{display:none!important}
  .svc-panels{margin-top:8px!important}
  .svc-panel{padding:0!important}
  .svc-panel .vo-card{grid-template-columns:1fr!important;padding:18px 14px!important;border-radius:14px!important;gap:12px!important}
  .svc-panel .vo-card>div:first-child{min-height:140px!important;padding:16px 12px!important;border-radius:14px 14px 0 0!important}
  .svc-panel h3{font-size:15px!important}
  .svc-panel p,.svc-panel li{font-size:12px!important}

  /* ─── EPISODE / PROCESS NAV (.ep-nav / .ep-det) — vertical accordion-like ─── */
  .ep-nav{
    display:flex!important;flex-wrap:wrap!important;gap:6px!important;
    margin-bottom:14px!important;border-radius:12px!important;overflow:hidden!important;
    background:var(--surface,#f6faf8)!important;border:1px solid rgba(0,0,0,.06)!important;
  }
  .ep-nav > *{
    flex:1 1 0!important;min-width:0!important;padding:10px 6px!important;
    font-size:11.5px!important;text-align:center!important;border-radius:0!important;
    border:none!important;border-right:1px solid rgba(0,0,0,.05)!important;
  }
  .ep-nav > *:last-child{border-right:none!important}
  .ep-det,.ep-d0,.ep-d1,.ep-d2,.ep-d3{
    grid-template-columns:1fr!important;padding:0!important;border-radius:14px!important;overflow:hidden!important;
  }
  .ep-det > div,.ep-d0 > div,.ep-d1 > div,.ep-d2 > div,.ep-d3 > div{padding:18px 14px!important}
  .ep-det h3,.ep-d0 h3,.ep-d1 h3{font-size:16px!important;line-height:1.25!important}
  .ep-det p,.ep-det li{font-size:12.5px!important;line-height:1.55!important}
  .ep-det img{width:100%!important;height:auto!important;max-height:180px!important;object-fit:cover!important}

  /* ─── ASSESSMENT (.assess-grid / .assess-gauge / .assess-bar / .assess-cta) ─── */
  .assess-grid,div.assess-grid[style*="grid-template-columns"],#saAssessGrid{
    grid-template-columns:1fr!important;gap:18px!important;text-align:center!important;
    max-width:100%!important;
  }
  .assess-hdr{text-align:center!important;margin-bottom:16px!important}
  /* Gauge: cap size, centered */
  .assess-gauge,svg:has(.assess-gauge),svg:has(circle.assess-gauge){
    max-width:180px!important;width:180px!important;height:180px!important;margin:0 auto!important;display:block!important;
  }
  /* Specific override for service pages where gauge is wrapped */
  div:has(> svg > circle.assess-gauge),
  div:has(> svg > .assess-gauge){max-width:200px!important;margin:0 auto!important}
  .assess-score{font-size:36px!important}
  #saScoreNum,#saGaugeCircle{font-size:36px!important}
  /* Bars: full width */
  .assess-bar{height:6px!important;border-radius:4px!important}
  .assess-bar-fill{height:6px!important}
  .assess-cta{flex-direction:column!important;text-align:center!important;gap:10px!important;align-items:center!important}
  .assess-cta .vo-btn{width:100%!important;justify-content:center!important}

  /* ─── COMPARISON GRID (.cmp-row / .cmp-cell / .cmp-hdr-l / .cmp-hdr-r) ─── */
  #cmpGrid,div[id="cmpGrid"]{
    grid-template-columns:1fr 1fr!important;
    border-radius:12px!important;overflow:hidden!important;
    overflow-x:visible!important;
  }
  .cmp-hdr-l,.cmp-hdr-r{padding:12px 10px!important;font-size:11px!important;text-align:center!important}
  .cmp-row,.cmp-cell{padding:11px 10px!important;font-size:11.5px!important;line-height:1.4!important;gap:6px!important}
  .cmp-cell svg,.cmp-row svg{width:14px!important;height:14px!important;flex-shrink:0!important}

  /* ─── PHOTO CARDS (.vo-photo-card) ─── */
  .vo-photo-card{
    border-radius:14px!important;transform:none!important;
    margin:0 auto!important;max-width:100%!important;
  }
  .vo-photo-card.vo-tilt,.vo-photo-card:hover{transform:none!important}
  .vo-photo-card img{width:100%!important;height:auto!important;max-height:240px!important;object-fit:cover!important;display:block!important}

  /* ─── CYCLING WORDS (.vo-cycle-word) — center, fitted ─── */
  .vo-cycle-word{display:inline!important;font-size:inherit!important}

  /* ─── STAT CARDS (.stat-card / .stat-num / .stat-lbl) ─── */
  .stat-card{padding:14px 12px!important;border-radius:12px!important}
  .stat-num{font-size:24px!important;line-height:1.1!important}
  .stat-lbl{font-size:10px!important;letter-spacing:.6px!important;line-height:1.3!important}

  /* ─── TESTIMONIAL SLIDER (.testi-slide / .testi-dots) ─── */
  .testi-slide{padding:20px 16px!important;font-size:14px!important;line-height:1.6!important;border-radius:14px!important}
  .testi-slide blockquote{font-size:14px!important;line-height:1.6!important}
  .testi-slide cite{font-size:11px!important;margin-top:10px!important}
  .testi-dots{gap:6px!important;margin-top:14px!important;justify-content:center!important;display:flex!important}
  .testi-dots > *{width:8px!important;height:8px!important}

  /* ─── BENEFITS GRID (.ben-grid 5-col) → 2-col ─── */
  .ben-grid,div.ben-grid[style*="repeat(5"]{
    grid-template-columns:1fr 1fr!important;gap:8px!important;
  }
  .ben-grid > *{padding:12px 10px!important;border-radius:10px!important;font-size:11.5px!important;text-align:center!important}
  .ben-grid svg{width:20px!important;height:20px!important;margin-bottom:6px!important}

  /* ─── FAQ ITEMS (.faq-item / .faq-body / .faq-form) ─── */
  .faq-item{border-radius:12px!important;margin-bottom:8px!important}
  .faq-item summary{padding:14px 14px!important;font-size:13px!important;line-height:1.4!important;gap:8px!important}
  .faq-item summary .ico{width:22px!important;height:22px!important;font-size:13px!important;flex-shrink:0!important}
  .faq-body,.faq-item .det-body{font-size:12.5px!important;line-height:1.6!important;padding:0 14px 14px!important}
  .faq-form{padding:18px 14px!important;border-radius:12px!important}
  .faq-form input,.faq-form textarea{padding:11px 13px!important;font-size:13px!important;border-radius:10px!important}

  /* ─── FORMER/INDUSTRY TOGGLE (.fi-toggle / .fi-panels) ─── */
  .fi-toggle{
    display:grid!important;grid-template-columns:1fr 1fr!important;
    gap:0!important;border-radius:12px!important;overflow:hidden!important;
    border:1px solid rgba(0,0,0,.08)!important;background:var(--surface,#f6faf8)!important;
    margin:0 auto 16px!important;max-width:100%!important;
  }
  .fi-toggle > *{
    padding:11px 10px!important;font-size:11.5px!important;text-align:center!important;
    border-radius:0!important;border:none!important;
  }
  .fi-toggle > * + *{border-left:1px solid rgba(0,0,0,.06)!important}
  .fi-panels{padding:0!important}
  .fi-panel{padding:0!important}
  .fi-panel .vo-card{padding:18px 14px!important;border-radius:14px!important}

  /* ─── HERO h1 with breaks: kill linebreaks on mobile so it flows ─── */
  .hero-g h1 br,#s-hero h1 br,#s1 h1 br,#s0 h1 br{display:none!important}

  /* ─── BUTTONS in service hero/CTAs: stack ─── */
  .hero-g div[style*="display:flex"][style*="gap"]:has(> .vo-btn),
  #s-cta div[style*="display:flex"][style*="gap"]:has(> .vo-btn),
  #s8 div[style*="display:flex"][style*="gap"]:has(> .vo-btn){
    flex-direction:column!important;width:100%!important;align-items:stretch!important;gap:10px!important;
  }

  /* ─── Section anchors: any section with negative top-margin ─── */
  #s-included,#s-process,#s-cta,#s2,#s3,#s5,#s6,#s8{
    margin-top:0!important;padding-top:32px!important;padding-bottom:32px!important;
  }

  /* ─── FULL-WIDTH 100vw sections (assess on dark bg) — KEEP edge-to-edge color
     Only neutralize horizontal padding so content isn't crushed. ─── */
  div.vo-sec[style*="100vw"]{
    padding-left:16px!important;padding-right:16px!important;
  }
  /* Assess section: ensure dark bg goes edge-to-edge on mobile */
  #s-assess{
    width:100vw!important;margin-left:calc(-50vw + 50%)!important;
    padding-left:16px!important;padding-right:16px!important;
    padding-top:40px!important;padding-bottom:40px!important;
    box-sizing:border-box!important;
  }
  #s-cta{
    width:100vw!important;margin-left:calc(-50vw + 50%)!important;
    padding-left:16px!important;padding-right:16px!important;
    box-sizing:border-box!important;
  }

  /* ─── Process step numbers/icons centered ─── */
  #s-process .vo-card,#s-process > div > div{padding:18px 14px!important;border-radius:14px!important}

  /* ─── Hide tracker dots on service pages ─── */
  #voTrk,.voTrk,.vo-trk,.vo-trk-d,.vo-trk-l{display:none!important}

  /* ─── Decorative diagonal/ring/glow ─── */
  .vo-glow-border,.vo-drift,.vo-ring{box-shadow:none!important}

  /* ─── Section padding for inline padding:80px 0 ─── */
  div.vo-sec[style*="padding:80px 0"]{padding:32px 16px!important}
}

@media(max-width:480px){
  /* Strategy tabs: keep readable on small phones */
  .stg-tabs,div.stg-tabs[style*="grid"]{gap:6px!important}
  .stg-tab{padding:14px 4px 12px!important;border-radius:12px!important}
  .stg-tab-body{padding:0!important}
  .stg-tab-title{font-size:11.5px!important;line-height:1.15!important}
  .stg-tab-num{width:36px!important;height:36px!important;font-size:15px!important;margin-bottom:8px!important}

  /* Included tabs */
  .inc-tab{padding:10px 6px!important;font-size:11px!important}
  .inc-tab img,.inc-icon img{max-height:54px!important}

  /* Services tabs */
  .svc-tab{padding:10px 6px!important}
  .svc-tab-num{width:22px!important;height:22px!important;font-size:11px!important}
  .svc-tab-title{font-size:11px!important}

  /* Episode nav */
  .ep-nav > *{padding:9px 4px!important;font-size:10.5px!important}
  .ep-det > div,.ep-d0 > div,.ep-d1 > div{padding:14px 12px!important}
  .ep-det img{max-height:140px!important}

  /* Assessment */
  .assess-gauge,svg:has(.assess-gauge){max-width:140px!important;width:140px!important;height:140px!important}
  div:has(> svg > circle.assess-gauge),div:has(> svg > .assess-gauge){max-width:160px!important}
  .assess-score{font-size:30px!important}
  #saScoreNum{font-size:30px!important}
  .assess-bar{height:5px!important}
  .assess-bar-fill{height:5px!important}

  /* Comparison */
  #cmpGrid,div[id="cmpGrid"]{grid-template-columns:1fr 1fr!important}
  .cmp-hdr-l,.cmp-hdr-r{padding:10px 8px!important;font-size:10px!important}
  .cmp-row,.cmp-cell{padding:9px 8px!important;font-size:10.5px!important}
  .cmp-cell svg,.cmp-row svg{width:12px!important;height:12px!important}

  /* Photo cards */
  .vo-photo-card{border-radius:12px!important}
  .vo-photo-card img{max-height:200px!important}

  /* Stats */
  .stat-card{padding:11px 9px!important;border-radius:10px!important}
  .stat-num{font-size:20px!important}
  .stat-lbl{font-size:9px!important;letter-spacing:.4px!important}

  /* Testimonials */
  .testi-slide{padding:16px 12px!important;font-size:13px!important}
  .testi-slide blockquote{font-size:13px!important}
  .testi-slide cite{font-size:10px!important}

  /* Benefits 5→2 */
  .ben-grid > *{padding:10px 8px!important;font-size:10.5px!important}
  .ben-grid svg{width:18px!important;height:18px!important}

  /* FAQ */
  .faq-item summary{padding:12px 12px!important;font-size:12px!important}
  .faq-item summary .ico{width:20px!important;height:20px!important;font-size:12px!important}
  .faq-body,.faq-item .det-body{font-size:11.5px!important;padding:0 12px 12px!important}

  /* Section padding for inline 80px 0 */
  div.vo-sec[style*="padding:80px 0"]{padding:24px 12px!important}

  /* Hero h1 br stays killed */
  .hero-g h1 br,#s-hero h1 br,#s1 h1 br{display:none!important}
}


/* ===================================================================
   v2.5.1 — STRATEGIC ADVISORY FINE-TUNING (corrected selectors)
   =================================================================== */
@media(max-width:768px){

  /* ─── #s-when: hide the hero image, tighten accordion cards ─── */
  /* Hide the big section photo (left col of .hg2) */
  #s-when .hg2 > .vo-reveal > img,
  #s-when .hg2 > div > img{display:none!important}
  /* Stack .hg2 columns (900px rule already does this, but reinforce) */
  #s-when .hg2{grid-template-columns:1fr!important;gap:16px!important}
  /* The right-column flex container holding details cards */
  #s-when .hg2 > div[style*="flex-direction:column"]{
    gap:8px!important;
  }
  /* accordion card summary: tighter */
  #s-when details.vo-card{
    border-radius:12px!important;overflow:hidden!important;
  }
  #s-when details.vo-card > summary{
    padding:12px 14px!important;font-size:13px!important;line-height:1.3!important;
    gap:10px!important;
  }
  /* icon box in summary */
  #s-when details.vo-card > summary > div:first-child{
    width:36px!important;height:36px!important;border-radius:10px!important;flex-shrink:0!important;
  }
  /* title in summary */
  #s-when details.vo-card > summary div[style*="font-size:16px"]{
    font-size:13px!important;font-weight:800!important;
  }
  /* tag chips: hide them */
  #s-when details.vo-card > summary div[style*="flex-wrap:wrap"]{
    display:none!important;
  }
  /* det-body: stack inner hg2 and hide image */
  #s-when .det-body .hg2{grid-template-columns:1fr!important}
  #s-when .det-body .hg2 > div:last-child{display:none!important}
  #s-when .det-body p{font-size:12.5px!important;line-height:1.55!important}
  #s-when .det-body .vo-btn{font-size:12px!important;padding:10px 16px!important;margin-top:8px!important}

  /* ─── inc-tabs: font fix for inline 15px title ─── */
  .inc-tab div[style*="font-size:15px"]{
    font-size:12.5px!important;line-height:1.2!important;
  }
  .inc-tab > div:last-of-type:not(.inc-tab-bar){
    font-size:11px!important;
  }

  /* ─── KPI 4-scorecard grid → 2x2 ─── */
  /* Targets the specific repeat(4,1fr) grid containing those cards */
  div[style*="grid-template-columns:repeat(4,1fr)"],
  div[style*="grid-template-columns: repeat(4, 1fr)"]{
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }
  /* Scorecard inner text tighter */
  div[style*="grid-template-columns:repeat(4,1fr)"] .vo-card,
  div[style*="grid-template-columns: repeat(4, 1fr)"] .vo-card{
    padding:14px 12px!important;border-radius:12px!important;
  }
  div[style*="grid-template-columns:repeat(4,1fr)"] .vo-card div[style*="font-size:13px"]{
    font-size:13px!important;font-weight:700!important;
  }
  div[style*="grid-template-columns:repeat(4,1fr)"] .vo-card div[style*="font-size:11px"]{
    font-size:11px!important;
  }

  /* ─── #s-assess — already has 100vw+margin-left in inline; ensure padding is tidy ─── */
  #s-assess{
    padding:40px 16px!important;box-sizing:border-box!important;
  }
  #s-assess .vo-cx{padding:0!important;max-width:100%!important}
  #s-assess .vo-ttl{font-size:22px!important;line-height:1.2!important;text-align:center!important;margin-bottom:8px!important}
  #s-assess p,#s-assess .vo-sub{font-size:13px!important;line-height:1.5!important;text-align:center!important}
  #saAssessGrid,div#saAssessGrid{
    grid-template-columns:1fr!important;gap:20px!important;
    max-width:100%!important;padding:0!important;
  }
  #saAssessGrid > div:first-child{
    display:flex!important;align-items:center!important;justify-content:center!important;
  }

  /* ─── #s-faq — compact, consistent with other pages ─── */
  #s-faq{padding:36px 16px!important}
  #s-faq .vo-ttl{font-size:22px!important;line-height:1.2!important;text-align:center!important;margin-bottom:18px!important}
  /* Target the details.vo-card elements (FAQ uses `details` not `.faq-item`) */
  #s-faq details.vo-card{
    border-radius:12px!important;margin-bottom:8px!important;
    border:1px solid rgba(0,0,0,.08)!important;
    box-shadow:none!important;overflow:hidden!important;
  }
  #s-faq details.vo-card > summary{
    padding:13px 16px!important;font-size:13px!important;line-height:1.35!important;
    gap:10px!important;list-style:none!important;
  }
  #s-faq details.vo-card > summary .ico{
    width:24px!important;height:24px!important;font-size:14px!important;flex-shrink:0!important;
  }
  #s-faq details.vo-card .det-body{
    font-size:12.5px!important;line-height:1.6!important;padding:0 16px 14px!important;
  }

  /* ─── #s-cta — TIGHTER call-to-action ─── */
  #s-cta{padding:40px 16px!important}
  #s-cta .vo-ttl{font-size:24px!important;line-height:1.2!important;margin-bottom:10px!important}
  #s-cta .vo-sub{font-size:13px!important;line-height:1.5!important;margin-bottom:18px!important}
  /* Button group: narrow and centered */
  #s-cta > div > div > div[style*="display:flex"]:has(> .vo-btn){
    flex-direction:column!important;align-items:center!important;gap:10px!important;
    width:100%!important;max-width:280px!important;margin:0 auto!important;
  }
  #s-cta a.vo-btn{
    width:100%!important;max-width:260px!important;
    padding:13px 20px!important;font-size:14px!important;
    display:flex!important;justify-content:center!important;
    box-sizing:border-box!important;
  }

  /* ─── General section padding ─── */
  #s-when,#s-included,#s-process,#s-paths{padding:36px 16px!important}
  #s-when .vo-ttl,#s-included .vo-ttl,#s-process .vo-ttl,#s-paths .vo-ttl{
    font-size:22px!important;line-height:1.2!important;margin-bottom:16px!important;
  }
}

@media(max-width:480px){
  /* s-when accordions even tighter */
  #s-when details.vo-card > summary div[style*="font-size:16px"]{font-size:12px!important}
  #s-when details.vo-card > summary{padding:10px 12px!important}

  /* inc-tabs title tighter */
  .inc-tab div[style*="font-size:15px"]{font-size:12px!important}

  /* stg-tab image strip shorter */
  .stg-tab > div:first-child{height:50px!important}
  .stg-tab > div:first-child img{height:50px!important}

  /* KPI scorecards on tiny screens */
  div[style*="grid-template-columns:repeat(4,1fr)"] .vo-card{padding:12px 10px!important}

  #s-assess .vo-ttl,#s-faq .vo-ttl,#s-cta .vo-ttl{font-size:20px!important}
  #s-cta a.vo-btn{font-size:13px!important;padding:12px 16px!important;max-width:240px!important}
  #s-cta > div > div > div[style*="display:flex"]:has(> .vo-btn){max-width:260px!important}
}