/* ===== services head style 1 ===== */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    :root {
      --bg:         #17231D;
      --bg-deep:    #121E16;
      --gold:       #D4AF37;
      --gold-light: #716848;
      --gold-dim:   rgba(212,175,55,.55); 
      --text-dark:  #1A1A1A;
      --text-light: #FFFFFF;
      --muted:      #C7D1C8;
      --success:    #2ECC71;
      --btn-bg:     #D4AF37;
      --btn-text:   #000000;
      --panel:      #FFFFFF;
    }

    html { scroll-behavior: smooth; background: var(--bg); overflow-x: clip; }

    body {
      font-family: 'Montserrat', sans-serif;
      background: var(--bg);
      background-image:
        radial-gradient(ellipse 380px 300px at 96% 80%, rgba(0,0,0,.12) 0%, transparent 70%);
      color: var(--text-light);
      overflow-x: clip;
      min-height: 100vh;
    }

    a { text-decoration: none; color: inherit; }
    img { display: block; max-width: 100%; }

    h1, h2, h3, h4, h5, h6 {
      font-family: 'Montserrat', sans-serif;
    }

    .site-wrap {
      width: 95%;
      max-width: none;
      margin: 0 auto;
      padding: 0 clamp(16px, 2.5vw, 40px);
      position: relative;
      z-index: 0;
    }

    .hero-section > .site-wrap {
      width: 95%;
      max-width: none;
      margin: 0 auto;
      padding: 0;
      padding-top: clamp(64px, 8vw, 80px);
    }

    /* ══ LAMP ══ */
    .lamp-wrap {
      position: absolute;
      top: 0;
      left: clamp(100px, 13vw, 180px);
      z-index: 6;
      pointer-events: none;
      width: clamp(180px, 22vw, 360px);
      overflow: hidden;
      line-height: 0;
    }
    .lamp-img {
      display: block;
      width: 100%;
      height: auto;
      margin: 0 auto;
      transform: translateY(-38%);
      margin-bottom: -28%;
      mix-blend-mode: lighten;
      filter: drop-shadow(0 12px 28px rgba(0,0,0,.35));
    }
    .lamp-glow { display: none; }

    /* ══ NAVBAR ══ */
    .apex-nav {
      width: 100%;
      margin: 0;
      padding: 10px 0 8px;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 99999;
      background: transparent;
      box-shadow: none;
      border-bottom: none;
      overflow: visible;
      transition: background .25s ease, box-shadow .25s ease, border-color .25s ease, transform .18s ease;
    }

    /* Applied only when user has scrolled */
    .apex-nav.is-sticky {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 99999;
      background: linear-gradient(180deg, rgba(7,17,15,.96), rgba(7,17,15,.92));
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      box-shadow: 0 8px 28px rgba(0,0,0,.45);
      border-bottom: 1px solid rgba(212,175,55,.14);
      transform: translateZ(0);
    }

    .apex-nav.is-sticky::after {
      content: '';
      position: absolute;
      left: 0; right: 0; bottom: -1px;
      height: 2px;
      pointer-events: none;
      background: linear-gradient(90deg, rgba(212,175,55,.06), rgba(212,175,55,.12));
    }
    .nav-inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: clamp(12px, 2vw, 24px);
      overflow: visible;
    }
    .nav-left {
      display: flex;
      align-items: center;
      gap: clamp(14px, 2.2vw, 32px);
      flex-shrink: 0;
      /* neutralized nav margin */ margin-left: 0;
    }
    .nav-right {
      display: flex;
      align-items: center;
      gap: clamp(6px, 0.8vw, 12px);
      flex-shrink: 0;
      margin-left: auto;
      /* neutralized nav margin */ margin-right: 0;
    }
    .nav-links {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      flex: 0 1 auto;
      gap: clamp(2px, 0.4vw, 4px);
      flex-wrap: nowrap;
    }
    .brand {
      display: flex;
      align-items: center;
      gap: 12px;
      flex-shrink: 0;
    }
    .brand-logo {
      display: block;
      width: auto;
      height: clamp(46px, 5.2vw, 58px);
      max-width: min(300px, 42vw);
      object-fit: contain;
      mix-blend-mode: lighten;
      filter: drop-shadow(0 4px 12px rgba(0,0,0,.35));
    }
    .nav-links a {
      display: flex;
      align-items: center;
      gap: 6px;
      padding: 8px clamp(9px, 0.95vw, 13px);
      border-radius: 8px;
      font-size: clamp(13px, 1.05vw, 15px);
      font-weight: 500;
      color: var(--text-light);
      transition: color .2s, background .2s;
      position: relative;
      white-space: nowrap;
    }
    .nav-links a i { color: var(--text-light); font-size: 14px; opacity: 1; }
    .nav-links a:hover { background: rgba(255,255,255,.04); color: #fff; }
    .nav-links a:hover i { color: #fff; }
    .nav-links a.active { color: var(--text-light); }
    .nav-links a.active i { color: var(--text-light); }
    .nav-links a.active::after {
      content: '';
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: -10px;
      width: 32px;
      height: 2px;
      border-radius: 20px;
      background: linear-gradient(90deg, var(--gold-light), var(--gold));
      box-shadow: 0 0 8px rgba(215,180,130,.55);
    }
    .btn-cta {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 12px clamp(18px, 1.6vw, 24px);
      border-radius: 12px;
      background: var(--btn-bg);
      color: #fff;
      font-size: clamp(13px, 1.05vw, 14.5px);
      font-weight: 600;
      border: 1px solid rgba(0,0,0,.16);
      box-shadow: 0 8px 22px rgba(0,0,0,.28);
      transition: filter .2s, transform .15s;
      white-space: nowrap;
      flex-shrink: 0;
    }
    .btn-cta:hover { filter: brightness(1.05); transform: translateY(-1px); color: #fff; }
    .btn-cta i { font-size: 15px; }

    .nav-toggle {
      display: none;
      align-items: center;
      justify-content: center;
      width: 44px;
      height: 44px;
      padding: 0;
      border: 1.5px solid rgba(212,175,55,.45);
      border-radius: 10px;
      background: rgba(30,43,34,.65);
      color: var(--gold-light);
      cursor: pointer;
      flex-shrink: 0;
      position: relative;
      z-index: 22;
      transition: background .2s, border-color .2s;
    }
    .nav-toggle:hover { background: rgba(255,255,255,.08); border-color: var(--gold); }
    .nav-toggle i { font-size: 22px; line-height: 1; }

    .nav-mobile {
      display: none;
      position: fixed;
      inset: 0;
      z-index: 1000;
      pointer-events: none;
      visibility: hidden;
    }
    .nav-mobile.is-open { pointer-events: auto; visibility: visible; }
    .nav-mobile:not(.is-open) .nav-mobile-panel,
    .nav-mobile:not(.is-open) .nav-mobile-backdrop { pointer-events: none; }
    .nav-mobile-backdrop {
      position: absolute;
      inset: 0;
      background: rgba(0,0,0,.55);
      opacity: 0;
      transition: opacity .28s ease;
    }
    .nav-mobile.is-open .nav-mobile-backdrop { opacity: 1; }
    .nav-mobile-panel {
      position: absolute;
      top: 0; right: 0;
      width: min(320px, 88vw);
      height: 100%;
      background: linear-gradient(180deg, var(--bg) 0%, var(--bg-deep) 100%);
      border-left: 1px solid rgba(212,175,55,.25);
      box-shadow: -12px 0 40px rgba(0,0,0,.45);
      padding: 20px 20px 28px;
      display: flex;
      flex-direction: column;
      gap: 8px;
      transform: translateX(100%);
      transition: transform .32s cubic-bezier(.22,1,.36,1);
      overflow-y: auto;
    }
    .nav-mobile.is-open .nav-mobile-panel { transform: translateX(0); }
    .nav-mobile-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 12px;
      padding-bottom: 16px;
      border-bottom: 1px solid rgba(255,255,255,.1);
    }
    .nav-mobile-close {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 40px; height: 40px;
      border: none;
      border-radius: 10px;
      background: rgba(255,255,255,.06);
      color: var(--gold-light);
      font-size: 20px;
      cursor: pointer;
      transition: background .2s;
    }
    .nav-mobile-close:hover { background: rgba(255,255,255,.12); }
    .nav-mobile a {
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 14px 16px;
      border-radius: 12px;
      font-size: 15px;
      font-weight: 500;
      color: var(--gold-light);
      transition: background .2s, color .2s;
    }
    .nav-mobile a i { font-size: 18px; color: var(--gold); }
    .nav-mobile a:hover,
    .nav-mobile a.active { background: rgba(255,255,255,.06); color: #fff; }
    .nav-mobile .btn-cta { margin-top: 12px; width: 100%; justify-content: center; }
    body.nav-open { overflow: hidden; }

    /* All page sections sit below navbar */
    .about-section,
    .wwd-section,
    .client-results-section,
    .packages-section,
    .testimonials-section,
    .insights-section,
    .apex-footer,
    .svc-section,
    main {
      position: relative;
      z-index: 0;
    }

    /* ══ HERO ══ */
    .hero-section {
      position: relative;
      overflow-x: visible;
      overflow-y: visible;
      background: var(--bg);
      min-height: 100vh;
      min-height: 100dvh;
      display: flex;
      flex-direction: column;
    }
    .hero-section::before {
      content: '';
      position: absolute;
      inset: 0;
      background: radial-gradient(ellipse 800px 500px at 50% 110%, rgba(0,0,0,.4), transparent 55%);
      pointer-events: none;
    }

    .hero-grid {
      display: grid;
      grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
      gap: clamp(4px, 0.8vw, 12px);
      align-items: stretch;
      padding-bottom: 0;
    }

    .hero-left {
      position: relative;
      z-index: 13;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-self: stretch;
      min-height: 100%;
      padding-top: 0;
      padding-bottom: clamp(32px, 3.5vh, 48px);
    }
    .hero-copy { position: relative; z-index: 2; margin-bottom: 30px; }

    .hero-title {
      font-family: 'Montserrat', sans-serif;
      font-weight: 700;
      line-height: .82;
      letter-spacing: -.03em;
      text-transform: uppercase;
      margin: 0 0 14px;
    }
    .hero-line {
      display: block;
      font-family: 'Montserrat', sans-serif;
      font-weight: 900;
      font-size: clamp(48px, 6.4vw, 82px);
      color: #FAFAF8;
      -webkit-font-smoothing: antialiased;
      margin-bottom: 0.22em;
      animation: fadeUp .7s ease backwards;
      letter-spacing: -.02em;
    }
    .hero-line:nth-child(2) { animation-delay: .1s; white-space: nowrap; }
    .hero-we, .hero-grow { display: inline; }
    @keyframes fadeUp {
      from { opacity: 0; transform: translateY(12px); }
      to   { opacity: 1; transform: translateY(0); }
    }
    .hero-rule {
      width: 56px; height: 2px;
      border-radius: 2px;
      background: var(--gold);
      margin: 16px 0 14px;
      animation: ruleGrow .6s ease .2s backwards;
    }
    @keyframes ruleGrow {
      from { width: 0; opacity: 0; }
      to   { width: 56px; opacity: 1; }
    }
    .hero-sub {
      font-family: 'Montserrat', sans-serif;
      font-size: clamp(16px, 2vw, 28px);
      font-weight: 600;
      text-transform: uppercase;
      color: var(--gold);
      letter-spacing: .05em;
      line-height: 1.2;
      margin: 0;
      animation: fadeUp .7s ease .12s backwards;
    }

    .socials {
      display: flex;
      gap: 14px;
      flex-wrap: wrap;
      margin-bottom: 28px;
      animation: fadeUp .7s ease .3s backwards;
    }
    .s-box {
      width: 68px; height: 68px;
      border-radius: 18px;
      background: linear-gradient(150deg, #f8f5ef 0%, #e8e2d8 60%, #d6cec4 100%);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 32px;
      box-shadow:
        5px 6px 16px rgba(0,0,0,.32),
        -2px -2px 8px rgba(255,255,255,.08),
        inset 0 2px 5px rgba(255,255,255,.85),
        inset 0 -2px 5px rgba(0,0,0,.06);
      transition: transform .22s cubic-bezier(.22,1,.36,1), box-shadow .22s;
    }
    .s-box:hover { transform: translateY(-5px) scale(1.05); box-shadow: 8px 10px 22px rgba(0,0,0,.36), inset 0 2px 5px rgba(255,255,255,.9); }
    .s-box .bi-instagram { color: #d62976; }
    .s-box .bi-tiktok    { color: #0d0d0d; }
    .s-box .bi-youtube   { color: #ff0000; }
    .s-box .bi-facebook  { color: #1877f2; }

    .hero-btns {
      display: flex;
      gap: 14px;
      flex-wrap: wrap;
      animation: fadeUp .7s ease .4s backwards;
    }
    .btn-primary-hero {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 15px 28px;
      border-radius: 50px;
      background: var(--btn-bg);
      color: #fff;
      font-size: 15px;
      font-weight: 700;
      border: 1px solid rgba(212,175,55,.65);
      box-shadow: 0 8px 24px rgba(212,175,55,.4), inset 0 1px 0 rgba(255,255,255,.28);
      transition: filter .2s, transform .18s;
    }
    .btn-primary-hero:hover { filter: brightness(1.06); transform: translateY(-2px); color: #fff; }
    .btn-ghost-hero {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 14px 26px;
      border-radius: 50px;
      background: rgba(45,62,39,.45);
      color: var(--text-light);
      font-size: 15px;
      font-weight: 600;
      border: 1.5px solid rgba(255,255,255,.82);
      backdrop-filter: blur(6px);
      -webkit-backdrop-filter: blur(6px);
      transition: background .2s, transform .18s, border-color .2s;
    }
    .btn-ghost-hero:hover { background: rgba(255,255,255,.1); border-color: #fff; transform: translateY(-2px); }

    .hero-right {
      position: relative;
      min-height: clamp(560px, 76vh, 920px);
      align-self: stretch;
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin-left: clamp(-48px, -5vw, -96px);
      margin-right: -39px;
      width: calc(100% + 39px);
      max-width: none;
      overflow: visible;
    }
    .hero-visual {
      position: relative;
      width: 100%;
      max-width: none;
      flex: 1;
      min-height: clamp(560px, 76vh, 920px);
      padding-right: 39px;
      box-sizing: border-box;
      overflow: visible;
    }
    .arch-ring {
      position: absolute;
      right: clamp(-8px, -1vw, 12px);
      left: auto;
      transform: none;
      bottom: clamp(12px, 2vh, 24px);
      width: min(500px, 88%);
      height: min(500px, 88%);
      border-radius: 50%;
      border: 1.5px solid rgba(255,255,255,.08);
      pointer-events: none;
      z-index: 1;
    }
    .arch-ring::before {
      content: '';
      position: absolute;
      inset: 28px;
      border-radius: 50%;
      border: 1px solid rgba(255,255,255,.05);
    }
    .db-card {
      position: absolute;
      left: -80px;
      bottom: 0;
      z-index: 2;
      width: auto;
      max-width: none;
      margin: 0;
      line-height: 0;
      transform: none;
    }
    .dashboard-graph-img {
      position: relative;
      z-index: 2;
      width: min(760px, 48vw);
      max-width: none;
      height: auto;
      max-height: min(1072px, 76vh);
      display: block;
      border-radius: 0;
      object-fit: contain;
      object-position: bottom right;
      filter: drop-shadow(0 32px 48px rgba(0,0,0,.45));
    }
    .hero-woman {
      position: absolute;
      right: -39px;
      bottom: 0;
      z-index: 2;
      margin: 0;
      pointer-events: none;
      line-height: 0;
    }
    .hero-woman img {
      position: relative;
      z-index: 2;
      width: min(660px, 48vw);
      max-width: none;
      height: auto;
      max-height: min(972px, 76vh);
      object-fit: contain;
      object-position: bottom right;
      filter: drop-shadow(-8px 4px 18px rgba(0,0,0,.35));
    }

    /* Feature strip */
    .feature-strip {
      background: var(--panel);
      color: var(--text-dark);
      border-radius: 28px;
      box-shadow: 0 28px 52px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.98);
      overflow: hidden;
      margin-top: 0;
      position: relative;
      z-index: 0;
      border: 1px solid rgba(255,255,255,.72);
      animation: fadeUp .9s ease .5s backwards;
    }
    .feat-inner { display: grid; grid-template-columns: repeat(4, 1fr); }
    .feat-item {
      display: flex;
      align-items: center;
      gap: 16px;
      padding: 22px 26px;
    }
    .feat-item + .feat-item { border-left: 1px solid rgba(0,0,0,.1); }
    .feat-icon {
      width: 62px; height: 62px;
      flex-shrink: 0;
      border-radius: 50%;
      background: radial-gradient(ellipse at 34% 28%, #5a6b52 0%, #2d3d2a 55%, #1a2420 100%);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 26px;
      color: var(--gold);
      box-shadow: 0 12px 22px rgba(0,0,0,.2), inset 0 2px 4px rgba(255,255,255,.12);
      transition: transform .25s;
    }
    .feat-item:hover .feat-icon { transform: scale(1.08); }
    .feat-text { font-size: 16px; font-weight: 700; line-height: 1.3; color: var(--text-dark); }

    /* Stats strip */
    .stats-strip {
      margin-top: 20px;
      margin-bottom: 36px;
      background: rgba(30,43,34,.82);
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      border: 1px solid rgba(212,175,55,.32);
      border-radius: 26px;
      overflow: hidden;
      box-shadow: 0 20px 48px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.06);
      position: relative;
      animation: fadeUp .9s ease .6s backwards;
    }
    .stats-strip::before {
      content: '';
      position: absolute;
      bottom: 0; left: 0; right: 0;
      height: 3px;
      background: linear-gradient(90deg, transparent, rgba(215,185,125,.9) 26%, rgba(215,185,125,.4) 46%, rgba(215,185,125,.9) 72%, transparent);
      filter: blur(.6px);
    }
    .stats-inner { display: grid; grid-template-columns: repeat(4, 1fr); }
    .stat-item {
      display: flex;
      align-items: center;
      gap: 18px;
      padding: 22px 28px;
    }
    .stat-item + .stat-item { border-left: 1px solid rgba(255,255,255,.1); }
    .stat-icon { font-size: 44px; color: var(--gold); text-shadow: 0 0 18px rgba(230,200,148,.22); flex-shrink: 0; }
    .stat-val { font-size: 32px; font-weight: 800; line-height: 1; color: var(--gold); }
    .stat-lbl { font-size: 14px; color: var(--muted); margin-top: 5px; }

    /* ══ ABOUT SECTION ══ */
    .about-section {
      background: linear-gradient(180deg, #0a1209 0%, #0d1610 100%);
      padding: clamp(72px, 9vw, 110px) 0 clamp(56px, 6vw, 80px);
      position: relative;
      overflow: hidden;
      color: #F7F6F2;
    }
    .about-section::before {
      content: '';
      position: absolute;
      inset: 0;
      background:
        radial-gradient(ellipse 600px 400px at 15% 50%, rgba(212,175,55,.07), transparent 60%),
        radial-gradient(ellipse 500px 400px at 85% 20%, rgba(212,175,55,.06), transparent 55%);
      pointer-events: none;
    }

    .about-two-col {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
      gap: clamp(40px, 6vw, 80px);
      align-items: center;
    }

    /* Left visual */
    .about-left-vis {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 460px;
    }

    /* Badges */
    .about-badge {
      position: absolute;
      z-index: 10;
      border-radius: 18px;
      box-shadow: 0 20px 48px rgba(0,0,0,.38);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
    }
    .founded-badge {
      top: 18px; right: 18px;
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 14px 20px;
      background: rgba(18,26,19,.95);
      border: 1px solid rgba(212,175,55,.3);
    }
    .ab-icon {
      width: 38px; height: 38px;
      border-radius: 10px;
      background: rgba(212,175,55,.18);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      color: var(--gold);
      flex-shrink: 0;
    }
    .ab-text { display: flex; flex-direction: column; gap: 1px; }
    .ab-val { font-size: 20px; font-weight: 800; color: #fff; line-height: 1; }
    .ab-lbl { font-size: 11px; color: rgba(255,255,255,.65); text-transform: uppercase; letter-spacing: .1em; }

    .rating-badge {
      bottom: 28px; left: 12px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 6px;
      padding: 16px 20px;
      background: rgba(255,255,255,.96);
      border: 1px solid rgba(0,0,0,.08);
    }
    .rb-stars { display: flex; gap: 3px; color: #FFB800; font-size: 14px; }
    .rb-score { font-size: 26px; font-weight: 800; color: #111; line-height: 1; }
    .rb-score span { font-size: 15px; color: #666; font-weight: 600; }
    .rb-lbl { font-size: 11px; color: #666; text-transform: uppercase; letter-spacing: .1em; }

    /* 3D Scene */
    .scene3d {
      position: relative;
      width: clamp(280px, 36vw, 420px);
      height: clamp(280px, 36vw, 420px);
      border-radius: 50%;
      display: flex;
      align-items: flex-end;
      justify-content: center;
      overflow: hidden;
    }
    .scene3d-bg {
      position: absolute;
      inset: 0;
      border-radius: 50%;
      background: radial-gradient(ellipse at 40% 35%, rgba(30,50,35,.85) 0%, rgba(10,18,12,.95) 65%);
      z-index: 1;
    }
    .scene3d-img {
      position: relative;
      z-index: 2;
      width: 100%;
      height: 100%;
      object-fit: contain;
      object-position: center center;
      display: block;
    }
    .sc-glow {
      position: absolute;
      bottom: -20px; left: 50%;
      transform: translateX(-50%);
      width: 75%; height: 40px;
      background: radial-gradient(ellipse, rgba(212,175,55,.18), transparent 70%);
      border-radius: 50%;
      pointer-events: none;
    }
    .sc-desk {
      position: relative;
      width: 82%; height: 56%;
      margin-bottom: clamp(12px,2vw,22px);
    }
    .sc-monitor {
      position: absolute;
      left: 0; top: 0;
      width: 48%; height: 78%;
      background: linear-gradient(180deg, #1c2a1e 0%, #0d160e 100%);
      border-radius: 14px 14px 6px 6px;
      border: 1.5px solid rgba(255,255,255,.1);
      box-shadow: 0 8px 24px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.06);
      display: flex;
      align-items: stretch;
      padding: 8px;
    }
    .sc-screen {
      flex: 1;
      background: linear-gradient(180deg, #0e1a10, #0a1209);
      border-radius: 8px;
      padding: 8px 10px 10px;
      display: flex;
      flex-direction: column;
      gap: 6px;
    }
    .sc-topbar { display: flex; gap: 4px; }
    .sc-dot { width: 6px; height: 6px; border-radius: 50%; }
    .sc-dot.red { background: #ff5f56; }
    .sc-dot.yellow { background: #febc2e; }
    .sc-dot.green { background: #28c940; }
    .sc-chart-area {
      flex: 1;
      display: flex;
      align-items: flex-end;
      gap: 4px;
      padding-top: 8px;
    }
    .sc-chart-area span {
      flex: 1;
      border-radius: 3px 3px 0 0;
      background: linear-gradient(180deg, var(--gold), rgba(212,175,55,.5));
    }
    .sc-laptop {
      position: absolute;
      right: 0; bottom: 0;
      width: 56%; height: 72%;
    }
    .sc-laptop-screen {
      width: 100%; height: 78%;
      background: linear-gradient(180deg, #1a2a1c 0%, #0a1209 100%);
      border-radius: 10px 10px 0 0;
      border: 1.5px solid rgba(255,255,255,.1);
      padding: 7px;
      box-shadow: 0 6px 18px rgba(0,0,0,.35);
    }
    .sc-ls-inner {
      height: 100%;
      background: #0d1710;
      border-radius: 6px;
      padding: 6px 8px 8px;
      display: flex;
      flex-direction: column;
      gap: 4px;
    }
    .sc-ls-bar { height: 5px; border-radius: 3px; background: rgba(255,255,255,.15); width: 70%; }
    .sc-ls-bar.short { width: 45%; }
    .sc-ls-chart {
      flex: 1;
      display: flex;
      align-items: flex-end;
      gap: 3px;
      margin-top: 3px;
    }
    .sc-ls-chart span {
      flex: 1;
      border-radius: 2px 2px 0 0;
      background: linear-gradient(180deg, #d4af37, rgba(212,175,55,.45));
    }
    .sc-laptop-base {
      height: 22%;
      background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
      border-radius: 0 0 8px 8px;
      border: 1px solid rgba(255,255,255,.06);
      border-top: none;
    }
    .sc-plant {
      position: absolute;
      right: -18px; bottom: 2px;
      width: 36px; height: 52px;
    }
    .sc-pot {
      position: absolute;
      bottom: 0; left: 4px;
      width: 28px; height: 16px;
      background: linear-gradient(180deg, #4a3a28, #2a2018);
      border-radius: 4px 4px 6px 6px;
    }
    .sc-leaf {
      position: absolute;
      background: linear-gradient(160deg, #3a6a30, #1a3a18);
      border-radius: 50% 4px 50% 4px;
    }
    .sc-leaf.l1 { width: 12px; height: 22px; left: 4px; top: 2px; transform: rotate(-25deg); }
    .sc-leaf.l2 { width: 14px; height: 26px; left: 12px; top: -4px; transform: rotate(5deg); }
    .sc-leaf.l3 { width: 10px; height: 20px; left: 20px; top: 4px; transform: rotate(30deg); }
    .sc-person {
      position: absolute;
      left: 12%; bottom: 18%;
      width: 56px; height: 90px;
    }
    .sp-head {
      width: 32px; height: 32px;
      border-radius: 50%;
      background: linear-gradient(160deg, #c8956a, #a06a40);
      margin: 0 auto;
      position: relative;
    }
    .sp-hair {
      position: absolute;
      top: 2px; left: 4px;
      width: 24px; height: 10px;
      background: linear-gradient(180deg, #1a1208, #2a1e10);
      border-radius: 10px 10px 0 0;
    }
    .sp-body {
      width: 42px; height: 48px;
      background: linear-gradient(180deg, #2d4a28, #1a3018);
      border-radius: 16px 16px 8px 8px;
      margin: 4px auto 0;
      position: relative;
    }
    .sp-arm {
      position: absolute;
      width: 12px; height: 30px;
      background: linear-gradient(180deg, #2d4a28, #1a3018);
      border-radius: 8px;
      top: 8px;
    }
    .sp-arm.left { left: -10px; transform: rotate(-12deg); }
    .sp-arm.right { right: -10px; transform: rotate(12deg); }

    /* Right copy */
    .about-eyebrow-row {
      display: flex;
      align-items: center;
      gap: 14px;
      margin-bottom: clamp(16px, 2vw, 24px);
    }
    .eyebrow-line-sm {
      width: 32px; height: 2px;
      background: var(--gold);
      border-radius: 2px;
      flex-shrink: 0;
    }
    .eyebrow-label {
      font-family: 'Montserrat', sans-serif;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: .35em;
      text-transform: uppercase;
      color: var(--gold);
    }
    .about-heading {
      font-family: 'Montserrat', sans-serif;
      font-size: clamp(30px, 4vw, 52px);
      font-weight: 800;
      line-height: 1.12;
      color: #fff;
      margin: 0 0 clamp(14px, 2vw, 22px);
      letter-spacing: -.02em;
    }
    .heading-gold { color: var(--gold); }
    .about-para {
      font-size: clamp(14px, 1.4vw, 17px);
      line-height: 1.75;
      color: rgba(247,246,242,.78);
      margin: 0 0 clamp(18px, 2.5vw, 28px);
      max-width: 560px;
    }
    .about-features {
      list-style: none;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 10px 20px;
      margin: 0 0 clamp(24px, 3vw, 38px);
      padding: 0;
    }
    .about-features li {
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: clamp(13px, 1.2vw, 15px);
      color: rgba(255,255,255,.9);
      font-weight: 500;
    }
    .about-features li i { color: var(--gold); font-size: 15px; flex-shrink: 0; }

    /* Bottom bar */
    .about-bottom-bar { display: flex; flex-direction: column; gap: 16px; }
    .ab-stats { display: flex; gap: 12px; }
    .ab-stat {
      flex: 1;
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 16px 18px;
      background: rgba(255,255,255,.05);
      border: 1px solid rgba(255,255,255,.1);
      border-radius: 18px;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
      transition: border-color .2s, transform .2s;
    }
    .ab-stat:hover { border-color: rgba(212,175,55,.3); transform: translateY(-2px); }
    .ab-stat-icon { font-size: 24px; color: var(--gold); flex-shrink: 0; }
    .ab-stat-num { font-size: 22px; font-weight: 800; color: #fff; line-height: 1; }
    .ab-stat-lbl { font-size: 12px; color: rgba(255,255,255,.6); margin-top: 3px; }

    .ab-team-pill {
      display: flex;
      align-items: center;
      gap: 16px;
      padding: 16px 22px;
      background: rgba(255,255,255,.05);
      border: 1px solid rgba(255,255,255,.1);
      border-radius: 22px;
      flex-wrap: wrap;
    }
    .ab-avatars { display: flex; align-items: center; flex-shrink: 0; }
    .ab-av {
      width: 36px; height: 36px;
      border-radius: 50%;
      border: 2px solid rgba(10,18,9,.9);
      margin-left: -10px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 10px;
      font-weight: 700;
      color: #fff;
      box-shadow: 0 4px 12px rgba(0,0,0,.28);
    }
    .ab-av:first-child { margin-left: 0; }
    .ab-av.plus { background: linear-gradient(135deg, #4a5845, #2e3a2c); font-size: 10px; }
    .ab-team-text { display: flex; flex-direction: column; gap: 3px; flex: 1; min-width: 0; }
    .ab-team-text strong { font-size: 14px; font-weight: 700; color: #fff; }
    .ab-team-text span { font-size: 12px; color: rgba(255,255,255,.65); }
    .ab-team-btns { display: flex; gap: 10px; flex-shrink: 0; flex-wrap: wrap; }
    .ab-btn-gold {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      padding: 11px 20px;
      border-radius: 50px;
      background: linear-gradient(135deg, #d4af37, #b88a2f);
      color: #071105;
      font-size: 13px;
      font-weight: 700;
      border: 1px solid rgba(212,175,55,.8);
      box-shadow: 0 8px 20px rgba(212,175,55,.2);
      transition: filter .2s, transform .18s;
      white-space: nowrap;
    }
    .ab-btn-gold:hover { filter: brightness(1.06); transform: translateY(-2px); color: #071105; }
    .ab-btn-ghost {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      padding: 10px 18px;
      border-radius: 50px;
      background: rgba(255,255,255,.08);
      color: #fff;
      font-size: 13px;
      font-weight: 600;
      border: 1px solid rgba(255,255,255,.2);
      transition: background .2s, transform .18s;
      white-space: nowrap;
    }
    .ab-btn-ghost:hover { background: rgba(255,255,255,.14); transform: translateY(-2px); }

    /* ── RESPONSIVE ── */
    @media (max-width: 1199px) {
      .hero-line { font-size: clamp(44px, 6.2vw, 80px); }
      .hero-sub { font-size: clamp(14px, 1.8vw, 24px); }
      .hero-woman img { width: min(400px, 36vw); max-height: min(640px, 58vh); }
      .dashboard-graph-img { width: min(500px, 36vw); max-height: min(740px, 58vh); }
      .db-card { left: clamp(-40px, -4vw, -80px); }
    }
    @media (max-width: 991px) {
      /* Mobile width: 95% for all sections */
      .site-wrap { width: 95% !important; padding: 0 !important; }
      .hero-section > .site-wrap { width: 95% !important; padding: 0 !important; }
      
      .nav-inner { flex-wrap: nowrap; justify-content: space-between; align-items: center; }
      .nav-right { margin-left: auto; margin-right: 0; width: auto; justify-content: flex-end; flex-wrap: nowrap; gap: 10px; }
      /* Mobile nav owned by shared css/navbar.css (home inline links on all pages) */
      .apex-nav .nav-links { display: flex !important; }
      .apex-nav .nav-toggle,
      .apex-nav ~ .nav-mobile,
      #nav-mobile { display: none !important; }
      .nav-right > .btn-cta { display: none; }
      .lamp-wrap:not(.apex-header-lamp), .lamp-glow { display: none !important; }
      .hero-section { min-height: auto; padding-bottom: 24px; }
      .hero-content { margin-top: clamp(24px, 5vw, 40px); }
      .hero-grid { grid-template-columns: 1fr; align-items: start; gap: clamp(20px, 4vw, 32px); }
      .hero-left { padding-top: 0; padding-bottom: clamp(16px, 3vw, 28px); transform: none !important; }
      .hero-copy { margin-bottom: clamp(20px, 4vw, 28px); text-align: center; }
      .hero-rule { display: none; }
      .hero-right, .hero-visual { min-height: auto; margin-left: 0; margin-right: 0; width: 100%; max-width: 100%; padding-right: 0; }
      .hero-visual { display: flex; flex-direction: column; align-items: center; overflow: hidden; }
      .hero-right { display: none; }
      .arch-ring { display: none; }
      .db-card { position: relative; right: auto; bottom: auto; left: auto; max-width: 100%; width: min(420px, 94%); margin: 0 auto clamp(12px, 2.5vw, 24px); transform: none; }
      .dashboard-graph-img { width: 100%; max-width: 100%; max-height: none; }
      .hero-woman { position: relative; right: auto; bottom: auto; display: flex; justify-content: center; margin: clamp(-40px, -7vw, -20px) auto 0; transform: none; width: 100%; }
      .hero-woman img { width: min(280px, 72vw); max-width: 100%; max-height: none; }
      .feature-strip { margin-top: clamp(20px, 4vw, 32px) !important; border-radius: 22px; }
      .feat-inner, .stats-inner { grid-template-columns: repeat(2, 1fr); }
      .feat-item + .feat-item { border-left: none; }
      .feat-item:nth-child(3), .feat-item:nth-child(4) { border-top: 1px solid rgba(0,0,0,.1); }
      .stat-item + .stat-item { border-left: none; }
      .stat-item:nth-child(3), .stat-item:nth-child(4) { border-top: 1px solid rgba(255,255,255,.08); }
      .stats-strip { margin-bottom: clamp(24px, 5vw, 36px); }
      /* About responsive */
      .about-two-col { grid-template-columns: 1fr; gap: clamp(32px,5vw,48px); }
      .about-left-vis { min-height: 340px; }
      .scene3d { width: clamp(220px, 60vw, 340px); height: clamp(220px, 60vw, 340px); overflow: hidden; }
      .ab-stats { flex-wrap: wrap; }
      .ab-stat { min-width: calc(50% - 6px); }
    }

    /* ════════════════════════════════
       WHAT WE DO SECTION - EXACT DARK/GOLD LAYOUT
    ════════════════════════════════ */
    .wwd-section {
      position: relative;
      isolation: isolate;
      overflow: hidden;
      padding: clamp(56px, 6vw, 80px) 0 clamp(48px, 5vw, 64px);
      background:
        radial-gradient(ellipse 900px 580px at 50% -22%, rgba(212,175,55,.08), transparent 62%),
        radial-gradient(ellipse 720px 430px at 100% 70%, rgba(212,175,55,.07), transparent 62%),
        radial-gradient(ellipse 640px 420px at 0% 92%, rgba(212,175,55,.04), transparent 66%),
        #07100f;
      color: #fff;
    }
    .wwd-section::before {
      content: '';
      position: absolute;
      inset: 0;
      z-index: -1;
      background:
        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px);
      background-size: 42px 42px;
      mask-image: radial-gradient(ellipse at center, black 0%, transparent 72%);
      opacity: .22;
      pointer-events: none;
    }
    .wwd-container {
      width: min(100% - 44px, 1320px);
      margin: 0 auto;
      position: relative;
      z-index: 2;
    }
    .wwd-eyebrow {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 18px;
      margin-bottom: 14px;
      font-family: 'Montserrat', sans-serif;
      font-size: 11px;
      font-weight: 800;
      letter-spacing: .26em;
      color: var(--gold);
      text-transform: uppercase;
    }
    .wwd-eyebrow i {
      font-size: 9px;
      text-shadow: 0 0 14px rgba(212,175,55,.7);
    }
    .wwd-eyebrow span:not(.wwd-eyebrow-text) {
      display: block;
      width: 78px;
      height: 1px;
      background: linear-gradient(90deg, transparent, var(--gold), transparent);
    }
    .wwd-head {
      text-align: center;
      max-width: 820px;
      margin: 0 auto 22px;
    }
    .wwd-main-title {
      margin: 0 0 10px;
      font-family: 'Montserrat', sans-serif;
      font-size: clamp(34px, 4.5vw, 58px);
      line-height: .98;
      font-weight: 900;
      letter-spacing: -.045em;
      color: #f6f3ea;
      text-shadow: 0 12px 28px rgba(0,0,0,.35);
    }
    .wwd-main-title span { color: var(--gold); display: inline-block; }
    .wwd-subtitle {
      max-width: 610px;
      margin: 0 auto;
      font-size: 13px;
      line-height: 1.65;
      color: rgba(236,241,233,.66);
    }

    .wwd-services-grid {
      display: grid;
      grid-template-columns: 1.11fr 1.06fr .96fr;
      grid-template-rows: 185px 185px 170px;
      gap: 18px;
      margin-top: 18px;
      margin-bottom: 18px;
    }
    .wwd-card {
      position: relative;
      overflow: hidden;
      border: 1px solid rgba(212,175,55,.19);
      border-radius: 12px;
      background:
        linear-gradient(145deg, rgba(21,34,29,.92), rgba(13,24,21,.95)),
        radial-gradient(ellipse at top left, rgba(212,175,55,.09), transparent 45%);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 18px 34px rgba(0,0,0,.28);
      transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
    }
    .wwd-card:hover {
      transform: translateY(-4px);
      border-color: rgba(212,175,55,.42);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 28px 54px rgba(0,0,0,.36), 0 0 30px rgba(212,175,55,.08);
    }
    .wwd-card::before {
      content: '';
      position: absolute;
      inset: -1px;
      background: radial-gradient(ellipse 310px 160px at 16% 0%, rgba(212,175,55,.11), transparent 66%);
      opacity: .9;
      pointer-events: none;
    }
    .wwd-card.is-highlight {
      border-color: rgba(212,175,55,.72);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 1px rgba(212,175,55,.05), 0 24px 55px rgba(0,0,0,.36), 0 0 38px rgba(212,175,55,.13);
    }
    .wwd-card.is-highlight::after {
      content: '';
      position: absolute;
      left: -8%; right: -8%; bottom: -2px;
      height: 2px;
      background: linear-gradient(90deg, transparent 0%, rgba(212,175,55,.95) 20%, rgba(255,224,134,.75) 50%, rgba(212,175,55,.95) 80%, transparent 100%);
      filter: blur(.4px);
      pointer-events: none;
    }
    .wwd-large-card {
      padding: 28px 28px 24px;
      display: flex;
      flex-direction: column;
    }
    .wwd-small-card {
      padding: 18px 20px;
      display: grid;
      grid-template-columns: 58px 1fr;
      gap: 16px;
      align-content: start;
      align-items: start;
    }
    .wwd-compact-card {
      padding: 18px 20px;
      display: grid;
      grid-template-columns: 58px 1fr;
      gap: 16px;
      align-content: start;
      align-items: start;
    }
    .wwd-card-1 { grid-column: 1; grid-row: 1 / span 2; }
    .wwd-card-2 { grid-column: 2; grid-row: 1 / span 2; }
    .wwd-card-3 { grid-column: 3; grid-row: 1; }
    .wwd-card-4 { grid-column: 3; grid-row: 2; }
    .wwd-card-5 { grid-column: 1; grid-row: 3; }
    .wwd-card-6 { grid-column: 2; grid-row: 3; }
    .wwd-card-7 { grid-column: 3; grid-row: 3; }

    .wwd-number {
      position: absolute;
      top: 20px;
      right: 22px;
      font-family: 'Montserrat', sans-serif;
      font-size: 50px;
      line-height: .85;
      font-weight: 900;
      color: rgba(255,255,255,.045);
      letter-spacing: -.06em;
      pointer-events: none;
    }
    .wwd-small-card .wwd-number,
    .wwd-compact-card .wwd-number { top: 16px; right: 18px; font-size: 44px; }
    .wwd-icon-row {
      position: relative;
      z-index: 1;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      margin-bottom: 22px;
    }
    .wwd-card-icon {
      width: 52px;
      height: 52px;
      flex: 0 0 52px;
      border-radius: 12px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: var(--gold);
      font-size: 24px;
      border: 1px solid rgba(212,175,55,.52);
      background: radial-gradient(ellipse at 28% 20%, rgba(255,224,134,.38), rgba(212,175,55,.22) 44%, rgba(22,34,29,.9) 78%);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 10px 22px rgba(0,0,0,.28), 0 0 20px rgba(212,175,55,.10);
    }
    .wwd-large-card .wwd-card-icon { width: 56px; height: 56px; flex-basis: 56px; font-size: 25px; }
    .wwd-gold-icon {
      color: #1b1605;
      background: linear-gradient(145deg, #f4cf57 0%, #d4af37 50%, #8a6724 100%);
      border-color: rgba(255,224,134,.7);
    }
    .wwd-platforms {
      display: flex;
      align-items: center;
      gap: 8px;
      padding-right: 4px;
    }
    .wwd-platforms i {
      width: 23px;
      height: 23px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 999px;
      background: rgba(255,255,255,.06);
      border: 1px solid rgba(255,255,255,.08);
      font-size: 13px;
    }
    .wwd-mini-icons {
      display: flex;
      align-items: center;
      gap: 8px;
    }
    .wwd-mini-icons span {
      min-width: 46px;
      padding: 7px 7px 6px;
      display: inline-flex;
      flex-direction: column;
      align-items: center;
      gap: 3px;
      border-radius: 10px;
      background: rgba(255,255,255,.06);
      border: 1px solid rgba(255,255,255,.07);
      color: rgba(255,255,255,.7);
      font-size: 9px;
      line-height: 1;
    }
    .wwd-mini-icons i { color: #f5d46a; font-size: 15px; }
    .wwd-card-content {
      position: relative;
      z-index: 1;
      min-width: 0;
    }
    .wwd-title {
      margin: 0 0 11px;
      font-size: 20px;
      line-height: 1.22;
      font-weight: 900;
      color: #f6f3ea;
      letter-spacing: -.03em;
    }
    .wwd-small-card .wwd-title,
    .wwd-compact-card .wwd-title {
      margin-bottom: 8px;
      padding-right: 44px;
      font-size: 17px;
      line-height: 1.15;
    }
    .wwd-desc {
      margin: 0;
      color: rgba(236,241,233,.68);
      font-size: 12.5px;
      line-height: 1.75;
    }
    .wwd-large-card .wwd-desc { font-size: 13px; line-height: 1.78; }
    .wwd-small-card .wwd-desc,
    .wwd-compact-card .wwd-desc {
      font-size: 12.4px;
      line-height: 1.55;
      padding-right: 12px;
    }
    .wwd-tags {
      position: relative;
      z-index: 1;
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 20px;
    }
    .wwd-small-card .wwd-tags,
    .wwd-compact-card .wwd-tags {
      margin-top: 12px;
      gap: 7px;
      padding-right: 28px;
    }
    .wwd-tags span {
      display: inline-flex;
      align-items: center;
      min-height: 24px;
      padding: 5px 10px;
      border-radius: 7px;
      border: 1px solid rgba(212,175,55,.22);
      background: rgba(212,175,55,.10);
      color: #d9b744;
      font-size: 10.5px;
      font-weight: 700;
      white-space: nowrap;
    }
    .wwd-small-card .wwd-tags span,
    .wwd-compact-card .wwd-tags span {
      min-height: 22px;
      padding: 4px 9px;
      font-size: 10px;
    }
    .wwd-card-link {
      position: relative;
      z-index: 1;
      margin-top: auto;
      padding-top: 20px;
      display: inline-flex;
      align-items: center;
      gap: 7px;
      width: fit-content;
      color: #e7bd39;
      font-size: 12px;
      font-weight: 800;
    }
    .wwd-card-link i { font-size: 16px; transition: transform .2s ease; }
    .wwd-card:hover .wwd-card-link i { transform: translateX(4px); }
    .wwd-small-card .wwd-card-link,
    .wwd-compact-card .wwd-card-link {
      position: absolute;
      right: 18px;
      bottom: 17px;
      padding-top: 0;
      font-size: 0;
    }
    .wwd-small-card .wwd-card-link i,
    .wwd-compact-card .wwd-card-link i { font-size: 22px; }

    .wwd-custom-card {
      position: relative;
      display: flex;
      align-items: center;
      gap: 18px;
      padding: 21px 24px;
      border-color: rgba(212,175,55,.35);
      background:
        radial-gradient(ellipse 260px 130px at 95% 95%, rgba(212,175,55,.28), transparent 58%),
        linear-gradient(145deg, rgba(24,36,31,.96), rgba(13,24,21,.96));
    }
    .wwd-custom-card::after {
      content: '';
      position: absolute;
      right: -16%;
      bottom: -46%;
      width: 74%;
      height: 126%;
      border-radius: 50%;
      border-bottom: 3px solid rgba(255,217,108,.78);
      transform: rotate(-13deg);
      filter: drop-shadow(0 0 18px rgba(212,175,55,.65));
      pointer-events: none;
    }
    .wwd-custom-icon {
      width: 78px;
      height: 78px;
      flex: 0 0 78px;
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: #231906;
      font-size: 31px;
      background: radial-gradient(ellipse at 34% 25%, #ffe18a 0%, #d4af37 50%, #78571e 100%);
      border: 1px solid rgba(255,224,134,.55);
      box-shadow: 0 0 35px rgba(212,175,55,.18), inset 0 2px 0 rgba(255,255,255,.28);
    }
    .wwd-custom-title {
      margin: 0 0 6px;
      font-size: 17px;
      line-height: 1.22;
      font-weight: 900;
      color: #fff;
      position: relative;
      z-index: 2;
    }
    .wwd-custom-text {
      margin: 0;
      max-width: 330px;
      color: rgba(236,241,233,.72);
      font-size: 12.3px;
      line-height: 1.55;
      position: relative;
      z-index: 2;
    }

    .wwd-metrics {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      align-items: center;
      gap: 0;
      margin-bottom: 18px;
      border: 1px solid rgba(212,175,55,.21);
      border-radius: 11px;
      background: linear-gradient(145deg, rgba(21,34,29,.92), rgba(13,24,21,.94));
      box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 18px 34px rgba(0,0,0,.28);
      overflow: hidden;
    }
    .wwd-metric {
      min-height: 92px;
      display: flex;
      align-items: center;
      gap: 17px;
      padding: 19px 28px;
      border-left: 1px solid rgba(255,255,255,.10);
    }
    .wwd-metric:first-child { border-left: none; }
    .wwd-metric-icon {
      width: 54px;
      height: 54px;
      flex: 0 0 54px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 999px;
      border: 1px solid rgba(212,175,55,.35);
      color: var(--gold);
      font-size: 24px;
      background: rgba(212,175,55,.055);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
    }
    .wwd-metric-value {
      font-family: 'Montserrat', sans-serif;
      font-size: clamp(22px, 2vw, 31px);
      line-height: .95;
      font-weight: 900;
      color: var(--gold);
      letter-spacing: -.03em;
      white-space: nowrap;
    }
    .wwd-metric-label {
      margin-top: 5px;
      color: rgba(236,241,233,.72);
      font-size: 12px;
      font-weight: 600;
      white-space: nowrap;
    }

    .wwd-steps-panel {
      margin-bottom: 20px;
      padding: 30px 34px 28px;
      border: 1px solid rgba(212,175,55,.20);
      border-radius: 11px;
      background: linear-gradient(145deg, rgba(21,34,29,.92), rgba(13,24,21,.94));
      box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 18px 34px rgba(0,0,0,.28);
      overflow: hidden;
    }
    .wwd-steps-title {
      margin-bottom: 27px;
      text-align: center;
      font-family: 'Montserrat', sans-serif;
      font-size: 11px;
      font-weight: 900;
      letter-spacing: .45em;
      color: var(--gold);
    }
    .wwd-steps-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 34px;
    }
    .wwd-step {
      position: relative;
      display: grid;
      grid-template-columns: 58px 1fr;
      align-items: center;
      gap: 17px;
    }
    .wwd-step:not(:last-child)::after {
      content: '';
      position: absolute;
      top: 50%;
      right: -27px;
      width: 21px;
      height: 1px;
      background: linear-gradient(90deg, rgba(212,175,55,.35), rgba(212,175,55,.75));
    }
    .wwd-step-num {
      margin-bottom: 8px;
      font-size: 11px;
      font-weight: 900;
      letter-spacing: .14em;
      color: rgba(212,175,55,.9);
    }
    .wwd-step-icon {
      width: 58px;
      height: 58px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 999px;
      border: 1px solid rgba(212,175,55,.32);
      color: var(--gold);
      font-size: 24px;
      background: rgba(212,175,55,.045);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
    }
    .wwd-step-name {
      margin: 0 0 6px;
      color: #f6f3ea;
      font-size: 14px;
      line-height: 1.2;
      font-weight: 900;
    }
    .wwd-step-desc {
      margin: 0;
      color: rgba(236,241,233,.66);
      font-size: 11.5px;
      line-height: 1.55;
    }

    .wwd-bottom-cta {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 28px;
      padding: 25px 34px;
      border: 1px solid rgba(212,175,55,.48);
      border-radius: 11px;
      background:
        radial-gradient(ellipse 650px 120px at 44% 0%, rgba(212,175,55,.12), transparent 62%),
        linear-gradient(145deg, rgba(21,34,29,.92), rgba(13,24,21,.94));
      box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 18px 34px rgba(0,0,0,.28), 0 0 30px rgba(212,175,55,.08);
      overflow: hidden;
    }
    .wwd-bottom-left {
      display: flex;
      align-items: center;
      gap: 25px;
      min-width: 0;
    }
    .wwd-cta-icon {
      width: 72px;
      height: 72px;
      flex: 0 0 72px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 999px;
      border: 1px solid rgba(212,175,55,.42);
      color: var(--gold);
      font-size: 29px;
      background: rgba(212,175,55,.07);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
    }
    .wwd-cta-title {
      margin: 0 0 8px;
      font-size: clamp(18px, 1.7vw, 25px);
      line-height: 1.2;
      font-weight: 900;
      color: var(--gold);
      letter-spacing: -.02em;
    }
    .wwd-cta-sub {
      margin: 0;
      color: rgba(236,241,233,.70);
      font-size: 13px;
    }
    .wwd-bottom-actions {
      display: flex;
      align-items: center;
      gap: 18px;
      flex: 0 0 auto;
    }
    .wwd-btn {
      min-height: 54px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 14px;
      padding: 0 30px;
      border-radius: 7px;
      font-size: 13px;
      font-weight: 900;
      transition: transform .22s ease, filter .22s ease, background .22s ease;
      white-space: nowrap;
    }
    .wwd-btn-primary {
      min-width: 260px;
      color: #171205;
      background: linear-gradient(135deg, #f8d967, #d4af37 55%, #bd8e2f);
      border: 1px solid rgba(255,224,134,.78);
      box-shadow: 0 13px 26px rgba(212,175,55,.18), inset 0 1px 0 rgba(255,255,255,.28);
    }
    .wwd-btn-outline {
      min-width: 205px;
      color: var(--gold);
      background: transparent;
      border: 1px solid rgba(212,175,55,.62);
    }
    .wwd-btn:hover { transform: translateY(-2px); filter: brightness(1.06); }

    @media (max-width: 1199px) {
      .wwd-services-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto;
      }
      .wwd-card-1, .wwd-card-2, .wwd-card-3, .wwd-card-4, .wwd-card-5, .wwd-card-6, .wwd-card-7 {
        grid-column: auto;
        grid-row: auto;
        min-height: 210px;
      }
      .wwd-small-card, .wwd-compact-card { display: flex; flex-direction: column; }
      .wwd-custom-card { min-height: 210px; }
      .wwd-metrics { grid-template-columns: repeat(3, 1fr); }
      .wwd-metric { border-left: none; border-top: 1px solid rgba(255,255,255,.08); }
      .wwd-metric:nth-child(-n+3) { border-top: none; }
      .wwd-steps-grid { grid-template-columns: repeat(2, 1fr); }
      .wwd-step:not(:last-child)::after { display: none; }
      .wwd-bottom-cta { flex-direction: column; align-items: stretch; }
      .wwd-bottom-actions { justify-content: flex-start; flex-wrap: wrap; }
    }
    @media (max-width: 767px) {
      /* Mobile width: 95% for all sections */
      .site-wrap { width: 95% !important; padding: 0 !important; }
      .hero-section > .site-wrap { width: 95% !important; padding: 0 !important; }
      .wwd-container { width: 95% !important; }

      /* ── 2-column grid on mobile ── */
      .wwd-services-grid {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
        gap: 10px;
        margin-top: 14px;
      }

      /* All 6 cards auto-flow into 2 cols */
      .wwd-card-1, .wwd-card-2, .wwd-card-3,
      .wwd-card-4, .wwd-card-5, .wwd-card-6,
      .wwd-card-7 { grid-column: auto; grid-row: auto; min-height: auto; display: flex; }

      /* All cards: flex column layout */
      .wwd-large-card,
      .wwd-small-card,
      .wwd-compact-card { display: flex; flex-direction: column; padding: 14px 13px 12px; }

      /* Icon — smaller on mobile */
      .wwd-icon-row { margin-bottom: 8px; display: flex; align-items: center; justify-content: space-between; }
      .wwd-large-card .wwd-card-icon,
      .wwd-card-icon { width: 40px; height: 40px; flex-basis: 40px; font-size: 18px; border-radius: 9px; }
      .wwd-platforms { gap: 5px; }
      .wwd-platforms i { width: 20px; height: 20px; font-size: 11px; }
      .wwd-mini-icons { gap: 4px; }
      .wwd-mini-icons span { min-width: 36px; padding: 4px 4px 3px; font-size: 8px; }
      .wwd-mini-icons i { font-size: 12px; }

      /* Ghost number */
      .wwd-number { font-size: 34px; top: 10px; right: 10px; }

      /* Title */
      .wwd-title { font-size: 13px; margin-bottom: 5px; letter-spacing: -.01em; font-weight: 900; }
      .wwd-small-card .wwd-title,
      .wwd-compact-card .wwd-title { font-size: 13px; padding-right: 0; }

      /* Description */
      .wwd-desc,
      .wwd-large-card .wwd-desc,
      .wwd-small-card .wwd-desc,
      .wwd-compact-card .wwd-desc { font-size: 11px; line-height: 1.55; }

      /* Tags */
      .wwd-tags { margin-top: 8px; gap: 5px; }
      .wwd-tags span { font-size: 9.5px; padding: 4px 8px; min-height: 22px; border-radius: 6px; }
      .wwd-small-card .wwd-tags,
      .wwd-compact-card .wwd-tags { margin-top: 8px; padding-right: 0; }

      /* Explore link */
      .wwd-card-link { position: static !important; margin-top: 10px; padding-top: 0; font-size: 11px !important; }
      .wwd-card-link i { font-size: 14px; }
      .wwd-small-card .wwd-card-link i,
      .wwd-compact-card .wwd-card-link i { font-size: 18px; }

      /* Metrics */
      .wwd-metrics { grid-template-columns: repeat(2, 1fr); }
      .wwd-metric { padding: 14px 16px; min-height: 72px; border-left: none; border-top: 1px solid rgba(255,255,255,.08); }
      .wwd-metric:nth-child(-n+2) { border-top: none; }
      .wwd-metric:nth-child(even) { border-left: 1px solid rgba(255,255,255,.08); }

      .wwd-steps-panel { padding: 26px 22px; }
      .wwd-steps-grid { grid-template-columns: 1fr; gap: 24px; }
      .wwd-bottom-left { align-items: flex-start; gap: 16px; }
      .wwd-bottom-actions { flex-direction: row; align-items: stretch; gap: 10px; }
      .wwd-btn {
        flex: 1; min-width: 0;
        min-height: 44px;
        padding: 0 16px;
        font-size: 12px;
        gap: 8px;
        border-radius: 8px;
        white-space: nowrap;
      }
    }

    @media (max-width: 480px) {
      /* Mobile width: 95% for smaller screens */
      .site-wrap { width: 95% !important; padding: 0 !important; }
      .hero-section > .site-wrap { width: 95% !important; padding: 0 !important; }
      .wwd-container { width: 95% !important; }
      
      .wwd-eyebrow { gap: 10px; letter-spacing: .16em; }
      .wwd-eyebrow span:not(.wwd-eyebrow-text) { width: 32px; }
      .wwd-main-title { font-size: clamp(24px, 8.5vw, 36px); }
      .wwd-subtitle { font-size: 12px; }
      .wwd-number { font-size: 32px; top: 10px; right: 10px; }
      .wwd-metric { padding: 12px 12px; }
      .wwd-bottom-cta { padding: 16px; }
      .wwd-cta-icon { width: 48px; height: 48px; flex-basis: 48px; }
      .wwd-btn {
        min-height: 36px;
        padding: 0 10px;
        font-size: 11px;
        gap: 6px;
        border-radius: 7px;
      }

      /* Smaller primary CTA on very small screens */
      .wwd-btn-primary {
        min-width: auto;
        min-height: 36px;
        padding: 6px 14px;
        font-size: 13px;
        border-radius: 10px;
      }

      .wwd-services-grid { gap: 8px; }

      .wwd-large-card,
      .wwd-small-card,
      .wwd-compact-card { padding: 12px 11px 10px; }
      .wwd-custom-card { padding: 12px 11px; }

      .wwd-large-card .wwd-card-icon,
      .wwd-card-icon { width: 38px; height: 38px; flex-basis: 38px; font-size: 17px; }

      .wwd-platforms { gap: 4px; }
      .wwd-platforms i { width: 19px; height: 19px; font-size: 10px; }
      .wwd-mini-icons span { min-width: 34px; font-size: 7.5px; }
      .wwd-mini-icons i { font-size: 11px; }

      .wwd-icon-row { margin-bottom: 8px; }

      .wwd-title { font-size: 13px; margin-bottom: 5px; }
      .wwd-small-card .wwd-title,
      .wwd-compact-card .wwd-title { font-size: 13px; }

      .wwd-desc,
      .wwd-large-card .wwd-desc,
      .wwd-small-card .wwd-desc,
      .wwd-compact-card .wwd-desc { font-size: 10.5px; line-height: 1.55; }

      .wwd-tags { margin-top: 8px; gap: 5px; }
      .wwd-tags span { font-size: 9px; padding: 3px 7px; min-height: 19px; }

      .wwd-card-link { margin-top: 8px; font-size: 10.5px !important; }
      .wwd-card-link i { font-size: 13px; }

      .wwd-custom-card { gap: 10px; }
      .wwd-custom-icon { width: 46px; height: 46px; flex-basis: 46px; font-size: 19px; }
      .wwd-custom-title { font-size: 13px; }
      .wwd-custom-text { font-size: 10.5px; }
    }


    @media (max-width: 767px) {
      .site-wrap { padding: 0 clamp(14px, 4vw, 20px); }
      .apex-nav { padding: 8px 0 6px; }
      .brand-logo { height: clamp(40px, 10vw, 48px); max-width: min(220px, 58vw); }
      .nav-toggle { width: 42px; height: 42px; }
      .hero-line { font-size: clamp(34px, 8.5vw, 48px); }
      .hero-sub { font-size: clamp(13px, 3.2vw, 18px); letter-spacing: .03em; }
      .socials { display: flex; justify-content: center; gap: 10px; margin-bottom: 22px; }
      .hero-btns { display: flex; justify-content: center; gap: 10px; }
      .feat-item { padding: 18px 16px; gap: 12px; }
      .feat-icon { width: 52px; height: 52px; font-size: 22px; }
      .feat-text { font-size: 14px; }
      .stat-item { padding: 18px 16px; gap: 14px; }
      .stat-icon { font-size: 36px; }
      .stat-val { font-size: 26px; }
      .stat-lbl { font-size: 13px; }
      .feature-strip { border-radius: 18px; }
      .stats-strip { border-radius: 18px; margin-top: 16px; }
      /* About responsive */
      .about-eyebrow-row { justify-content: center; }
      .about-features { grid-template-columns: 1fr; }
      .ab-team-pill { flex-direction: column; align-items: flex-start; gap: 12px; }
      .ab-team-btns { width: 100%; }
      .ab-btn-gold, .ab-btn-ghost { flex: 1; justify-content: center; }

      /* ── Global heading size reductions on mobile ── */
      .about-heading { font-size: clamp(24px, 6vw, 36px) !important; }
      .wwd-main-title { font-size: clamp(22px, 6vw, 34px) !important; }
      .cr-title { font-size: clamp(28px, 8vw, 42px) !important; }
      .cr-section-title { font-size: 16px !important; }
      .pkg-head h2, .pkg-title { font-size: clamp(22px, 6vw, 32px) !important; }
      .tst-title { font-size: clamp(24px, 7vw, 36px) !important; }
      .insights-title { font-size: clamp(26px, 7.5vw, 38px) !important; }
      .rhb-title, .results-title { font-size: clamp(28px, 8vw, 44px) !important; }
      .wwd-cta-title { font-size: clamp(16px, 4vw, 22px) !important; }
      .footer-v2-logo-text strong { font-size: 14px !important; }
    }
    @media (max-width: 480px) {
      .hero-line { font-size: clamp(30px, 9vw, 40px) !important; }
      .hero-sub { font-size: clamp(12px, 3.5vw, 16px) !important; }
      .s-box { width: 56px; height: 56px; font-size: 26px; border-radius: 14px; }
      .btn-primary-hero, .btn-ghost-hero { width: 100%; justify-content: center; padding: 14px 22px; font-size: 14px; }
      .feat-inner, .stats-inner { grid-template-columns: 1fr; }
      .feat-item + .feat-item, .feat-item:nth-child(3), .feat-item:nth-child(4) { border-left: none; border-top: 1px solid rgba(0,0,0,.1); }
      .stat-item:nth-child(n) { border: none; border-top: 1px solid rgba(255,255,255,.08); }
      .stat-item:first-child { border-top: none; }

      /* ── Further heading reductions on small phones ── */
      .about-heading { font-size: clamp(20px, 7vw, 28px) !important; }
      .wwd-main-title { font-size: clamp(20px, 7vw, 28px) !important; }
      .cr-title { font-size: clamp(24px, 9vw, 34px) !important; }
      .tst-title { font-size: clamp(20px, 8vw, 30px) !important; }
      .insights-title { font-size: clamp(22px, 8.5vw, 32px) !important; }
      .pkg-title { font-size: clamp(20px, 7vw, 28px) !important; }
      .wwd-cta-title { font-size: clamp(14px, 4.5vw, 18px) !important; }
      /* About responsive */
      .ab-stat { min-width: 100%; }
    }
    @media (prefers-reduced-motion: reduce) {
      *, *::before, *::after { animation: none !important; transition: none !important; }
    }

    /* ════════════════════════════════
       GLOBAL MOBILE 95% WIDTH OVERRIDE
    ════════════════════════════════ */
    @media (max-width: 991px) {
      .site-wrap,
      .hero-section > .site-wrap,
      .wwd-container,
      .cr-container,
      .pkg-container,
      .tst-container,
      .insights-container,
      .footer-v2-container,
      .footer-container,
      .results-container,
      .svc-container,
      .svc-section > .site-wrap {
        width: 95% !important;
        max-width: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
      }
    }

    /* ════════════════════════════════
       CLIENT RESULTS SECTION - DARK/GOLD LAYOUT
    ════════════════════════════════ */
    .client-results-section {
      position: relative;
      isolation: isolate;
      overflow: hidden;
      padding: clamp(48px, 5vw, 64px) 0 clamp(58px, 6vw, 82px);
      background:
        radial-gradient(ellipse 700px 430px at 86% 2%, rgba(212,175,55,.08), transparent 60%),
        radial-gradient(ellipse 620px 420px at 10% 35%, rgba(212,175,55,.045), transparent 62%),
        linear-gradient(180deg, #07100f 0%, #050c0b 100%);
      color: #fff;
    }
    .client-results-section::before {
      content: '';
      position: absolute;
      inset: 0;
      z-index: -1;
      background:
        linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.015) 1px, transparent 1px);
      background-size: 36px 36px;
      opacity: .18;
      pointer-events: none;
      mask-image: radial-gradient(ellipse at center, black 0%, transparent 78%);
    }
    .cr-container {
      width: min(100% - 44px, 1320px);
      margin: 0 auto;
      position: relative;
      z-index: 2;
    }

    .cr-hero-panel {
      min-height: 360px;
      display: grid;
      grid-template-columns: 1.05fr .95fr;
      align-items: center;
      gap: clamp(24px, 4vw, 54px);
      padding: clamp(34px, 4.2vw, 58px) clamp(34px, 5vw, 70px);
      border-radius: 14px;
      border: 1px solid rgba(212,175,55,.28);
      background:
        radial-gradient(ellipse 520px 260px at 86% 46%, rgba(212,175,55,.10), transparent 63%),
        linear-gradient(145deg, rgba(18,31,27,.96), rgba(7,17,15,.96));
      box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 24px 55px rgba(0,0,0,.34);
      overflow: hidden;
    }
    .cr-eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 18px;
      font-family: 'Montserrat', sans-serif;
      font-size: 11px;
      line-height: 1;
      font-weight: 900;
      letter-spacing: .27em;
      text-transform: uppercase;
      color: var(--gold);
    }
    .cr-eyebrow i { font-size: 8px; text-shadow: 0 0 12px rgba(212,175,55,.7); }
    .cr-title {
      margin: 0 0 12px;
      font-family: 'Montserrat', sans-serif;
      font-size: clamp(40px, 5.2vw, 72px);
      line-height: .95;
      font-weight: 900;
      letter-spacing: -.055em;
      color: #f7f4eb;
      text-shadow: 0 14px 28px rgba(0,0,0,.42);
    }
    .cr-title-icon {
      width: 42px;
      height: 42px;
      margin-left: 14px;
      transform: translateY(-6px);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      vertical-align: middle;
      border-radius: 9px;
      color: var(--gold);
      font-size: 21px;
      border: 1px solid rgba(212,175,55,.75);
      background: rgba(212,175,55,.07);
      box-shadow: 0 0 22px rgba(212,175,55,.12), inset 0 1px 0 rgba(255,255,255,.09);
    }
    .cr-subtitle {
      margin: 0 0 27px;
      max-width: 470px;
      color: rgba(236,241,233,.72);
      font-size: 14px;
      line-height: 1.65;
      font-weight: 500;
    }
    .cr-socials {
      display: flex;
      align-items: center;
      gap: 13px;
    }
    .cr-social {
      width: 47px;
      height: 47px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 10px;
      color: #f2d46a;
      font-size: 17px;
      border: 1px solid rgba(212,175,55,.25);
      background: rgba(255,255,255,.035);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
      transition: transform .22s ease, border-color .22s ease, background .22s ease;
    }
    .cr-social:hover {
      transform: translateY(-3px);
      border-color: rgba(212,175,55,.55);
      background: rgba(212,175,55,.08);
    }
    .cr-chart-wrap {
      min-height: 270px;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .cr-chart-orbit,
    .cr-chart-orbit::before,
    .cr-chart-orbit::after {
      position: absolute;
      border-radius: 50%;
      border: 1px solid rgba(212,175,55,.075);
      pointer-events: none;
    }
    .cr-chart-orbit {
      width: 300px;
      height: 300px;
      right: 30px;
      top: 50%;
      transform: translateY(-50%);
    }
    .cr-chart-orbit::before { content: ''; inset: 26px; }
    .cr-chart-orbit::after { content: ''; inset: 52px; }
    .cr-bars {
      width: 270px;
      height: 215px;
      position: relative;
      display: flex;
      align-items: flex-end;
      justify-content: center;
      gap: 14px;
      padding: 0 16px 30px;
      filter: drop-shadow(0 22px 28px rgba(0,0,0,.34));
    }
    .cr-bars::after {
      content: '';
      position: absolute;
      left: 12px;
      right: 8px;
      bottom: 20px;
      height: 9px;
      border-radius: 999px;
      background: rgba(212,175,55,.10);
      box-shadow: 0 11px 16px rgba(0,0,0,.42);
    }
    .cr-bar {
      width: 36px;
      border-radius: 7px 7px 0 0;
      position: relative;
      z-index: 1;
      background: linear-gradient(180deg, #f2e6a9 0%, #9eaf77 38%, #3d563b 100%);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 0 18px rgba(212,175,55,.09);
    }
    .cr-bar:nth-child(1) { height: 54px; opacity: .48; }
    .cr-bar:nth-child(2) { height: 82px; opacity: .62; }
    .cr-bar:nth-child(3) { height: 111px; opacity: .74; }
    .cr-bar:nth-child(4) { height: 144px; opacity: .87; }
    .cr-bar:nth-child(5) { height: 178px; opacity: 1; }
    .cr-arrow-line {
      position: absolute;
      left: 18px;
      right: 2px;
      top: 28px;
      height: 115px;
      z-index: 3;
      pointer-events: none;
    }
    .cr-arrow-line::before {
      content: '';
      position: absolute;
      left: 4px;
      top: 72px;
      width: 218px;
      height: 3px;
      border-radius: 50%;
      background: linear-gradient(90deg, transparent, rgba(212,175,55,.85));
      transform: rotate(-27deg);
      transform-origin: right center;
      box-shadow: 0 0 16px rgba(212,175,55,.32);
    }
    .cr-arrow-line i {
      position: absolute;
      right: 10px;
      top: -4px;
      color: var(--gold);
      font-size: 38px;
      transform: rotate(2deg);
      text-shadow: 0 0 18px rgba(212,175,55,.48);
    }

    .cr-top-stats {
      margin-top: 17px;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      border: 1px solid rgba(212,175,55,.25);
      border-radius: 14px;
      background: linear-gradient(145deg, rgba(18,31,27,.96), rgba(7,17,15,.96));
      overflow: hidden;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 20px 40px rgba(0,0,0,.28);
    }
    .cr-stat {
      min-height: 90px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 16px;
      padding: 18px 22px;
      text-align: left;
    }
    .cr-stat + .cr-stat { border-left: 1px solid rgba(255,255,255,.10); }
    .cr-stat i {
      color: var(--gold);
      font-size: 27px;
      text-shadow: 0 0 16px rgba(212,175,55,.35);
    }
    .cr-stat-value {
      font-family: 'Montserrat', sans-serif;
      color: var(--gold);
      font-size: 27px;
      line-height: .92;
      font-weight: 900;
      letter-spacing: -.04em;
      white-space: nowrap;
    }
    .cr-stat-label {
      margin-top: 5px;
      color: rgba(236,241,233,.72);
      font-size: 11px;
      font-weight: 700;
      white-space: nowrap;
    }

    .cr-results-head,
    .cr-testimonials-head {
      margin-top: 28px;
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      gap: 18px;
    }
    .cr-section-title {
      margin: 0 0 3px;
      font-family: 'Montserrat', sans-serif;
      color: #f7f4eb;
      font-size: 20px;
      line-height: 1.1;
      font-weight: 900;
      letter-spacing: -.035em;
    }
    .cr-section-sub {
      margin: 0;
      color: rgba(236,241,233,.62);
      font-size: 11.5px;
      font-weight: 600;
    }
    .cr-highlight-link {
      margin-left: 7px;
      color: var(--gold);
      font-weight: 900;
      display: inline-flex;
      align-items: center;
      gap: 4px;
    }
    .cr-nav-arrows {
      display: flex;
      align-items: center;
      gap: 10px;
    }
    .cr-nav-arrows button {
      width: 34px;
      height: 34px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 999px;
      border: 1px solid rgba(212,175,55,.46);
      background: rgba(212,175,55,.045);
      color: var(--gold);
      cursor: pointer;
      transition: transform .2s ease, background .2s ease;
    }
    .cr-nav-arrows button:hover { transform: translateY(-2px); background: rgba(212,175,55,.10); }

    .cr-cards-grid {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr)) minmax(120px, .78fr);
      gap: 14px;
      margin-top: 13px;
    }
    .cr-card {
      min-height: 250px;
      display: flex;
      flex-direction: column;
      padding: 16px 16px 14px;
      border: 1px solid rgba(212,175,55,.25);
      border-radius: 12px;
      background:
        radial-gradient(ellipse 180px 70px at 48% 100%, rgba(212,175,55,.10), transparent 62%),
        linear-gradient(145deg, rgba(18,31,27,.96), rgba(7,17,15,.96));
      box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 16px 34px rgba(0,0,0,.28);
      overflow: hidden;
    }
    .cr-client-top {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 14px;
    }
    .cr-avatar {
      width: 36px;
      height: 36px;
      flex: 0 0 36px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 999px;
      color: #fff;
      font-size: 12px;
      font-weight: 900;
      background: linear-gradient(135deg, #7c5ac9, #392a68);
    }
    .cr-avatar.blue { background: linear-gradient(135deg, #50c4e8, #1d5d82); }
    .cr-avatar.purple { background: linear-gradient(135deg, #9f6bcf, #492e70); }
    .cr-client-name {
      color: #f7f4eb;
      font-size: 12px;
      line-height: 1.15;
      font-weight: 900;
      word-break: break-word;
    }
    .cr-client-type {
      margin-top: 3px;
      color: rgba(236,241,233,.56);
      font-size: 9.5px;
      font-weight: 700;
    }
    .cr-metrics-box {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 1px;
      margin-bottom: 11px;
    }
    .cr-mini-metric {
      padding: 0 0 10px;
      border-bottom: 1px solid rgba(255,255,255,.08);
    }
    .cr-mini-label {
      margin-bottom: 5px;
      color: rgba(236,241,233,.52);
      font-size: 7.5px;
      line-height: 1;
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: .05em;
    }
    .cr-mini-value {
      color: #f7f4eb;
      font-family: 'Montserrat', sans-serif;
      font-size: 18px;
      line-height: .95;
      font-weight: 900;
      letter-spacing: -.04em;
    }
    .cr-mini-value.gold { color: var(--gold); }
    .cr-growth-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 10px 13px;
      margin-top: 2px;
    }
    .cr-growth-value {
      color: #f7f4eb;
      font-size: 10px;
      line-height: 1.1;
      font-weight: 900;
    }
    .cr-growth-value.green { color: #35d77d; }
    .cr-growth-label {
      margin-top: 4px;
      color: rgba(236,241,233,.55);
      font-size: 8px;
      line-height: 1.15;
      font-weight: 700;
    }
    .cr-card-bottom {
      margin-top: auto;
      padding-top: 14px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      color: var(--gold);
      font-size: 8.5px;
      font-weight: 900;
    }
    .cr-tiny-note { color: rgba(236,241,233,.62); font-weight: 800; }
    .cr-more-card {
      min-height: 250px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      padding: 18px 15px;
      border: 1px solid rgba(212,175,55,.29);
      border-radius: 12px;
      background: linear-gradient(145deg, rgba(18,31,27,.96), rgba(7,17,15,.96));
      box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 16px 34px rgba(0,0,0,.28);
    }
    .cr-more-icon {
      width: 41px;
      height: 41px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 14px;
      border-radius: 999px;
      background: var(--gold);
      color: #161205;
      font-size: 19px;
    }
    .cr-more-title {
      margin-bottom: 9px;
      color: #f7f4eb;
      font-size: 22px;
      line-height: .96;
      font-weight: 900;
      letter-spacing: -.04em;
    }
    .cr-more-title span { color: var(--gold); }
    .cr-more-text {
      margin: 0 0 20px;
      max-width: 100px;
      color: rgba(236,241,233,.62);
      font-size: 9.5px;
      line-height: 1.35;
      font-weight: 600;
    }
    .cr-view-all {
      width: 100%;
      min-height: 39px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      border-radius: 7px;
      color: #161205;
      font-size: 11px;
      line-height: 1;
      font-weight: 900;
      border: 1px solid rgba(255,224,134,.7);
      background: linear-gradient(135deg, #f8d967, #d4af37 55%, #bd8e2f);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.28);
      transition: transform .2s ease, filter .2s ease;
    }
    .cr-view-all:hover { transform: translateY(-2px); filter: brightness(1.06); color: #161205; }

    .cr-main-cta {
      display: block;
      width: fit-content;
      min-width: 320px;
      min-height: 54px;
      margin: 28px auto 0;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      padding: 0 44px;
      border-radius: 50px;
      color: #161205;
      font-size: 14px;
      font-weight: 900;
      letter-spacing: .02em;
      border: 1px solid rgba(255,224,134,.85);
      background: linear-gradient(135deg, #fce570 0%, #e8c03a 38%, #d4af37 62%, #b8891e 100%);
      box-shadow:
        0 18px 38px rgba(212,175,55,.32),
        0 6px 12px rgba(0,0,0,.18),
        inset 0 1px 0 rgba(255,255,255,.45),
        inset 0 -1px 0 rgba(0,0,0,.08);
      transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
    }
    .cr-main-cta:hover { transform: translateY(-3px); filter: brightness(1.06); box-shadow: 0 24px 48px rgba(212,175,55,.42), 0 8px 16px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.5); color: #161205; }
    .cr-trust-line {
      margin-top: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 7px;
      color: rgba(236,241,233,.55);
      font-size: 10.5px;
      font-weight: 600;
    }
    .cr-trust-line i { color: #35d77d; font-size: 12px; }

    .cr-testimonial-grid {
      margin-top: 13px;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 17px;
    }
    .cr-testimonial-card {
      min-height: 151px;
      padding: 24px 27px 24px;
      border: 1px solid rgba(212,175,55,.23);
      border-radius: 12px;
      background: linear-gradient(145deg, rgba(18,31,27,.96), rgba(7,17,15,.96));
      box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 16px 34px rgba(0,0,0,.28);
    }
    .cr-quote-mark {
      color: var(--gold);
      font-size: 20px;
      line-height: 1;
      margin-bottom: -5px;
    }
    .cr-reviewer {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 13px;
    }
    .cr-review-avatar {
      width: 42px;
      height: 42px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 999px;
      color: #fff;
      background: linear-gradient(135deg, #9aa867, #3f5b37);
      font-size: 13px;
      font-weight: 900;
    }
    .cr-review-name {
      margin-bottom: 2px;
      color: #f7f4eb;
      font-size: 12.5px;
      font-weight: 900;
    }
    .cr-review-role {
      margin-bottom: 4px;
      color: rgba(236,241,233,.58);
      font-size: 9.5px;
      font-weight: 700;
    }
    .cr-stars { display: flex; gap: 2px; color: var(--gold); font-size: 10px; }
    .cr-review-text {
      margin: 0;
      color: rgba(236,241,233,.72);
      font-size: 12px;
      line-height: 1.55;
      font-weight: 500;
    }
    .cr-dots {
      margin: 17px 0 19px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
    }
    .cr-dots span {
      width: 7px;
      height: 7px;
      border-radius: 999px;
      background: rgba(255,255,255,.28);
    }
    .cr-dots span.active { width: 9px; height: 9px; background: var(--gold); }

    .cr-brand-strip {
      min-height: 82px;
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      align-items: center;
      border: 1px solid rgba(212,175,55,.24);
      border-radius: 12px;
      background: linear-gradient(145deg, rgba(18,31,27,.96), rgba(7,17,15,.96));
      box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 16px 34px rgba(0,0,0,.28);
      overflow: hidden;
      position: relative;
    }
    .cr-brand-strip::before {
      content: 'TRUSTED BY LEADING BRANDS';
      position: absolute;
      left: 50%;
      top: 14px;
      transform: translateX(-50%);
      color: var(--gold);
      font-family: 'Montserrat', sans-serif;
      font-size: 10px;
      line-height: 1;
      font-weight: 900;
      letter-spacing: .36em;
      white-space: nowrap;
    }
    .cr-brand {
      margin-top: 15px;
      min-height: 45px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 4px;
      border-left: 1px solid rgba(255,255,255,.10);
      color: rgba(236,241,233,.56);
      font-size: 13px;
      line-height: 1;
      font-weight: 900;
      letter-spacing: .03em;
    }
    .cr-brand:first-child { border-left: none; }
    .cr-brand span {
      color: rgba(236,241,233,.38);
      font-size: 7px;
      letter-spacing: .12em;
      text-transform: uppercase;
    }

    @media (max-width: 1199px) {
      .cr-cards-grid { grid-template-columns: repeat(3, 1fr); }
      .cr-more-card { grid-column: span 3; min-height: 175px; }
      .cr-more-text { max-width: 220px; }
      .cr-view-all { width: auto; padding: 0 32px; }
    }
    @media (max-width: 991px) {
      .client-results-section { padding: 60px 0; }
      .cr-hero-panel { grid-template-columns: 1fr; text-align: center; }
      .cr-subtitle { margin-left: auto; margin-right: auto; }
      .cr-socials { justify-content: center; }
      .cr-chart-wrap { min-height: 240px; }
      .cr-top-stats { grid-template-columns: 1fr; }
      .cr-stat + .cr-stat { border-left: none; border-top: 1px solid rgba(255,255,255,.10); }
      .cr-cards-grid { grid-template-columns: repeat(2, 1fr); }
      .cr-more-card { grid-column: span 2; }
      .cr-testimonial-grid { grid-template-columns: 1fr; }
      .cr-brand-strip { grid-template-columns: repeat(3, 1fr); padding-top: 14px; }
      .cr-brand:nth-child(4) { border-left: none; }
    }
    @media (max-width: 640px) {
      .cr-container { width: min(100% - 28px, 1320px); }
      .cr-hero-panel { padding: 30px 18px; }
      .cr-title { font-size: clamp(34px, 11vw, 48px); }
      .cr-title-icon { width: 34px; height: 34px; font-size: 17px; margin-left: 8px; }
      .cr-chart-orbit { right: auto; width: 250px; height: 250px; }
      .cr-bars { transform: scale(.85); }
      .cr-results-head, .cr-testimonials-head { align-items: flex-start; }
      .cr-cards-grid { display: flex; overflow-x: auto; gap: 14px; scroll-snap-type: x mandatory; padding-bottom: 8px; -webkit-overflow-scrolling: touch; }
      .cr-card { flex: 0 0 calc(100vw - 42px); scroll-snap-align: start; }
      .cr-more-card { flex: 0 0 calc(100vw - 42px); }
      .cr-testimonial-card { padding: 22px 18px; }
      .cr-brand-strip { grid-template-columns: repeat(2, 1fr); }
      .cr-brand:nth-child(odd) { border-left: none; }
      .cr-brand:nth-child(4) { border-left: 1px solid rgba(255,255,255,.10); }

      /* Mobile: keep client results nav compact and centered */
      .client-results-section .cr-results-head {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
        padding: 0 8px !important;
      }

      .client-results-section .cr-dots {
        margin: 0 !important;
        order: 2 !important;
      }

      .client-results-section .cr-nav-arrows {
        display: flex !important;
        gap: 8px !important;
        order: 3 !important;
        align-items: center !important;
        justify-content: center !important;
      }

      .client-results-section .cr-nav-arrows button {
        width: 40px !important;
        height: 40px !important;
        padding: 0 !important;
        border-radius: 999px !important;
        font-size: 18px !important;
      }
    }

    /* ════════════════════════════════
       GROWTH PACKAGES SECTION
    ════════════════════════════════ */
    .packages-section {
      position: relative;
      isolation: isolate;
      overflow: hidden;
      padding: clamp(70px, 7vw, 96px) 0 clamp(64px, 6vw, 86px);
      background:
        radial-gradient(ellipse 680px 430px at 50% 2%, rgba(212,175,55,.10), transparent 58%),
        radial-gradient(ellipse 760px 460px at 6% 72%, rgba(212,175,55,.05), transparent 64%),
        radial-gradient(ellipse 720px 430px at 94% 74%, rgba(212,175,55,.05), transparent 62%),
        linear-gradient(180deg, #07100f 0%, #111d16 100%);
      color: #fff;
    }
    .packages-section::before {
      content: '';
      position: absolute;
      inset: 0;
      z-index: -1;
      background:
        linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
      background-size: 44px 44px;
      mask-image: radial-gradient(ellipse at center, black 0%, transparent 74%);
      opacity: .2;
      pointer-events: none;
    }
    .pkg-container {
      width: min(100% - 44px, 1600px);
      margin: 0 auto;
      position: relative;
      z-index: 2;
    }
    .pkg-eyebrow {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 18px;
      margin-bottom: 14px;
      font-family: 'Montserrat', sans-serif;
      font-size: 10.5px;
      font-weight: 900;
      letter-spacing: .34em;
      text-transform: uppercase;
      color: var(--gold);
    }
    .pkg-eyebrow::before,
    .pkg-eyebrow::after {
      content: '';
      width: 82px;
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(212,175,55,.9), transparent);
    }
    .pkg-eyebrow i { font-size: 9px; text-shadow: 0 0 14px rgba(212,175,55,.75); }
    .pkg-head { text-align: center; margin: 0 auto 24px; max-width: 780px; }
    .pkg-title {
      margin: 0;
      font-family: 'Montserrat', sans-serif;
      font-size: clamp(36px, 4.8vw, 62px);
      line-height: .98;
      font-weight: 900;
      letter-spacing: -.045em;
      color: #f7f5ee;
      text-shadow: 0 16px 30px rgba(0,0,0,.42);
    }
    .pkg-title span { display: block; color: var(--gold); }
    .pkg-subtitle {
      margin: 14px auto 0;
      max-width: 610px;
      color: rgba(236,241,233,.74);
      font-size: 13px;
      line-height: 1.65;
    }
    .pkg-platform-tabs {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      gap: 12px;
      margin: 24px auto 24px;
    }
    .pkg-tab {
      min-width: 142px;
      display: inline-flex;
      align-items: center;
      gap: 12px;
      padding: 12px 18px;
      border-radius: 10px;
      border: 1px solid rgba(255,255,255,.13);
      background: rgba(255,255,255,.055);
      color: rgba(255,255,255,.92);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
      transition: transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease;
    }
    .pkg-tab:hover,
    .pkg-tab.active {
      transform: translateY(-2px);
      border-color: rgba(212,175,55,.72);
      background: #fff;
      color: #151515;
      box-shadow: 0 0 0 1px rgba(212,175,55,.16), 0 0 26px rgba(212,175,55,.28), inset 0 1px 0 rgba(255,255,255,.9);
    }
    .pkg-tab-icon {
      width: 34px;
      height: 34px;
      flex: 0 0 34px;
      border-radius: 9px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      font-size: 18px;
    }
    .pkg-tab-icon.instagram { background: linear-gradient(135deg, #feda75, #d62976 48%, #962fbf); }
    .pkg-tab-icon.tiktok { background: #060606; }
    .pkg-tab-icon.youtube { background: #ff0000; }
    .pkg-tab-icon.facebook { background: #1877f2; }
    .pkg-tab-text strong { display: block; font-size: 12px; line-height: 1; font-weight: 900; }
    .pkg-tab-text span { display: block; margin-top: 4px; font-size: 10px; color: currentColor; opacity: .68; font-weight: 700; }

    .pkg-trust-pill {
      width: fit-content;
      display: flex;
      align-items: center;
      gap: 12px;
      margin: 0 0 22px;
      padding: 10px 16px;
      border-radius: 999px;
      border: 1px solid rgba(212,175,55,.6);
      background: rgba(10,18,15,.75);
      color: var(--gold);
      font-size: 11px;
      font-weight: 800;
      box-shadow: 0 0 20px rgba(212,175,55,.12), inset 0 1px 0 rgba(255,255,255,.05);
    }
    .pkg-trust-pill span { color: rgba(255,255,255,.42); }
    .pkg-cards {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: clamp(10px, 1.4vw, 18px);
      align-items: stretch;
      justify-content: center;
      max-width: 960px;
      margin: 0 auto;
    }
    .pkg-card {
      position: relative;
      display: flex;
      flex-direction: column;
      width: 100%;
      min-height: auto;
      padding: 18px 16px 14px;
      border-radius: 12px;
      background: linear-gradient(180deg, #fff 0%, #f6f4ef 100%);
      color: #111;
      border: 1px solid rgba(212,175,55,.35);
      box-shadow: 0 20px 36px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,1);
    }
    .pkg-card.is-featured {
      transform: translateY(-16px);
      border-color: rgba(212,175,55,.95);
      box-shadow: 0 26px 52px rgba(0,0,0,.40), 0 0 28px rgba(212,175,55,.26), inset 0 1px 0 rgba(255,255,255,1);
    }
    .pkg-popular {
      position: absolute;
      top: -1px;
      left: 50%;
      transform: translateX(-50%);
      min-width: 130px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
      padding: 7px 14px;
      border-radius: 0 0 7px 7px;
      color: #231906;
      background: linear-gradient(135deg, #f5d86d, #d4af37 58%, #bd8e2f);
      font-size: 9px;
      font-weight: 900;
      letter-spacing: .08em;
      text-transform: uppercase;
      box-shadow: 0 12px 22px rgba(212,175,55,.28);
    }
    .pkg-plan-icon {
      width: 36px;
      height: 36px;
      margin-bottom: 10px;
      border-radius: 9px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: var(--gold);
      font-size: 16px;
      background: radial-gradient(ellipse at 30% 25%, rgba(212,175,55,.28) 0%, rgba(15,28,20,.92) 55%, rgba(8,18,13,.98) 100%);
      border: 1px solid rgba(212,175,55,.38);
      box-shadow: 0 8px 18px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08);
    }
    .pkg-card h3 {
      margin: 0 0 4px;
      font-size: 12px;
      line-height: 1.1;
      font-weight: 900;
      letter-spacing: .06em;
      color: #1a1a1a;
      text-transform: uppercase;
    }
    .pkg-plan-sub {
      min-height: 0;
      margin: 0 0 8px;
      color: #5f665f;
      font-size: 10px;
      line-height: 1.4;
      font-weight: 600;
    }
    .pkg-small-line {
      width: 22px;
      height: 2px;
      border-radius: 2px;
      background: var(--gold);
      margin-bottom: 8px;
    }
    .pkg-price-row { display: flex; align-items: flex-start; gap: 3px; margin-bottom: 2px; }
    .pkg-currency { padding-top: 5px; font-size: 12px; font-weight: 900; color: #111; }
    .pkg-price {
      font-family: 'Montserrat', sans-serif;
      font-size: clamp(28px, 3vw, 42px);
      line-height: .92;
      font-weight: 900;
      letter-spacing: -.06em;
      color: #151515;
    }
    .pkg-onetime { margin: 0 0 10px; font-size: 9px; font-weight: 700; color: #858b85; }
    .pkg-followers {
      display: flex;
      align-items: center;
      gap: 7px;
      width: 100%;
      min-height: 30px;
      padding: 0 10px;
      border-radius: 6px;
      border: 1px solid rgba(212,175,55,.35);
      background: rgba(212,175,55,.08);
      color: #4f4215;
      font-size: 9px;
      font-weight: 900;
      margin-bottom: 10px;
    }
    .pkg-followers i { color: var(--gold); font-size: 11px; }
    .pkg-list {
      list-style: none;
      display: grid;
      gap: 6px;
      padding: 0;
      margin: 0 0 12px;
    }
    .pkg-list li {
      display: flex;
      align-items: flex-start;
      gap: 6px;
      color: #424941;
      font-size: 9.5px;
      line-height: 1.3;
      font-weight: 650;
    }
    .pkg-list i {
      margin-top: 1px;
      color: var(--gold);
      font-size: 11px;
      flex: 0 0 auto;
    }
    .pkg-card-btn {
      min-height: 34px;
      margin-top: auto;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 7px;
      border-radius: 7px;
      background: linear-gradient(135deg, #e5bd3d, #d4af37 58%, #bd8e2f);
      color: #171205;
      font-size: 10px;
      font-weight: 900;
      border: 1px solid rgba(212,175,55,.7);
      box-shadow: 0 10px 18px rgba(212,175,55,.22), inset 0 1px 0 rgba(255,255,255,.26);
      transition: transform .2s ease, filter .2s ease;
    }
    .pkg-card-btn:hover { color: #171205; transform: translateY(-2px); filter: brightness(1.04); }
    .pkg-benefits-bar {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      margin-top: 36px;
      border: 1px solid rgba(212,175,55,.26);
      border-radius: 12px;
      background: linear-gradient(145deg, rgba(21,34,29,.92), rgba(13,24,21,.94));
      box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 18px 34px rgba(0,0,0,.28);
      overflow: hidden;
    }
    .pkg-benefit {
      min-height: 94px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 16px;
      padding: 20px 24px;
      border-left: 1px solid rgba(255,255,255,.10);
    }
    .pkg-benefit:first-child { border-left: none; }
    .pkg-benefit i { color: var(--gold); font-size: 32px; text-shadow: 0 0 18px rgba(212,175,55,.2); }
    .pkg-benefit strong { display: block; font-size: 12px; color: #fff; font-weight: 900; line-height: 1.1; }
    .pkg-benefit span { display: block; margin-top: 4px; color: rgba(236,241,233,.62); font-size: 10.5px; font-weight: 700; }
    .pkg-custom-plan {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 22px;
      margin: 24px auto 0;
      max-width: 1200px;
      padding: 20px 28px;
      border-radius: 13px;
      border: 1px solid rgba(212,175,55,.32);
      background:
        radial-gradient(ellipse 420px 110px at 0% 50%, rgba(212,175,55,.17), transparent 62%),
        linear-gradient(145deg, rgba(39,52,30,.92), rgba(20,31,23,.94));
      box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 18px 34px rgba(0,0,0,.28);
    }
    .pkg-custom-left { display: flex; align-items: center; gap: 18px; min-width: 0; }
    .pkg-custom-icon {
      width: 54px;
      height: 54px;
      flex: 0 0 54px;
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: #fff2b1;
      background: radial-gradient(ellipse at 30% 25%, rgba(255,224,134,.72), rgba(212,175,55,.33) 46%, rgba(40,52,31,.98) 76%);
      border: 1px solid rgba(212,175,55,.45);
      box-shadow: 0 0 22px rgba(212,175,55,.17), inset 0 1px 0 rgba(255,255,255,.12);
    }
    .pkg-custom-text strong { display: block; color: #fff; font-size: 14px; font-weight: 900; margin-bottom: 5px; }
    .pkg-custom-text span { display: block; color: rgba(236,241,233,.66); font-size: 11.5px; line-height: 1.5; }
    .pkg-custom-btn {
      min-height: 44px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      padding: 0 28px;
      border-radius: 9px;
      color: #171205;
      background: linear-gradient(135deg, #f4cf57, #d4af37 58%, #bd8e2f);
      border: 1px solid rgba(255,224,134,.62);
      font-size: 11px;
      font-weight: 900;
      white-space: nowrap;
      box-shadow: 0 11px 22px rgba(212,175,55,.18), inset 0 1px 0 rgba(255,255,255,.25);
      transition: transform .2s ease, filter .2s ease;
    }
    .pkg-custom-btn:hover { color: #171205; transform: translateY(-2px); filter: brightness(1.05); }

    @media (max-width: 1199px) {
      .pkg-card { padding: 22px 18px 18px; min-height: 480px; }
      .pkg-benefits-bar { grid-template-columns: repeat(2, 1fr); }
      .pkg-benefit { border-left: none; border-top: 1px solid rgba(255,255,255,.10); }
      .pkg-benefit:nth-child(-n+2) { border-top: none; }
    }
    @media (max-width: 991px) {
      .pkg-container { width: 100%; }
      .pkg-trust-pill { margin-left: auto; margin-right: auto; margin-bottom: 24px; text-align: center; flex-wrap: wrap; justify-content: center; }
      .pkg-platform-tabs, .pkg-benefits-bar, .pkg-custom-plan { width: 100%; max-width: none; }

      .pkg-cards {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: clamp(6px, 1.2vw, 14px) !important;
        padding: 12px 0 0 !important;
        max-width: none !important;
        margin: 0 !important;
      }
      .pkg-card { padding: clamp(10px, 1.5vw, 16px) clamp(8px, 1.2vw, 14px) clamp(8px, 1.2vw, 12px) !important; min-height: auto !important; border-radius: 10px !important; }
      .pkg-card.is-featured { transform: translateY(clamp(-8px, -1vw, -12px)) !important; }

      .pkg-plan-icon { width: clamp(24px, 3vw, 34px) !important; height: clamp(24px, 3vw, 34px) !important; font-size: clamp(10px, 1.3vw, 15px) !important; margin-bottom: clamp(6px, 0.8vw, 10px) !important; }
      .pkg-popular { font-size: clamp(6px, 0.7vw, 8px) !important; padding: 3px clamp(6px, 0.8vw, 10px) !important; top: clamp(-9px, -1vw, -7px) !important; min-width: clamp(70px, 9vw, 110px) !important; }

      .pkg-card h3 { font-size: clamp(8px, 1vw, 12px) !important; margin-bottom: 3px !important; }
      .pkg-plan-sub { font-size: clamp(7px, 0.85vw, 10px) !important; margin-bottom: 4px !important; }
      .pkg-small-line { width: clamp(14px, 1.8vw, 22px) !important; margin-bottom: clamp(4px, 0.6vw, 8px) !important; }

      .pkg-currency { font-size: clamp(8px, 1vw, 12px) !important; }
      .pkg-price { font-size: clamp(18px, 2.6vw, 32px) !important; }
      .pkg-onetime { font-size: clamp(6.5px, 0.75vw, 9px) !important; margin-bottom: clamp(4px, 0.6vw, 8px) !important; }

      .pkg-followers { min-height: clamp(22px, 2.8vw, 30px) !important; font-size: clamp(6.5px, 0.8vw, 9px) !important; padding: 0 clamp(5px, 0.7vw, 10px) !important; margin-bottom: clamp(5px, 0.7vw, 10px) !important; }

      .pkg-list { gap: clamp(4px, 0.5vw, 7px) !important; margin-bottom: clamp(6px, 0.8vw, 12px) !important; }
      .pkg-list li { font-size: clamp(7px, 0.85vw, 9.5px) !important; gap: clamp(3px, 0.4vw, 6px) !important; }
      .pkg-list i { font-size: clamp(9px, 1vw, 11px) !important; }

      .pkg-card-btn { min-height: clamp(24px, 3vw, 34px) !important; font-size: clamp(7.5px, 0.9vw, 10px) !important; }

      .pkg-benefits-bar { grid-template-columns: repeat(2, 1fr); }
      .pkg-benefit { border-left: none; border-top: 1px solid rgba(255,255,255,.10); padding: 10px 12px; gap: 8px; }
      .pkg-benefit:nth-child(-n+2) { border-top: none; }
      .pkg-benefit:nth-child(odd) { border-right: 1px solid rgba(255,255,255,.10); }
      .pkg-custom-plan { flex-direction: column; align-items: stretch; gap: 12px; padding: 14px 16px; }
      .pkg-custom-btn { width: 100%; justify-content: center; min-height: 36px; font-size: 11px; border-radius: 8px; }
    }
    @media (max-width: 575px) {
      .pkg-container { width: min(100% - 16px, 1320px); }
      .pkg-eyebrow { gap: 8px; letter-spacing: .16em; font-size: 8.5px; }
      .pkg-eyebrow::before, .pkg-eyebrow::after { width: 24px; }

      .pkg-cards { gap: 5px !important; }
      .pkg-card { padding: 10px 6px 8px !important; border-radius: 8px !important; }
      .pkg-card.is-featured { transform: translateY(-5px) !important; }
      .pkg-plan-icon { width: 26px !important; height: 26px !important; font-size: 11px !important; margin-bottom: 6px !important; }
      .pkg-popular { font-size: 6.5px !important; padding: 3px 7px !important; top: -8px !important; min-width: 80px !important; }
      .pkg-card h3 { font-size: 8px !important; letter-spacing: .05em !important; margin-bottom: 3px !important; }
      .pkg-plan-sub { font-size: 7.5px !important; margin-bottom: 4px !important; }
      .pkg-small-line { width: 18px !important; margin-bottom: 6px !important; }
      .pkg-currency { font-size: 9px !important; padding-top: 3px !important; }
      .pkg-price { font-size: 22px !important; }
      .pkg-onetime { font-size: 7px !important; margin-bottom: 6px !important; }
      .pkg-followers { min-height: 24px !important; padding: 0 6px !important; font-size: 7px !important; margin-bottom: 6px !important; gap: 4px !important; }
      .pkg-list { gap: 4px !important; margin-bottom: 8px !important; }
      .pkg-list li { font-size: 7.5px !important; gap: 4px !important; }
      .pkg-list i { font-size: 10px !important; }
      .pkg-card-btn { min-height: 28px !important; font-size: 7.5px !important; padding: 0 4px !important; border-radius: 5px !important; }

      .pkg-benefits-bar { grid-template-columns: repeat(2, 1fr); }
      .pkg-benefit, .pkg-benefit:nth-child(-n+2) { border-top: 1px solid rgba(255,255,255,.10); }
      .pkg-benefit:first-child, .pkg-benefit:nth-child(2) { border-top: none; }
      .pkg-benefit:nth-child(odd) { border-right: 1px solid rgba(255,255,255,.10); }
      .pkg-benefit { padding: 10px 10px; gap: 8px; }
      .pkg-benefit i { font-size: 18px; }
      .pkg-benefit strong { font-size: 10px; }
      .pkg-custom-left { align-items: flex-start; }
    }


    /* ════════════════════════════════
       CLIENT TESTIMONIALS SECTION
    ════════════════════════════════ */
    .testimonials-section {
      position: relative;
      isolation: isolate;
      overflow: hidden;
      padding: clamp(70px, 7vw, 96px) 0 clamp(40px, 4.5vw, 60px);
      background:
        radial-gradient(ellipse 620px 250px at 50% 15%, rgba(212,175,55,.11), transparent 58%),
        radial-gradient(ellipse 520px 390px at 4% 45%, rgba(212,175,55,.055), transparent 65%),
        radial-gradient(ellipse 680px 430px at 100% 86%, rgba(0,0,0,.22), transparent 67%),
        linear-gradient(180deg, #07100f 0%, #0e1b15 54%, #07100f 100%);
      color: #fff;
    }
    .testimonials-section::before {
      content: '';
      position: absolute;
      inset: 0;
      z-index: -2;
      background:
        linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.016) 1px, transparent 1px);
      background-size: 46px 46px;
      mask-image: radial-gradient(ellipse at center, black 0%, transparent 72%);
      opacity: .28;
      pointer-events: none;
    }
    .testimonials-section::after {
      content: '';
      position: absolute;
      left: 50%;
      top: 108px;
      width: min(760px, 78vw);
      height: 1px;
      transform: translateX(-50%);
      background: linear-gradient(90deg, transparent, rgba(212,175,55,.75), rgba(255,226,128,.72), rgba(212,175,55,.75), transparent);
      box-shadow: 0 0 28px rgba(212,175,55,.55);
      pointer-events: none;
      opacity: .72;
    }
    .tst-container {
      width: min(100% - 44px, 1320px);
      margin: 0 auto;
      position: relative;
      z-index: 2;
    }
    .tst-eyebrow {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      margin-bottom: 22px;
      font-family: 'Montserrat', sans-serif;
      font-size: 10.5px;
      line-height: 1;
      font-weight: 900;
      letter-spacing: .34em;
      text-transform: uppercase;
      color: var(--gold);
      text-shadow: 0 0 18px rgba(212,175,55,.45);
    }
    .tst-eyebrow i { font-size: 9px; }
    .tst-head {
      text-align: center;
      max-width: 860px;
      margin: 0 auto 26px;
    }
    .tst-title {
      margin: 0 0 10px;
      font-family: 'Montserrat', sans-serif;
      font-size: clamp(34px, 4.55vw, 60px);
      line-height: .98;
      font-weight: 900;
      letter-spacing: -.045em;
      color: #f7f5ee;
      text-shadow: 0 15px 30px rgba(0,0,0,.4);
    }
    .tst-title span { color: var(--gold); }
    .tst-subtitle {
      margin: 0 auto;
      color: rgba(236,241,233,.66);
      font-size: 13px;
      line-height: 1.6;
    }

    .tst-rating-panel {
      display: grid;
      grid-template-columns: 210px 1fr 320px;
      gap: 26px;
      align-items: center;
      min-height: 134px;
      margin-bottom: 22px;
      padding: 24px 30px;
      border: 1px solid rgba(212,175,55,.48);
      border-radius: 12px;
      background:
        radial-gradient(ellipse 530px 120px at 50% 0%, rgba(212,175,55,.14), transparent 66%),
        linear-gradient(145deg, rgba(18,31,27,.94), rgba(7,17,15,.96));
      box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 18px 40px rgba(0,0,0,.32), 0 0 22px rgba(212,175,55,.06);
      overflow: hidden;
      position: relative;
    }
    .tst-rating-panel::before,
    .tst-card::before,
    .tst-video-card::before,
    .tst-trust-card::before {
      content: '';
      position: absolute;
      left: 50%;
      top: -1px;
      width: 38%;
      height: 1px;
      transform: translateX(-50%);
      background: linear-gradient(90deg, transparent, rgba(255,226,128,.85), transparent);
      box-shadow: 0 0 18px rgba(212,175,55,.6);
      opacity: .65;
      pointer-events: none;
    }
    .tst-score-block {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      padding-right: 12px;
    }
    .tst-score {
      font-family: 'Montserrat', sans-serif;
      font-size: clamp(52px, 5vw, 72px);
      line-height: .85;
      font-weight: 900;
      letter-spacing: -.06em;
      color: var(--gold);
      text-shadow: 0 0 28px rgba(212,175,55,.24);
    }
    .tst-score-stars {
      display: flex;
      gap: 3px;
      margin: 10px 0 6px;
      color: var(--gold);
      font-size: 14px;
    }
    .tst-score-note {
      color: rgba(236,241,233,.62);
      font-size: 10.5px;
      font-weight: 600;
    }
    .tst-bars {
      display: grid;
      gap: 8px;
      padding: 0 18px 0 4px;
      border-left: 1px solid rgba(255,255,255,.10);
      border-right: 1px solid rgba(255,255,255,.10);
    }
    .tst-bar-row {
      display: grid;
      grid-template-columns: 38px 1fr 42px;
      align-items: center;
      gap: 10px;
      color: rgba(236,241,233,.78);
      font-size: 11px;
      font-weight: 700;
    }
    .tst-bar-row span:first-child i { color: var(--gold); font-size: 9px; margin-left: 2px; }
    .tst-bar-track {
      height: 7px;
      border-radius: 999px;
      background: rgba(255,255,255,.10);
      overflow: hidden;
      box-shadow: inset 0 1px 2px rgba(0,0,0,.28);
    }
    .tst-bar-fill {
      display: block;
      height: 100%;
      border-radius: inherit;
      background: linear-gradient(90deg, var(--gold), #f2cf58);
      box-shadow: 0 0 10px rgba(212,175,55,.45);
    }
    .tst-platforms {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 14px;
      text-align: center;
    }
    .tst-platform {
      min-width: 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 6px;
      color: rgba(236,241,233,.68);
      font-size: 10px;
      font-weight: 700;
    }
    .tst-platform-icon {
      width: 34px;
      height: 34px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 999px;
      font-size: 25px;
      line-height: 1;
      background: rgba(255,255,255,.04);
      border: 1px solid rgba(255,255,255,.06);
    }
    .tst-platform-icon.google { color: #4285F4; font-family: 'Montserrat', sans-serif; font-weight: 900; }
    .tst-platform-icon.facebook { color: #1877f2; }
    .tst-platform-icon.trust { color: #00B67A; }
    .tst-platform-score { color: #fff; font-size: 15px; font-weight: 900; }

    .tst-masonry {
      display: grid;
      grid-template-columns: 1.38fr .92fr .92fr;
      grid-template-rows: 192px 192px 138px;
      gap: 18px;
      margin-bottom: 26px;
    }
    .tst-card,
    .tst-video-card,
    .tst-trust-card {
      position: relative;
      overflow: hidden;
      border: 1px solid rgba(212,175,55,.23);
      border-radius: 12px;
      background:
        radial-gradient(ellipse 260px 120px at 0% 0%, rgba(212,175,55,.08), transparent 60%),
        linear-gradient(145deg, rgba(18,31,27,.92), rgba(7,17,15,.96));
      box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 18px 38px rgba(0,0,0,.28);
      transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
    }
    .tst-card:hover,
    .tst-video-card:hover,
    .tst-trust-card:hover {
      transform: translateY(-4px);
      border-color: rgba(212,175,55,.48);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 28px 52px rgba(0,0,0,.35), 0 0 26px rgba(212,175,55,.08);
    }
    .tst-card {
      padding: 26px 26px 22px;
      display: flex;
      flex-direction: column;
      min-width: 0;
    }
    .tst-card-featured {
      grid-column: 1;
      grid-row: 1 / span 2;
      padding: 34px 34px 28px;
      border-color: rgba(212,175,55,.55);
      background:
        radial-gradient(ellipse 360px 180px at 0% 0%, rgba(212,175,55,.14), transparent 60%),
        linear-gradient(145deg, rgba(20,34,28,.96), rgba(7,17,15,.98));
    }
    .tst-card-quote {
      color: var(--gold);
      font-size: 34px;
      line-height: 1;
      margin-bottom: 16px;
      opacity: .95;
    }
    .tst-card-featured .tst-card-quote { font-size: 46px; margin-bottom: 22px; }
    .tst-text {
      margin: 0;
      color: rgba(236,241,233,.76);
      font-size: 13px;
      line-height: 1.72;
      font-weight: 500;
    }
    .tst-card-featured .tst-text { font-size: 15px; line-height: 1.76; max-width: 470px; }
    .tst-author {
      margin-top: auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      padding-top: 20px;
    }
    .tst-author-left {
      display: flex;
      align-items: center;
      gap: 12px;
      min-width: 0;
    }
    .tst-avatar {
      width: 38px;
      height: 38px;
      flex: 0 0 38px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 999px;
      color: #fff;
      background: linear-gradient(135deg, #b8c378, #3e5d36);
      border: 1px solid rgba(255,255,255,.10);
      box-shadow: 0 8px 18px rgba(0,0,0,.22);
      font-size: 11px;
      font-weight: 900;
    }
    .tst-avatar.gold { background: linear-gradient(135deg, #d4af37, #8a6724); color: #141006; }
    .tst-avatar.purple { background: linear-gradient(135deg, #a487d5, #4a3a76); }
    .tst-avatar.blue { background: linear-gradient(135deg, #6fa5d9, #315b89); }
    .tst-author-name {
      color: #f7f4eb;
      font-size: 12.2px;
      line-height: 1.1;
      font-weight: 900;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .tst-card-featured .tst-author-name { font-size: 13px; }
    .tst-author-role {
      margin-top: 3px;
      color: rgba(236,241,233,.55);
      font-size: 9.5px;
      line-height: 1.1;
      font-weight: 700;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .tst-mini-stars {
      display: flex;
      gap: 2px;
      margin-top: 5px;
      color: var(--gold);
      font-size: 10px;
    }
    .tst-social {
      flex: 0 0 auto;
      width: 28px;
      height: 28px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 999px;
      background: rgba(255,255,255,.06);
      font-size: 15px;
    }
    .tst-social.instagram { color: #e4405f; }
    .tst-social.tiktok { color: #fff; }
    .tst-social.youtube { color: #ff0000; }
    .tst-social.facebook { color: #1877f2; }
    .tst-growth-pill {
      width: fit-content;
      margin-top: 24px;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      min-height: 32px;
      padding: 0 14px;
      border-radius: 999px;
      border: 1px solid rgba(46,204,113,.25);
      background: rgba(46,204,113,.08);
      color: #31df83;
      font-size: 10px;
      font-weight: 900;
    }
    .tst-growth-pill i { font-size: 12px; }

    .tst-video-card {
      grid-column: 1;
      grid-row: 3;
      padding: 18px 20px;
      display: grid;
      grid-template-columns: 118px 1fr;
      gap: 18px;
      align-items: center;
    }
    .tst-video-label {
      position: absolute;
      top: 14px;
      left: 18px;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      color: var(--gold);
      font-size: 10px;
      font-weight: 900;
    }
    .tst-video-thumb {
      position: relative;
      width: 108px;
      height: 96px;
      margin-top: 18px;
      border-radius: 10px;
      background:
        radial-gradient(circle at 50% 28%, #e7b18a 0 17%, transparent 18%),
        linear-gradient(180deg, transparent 0 42%, #263b2c 43% 69%, #142319 70% 100%),
        linear-gradient(135deg, #8ba177, #2b3d2f);
      overflow: hidden;
      border: 1px solid rgba(255,255,255,.09);
      box-shadow: 0 10px 24px rgba(0,0,0,.24);
    }
    .tst-video-thumb::before {
      content: '';
      position: absolute;
      left: 50%;
      top: 31%;
      width: 42px;
      height: 18px;
      transform: translateX(-50%);
      border-radius: 18px 18px 6px 6px;
      background: #2b1e14;
    }
    .tst-play {
      position: absolute;
      left: 50%;
      top: 56%;
      width: 48px;
      height: 48px;
      transform: translate(-50%,-50%);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 999px;
      color: #191205;
      background: linear-gradient(135deg, #f8d967, #d4af37 58%, #9a7228);
      box-shadow: 0 0 22px rgba(212,175,55,.42);
      font-size: 22px;
    }
    .tst-video-copy { padding-top: 16px; min-width: 0; }
    .tst-video-name { color: #f7f4eb; font-size: 13px; font-weight: 900; }
    .tst-video-role { margin: 3px 0 5px; color: rgba(236,241,233,.55); font-size: 9.5px; font-weight: 700; }
    .tst-video-quote { margin: 8px 0 0; color: rgba(236,241,233,.75); font-size: 11.4px; line-height: 1.45; font-weight: 700; }

    .tst-trust-card {
      grid-column: 2 / span 2;
      grid-row: 3;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
      padding: 24px 28px;
      border-color: rgba(212,175,55,.34);
    }
    .tst-trust-left {
      display: flex;
      align-items: center;
      gap: 14px;
      min-width: 0;
    }
    .tst-trust-icon {
      width: 48px;
      height: 48px;
      flex: 0 0 48px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 12px;
      color: var(--gold);
      border: 1px solid rgba(212,175,55,.35);
      background: rgba(212,175,55,.07);
      font-size: 23px;
    }
    .tst-trust-text {
      color: rgba(236,241,233,.74);
      font-size: 13px;
      line-height: 1.45;
      font-weight: 700;
    }
    .tst-trust-text strong { color: #f7f4eb; }
    .tst-avatars {
      display: flex;
      align-items: center;
      flex-shrink: 0;
    }
    .tst-trust-av {
      width: 38px;
      height: 38px;
      border-radius: 999px;
      border: 2px solid #0c1713;
      margin-left: -11px;
      background: linear-gradient(135deg, #e8c6a7, #7f9f67);
      box-shadow: 0 6px 16px rgba(0,0,0,.22);
    }
    .tst-trust-av:first-child { margin-left: 0; }
    .tst-trust-av:nth-child(2) { background: linear-gradient(135deg, #a7c8e8, #6f7f9f); }
    .tst-trust-av:nth-child(3) { background: linear-gradient(135deg, #e8a7c9, #886f9f); }
    .tst-trust-av:nth-child(4) { background: linear-gradient(135deg, #e8d7a7, #9f7f6f); }
    .tst-trust-av:nth-child(5) { background: linear-gradient(135deg, #b6e8a7, #5d8670); }
    .tst-trust-more {
      width: 42px;
      height: 42px;
      margin-left: -11px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 999px;
      color: #171205;
      background: linear-gradient(135deg, #f8d967, #d4af37 55%, #bd8e2f);
      border: 2px solid #0c1713;
      font-size: 11px;
      font-weight: 900;
      box-shadow: 0 7px 18px rgba(0,0,0,.24);
    }

    .tst-bottom {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 18px;
      text-align: center;
    }
    .tst-cta {
      min-width: 320px;
      min-height: 58px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 13px;
      padding: 0 34px;
      border-radius: 10px;
      color: #171205;
      background: linear-gradient(135deg, #f8d967, #d4af37 55%, #bd8e2f);
      border: 1px solid rgba(255,224,134,.78);
      box-shadow: 0 14px 28px rgba(212,175,55,.20), inset 0 1px 0 rgba(255,255,255,.28);
      font-size: 13px;
      font-weight: 900;
      transition: transform .22s ease, filter .22s ease;
    }
    .tst-cta:hover { transform: translateY(-2px); filter: brightness(1.06); color: #171205; }
    .tst-safe-line {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 7px;
      color: rgba(236,241,233,.58);
      font-size: 11px;
      font-weight: 700;
    }
    .tst-safe-line i { color: #2ecc71; }

    @media (max-width: 1199px) {
      .tst-rating-panel { grid-template-columns: 170px 1fr; }
      .tst-platforms { grid-column: 1 / -1; }
      .tst-masonry { grid-template-columns: repeat(2, 1fr); grid-template-rows: auto; }
      .tst-card-featured, .tst-video-card, .tst-trust-card { grid-column: auto; grid-row: auto; }
      .tst-card-featured { min-height: 360px; }
      .tst-trust-card { grid-column: 1 / -1; }
    }
    @media (max-width: 820px) {
      .testimonials-section { padding-top: 58px; }
      .tst-container { width: min(100% - 28px, 1320px); }
      .tst-rating-panel { grid-template-columns: 1fr; gap: 22px; padding: 24px 18px; }
      .tst-score-block { padding-right: 0; }
      .tst-bars { border-left: none; border-right: none; padding: 0; }
      .tst-platforms { grid-template-columns: repeat(3, minmax(0, 1fr)); }

      /* ── 2-column masonry on mobile ── */
      .tst-masonry {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto;
        gap: 12px;
      }
      .tst-card-featured { grid-column: auto; grid-row: auto; min-height: auto; }
      .tst-trust-card { grid-column: 1 / -1; grid-row: auto; }
      .tst-video-card { grid-column: auto; grid-row: auto; }

      /* Compact card sizing */
      .tst-card, .tst-card-featured { padding: 16px 14px; }
      .tst-card-quote { font-size: 28px; margin-bottom: 10px; }
      .tst-card-featured .tst-card-quote { font-size: 32px; margin-bottom: 14px; }
      .tst-text { font-size: 12px; line-height: 1.65; }
      .tst-card-featured .tst-text { font-size: 12.5px; }
      .tst-author { gap: 8px; margin-top: 14px; }
      .tst-avatar { width: 34px; height: 34px; font-size: 11px; }
      .tst-author-name { font-size: 12px; }
      .tst-author-role { font-size: 10px; }
      .tst-stars i { font-size: 10px; }
      .tst-platform-badge { font-size: 16px; }
      .tst-result-badge { font-size: 10px; padding: 5px 10px; margin-top: 10px; }

      /* Video card — side by side */
      .tst-video-card { grid-template-columns: 80px 1fr; padding: 14px; gap: 10px; }
      .tst-video-thumb { width: 80px; height: 76px; border-radius: 10px; }
      .tst-video-copy { padding-top: 0; }

      /* Trust card */
      .tst-trust-card { flex-direction: row; align-items: center; flex-wrap: wrap; gap: 12px; padding: 14px 16px; }
      .tst-avatars { align-self: center; }
      .tst-cta {
        min-width: 0;
        width: fit-content;
        min-height: 42px;
        padding: 0 20px;
        font-size: 11px;
        gap: 7px;
        border-radius: 8px;
      }
    }
    @media (max-width: 520px) {
      .tst-title { font-size: clamp(30px, 10vw, 42px); }
      .tst-eyebrow { letter-spacing: .22em; font-size: 9px; }
      .tst-rating-panel { border-radius: 11px; }
      .tst-bar-row { grid-template-columns: 34px 1fr 36px; font-size: 10px; gap: 7px; }
      .tst-platforms { gap: 8px; }
      .tst-platform-icon { width: 30px; height: 30px; font-size: 20px; }
      .tst-video-card { grid-template-columns: 1fr; }
      .tst-video-thumb { margin-top: 28px; width: 100%; height: 150px; }
      .tst-video-copy { padding-top: 0; }
      .tst-author { align-items: flex-end; }
      .tst-trust-left { align-items: flex-start; }
      .tst-trust-card { padding: 22px 18px; }
      .tst-cta {
        min-height: 42px;
        padding: 0 16px;
        font-size: 11.5px;
        gap: 7px;
      }
    }




    /* ════════════════════════════════
       SECTION: TIPS / INSIGHTS + FOOTER
    ════════════════════════════════ */
    .insights-section {
      position: relative;
      overflow: hidden;
      padding: clamp(50px, 5.5vw, 72px) 0 0;
      color: #f6f3ea;
      background:
        radial-gradient(ellipse 780px 460px at 15% 0%, rgba(212,175,55,.09), transparent 62%),
        radial-gradient(ellipse 680px 420px at 98% 18%, rgba(46,204,113,.05), transparent 62%),
        linear-gradient(180deg, #061210 0%, #071511 55%, #06110f 100%);
      isolation: isolate;
    }
    .insights-section::before {
      content: '';
      position: absolute;
      inset: 0;
      z-index: -1;
      background:
        linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.016) 1px, transparent 1px);
      background-size: 38px 38px;
      mask-image: radial-gradient(ellipse at center, black 0%, transparent 73%);
      opacity: .28;
      pointer-events: none;
    }
    .insights-container {
      width: min(100% - 44px, 1320px);
      margin: 0 auto;
      position: relative;
      z-index: 2;
    }
    .insights-eyebrow {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 15px;
      margin-bottom: 20px;
      font-family: 'Montserrat', sans-serif;
      font-size: 10px;
      font-weight: 900;
      letter-spacing: .32em;
      color: var(--gold);
      text-transform: uppercase;
    }
    .insights-eyebrow i {
      font-size: 8px;
      text-shadow: 0 0 14px rgba(212,175,55,.8);
    }
    .insights-top {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 26px;
      margin-bottom: 28px;
    }
    .insights-title {
      max-width: 740px;
      margin: 0 0 13px;
      font-family: 'Montserrat', sans-serif;
      font-size: clamp(38px, 5vw, 70px);
      line-height: 1.08;
      font-weight: 900;
      letter-spacing: -.055em;
      color: #fbfaf5;
      text-shadow: 0 14px 32px rgba(0,0,0,.36);
    }
    .insights-title span { color: var(--gold); }
    .insights-subtitle {
      max-width: 510px;
      margin: 0;
      color: rgba(236,241,233,.68);
      font-size: 13px;
      line-height: 1.7;
    }
    .insights-view-btn {
      min-width: 146px;
      min-height: 42px;
      margin-top: 50px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      border-radius: 999px;
      border: 1.5px solid rgba(212,175,55,.82);
      color: #f4d058;
      background: rgba(10,22,18,.45);
      font-size: 11px;
      font-weight: 900;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 10px 22px rgba(0,0,0,.2);
      transition: transform .22s ease, background .22s ease, filter .22s ease;
      white-space: nowrap;
    }
    .insights-view-btn:hover { transform: translateY(-2px); background: rgba(212,175,55,.1); color: #f8d967; filter: brightness(1.04); }

    .insights-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.55fr) minmax(330px, .95fr);
      gap: 20px;
      align-items: stretch;
    }
    .insights-featured {
      position: relative;
      overflow: hidden;
      min-height: 430px;
      padding: 24px;
      border-radius: 12px;
      border: 1px solid rgba(212,175,55,.34);
      background:
        radial-gradient(ellipse 380px 260px at 88% 50%, rgba(212,175,55,.13), transparent 65%),
        linear-gradient(145deg, rgba(22,43,35,.95), rgba(9,24,19,.97));
      box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 24px 52px rgba(0,0,0,.34);
      display: grid;
      grid-template-columns: 1fr minmax(210px, .7fr);
      grid-template-rows: auto 1fr auto;
      gap: 18px 22px;
    }
    .insights-featured::before,
    .insights-post::before,
    .insights-cat-card::before,
    .insights-newsletter::before,
    .insights-footer-cta::before {
      content: '';
      position: absolute;
      inset: -1px;
      background: radial-gradient(ellipse 280px 150px at 12% 0%, rgba(212,175,55,.11), transparent 70%);
      pointer-events: none;
    }
    .insights-meta-row {
      position: relative;
      z-index: 2;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 12px;
      grid-column: 1 / -1;
    }
    .insights-pill {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      min-height: 24px;
      padding: 5px 12px;
      border-radius: 999px;
      border: 1px solid rgba(212,175,55,.34);
      background: rgba(212,175,55,.13);
      color: #f0c94d;
      font-size: 10px;
      font-weight: 900;
      white-space: nowrap;
    }
    .insights-pill.red { color: #ff5d6d; border-color: rgba(255,93,109,.35); background: rgba(255,93,109,.10); }
    .insights-pill.green { color: #e2c34b; border-color: rgba(212,175,55,.32); background: rgba(212,175,55,.11); }
    .insights-date,
    .insights-read {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      color: rgba(236,241,233,.58);
      font-size: 10.5px;
      font-weight: 700;
    }
    .insights-feature-copy {
      position: relative;
      z-index: 2;
      align-self: end;
      max-width: 410px;
    }
    .insights-card-title {
      margin: 0 0 14px;
      color: #fff;
      font-family: 'Montserrat', sans-serif;
      font-size: clamp(24px, 2.35vw, 34px);
      line-height: 1.15;
      font-weight: 900;
      letter-spacing: -.04em;
    }
    .insights-card-text {
      margin: 0;
      color: rgba(236,241,233,.68);
      font-size: 12.5px;
      line-height: 1.7;
    }
    .insights-author {
      position: relative;
      z-index: 2;
      grid-column: 1 / 2;
      display: flex;
      align-items: center;
      gap: 12px;
      align-self: end;
    }
    .insights-avatar {
      width: 46px;
      height: 46px;
      flex: 0 0 46px;
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: #102015;
      font-size: 14px;
      font-weight: 900;
      background: linear-gradient(145deg, #f6d96c, #d4af37 48%, #7f5a1c);
      border: 2px solid rgba(255,255,255,.12);
      box-shadow: 0 8px 18px rgba(0,0,0,.3);
    }
    .insights-author strong {
      display: block;
      margin-bottom: 3px;
      color: #fff;
      font-size: 12px;
      font-weight: 900;
    }
    .insights-author span {
      display: block;
      color: rgba(236,241,233,.64);
      font-size: 10.5px;
      font-weight: 700;
    }
    .insights-phone-stage {
      position: relative;
      z-index: 2;
      grid-column: 2;
      grid-row: 2 / span 2;
      align-self: center;
      justify-self: center;
      width: min(260px, 100%);
      height: 300px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .insights-phone-stage::after {
      content: '';
      position: absolute;
      bottom: 16px;
      left: 50%;
      width: 190px;
      height: 34px;
      transform: translateX(-50%);
      border-radius: 50%;
      background: radial-gradient(ellipse, rgba(212,175,55,.35), rgba(212,175,55,.08) 52%, transparent 72%);
      filter: blur(2px);
    }
    .insights-podium {
      position: absolute;
      bottom: 16px;
      width: 170px;
      height: 32px;
      border-radius: 50%;
      border: 1px solid rgba(212,175,55,.36);
      background: linear-gradient(180deg, rgba(212,175,55,.17), rgba(20,24,15,.9));
      box-shadow: 0 10px 24px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.09);
    }
    .insights-phone {
      position: relative;
      z-index: 3;
      width: 112px;
      height: 202px;
      border-radius: 24px;
      padding: 10px 8px;
      transform: rotate(-10deg) translateY(-10px);
      background: linear-gradient(145deg, #f7f5e9, #d6d3c4);
      border: 5px solid rgba(255,255,255,.72);
      box-shadow: 0 22px 36px rgba(0,0,0,.45);
    }
    .insights-phone::before {
      content: '';
      position: absolute;
      top: 7px;
      left: 50%;
      width: 34px;
      height: 4px;
      border-radius: 999px;
      transform: translateX(-50%);
      background: rgba(20,35,28,.28);
    }
    .insights-phone-screen {
      height: 100%;
      border-radius: 17px;
      padding: 28px 10px 16px;
      background: #f2efdf;
      display: flex;
      align-items: flex-end;
      justify-content: center;
      gap: 6px;
    }
    .insights-phone-bar {
      width: 13px;
      border-radius: 3px 3px 0 0;
      background: linear-gradient(180deg, #c7b759, #6e8752);
    }
    .insights-phone-arrow {
      position: absolute;
      right: 15px;
      bottom: 40px;
      width: 130px;
      height: 130px;
      border-right: 4px solid rgba(212,175,55,.85);
      border-top: 4px solid rgba(212,175,55,.85);
      transform: rotate(-23deg);
      transform-origin: bottom right;
      filter: drop-shadow(0 0 10px rgba(212,175,55,.25));
    }
    .insights-phone-arrow::after {
      content: '';
      position: absolute;
      top: -9px;
      right: -8px;
      width: 15px;
      height: 15px;
      border-top: 4px solid rgba(212,175,55,.95);
      border-right: 4px solid rgba(212,175,55,.95);
      transform: rotate(0deg);
    }
    .insights-read-full {
      position: relative;
      z-index: 2;
      grid-column: 1 / -1;
      min-height: 48px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      border-radius: 7px;
      background: linear-gradient(135deg, #f8d967, #d4af37 55%, #bd8e2f);
      color: #151005;
      font-size: 12px;
      font-weight: 900;
      border: 1px solid rgba(255,224,134,.75);
      box-shadow: 0 13px 26px rgba(212,175,55,.18), inset 0 1px 0 rgba(255,255,255,.28);
      transition: transform .22s ease, filter .22s ease;
    }
    .insights-read-full:hover { transform: translateY(-2px); filter: brightness(1.06); color: #151005; }

    .insights-side-list {
      display: grid;
      grid-template-rows: repeat(3, 1fr);
      gap: 18px;
    }
    .insights-post {
      position: relative;
      overflow: hidden;
      min-height: 132px;
      padding: 16px 18px;
      border-radius: 11px;
      border: 1px solid rgba(212,175,55,.30);
      background: linear-gradient(145deg, rgba(18,34,28,.94), rgba(8,22,18,.98));
      box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 16px 34px rgba(0,0,0,.26);
      display: grid;
      grid-template-columns: 96px 1fr;
      gap: 16px;
      align-items: center;
      transition: transform .22s ease, border-color .22s ease;
    }
    .insights-post:hover { transform: translateY(-3px); border-color: rgba(212,175,55,.5); }
    .insights-post-media {
      position: relative;
      z-index: 2;
      width: 96px;
      height: 96px;
      border-radius: 9px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      font-size: 36px;
      box-shadow: 0 14px 26px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.10);
    }
    .insights-post-media.youtube { background: linear-gradient(145deg, #ff0000, #8d0202); }
    .insights-post-media.tiktok { background: linear-gradient(145deg, #252525, #070707); }
    .insights-post-media.instagram { background: linear-gradient(145deg, #f77737, #c13584 45%, #833ab4 100%); }
    .insights-post-copy {
      position: relative;
      z-index: 2;
      min-width: 0;
    }
    .insights-post-meta {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 8px;
      margin-bottom: 9px;
    }
    .insights-post-title {
      margin: 0 0 12px;
      color: #fff;
      font-family: 'Montserrat', sans-serif;
      font-size: 14.5px;
      line-height: 1.25;
      font-weight: 900;
      letter-spacing: -.02em;
    }
    .insights-post-link {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      color: #e7bd39;
      font-size: 10.5px;
      font-weight: 900;
    }
    .insights-post-link i { font-size: 14px; transition: transform .2s ease; }
    .insights-post:hover .insights-post-link i { transform: translateX(4px); }

    .insights-bottom-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 18px;
      margin-top: 18px;
    }
    .insights-cat-card,
    .insights-newsletter {
      position: relative;
      overflow: hidden;
      min-height: 205px;
      border-radius: 11px;
      border: 1px solid rgba(212,175,55,.28);
      background: linear-gradient(145deg, rgba(18,34,28,.94), rgba(8,22,18,.98));
      box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 16px 34px rgba(0,0,0,.25);
    }
    .insights-cat-card {
      padding: 28px 22px 22px;
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
    }
    .insights-cat-card.growth { background: linear-gradient(145deg, rgba(19,58,37,.84), rgba(7,29,21,.98)); }
    .insights-cat-card.marketing { background: linear-gradient(145deg, rgba(93,54,20,.88), rgba(25,21,12,.98)); }
    .insights-cat-card.social { background: linear-gradient(145deg, rgba(19,55,78,.86), rgba(8,24,30,.98)); }
    .insights-cat-icon {
      position: relative;
      z-index: 2;
      width: 64px;
      height: 64px;
      margin-bottom: 22px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 10px;
      color: var(--gold);
      font-size: 28px;
      border: 1px solid rgba(212,175,55,.22);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 12px 24px rgba(0,0,0,.25);
    }
    .growth .insights-cat-icon { background: radial-gradient(ellipse at 30% 20%, rgba(46,204,113,.25), rgba(30,92,53,.55), rgba(12,39,27,.8)); }
    .marketing .insights-cat-icon { background: radial-gradient(ellipse at 30% 20%, rgba(255,176,76,.35), rgba(116,67,24,.65), rgba(31,22,12,.85)); }
    .social .insights-cat-icon { background: radial-gradient(ellipse at 30% 20%, rgba(90,180,230,.28), rgba(28,73,102,.60), rgba(10,28,38,.85)); }
    .insights-cat-title {
      position: relative;
      z-index: 2;
      margin: 0 0 11px;
      color: #fff;
      font-size: 18px;
      font-weight: 900;
      letter-spacing: -.02em;
    }
    .insights-cat-text {
      position: relative;
      z-index: 2;
      margin: 0 0 21px;
      color: rgba(236,241,233,.62);
      font-size: 11.5px;
      line-height: 1.6;
    }
    .insights-cat-link {
      position: relative;
      z-index: 2;
      margin-top: auto;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      color: #e7bd39;
      font-size: 11px;
      font-weight: 900;
    }
    .insights-newsletter {
      grid-column: span 1;
      padding: 24px 22px 20px;
      background:
        radial-gradient(ellipse 360px 190px at 82% 0%, rgba(212,175,55,.22), transparent 60%),
        linear-gradient(145deg, rgba(74,48,14,.90), rgba(20,24,16,.98));
      border-color: rgba(212,175,55,.55);
    }
    .insights-newsletter-head {
      position: relative;
      z-index: 2;
      display: grid;
      grid-template-columns: 52px 1fr;
      gap: 14px;
      align-items: start;
      margin-bottom: 18px;
    }
    .insights-envelope {
      width: 52px;
      height: 52px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 8px;
      color: #111105;
      font-size: 22px;
      background: linear-gradient(135deg, #fff4bf, #d4af37 62%, #9d7628);
      box-shadow: 0 12px 24px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.4);
    }
    .insights-news-title {
      margin: 0 0 6px;
      color: #fff;
      font-size: 18px;
      line-height: 1.15;
      font-weight: 900;
      letter-spacing: -.03em;
    }
    .insights-news-text {
      margin: 0;
      color: rgba(255,255,255,.68);
      font-size: 11px;
      line-height: 1.55;
    }
    .insights-form {
      position: relative;
      z-index: 2;
      display: grid;
      gap: 9px;
    }
    .insights-form input {
      width: 100%;
      min-height: 38px;
      padding: 0 13px;
      border-radius: 6px;
      border: 1px solid rgba(212,175,55,.34);
      background: rgba(7,16,14,.5);
      color: #fff;
      font-family: inherit;
      font-size: 12px;
      outline: none;
    }
    .insights-form input::placeholder { color: rgba(255,255,255,.58); }
    .insights-form button {
      min-height: 40px;
      border: none;
      border-radius: 6px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 9px;
      color: #151005;
      background: linear-gradient(135deg, #f8d967, #d4af37 55%, #bd8e2f);
      font-family: inherit;
      font-size: 11.5px;
      font-weight: 900;
      cursor: pointer;
      box-shadow: 0 12px 22px rgba(212,175,55,.18), inset 0 1px 0 rgba(255,255,255,.28);
    }
    .insights-safe {
      position: relative;
      z-index: 2;
      display: flex;
      align-items: center;
      gap: 6px;
      margin-top: 12px;
      color: rgba(236,241,233,.58);
      font-size: 9.5px;
      font-weight: 700;
    }
    .insights-safe i { color: #2ecc71; }

    .insights-footer-cta {
      position: relative;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
      margin-top: 22px;
      padding: 23px 34px;
      border-radius: 12px;
      border: 1px solid rgba(255,224,134,.55);
      background:
        radial-gradient(ellipse 270px 110px at 78% 50%, rgba(255,232,111,.32), transparent 65%),
        linear-gradient(135deg, #f5cb50 0%, #d4af37 56%, #ba8f2f 100%);
      box-shadow: 0 20px 42px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.30);
      color: #111005;
    }
    .insights-footer-cta::after {
      content: '\F144';
      font-family: 'bootstrap-icons';
      position: absolute;
      right: 250px;
      top: 50%;
      transform: translateY(-50%) rotate(34deg);
      color: rgba(255,255,255,.18);
      font-size: 88px;
      line-height: 1;
    }
    .insights-cta-copy {
      position: relative;
      z-index: 2;
    }
    .insights-cta-copy h3 {
      margin: 0 0 5px;
      color: #111005;
      font-size: clamp(17px, 1.8vw, 23px);
      font-weight: 900;
      letter-spacing: -.02em;
    }
    .insights-cta-copy p {
      margin: 0;
      color: rgba(17,16,5,.72);
      font-size: 12px;
      font-weight: 700;
    }
    .insights-cta-button {
      position: relative;
      z-index: 2;
      min-height: 42px;
      padding: 0 25px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      border-radius: 7px;
      background: #07110f;
      color: #f6d15e;
      font-size: 11px;
      font-weight: 900;
      box-shadow: 0 12px 22px rgba(0,0,0,.32);
      white-space: nowrap;
    }
    .insights-cta-button:hover { color: #f8d967; transform: translateY(-2px); }

    .apex-footer {
      margin-top: 20px;
      padding: 18px 0 14px;
      border-top: 1px solid rgba(212,175,55,.20);
      background:
        radial-gradient(ellipse 700px 280px at 12% 0%, rgba(212,175,55,.06), transparent 62%),
        #06110f;
      color: rgba(236,241,233,.76);
    }
    .apex-footer-grid {
      display: grid;
      grid-template-columns: 1.35fr repeat(4, 1fr);
      gap: 24px;
      align-items: start;
    }
    .footer-logo-mark {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 10px;
    }
    .footer-logo-a {
      width: 36px;
      height: 36px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 6px;
      background: linear-gradient(145deg, rgba(236,241,233,.98), rgba(190,198,188,.85));
      color: #0b1511;
      font-family: 'Montserrat', sans-serif;
      font-size: 20px;
      font-weight: 900;
      box-shadow: 0 10px 22px rgba(0,0,0,.28);
    }
    .footer-logo-text strong {
      display: block;
      color: #fff;
      font-family: 'Montserrat', sans-serif;
      font-size: 15px;
      line-height: .95;
      font-weight: 900;
      letter-spacing: .08em;
    }
    .footer-logo-text span {
      color: rgba(236,241,233,.66);
      font-size: 9px;
      font-weight: 800;
      letter-spacing: .34em;
      text-transform: uppercase;
    }
    .footer-about {
      max-width: 310px;
      margin: 0 0 12px;
      color: rgba(236,241,233,.65);
      font-size: 11px;
      line-height: 1.65;
    }
    .footer-socials {
      display: flex;
      align-items: center;
      gap: 8px;
      margin-bottom: 12px;
    }
    .footer-socials a {
      width: 26px;
      height: 26px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 6px;
      color: #fff;
      font-size: 13px;
      box-shadow: 0 8px 18px rgba(0,0,0,.24);
      transition: transform .2s ease;
    }
    .footer-socials a:hover { transform: translateY(-3px); }
    .footer-socials .ig { background: linear-gradient(135deg,#f77737,#c13584,#833ab4); }
    .footer-socials .tk { background: #111; }
    .footer-socials .yt { background: #ff0000; }
    .footer-socials .fb { background: #1877f2; }
    .footer-location {
      display: flex;
      align-items: center;
      gap: 8px;
      color: rgba(236,241,233,.68);
      font-size: 11px;
      font-weight: 700;
    }
    .footer-location i { color: #2ecc71; }
    .footer-col h4 {
      margin: 0 0 12px;
      color: var(--gold);
      font-family: 'Montserrat', sans-serif;
      font-size: 10px;
      font-weight: 900;
      letter-spacing: .22em;
      text-transform: uppercase;
    }
    .footer-links {
      list-style: none;
      display: grid;
      gap: 8px;
      margin: 0;
      padding: 0;
    }
    .footer-links a {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      color: rgba(236,241,233,.68);
      font-size: 11px;
      font-weight: 700;
      line-height: 1.3;
      transition: color .2s ease, transform .2s ease;
    }
    .footer-links a::before {
      content: '\F285';
      font-family: 'bootstrap-icons';
      color: var(--gold);
      font-size: 9px;
      opacity: .9;
    }
    .footer-links a:hover { color: #fff; transform: translateX(3px); }
    .footer-contact-list {
      list-style: none;
      display: grid;
      gap: 7px;
      margin: 0;
      padding: 0;
    }
    .footer-contact-list li {
      display: grid;
      grid-template-columns: 26px 1fr;
      gap: 8px;
      align-items: center;
      color: rgba(236,241,233,.72);
      font-size: 10.5px;
      line-height: 1.3;
      font-weight: 700;
    }
    .footer-contact-list i {
      width: 26px;
      height: 26px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 5px;
      color: var(--gold);
      background: rgba(212,175,55,.10);
      border: 1px solid rgba(212,175,55,.20);
    }
    .footer-hours {
      margin-top: 10px;
      padding: 10px 11px;
      border-radius: 7px;
      border: 1px solid rgba(212,175,55,.25);
      background: rgba(212,175,55,.07);
      display: grid;
      grid-template-columns: 28px 1fr;
      gap: 8px;
    }
    .footer-hours i {
      width: 28px;
      height: 28px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 6px;
      background: rgba(212,175,55,.12);
      color: var(--gold);
    }
    .footer-hours strong {
      display: block;
      margin-bottom: 3px;
      color: var(--gold);
      font-size: 10px;
      font-weight: 900;
    }
    .footer-hours span {
      display: block;
      color: rgba(236,241,233,.62);
      font-size: 9.5px;
      line-height: 1.4;
      font-weight: 700;
    }

    @media (max-width: 1199px) {
      .insights-grid { grid-template-columns: 1fr; }
      .insights-side-list { grid-template-columns: repeat(3, 1fr); grid-template-rows: auto; }
      .insights-post { grid-template-columns: 1fr; align-items: start; }
      .insights-post-media { width: 100%; height: 130px; }
      .insights-bottom-grid { grid-template-columns: repeat(2, 1fr); }
      .apex-footer-grid { grid-template-columns: 1.3fr repeat(2, 1fr); }
    }
    @media (max-width: 820px) {
      .insights-container { width: min(100% - 24px, 1320px); }

      /* Top row: title left, button top-right — keep flex row */
      .insights-top { flex-direction: row; align-items: flex-start; flex-wrap: wrap; gap: 14px; margin-bottom: 20px; }
      .insights-view-btn { margin-top: 0; flex-shrink: 0; min-width: 120px; min-height: 36px; font-size: 10.5px; padding: 0 14px; }

      /* Featured: full width, keep text left + phone right */
      .insights-grid { grid-template-columns: 1fr; gap: 16px; }
      .insights-featured {
        min-height: 0;
        padding: 18px;
        grid-template-columns: 1fr minmax(140px, .45fr);
        grid-template-rows: auto 1fr auto auto;
        gap: 12px 16px;
      }
      .insights-meta-row { grid-column: 1 / -1; grid-row: 1; }
      .insights-feature-copy { grid-column: 1; grid-row: 2; }
      .insights-author { grid-column: 1; grid-row: 3; }
      .insights-phone-stage { grid-column: 2; grid-row: 2 / span 2; width: 100%; height: 100%; min-height: 170px; align-self: stretch; }
      .insights-read-full { grid-column: 1 / -1; grid-row: 4; width: 100%; justify-content: center; }
      .insights-card-title { font-size: 18px; }
      .insights-card-text { font-size: 12px; }

      /* Side list: 3-column grid */
      .insights-side-list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: auto;
        gap: 12px;
      }
      .insights-post { grid-template-columns: 1fr; align-items: start; }
      .insights-post-media { width: 100%; height: 110px; border-radius: 8px; }
      .insights-post-copy { padding: 10px 0 4px; }
      .insights-post-title { font-size: 10.8px; margin-bottom: 8px; }
      .insights-post-link { font-size: 11px; }

      /* Bottom grid: 2×2 */
      .insights-bottom-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
        margin-top: 14px;
      }
      .insights-newsletter { grid-column: auto; }
      .insights-cat-card { min-height: 180px; padding: 22px 18px; }
      .insights-cat-icon { width: 52px; height: 52px; font-size: 22px; margin-bottom: 14px; }
      .insights-cat-title { font-size: 16px; }
      .insights-cat-text { font-size: 11px; margin-bottom: 14px; }

      /* Footer CTA: keep horizontal */
      .insights-footer-cta { flex-direction: row; align-items: center; justify-content: space-between; padding: 18px 22px; gap: 16px; margin-top: 14px; }
      .insights-footer-cta::after { right: 180px; font-size: 64px; }
      .insights-cta-button { flex-shrink: 0; width: auto; min-width: 0; padding: 0 18px; font-size: 12px; min-height: 40px; }
    }
    @media (max-width: 520px) {
      .insights-section { padding-top: 48px; }
      .insights-eyebrow { font-size: 9px; letter-spacing: .22em; }
      .insights-title { font-size: clamp(28px, 10vw, 40px); }
      .insights-featured {
        padding: 14px;
        grid-template-columns: 1fr minmax(110px, .4fr);
        gap: 10px 12px;
      }
      .insights-phone-stage { min-height: 140px; }
      .insights-card-title { font-size: 15px; }
      .insights-card-text { font-size: 11px; }

      /* Keep 3-col for posts on small phones */
      .insights-side-list { grid-template-columns: repeat(3, 1fr); gap: 8px; }
      .insights-post-media { height: 80px; }
      .insights-post-title { font-size: 9.8px; line-clamp: 3; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }
      .insights-post-meta { gap: 4px; flex-wrap: wrap; }
      .insights-pill { font-size: 9px; padding: 3px 7px; }
      .insights-date, .insights-read { font-size: 9px; }
      .insights-post-link { font-size: 10px; }

      .insights-bottom-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }
      .insights-cat-card { min-height: 150px; padding: 16px 14px; }
      .insights-cat-icon { width: 44px; height: 44px; font-size: 18px; margin-bottom: 10px; }
      .insights-cat-title { font-size: 14px; }
      .insights-footer-cta { padding: 14px 16px; gap: 12px; }
      .insights-cta-copy h3 { font-size: 14px; }
      .insights-cta-copy p { font-size: 11px; }
      .insights-cta-button { padding: 0 14px; font-size: 11px; min-height: 36px; }
    }




    /* ══ FIX: testimonial cards were cutting author area ══ */
    .tst-masonry {
      grid-template-rows: minmax(230px, auto) minmax(230px, auto) minmax(138px, auto);
      align-items: stretch;
    }
    .tst-masonry > .tst-card:not(.tst-card-featured) {
      padding: 22px 24px 20px;
    }
    .tst-masonry > .tst-card:not(.tst-card-featured) .tst-card-quote {
      font-size: 30px;
      margin-bottom: 12px;
    }
    .tst-masonry > .tst-card:not(.tst-card-featured) .tst-text {
      font-size: 12.3px;
      line-height: 1.58;
    }
    .tst-masonry > .tst-card:not(.tst-card-featured) .tst-author {
      padding-top: 14px;
    }
    @media (max-width: 1199px) {
      .tst-masonry {
        grid-template-rows: auto;
      }
      .tst-masonry > .tst-card:not(.tst-card-featured) {
        min-height: 230px;
      }
    }



    /* ════════════════════════════════
       FOOTER UPDATE - MATCH PROVIDED DESIGN
    ════════════════════════════════ */
    .apex-footer.apex-footer-v2 {
      margin-top: 0;
      padding: 40px 0 24px;
      border-top: none;
      background:
        radial-gradient(ellipse 820px 420px at 8% 0%, rgba(212,175,55,.08), transparent 58%),
        radial-gradient(ellipse 660px 360px at 90% 24%, rgba(46,204,113,.05), transparent 60%),
        linear-gradient(180deg, #071210 0%, #06110f 100%);
      color: rgba(236,241,233,.78);
      overflow: hidden;
    }

    .footer-v2-container {
      width: min(100% - 60px, 1280px);
      margin: 0 auto;
    }

    .footer-v2-main {
      display: grid;
      grid-template-columns: 1.12fr .92fr .92fr 1.04fr;
      gap: 16px;
      align-items: stretch;
    }

    .footer-v2-panel {
      position: relative;
      overflow: hidden;
      min-height: 477px;
      padding: 29px 28px;
      border: 1px solid rgba(212,175,55,.25);
      border-radius: 10px;
      background:
        radial-gradient(ellipse 420px 220px at 50% -18%, rgba(212,175,55,.08), transparent 62%),
        linear-gradient(145deg, rgba(20,35,30,.88), rgba(6,18,16,.94));
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 18px 44px rgba(0,0,0,.24);
    }

    .footer-v2-panel::before {
      content: '';
      position: absolute;
      inset: 0;
      pointer-events: none;
      background:
        radial-gradient(ellipse 170px 22px at 50% 0%, rgba(255,221,91,.75), transparent 65%),
        radial-gradient(ellipse 360px 170px at 80% 70%, rgba(255,255,255,.03), transparent 72%);
      opacity: .75;
    }

    .footer-v2-panel::after {
      content: '';
      position: absolute;
      left: 8%;
      right: 8%;
      bottom: -1px;
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(212,175,55,.75), transparent);
      pointer-events: none;
    }

    .footer-v2-brand-panel {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 50px 35px 36px;
    }

    .footer-v2-logo {
      position: relative;
      z-index: 1;
      display: flex;
      align-items: center;
      gap: 18px;
      margin-bottom: 27px;
    }

    .footer-v2-logo-mark {
      width: 62px;
      height: 62px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 12px;
      border: 1px solid rgba(212,175,55,.42);
      background: linear-gradient(145deg, rgba(52,74,55,.72), rgba(17,33,26,.95));
      color: #fff;
      font-family: 'Montserrat', sans-serif;
      font-size: 33px;
      font-weight: 900;
      box-shadow:
        0 0 25px rgba(212,175,55,.18),
        inset 0 1px 0 rgba(255,255,255,.08);
    }

    .footer-v2-logo-text strong {
      display: block;
      color: #fff;
      font-family: 'Montserrat', sans-serif;
      font-size: 22px;
      line-height: 1;
      font-weight: 900;
      letter-spacing: .25em;
    }

    .footer-v2-logo-text span {
      display: block;
      margin-top: 7px;
      color: #fff;
      font-size: 11px;
      line-height: 1;
      font-weight: 800;
      letter-spacing: .38em;
      text-transform: uppercase;
    }

    .footer-v2-about {
      position: relative;
      z-index: 1;
      max-width: 288px;
      margin: 0 0 31px;
      color: rgba(255,255,255,.82);
      font-size: 12px;
      line-height: 1.9;
    }

    .footer-v2-socials {
      position: relative;
      z-index: 1;
      display: flex;
      align-items: center;
      gap: 18px;
      margin-bottom: 31px;
    }

    .footer-v2-socials a {
      width: 40px;
      height: 40px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 9px;
      color: #fff;
      font-size: 20px;
      box-shadow: 0 12px 24px rgba(0,0,0,.30);
      transition: transform .22s ease, filter .22s ease;
    }
    .footer-v2-socials a:hover { transform: translateY(-4px); filter: brightness(1.08); }
    .footer-v2-socials .ig { background: linear-gradient(135deg,#ffde59 0%,#ff4f79 46%,#8a3ffc 100%); }
    .footer-v2-socials .tk { background: #050505; }
    .footer-v2-socials .yt { background: #ff1616; }
    .footer-v2-socials .fb { background: linear-gradient(135deg,#4aa3ff,#1877f2); }

    .footer-v2-trust {
      position: relative;
      z-index: 1;
      display: inline-flex;
      align-items: center;
      gap: 9px;
      color: rgba(255,255,255,.78);
      font-size: 12px;
      line-height: 1.4;
    }
    .footer-v2-trust i { color: #2ecc71; font-size: 16px; }

    .footer-v2-links-panel,
    .footer-v2-services-panel,
    .footer-v2-platforms-panel { padding: 32px 28px; }
    .footer-v2-links-grid {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: 1.05fr .95fr;
      gap: 34px;
    }
    .footer-v2-block + .footer-v2-block { margin-top: 30px; }

    .footer-v2-title {
      margin: 0 0 17px;
      color: var(--gold);
      font-family: 'Montserrat', sans-serif;
      font-size: 12px;
      font-weight: 900;
      letter-spacing: .17em;
      text-transform: uppercase;
    }

    .footer-v2-list {
      list-style: none;
      margin: 0;
      padding: 0;
      border-top: 1px solid rgba(255,255,255,.10);
    }

    .footer-v2-list li {
      border-bottom: 1px solid rgba(255,255,255,.07);
    }

    .footer-v2-list a {
      min-height: 41px;
      display: flex;
      align-items: center;
      gap: 11px;
      color: rgba(255,255,255,.78);
      font-size: 12px;
      line-height: 1.35;
      transition: color .2s ease, transform .2s ease;
    }

    .footer-v2-list a:hover { color: #fff; transform: translateX(3px); }

    .footer-v2-list a::before {
      content: '\F285';
      font-family: 'bootstrap-icons';
      color: rgba(255,255,255,.55);
      font-size: 10px;
      line-height: 1;
    }

    .footer-v2-platforms a::before { display: none; }
    .footer-v2-platforms i {
      width: 13px;
      display: inline-flex;
      justify-content: center;
      font-size: 13px;
      line-height: 1;
    }
    .footer-v2-platforms .bi-instagram { color: #e1306c; }
    .footer-v2-platforms .bi-tiktok { color: rgba(255,255,255,.75); }
    .footer-v2-platforms .bi-youtube { color: #ff0000; }
    .footer-v2-platforms .bi-facebook { color: #1877f2; }

    .footer-v2-contact-panel { padding: 28px 22px 16px; }
    .footer-v2-contact-list {
      position: relative;
      z-index: 1;
      display: grid;
      gap: 8px;
      margin-bottom: 22px;
    }

    .footer-v2-contact-card {
      min-height: 56px;
      display: grid;
      grid-template-columns: 40px 1fr;
      align-items: center;
      gap: 11px;
      padding: 10px;
      border-radius: 6px;
      border: 1px solid rgba(255,255,255,.06);
      background: rgba(255,255,255,.045);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
    }

    .footer-v2-contact-icon {
      width: 36px;
      height: 36px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 8px;
      color: var(--gold);
      font-size: 19px;
      background: rgba(212,175,55,.10);
      border: 1px solid rgba(212,175,55,.16);
      box-shadow: 0 6px 16px rgba(0,0,0,.18);
    }

    .footer-v2-contact-label {
      display: block;
      margin-bottom: 5px;
      color: rgba(255,255,255,.62);
      font-size: 10px;
      line-height: 1;
    }

    .footer-v2-contact-value {
      display: block;
      color: rgba(255,255,255,.86);
      font-size: 12px;
      line-height: 1.35;
    }

    .footer-v2-hours {
      position: relative;
      z-index: 1;
      padding: 18px 16px 17px;
      border-radius: 8px;
      border: 1px solid rgba(212,175,55,.48);
      background:
        radial-gradient(ellipse 250px 105px at 70% 100%, rgba(212,175,55,.18), transparent 62%),
        rgba(212,175,55,.075);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06),
        0 0 26px rgba(212,175,55,.10);
    }
    .footer-v2-hours::after {
      content: '';
      position: absolute;
      left: 18px;
      right: 18px;
      bottom: -1px;
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(255,220,95,.85), transparent);
    }
    .footer-v2-hours-head {
      display: flex;
      align-items: center;
      gap: 9px;
      margin-bottom: 16px;
      color: var(--gold);
      font-size: 12px;
      font-weight: 900;
    }
    .footer-v2-hours-head i {
      width: 18px;
      height: 18px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      color: #1c1706;
      background: var(--gold);
      font-size: 10px;
    }
    .footer-v2-hour-row {
      display: flex;
      justify-content: space-between;
      gap: 14px;
      margin-top: 12px;
      color: rgba(255,255,255,.74);
      font-size: 12px;
      line-height: 1.2;
    }
    .footer-v2-hour-row strong {
      color: var(--gold);
      font-weight: 900;
    }

    .footer-v2-bottom {
      min-height: 64px;
      margin-top: 17px;
      display: grid;
      grid-template-columns: 1fr auto 1fr;
      align-items: center;
      gap: 26px;
      padding: 0 23px;
      border-radius: 8px;
      border: 1px solid rgba(212,175,55,.18);
      background: rgba(15,30,25,.65);
      color: rgba(255,255,255,.42);
      font-size: 12px;
    }

    .footer-v2-policies {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 15px;
      white-space: nowrap;
    }
    .footer-v2-policies a {
      color: rgba(255,255,255,.72);
      transition: color .2s ease;
    }
    .footer-v2-policies a:hover { color: #fff; }
    .footer-v2-dot { color: rgba(212,175,55,.58); font-size: 10px; }
    .footer-v2-business {
      justify-self: end;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      color: rgba(255,255,255,.42);
      white-space: nowrap;
    }
    .footer-v2-business i { color: #2ecc71; }

    @media (max-width: 1050px) {
      .footer-v2-main { grid-template-columns: 1fr 1fr; }
      .footer-v2-contact-panel { grid-column: 1 / -1; min-height: auto; }
      .footer-v2-contact-list { grid-template-columns: repeat(2, 1fr); }
      .footer-v2-hours { max-width: none; }
      .footer-v2-bottom { grid-template-columns: 1fr; justify-items: center; padding: 18px; text-align: center; }
      .footer-v2-business { justify-self: center; }
    }

    @media (max-width: 760px) {
      .apex-footer.apex-footer-v2 { padding-top: 24px; }
      .footer-v2-container { width: min(100% - 24px, 1280px); }

      /* All panels stack full width */
      .footer-v2-main {
        display: grid;
        grid-template-columns: 1fr;
        gap: 12px;
      }
      .footer-v2-brand-panel { grid-column: 1; grid-row: 1; padding: 20px 18px; min-height: auto; }
      .footer-v2-links-panel { grid-column: 1; grid-row: 2; padding: 20px 18px; min-height: auto; }
      .footer-v2-contact-panel { grid-column: 1; grid-row: 3; min-height: auto; padding: 20px 18px; }

      /* Links: Services | Platforms+Company side by side */
      .footer-v2-links-grid { grid-template-columns: 1fr 1fr; gap: 0 20px; }
      .footer-v2-block + .footer-v2-block { margin-top: 24px; }

      /* Contact grid: 2×2 */
      .footer-v2-contact-list { grid-template-columns: repeat(2, 1fr); gap: 10px; }
      .footer-v2-hours { max-width: none; margin-top: 14px; }

      /* Bottom bar */
      .footer-v2-bottom { grid-template-columns: 1fr; justify-items: center; padding: 16px; text-align: center; gap: 8px; }
      .footer-v2-business { justify-self: center; }
      .footer-v2-policies { flex-wrap: wrap; gap: 8px 12px; white-space: normal; justify-content: center; }
    }

    @media (max-width: 460px) {
      .footer-v2-main { gap: 10px; }
      .footer-v2-brand-panel { padding: 16px 14px; }
      .footer-v2-links-panel { padding: 16px 14px; }
      .footer-v2-contact-panel { padding: 16px 14px; }
      .footer-v2-contact-list { grid-template-columns: repeat(2, 1fr); gap: 8px; }
      .footer-v2-logo-mark { width: 40px; height: 40px; font-size: 22px; }
      .footer-v2-logo-text strong { font-size: 15px; }
      .footer-v2-about { font-size: 11.5px; }
      .footer-v2-socials a { width: 34px; height: 34px; font-size: 16px; }
      .footer-v2-title { font-size: 10px; }
      .footer-v2-list a { font-size: 11.5px; }
      .footer-v2-bottom { font-size: 11px; }
    }



    /* ══ FULL SITE 95% SCREEN WIDTH OVERRIDE ══ */
    .site-wrap,
    .hero-section > .site-wrap,
    .wwd-container,
    .cr-container,
    .pkg-container,
    .tst-container,
    .insights-container,
    .footer-v2-container {
      width: 95% !important;
      max-width: none !important;
      margin-left: auto !important;
      margin-right: auto !important;
    }

    /* Mobile: platform tabs layout like screenshot */
    @media (max-width: 575px) {
      .pkg-platform-tabs {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
        justify-items: center;
        align-items: center;
        padding: 0 12px;
        margin-bottom: 12px;
      }
      .pkg-platform-tabs .pkg-tab {
        width: 100%;
        justify-content: center;
        padding: 12px 10px;
        border-radius: 12px;
        min-width: 0;
      }
      .pkg-platform-tabs .pkg-tab .pkg-tab-icon {
        width: 44px;
        height: 44px;
        font-size: 18px;
      }
      /* Center the 4th tab (Facebook) under the first row */
      .pkg-platform-tabs .pkg-tab:nth-child(4) { grid-column: 2 / 3; }
      .pkg-platform-tabs .pkg-tab.active,
      .pkg-platform-tabs .pkg-tab:hover {
        transform: none;
        background: #fff;
        color: #151515;
        border-color: rgba(212,175,55,.9);
        box-shadow: 0 6px 30px rgba(212,175,55,.28), 0 0 36px rgba(212,175,55,.18);
      }
    }

  

/* ═════════════════════════════════════════════════════════════
   SAFE PROFESSIONAL GRAPHICAL ANIMATION LAYER
   Layout-safe: no image source, image size, image position, or section HTML changed.
═════════════════════════════════════════════════════════════ */
:root {
  --pro-ease: cubic-bezier(.22, 1, .36, 1);
  --pro-gold-soft: rgba(212,175,55,.18);
  --pro-gold-strong: rgba(212,175,55,.42);
}

html.pro-anim-ready { scroll-behavior: smooth; }

/* premium moving page ambience without touching layout boxes */
@media (prefers-reduced-motion: no-preference) {
  body {
    background-image:
      radial-gradient(ellipse 420px 320px at 96% 80%, rgba(0,0,0,.12) 0%, transparent 70%),
      radial-gradient(ellipse 760px 420px at 12% 12%, rgba(212,175,55,.075), transparent 64%),
      radial-gradient(ellipse 620px 360px at 88% 42%, rgba(255,255,255,.03), transparent 62%),
      radial-gradient(ellipse 680px 420px at 44% 102%, rgba(212,175,55,.055), transparent 65%);
    background-size: auto, 160% 160%, 145% 145%, 170% 170%;
    animation: proPageAmbience 18s ease-in-out infinite alternate;
  }

  @keyframes proPageAmbience {
    0%   { background-position: 0 0, 0% 0%, 100% 20%, 50% 100%; }
    100% { background-position: 0 0, 14% 10%, 84% 34%, 58% 86%; }
  }
}

/* thin scroll progress bar */
.pro-scroll-progress {
  position: fixed;
  top: 0;
  left: 0;
  width: 0%;
  height: 3px;
  z-index: 99999;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, #D4AF37, #fff2a8, #D4AF37);
  box-shadow: 0 0 18px rgba(212,175,55,.68);
  transition: width .12s linear;
}

/* scroll reveal: safe elements only, never direct image wrappers */
html.pro-anim-ready .pro-reveal {
  opacity: 0;
  transform: translate3d(0, 18px, 0);
  filter: blur(7px);
  transition:
    opacity .78s var(--pro-ease) var(--pro-delay, 0ms),
    transform .78s var(--pro-ease) var(--pro-delay, 0ms),
    filter .78s var(--pro-ease) var(--pro-delay, 0ms);
  will-change: opacity, transform, filter;
}

html.pro-anim-ready .pro-reveal.pro-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  filter: blur(0);
}

/* refined text glow */
.hero-title,
.wwd-main-title,
.about-heading,
.cr-title,
.pkg-title,
.tst-title,
.insights-title {
  text-shadow: 0 20px 48px rgba(0,0,0,.34);
}

.hero-sub,
.heading-gold,
.wwd-main-title span,
.pkg-title span,
.tst-title span,
.insights-title span {
  text-shadow: 0 0 18px rgba(212,175,55,.20);
}

/* button shine, no layout movement */
.btn-cta,
.btn-primary-hero,
.btn-ghost-hero,
.ab-btn-gold,
.ab-btn-ghost,
.wwd-btn,
.pkg-card-btn,
.pkg-custom-btn,
.cr-main-cta,
.cr-view-all,
.insights-cta-button,
.insights-view-btn,
.insights-post-link {
  position: relative;
  overflow: hidden;
}

.btn-cta::before,
.btn-primary-hero::before,
.btn-ghost-hero::before,
.ab-btn-gold::before,
.ab-btn-ghost::before,
.wwd-btn::before,
.pkg-card-btn::before,
.pkg-custom-btn::before,
.cr-main-cta::before,
.cr-view-all::before,
.insights-cta-button::before,
.insights-view-btn::before,
.insights-post-link::before {
  content: '';
  position: absolute;
  top: -45%;
  bottom: -45%;
  left: -80%;
  width: 45%;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.34), transparent);
  transform: skewX(-18deg);
  transition: left .65s var(--pro-ease);
}

.btn-cta:hover::before,
.btn-primary-hero:hover::before,
.btn-ghost-hero:hover::before,
.ab-btn-gold:hover::before,
.ab-btn-ghost:hover::before,
.wwd-btn:hover::before,
.pkg-card-btn:hover::before,
.pkg-custom-btn:hover::before,
.cr-main-cta:hover::before,
.cr-view-all:hover::before,
.insights-cta-button:hover::before,
.insights-view-btn:hover::before,
.insights-post-link:hover::before {
  left: 130%;
}

/* professional card depth */
.wwd-card,
.cr-card,
.pkg-card,
.tst-card,
.insights-post,
.insights-cat-card,
.feature-strip,
.stats-strip,
.ab-stat,
.ab-team-pill,
.wwd-metrics,
.wwd-steps-panel,
.wwd-bottom-cta,
.cr-hero-panel,
.cr-testimonial-card,
.tst-rating-panel,
.tst-video-card,
.tst-trust-card,
.insights-featured,
.insights-newsletter,
.footer-v2-panel,
.footer-v2-brand-panel,
.footer-v2-contact-card {
  transition:
    transform .32s var(--pro-ease),
    border-color .32s var(--pro-ease),
    box-shadow .32s var(--pro-ease),
    filter .32s var(--pro-ease);
}

.wwd-card:hover,
.cr-card:hover,
.pkg-card:hover,
.tst-card:hover,
.insights-post:hover,
.insights-cat-card:hover,
.ab-stat:hover,
.cr-testimonial-card:hover,
.footer-v2-contact-card:hover {
  border-color: rgba(212,175,55,.48);
  box-shadow:
    0 26px 56px rgba(0,0,0,.34),
    0 0 32px rgba(212,175,55,.10),
    inset 0 1px 0 rgba(255,255,255,.08);
  filter: saturate(1.035);
}

/* icon pulse only on icon boxes, not images */
@media (prefers-reduced-motion: no-preference) {
  .feat-icon,
  .stat-icon,
  .ab-stat-icon,
  .wwd-card-icon,
  .wwd-custom-icon,
  .wwd-metric-icon,
  .wwd-step-icon,
  .wwd-cta-icon,
  .pkg-plan-icon,
  .cr-title-icon,
  .cr-social,
  .tst-platform-icon,
  .tst-trust-icon,
  .insights-cat-icon,
  .footer-v2-contact-icon {
    animation: proIconPulse 3.8s ease-in-out infinite;
  }

  @keyframes proIconPulse {
    0%, 100% { filter: drop-shadow(0 0 0 rgba(212,175,55,0)); }
    50%      { filter: drop-shadow(0 0 12px rgba(212,175,55,.24)); }
  }

  .sc-chart-area span,
  .sc-ls-chart span,
  .cr-bar,
  .tst-bar-fill,
  .insights-phone-bar {
    transform-origin: bottom center;
    animation: proBarLive 2.8s ease-in-out infinite alternate;
  }

  @keyframes proBarLive {
    0%   { filter: drop-shadow(0 0 0 rgba(212,175,55,0)); }
    100% { filter: drop-shadow(0 0 9px rgba(212,175,55,.28)); }
  }
}

/* elegant section glow without changing stacking order */
.hero-section,
.about-section,
.wwd-section,
.client-results-section,
.packages-section,
.testimonials-section,
.insights-section,
.apex-footer {
  box-shadow: inset 0 0 0 rgba(212,175,55,0);
}

@media (prefers-reduced-motion: no-preference) {
  .hero-section,
  .about-section,
  .wwd-section,
  .client-results-section,
  .packages-section,
  .testimonials-section,
  .insights-section {
    animation: proSectionDepth 8s ease-in-out infinite alternate;
  }

  @keyframes proSectionDepth {
    from { box-shadow: inset 0 0 0 rgba(212,175,55,0); }
    to   { box-shadow: inset 0 0 70px rgba(212,175,55,.035); }
  }
}

@media (max-width: 768px) {
  .pro-scroll-progress { height: 2px; }
  html.pro-anim-ready .pro-reveal {
    transform: translate3d(0, 12px, 0);
    filter: blur(5px);
  }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
  .pro-reveal {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
  }
}


/* ═════════════════════════════════════════════════════════════
   BACKGROUND ONLY UPDATE - Reference image dark green/gold theme
   Content, layout, images and text are untouched.
═════════════════════════════════════════════════════════════ */
html,
body {
  background-color: #0b1a13 !important;
}

body {
  background:
    radial-gradient(ellipse 920px 560px at 78% 8%, rgba(212,175,55,.105) 0%, rgba(212,175,55,.035) 34%, transparent 66%),
    radial-gradient(ellipse 760px 520px at 8% 0%, rgba(255,235,165,.075) 0%, transparent 58%),
    radial-gradient(ellipse 980px 760px at 52% 104%, rgba(0,0,0,.42) 0%, transparent 62%),
    linear-gradient(180deg, #13241b 0%, #0d1b14 44%, #07120e 100%) !important;
  background-attachment: fixed !important;
}

body::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 78% 18%, rgba(255,224,150,.08), transparent 18%),
    radial-gradient(circle at 15% 18%, rgba(255,255,255,.045), transparent 16%),
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.014) 1px, transparent 1px);
  background-size: auto, auto, 46px 46px, 46px 46px;
  opacity: .82;
  mix-blend-mode: screen;
}

body::after {
  content: '';
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(120deg, transparent 0%, rgba(212,175,55,.045) 46%, transparent 68%),
    radial-gradient(ellipse at center, transparent 42%, rgba(0,0,0,.35) 100%);
  opacity: .72;
}

.hero-section,
.about-section,
.wwd-section,
.client-results-section,
.packages-section,
.testimonials-section,
.insights-section,
.apex-footer {
  background:
    radial-gradient(ellipse 900px 560px at 82% 10%, rgba(212,175,55,.09), transparent 62%),
    radial-gradient(ellipse 720px 480px at 8% 8%, rgba(255,245,210,.045), transparent 55%),
    radial-gradient(ellipse 920px 620px at 50% 112%, rgba(0,0,0,.36), transparent 65%),
    linear-gradient(180deg, #13241b 0%, #0d1b14 52%, #08130f 100%) !important;
}

.hero-section::before,
.about-section::before,
.wwd-section::before,
.client-results-section::before,
.packages-section::before,
.testimonials-section::before,
.insights-section::before,
.apex-footer::before {
  background:
    radial-gradient(ellipse 720px 420px at 52% -10%, rgba(212,175,55,.08), transparent 62%),
    radial-gradient(ellipse 520px 420px at 96% 44%, rgba(212,175,55,.055), transparent 66%),
    radial-gradient(ellipse 700px 460px at 0% 100%, rgba(255,255,255,.03), transparent 62%) !important;
}

/* Mobile keeps same background look without layout changes */
@media (max-width: 768px) {
  body,
  .hero-section,
  .about-section,
  .wwd-section,
  .client-results-section,
  .packages-section,
  .testimonials-section,
  .insights-section,
  .apex-footer {
    background:
      radial-gradient(ellipse 520px 420px at 72% 5%, rgba(212,175,55,.10), transparent 62%),
      radial-gradient(ellipse 430px 360px at 8% 16%, rgba(255,245,210,.045), transparent 58%),
      linear-gradient(180deg, #13241b 0%, #0d1b14 54%, #07120e 100%) !important;
  }
}


/* ═════════════════════════════════════════════════════════════
   REQUESTED UPDATE: Case-study client cards + sticky scroll navbar
   Only the result cards and scroll navbar behaviour are overridden.
═════════════════════════════════════════════════════════════ */

/* Sticky navbar that appears like the mobile reference while scrolling */
.apex-nav.nav-scrolled {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  width: 100% !important;
  padding: 10px clamp(18px, 2.5vw, 44px) !important;
  background: linear-gradient(180deg, rgba(21, 34, 27, .98), rgba(14, 27, 20, .97)) !important;
  border-bottom: 1px solid rgba(212,175,55,.16);
  box-shadow: 0 18px 38px rgba(0,0,0,.28);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  z-index: 9999 !important;
  animation: navDropIn .26s ease both;
}

@keyframes navDropIn {
  from { transform: translateY(-100%); opacity: .65; }
  to   { transform: translateY(0); opacity: 1; }
}

.apex-nav.nav-scrolled .nav-inner {
  width: 95%;
  max-width: none;
  margin: 0 auto;
}

.apex-nav.nav-scrolled .brand-logo {
  height: clamp(42px, 4vw, 54px);
  mix-blend-mode: normal;
}

.apex-nav.nav-scrolled .btn-cta {
  background: linear-gradient(135deg, #f2cc69 0%, #d4af37 58%, #b98b35 100%);
  color: #fff;
  border-color: rgba(255,224,134,.45);
  box-shadow: 0 9px 22px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.24);
}

@media (max-width: 991px) {
  .apex-nav.nav-scrolled {
    padding: 8px 14px !important;
  }
  .apex-nav.nav-scrolled .nav-inner {
    width: 100%;
    gap: 10px;
  }
  .apex-nav.nav-scrolled .brand-logo {
    height: 42px !important;
    max-width: 158px !important;
  }
  .apex-nav.nav-scrolled .nav-right {
    gap: 14px;
  }
  .apex-nav.nav-scrolled .nav-right > .btn-cta {
    display: inline-flex !important;
    min-height: 38px;
    padding: 10px 17px !important;
    border-radius: 8px;
    font-size: 12px !important;
    line-height: 1;
    white-space: nowrap;
  }
  .apex-nav.nav-scrolled .nav-toggle {
    display: inline-flex !important;
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #fff;
  }
  .apex-nav.nav-scrolled .nav-toggle i { font-size: 32px; }
}

@media (max-width: 430px) {
  .apex-nav.nav-scrolled .brand-logo { max-width: 132px !important; height: 38px !important; }
  .apex-nav.nav-scrolled .nav-right { gap: 8px; }
  .apex-nav.nav-scrolled .nav-right > .btn-cta {
    padding: 9px 12px !important;
    font-size: 10.5px !important;
  }
  .apex-nav.nav-scrolled .btn-cta i { font-size: 12px; }
}

/* Client result cards — show only 3 cards, no slider */
.cr-cards-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
  margin-top: 18px !important;
  padding: 8px 0 16px !important;
  overflow: visible !important;
  scroll-snap-type: none !important;
  scrollbar-width: auto !important;
}

/* Hide cards 4 and 5 — only show first 3 + more */
.cr-card:nth-child(4),
.cr-card:nth-child(5) { display: none !important; }

/* Hide the More Results card */
.cr-more-card { display: none !important; }

/* Hide nav arrows — no slider */
.cr-nav-arrows { display: none !important; }

.cr-cards-grid::-webkit-scrollbar { display: none; }

.cr-card {
  flex: none !important;
  min-width: 0 !important;
  min-height: 360px !important;
  position: relative;
  scroll-snap-align: start;
  padding: 22px 22px 18px !important;
  border: 1px solid rgba(255,255,255,.72) !important;
  border-radius: 17px !important;
  color: #151a16 !important;
  background:
    radial-gradient(ellipse 230px 110px at 84% 0%, rgba(212,175,55,.12), transparent 68%),
    linear-gradient(180deg, #fbfaf4 0%, #efeee6 100%) !important;
  box-shadow:
    0 22px 42px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.96) !important;
  overflow: hidden;
}

.cr-card::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 46%;
  background: linear-gradient(180deg, transparent, rgba(30,43,34,.08));
  pointer-events: none;
}

.cr-card:hover {
  transform: translateY(-8px) !important;
  border-color: rgba(212,175,55,.72) !important;
  box-shadow:
    0 28px 58px rgba(0,0,0,.34),
    0 0 36px rgba(212,175,55,.14),
    inset 0 1px 0 rgba(255,255,255,.98) !important;
  filter: none !important;
}

.cr-case-platform {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 3;
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 8px 18px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.92);
  font-size: 18px;
}
.cr-card:nth-child(1) .cr-case-platform i,
.cr-card:nth-child(4) .cr-case-platform i { color: #d62976; }
.cr-card:nth-child(2) .cr-case-platform i,
.cr-card:nth-child(5) .cr-case-platform i { color: #111; }
.cr-card:nth-child(3) .cr-case-platform i { color: #ff0000; }

.cr-client-top {
  position: relative;
  z-index: 2;
  gap: 12px !important;
  margin-bottom: 22px !important;
  padding-right: 46px;
}
.cr-avatar,
.cr-avatar.blue,
.cr-avatar.purple {
  width: 54px !important;
  height: 54px !important;
  flex-basis: 54px !important;
  color: #fff !important;
  font-size: 12px !important;
  border-radius: 999px !important;
  background: radial-gradient(ellipse at 32% 24%, #4c5b4a 0%, #17231d 64%, #0a120f 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 9px 18px rgba(0,0,0,.18);
}
.cr-client-name {
  color: #161916 !important;
  font-size: 15px !important;
  line-height: 1.05 !important;
  letter-spacing: -.025em;
}
.cr-client-type {
  color: #73796f !important;
  font-size: 10.5px !important;
  line-height: 1.25;
  font-weight: 700;
}

.cr-metrics-box {
  position: relative;
  z-index: 2;
  gap: 20px !important;
  margin-bottom: 16px !important;
}
.cr-mini-metric {
  padding: 0 !important;
  border: 0 !important;
}
.cr-mini-label {
  margin-bottom: 7px !important;
  color: #7c8278 !important;
  font-size: 9px !important;
  letter-spacing: .02em !important;
}
.cr-mini-value,
.cr-mini-value.gold {
  color: #151a16 !important;
  font-size: clamp(23px, 2.4vw, 31px) !important;
  line-height: .9 !important;
  letter-spacing: -.06em !important;
}

.cr-growth-grid {
  position: relative;
  z-index: 2;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin: 0 0 14px !important;
}
.cr-growth-grid > div {
  min-height: 56px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 10px 8px;
  border: 1px solid rgba(23,35,29,.08);
  border-radius: 10px;
  background: rgba(23,35,29,.055);
  text-align: center;
}
/* Hide the 4th stat cell so only 3 show */
.cr-growth-grid > div:nth-child(4) { display: none !important; }

.cr-growth-value,
.cr-growth-value.green {
  color: #17231d !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
}
.cr-growth-label {
  margin-top: 4px !important;
  color: #697166 !important;
  font-size: 8px !important;
  line-height: 1.15 !important;
}

.cr-case-chart {
  position: relative;
  z-index: 2;
  height: 90px;
  margin: 8px 0 16px;
  border-radius: 12px;
  overflow: hidden;
}
.cr-case-chart::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(23,35,29,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(23,35,29,.03) 1px, transparent 1px);
  background-size: 100% 20px, 44px 100%;
  opacity: .65;
}
.cr-case-chart svg {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: visible;
}
/* SVG area fill — applied via polygon sibling styling */
.cr-case-chart polygon {
  fill: url(#areaGrad);
  opacity: .35;
}
.cr-case-chart polyline {
  fill: none;
  stroke: #4a6b50;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 4px 6px rgba(23,35,29,.18));
}
.cr-case-chart circle {
  fill: #344d37;
  stroke: #f5f3ec;
  stroke-width: 2.5;
  r: 3.5;
}

.cr-card-bottom {
  position: relative;
  z-index: 2;
  margin-top: auto !important;
  padding-top: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  color: #17231d !important;
}
.cr-card-bottom > span:first-child { display: none; }
.cr-tiny-note {
  display: inline-flex;
  flex-direction: column;
  gap: 4px;
  color: #202820 !important;
  font-size: 12px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
}
.cr-tiny-note::before {
  content: 'Campaign Duration';
  color: #6e756d;
  font-size: 9px;
  line-height: 1;
  font-weight: 700;
}
.cr-card-bottom::after {
  content: 'View Full Case  →';
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  border-radius: 12px;
  color: #fff;
  font-size: 11px;
  line-height: 1;
  font-weight: 900;
  white-space: nowrap;
  background: linear-gradient(135deg, #d8b875, #b59050 58%, #94733d);
  box-shadow: 0 10px 20px rgba(129,96,43,.28), inset 0 1px 0 rgba(255,255,255,.35);
  transition: filter .2s, transform .18s;
}

.cr-more-card {
  flex: 0 0 285px !important;
  scroll-snap-align: start;
  min-height: 360px !important;
  padding: 26px 22px !important;
  border: 1px solid rgba(255,255,255,.72) !important;
  border-radius: 17px !important;
  background:
    radial-gradient(ellipse 210px 120px at 50% 8%, rgba(212,175,55,.18), transparent 68%),
    linear-gradient(180deg, #fbfaf4 0%, #efeee6 100%) !important;
  box-shadow: 0 22px 42px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.96) !important;
}
.cr-more-icon {
  width: 58px !important;
  height: 58px !important;
  margin-bottom: 18px !important;
  color: #161205 !important;
  font-size: 25px !important;
  background: linear-gradient(135deg, #f8d967, #d4af37 62%, #b98b35) !important;
}
.cr-more-title {
  color: #17231d !important;
  font-size: 27px !important;
}
.cr-more-title span { color: #d4af37 !important; }
.cr-more-text {
  max-width: 150px !important;
  color: #6c736b !important;
  font-size: 11px !important;
}
.cr-view-all {
  width: 100% !important;
  min-height: 43px !important;
  border-radius: 10px !important;
}

@media (max-width: 1199px) {
  .cr-card { flex-basis: calc((100% - 20px) / 2) !important; }
  .cr-more-card { flex-basis: calc((100% - 20px) / 2) !important; }
}

@media (max-width: 680px) {
  .cr-cards-grid {
    gap: 14px !important;
    padding-left: 2px;
    padding-right: 2px;
  }
  .cr-card,
  .cr-more-card {
    flex-basis: 88% !important;
    min-width: 0 !important;
    min-height: 350px !important;
  }
  .cr-growth-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .cr-card-bottom { align-items: flex-end !important; }
  .cr-card-bottom::after { padding: 0 11px; font-size: 8.8px; }
}



/* ═════════════════════════════════════════════════════════════
   REQUESTED UPDATE: Packages section like reference + fewer animations
   Only package UI and animation intensity are overridden.
═════════════════════════════════════════════════════════════ */
.packages-section {
  padding: clamp(52px, 6vw, 74px) 0 clamp(42px, 5vw, 64px) !important;
  background:
    radial-gradient(ellipse 760px 460px at 50% 0%, rgba(212,175,55,.105), transparent 62%),
    radial-gradient(ellipse 640px 420px at 0% 80%, rgba(212,175,55,.055), transparent 64%),
    radial-gradient(ellipse 720px 440px at 100% 78%, rgba(255,255,255,.028), transparent 62%),
    linear-gradient(180deg, #13231b 0%, #0f1f17 55%, #0b1812 100%) !important;
}

.packages-section::before {
  opacity: .18 !important;
  background:
    radial-gradient(ellipse 720px 360px at 50% -12%, rgba(212,175,55,.08), transparent 62%),
    radial-gradient(ellipse 420px 300px at 100% 52%, rgba(212,175,55,.04), transparent 68%) !important;
}

.pkg-container {
  width: min(100% - 34px, 1120px) !important;
  max-width: 1120px !important;
}

.pkg-eyebrow {
  gap: 12px !important;
  margin-bottom: 10px !important;
  font-size: 12px !important;
  letter-spacing: .18em !important;
  color: #d4af37 !important;
}

.pkg-eyebrow::before,
.pkg-eyebrow::after {
  width: 46px !important;
}

.pkg-eyebrow i { font-size: 10px !important; }

.pkg-head {
  margin-bottom: 22px !important;
  max-width: 660px !important;
}

.pkg-title {
  font-size: clamp(34px, 5vw, 58px) !important;
  line-height: 1.06 !important;
  font-weight: 900 !important;
  letter-spacing: -.04em !important;
}

.pkg-title span {
  display: inline !important;
  color: #d4af37 !important;
}

.pkg-subtitle {
  max-width: 440px !important;
  margin-top: 10px !important;
  color: rgba(255,255,255,.82) !important;
  font-size: clamp(14px, 1.5vw, 17px) !important;
  line-height: 1.55 !important;
}

.pkg-platform-tabs {
  width: 100% !important;
  max-width: 1080px !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 24px auto 26px !important;
}

.pkg-tab {
  position: relative !important;
  min-width: 0 !important;
  width: 100% !important;
  min-height: 74px !important;
  padding: 15px 20px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  background: linear-gradient(145deg, rgba(255,255,255,.085), rgba(255,255,255,.045)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 14px 30px rgba(0,0,0,.18) !important;
  transition: transform .16s ease, border-color .16s ease, background .16s ease !important;
}

.pkg-tab:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(212,175,55,.45) !important;
}

.pkg-tab.active {
  color: #151515 !important;
  background: linear-gradient(180deg, #fff 0%, #f2efe8 100%) !important;
  border-color: rgba(212,175,55,.86) !important;
  box-shadow:
    0 16px 28px rgba(0,0,0,.34),
    0 0 0 2px rgba(212,175,55,.22),
    inset 0 1px 0 rgba(255,255,255,.95) !important;
}

.pkg-tab.active::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -13px;
  width: 0;
  height: 0;
  transform: translateX(-50%);
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 14px solid #f2efe8;
  filter: drop-shadow(0 4px 0 rgba(212,175,55,.56));
}

.pkg-tab-icon {
  width: 38px !important;
  height: 38px !important;
  flex-basis: 38px !important;
  border-radius: 10px !important;
  font-size: 20px !important;
}

.pkg-tab-text strong {
  font-size: 13px !important;
  line-height: 1.1 !important;
}

.pkg-tab-text span {
  margin-top: 4px !important;
  font-size: 11px !important;
}

.pkg-trust-pill,
.pkg-custom-plan {
  display: none !important;
}

.pkg-packages-intro {
  text-align: center;
  margin: 22px auto 22px;
}

.pkg-packages-title {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin: 0 0 9px;
  color: #f7f5ee;
  font-size: clamp(22px, 3vw, 36px);
  line-height: 1.15;
  font-weight: 900;
  letter-spacing: -.035em;
}

.pkg-instagram-mark {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  color: #fff;
  font-size: 20px;
  background: linear-gradient(135deg, #feda75, #d62976 48%, #962fbf);
  box-shadow: 0 8px 18px rgba(214,41,118,.23);
}

.pkg-packages-desc {
  max-width: 570px;
  margin: 0 auto;
  color: rgba(255,255,255,.82);
  font-size: clamp(13px, 1.5vw, 17px);
  line-height: 1.55;
  font-weight: 500;
}

.pkg-cards {
  grid-template-columns: repeat(2, minmax(280px, 430px)) !important;
  gap: clamp(18px, 3vw, 30px) !important;
  justify-content: center !important;
  align-items: stretch !important;
  margin: 0 auto !important;
}

.pkg-card {
  max-width: 430px !important;
  min-height: 0 !important;
  padding: 42px 48px 32px !important;
  border-radius: 28px !important;
  background: linear-gradient(180deg, #fbfaf7 0%, #f1f0ea 100%) !important;
  border: 1px solid rgba(255,255,255,.9) !important;
  color: #17231d !important;
  text-align: center !important;
  box-shadow:
    0 24px 42px rgba(0,0,0,.33),
    inset 0 1px 0 rgba(255,255,255,.98) !important;
  transform: none !important;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease !important;
}

.pkg-card:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(212,175,55,.42) !important;
  box-shadow:
    0 26px 46px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.98) !important;
  filter: none !important;
}

.pkg-card.is-featured {
  transform: none !important;
  border-color: rgba(212,175,55,.92) !important;
  box-shadow:
    0 24px 46px rgba(0,0,0,.35),
    0 0 0 3px rgba(212,175,55,.62),
    inset 0 1px 0 rgba(255,255,255,.98) !important;
}

.pkg-popular {
  top: 0 !important;
  left: 50% !important;
  min-width: 190px !important;
  height: 28px !important;
  padding: 0 16px !important;
  border-radius: 0 0 8px 8px !important;
  background: linear-gradient(135deg, #dfb74a, #c39132 60%, #a9782a) !important;
  color: #fff6d6 !important;
  font-size: 10px !important;
  letter-spacing: .08em !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.20) !important;
}

.pkg-plan-icon {
  display: none !important;
}

.pkg-card h3 {
  margin: 0 0 8px !important;
  color: #19231d !important;
  font-size: clamp(18px, 2vw, 22px) !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.pkg-plan-sub,
.pkg-onetime {
  display: none !important;
}

.pkg-small-line {
  position: relative !important;
  width: 76px !important;
  height: 1px !important;
  margin: 0 auto 18px !important;
  background: linear-gradient(90deg, transparent, rgba(212,175,55,.95), transparent) !important;
}

.pkg-small-line::after {
  content: '✦';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -54%);
  padding: 0 7px;
  color: #d4af37;
  background: #f8f7f2;
  font-size: 12px;
  line-height: 1;
}

.pkg-price-row {
  justify-content: center !important;
  align-items: flex-end !important;
  gap: 8px !important;
  margin: 0 0 22px !important;
}

.pkg-currency {
  padding: 0 0 12px !important;
  color: #111 !important;
  font-size: 22px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
}

.pkg-price {
  color: #111 !important;
  font-size: clamp(48px, 5vw, 70px) !important;
  line-height: .9 !important;
  font-weight: 900 !important;
  letter-spacing: -.07em !important;
}

.pkg-period {
  padding-bottom: 12px;
  color: #2d2d2d;
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
}

.pkg-followers {
  min-height: 58px !important;
  justify-content: center !important;
  gap: 14px !important;
  padding: 10px 18px !important;
  margin: 0 auto 22px !important;
  border: none !important;
  border-radius: 10px !important;
  background: #e6e9df !important;
  color: #17231d !important;
  text-align: left !important;
}

.pkg-followers i {
  color: #203a2b !important;
  font-size: 31px !important;
}

.pkg-followers strong {
  display: block;
  color: #17231d;
  font-size: 18px;
  line-height: 1.05;
  font-weight: 900;
}

.pkg-followers span {
  display: block;
  margin-top: 3px;
  color: #26342b;
  font-size: 11px;
  line-height: 1.05;
  font-weight: 600;
}

.pkg-list {
  gap: 12px !important;
  margin: 0 0 28px !important;
  text-align: left !important;
}

.pkg-list li {
  gap: 10px !important;
  color: #243129 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
}

.pkg-list i {
  margin-top: 1px !important;
  color: #1e3b2a !important;
  font-size: 15px !important;
}

.pkg-card-btn {
  width: 100% !important;
  min-height: 56px !important;
  max-width: 300px !important;
  margin: auto auto 0 !important;
  border-radius: 10px !important;
  color: #fff !important;
  background: linear-gradient(135deg, #dcb455, #c69030 62%, #b07e28) !important;
  border: 1px solid rgba(145,99,32,.25) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  box-shadow: 0 12px 22px rgba(153,103,34,.28), inset 0 1px 0 rgba(255,255,255,.32) !important;
  transition: transform .16s ease, filter .16s ease !important;
}

.pkg-card-btn:hover {
  color: #fff !important;
  transform: translateY(-1px) !important;
  filter: brightness(1.03) !important;
}

.pkg-benefits-bar {
  max-width: 1120px !important;
  margin: 34px auto 0 !important;
  grid-template-columns: repeat(4, 1fr) !important;
  border-radius: 26px !important;
  border: 1px solid rgba(212,175,55,.26) !important;
  background: linear-gradient(145deg, rgba(22,38,29,.84), rgba(12,26,18,.86)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 18px 34px rgba(0,0,0,.24) !important;
}

.pkg-benefit {
  min-height: 104px !important;
  flex-direction: column !important;
  gap: 8px !important;
  padding: 18px 16px !important;
  text-align: center !important;
  border-left: 1px solid rgba(255,255,255,.10) !important;
}

.pkg-benefit:first-child { border-left: none !important; }
.pkg-benefit i { font-size: 33px !important; color: #d4af37 !important; }
.pkg-benefit strong { font-size: 14px !important; line-height: 1.1 !important; }
.pkg-benefit span { font-size: 11px !important; line-height: 1.25 !important; color: rgba(255,255,255,.76) !important; }

/* Less animation across the full page: keep hover feedback, remove constant motion. */
@media (prefers-reduced-motion: no-preference) {
  body,
  .hero-section,
  .about-section,
  .wwd-section,
  .client-results-section,
  .packages-section,
  .testimonials-section,
  .insights-section,
  .feat-icon,
  .stat-icon,
  .ab-stat-icon,
  .wwd-card-icon,
  .wwd-custom-icon,
  .wwd-metric-icon,
  .wwd-step-icon,
  .wwd-cta-icon,
  .pkg-plan-icon,
  .cr-title-icon,
  .cr-social,
  .tst-platform-icon,
  .tst-trust-icon,
  .insights-cat-icon,
  .footer-v2-contact-icon,
  .sc-chart-area span,
  .sc-ls-chart span,
  .cr-bar,
  .tst-bar-fill,
  .insights-phone-bar {
    animation: none !important;
  }
}

html.pro-anim-ready .pro-reveal,
html.pro-anim-ready .pro-reveal.pro-visible {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
  transition: none !important;
  will-change: auto !important;
}

.apex-nav.nav-scrolled {
  animation: none !important;
}

.pro-scroll-progress {
  height: 2px !important;
  box-shadow: 0 0 10px rgba(212,175,55,.35) !important;
  transition: width .06s linear !important;
}

.s-box,
.btn-cta,
.btn-primary-hero,
.btn-ghost-hero,
.wwd-card,
.cr-card,
.pkg-card,
.tst-card,
.insights-post,
.insights-cat-card,
.ab-stat,
.cr-testimonial-card,
.footer-v2-contact-card {
  transition-duration: .16s !important;
}

@media (max-width: 900px) {
  .pkg-platform-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .pkg-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .pkg-card {
    padding: 36px 26px 28px !important;
  }
}

@media (max-width: 700px) {
  .pkg-container { width: min(100% - 22px, 1120px) !important; }
  .pkg-platform-tabs { gap: 10px !important; }
  .pkg-tab { min-height: 68px !important; padding: 12px 14px !important; }
  .pkg-cards { grid-template-columns: 1fr !important; max-width: 430px !important; }
  .pkg-benefits-bar { grid-template-columns: repeat(2, 1fr) !important; }
  .pkg-benefit,
  .pkg-benefit:first-child { border-left: none !important; }
  .pkg-benefit:nth-child(odd) { border-right: 1px solid rgba(255,255,255,.10) !important; }
  .pkg-benefit:nth-child(n+3) { border-top: 1px solid rgba(255,255,255,.10) !important; }
}

@media (max-width: 480px) {
  .pkg-eyebrow { font-size: 10px !important; letter-spacing: .12em !important; }
  .pkg-eyebrow::before,
  .pkg-eyebrow::after { width: 24px !important; }
  .pkg-platform-tabs { grid-template-columns: 1fr !important; }
  .pkg-packages-title { flex-direction: column; gap: 8px; }
  .pkg-card { padding: 34px 22px 26px !important; }
  .pkg-price { font-size: 56px !important; }
}



/* ═════════════════════════════════════════════════════════════
   FINAL PLANS UPDATE: 3 centered plan cards matching reference
═════════════════════════════════════════════════════════════ */
.pkg-container {
  width: min(95%, 1780px) !important;
  max-width: 1780px !important;
}

.pkg-cards {
  width: 100% !important;
  max-width: 1680px !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(22px, 2.2vw, 36px) !important;
  justify-content: center !important;
  align-items: stretch !important;
  margin: 26px auto 0 !important;
}

.pkg-card {
  position: relative !important;
  overflow: hidden !important;
  max-width: none !important;
  min-height: 690px !important;
  padding: 38px 40px 24px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(212,175,55,.42) !important;
  background:
    radial-gradient(ellipse 560px 420px at 6% 12%, rgba(255,255,255,.96), rgba(250,248,242,.93) 52%, rgba(237,235,228,.96) 100%),
    linear-gradient(135deg, #ffffff 0%, #f6f3ed 100%) !important;
  color: #1a1a1a !important;
  text-align: left !important;
  box-shadow: 0 24px 46px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.98) !important;
  transform: translateY(0) !important;
  animation: pkgCardSoftIn .55s ease both !important;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}

.pkg-card:nth-child(2) { animation-delay: .08s !important; }
.pkg-card:nth-child(3) { animation-delay: .16s !important; }

.pkg-card::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 360px 240px at 100% 0%, rgba(212,175,55,.08), transparent 70%),
    linear-gradient(125deg, transparent 0 42%, rgba(255,255,255,.26) 42% 48%, transparent 48% 100%);
  pointer-events: none;
}

.pkg-card:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(212,175,55,.72) !important;
  box-shadow: 0 30px 58px rgba(0,0,0,.38), 0 0 24px rgba(212,175,55,.14), inset 0 1px 0 rgba(255,255,255,.98) !important;
}

.pkg-card.is-featured {
  border-color: rgba(212,175,55,.72) !important;
  box-shadow: 0 28px 56px rgba(0,0,0,.38), 0 0 0 1px rgba(212,175,55,.22), inset 0 1px 0 rgba(255,255,255,.98) !important;
}

.pkg-popular {
  top: 0 !important;
  left: 50% !important;
  min-width: 164px !important;
  height: 31px !important;
  padding: 0 18px !important;
  border-radius: 0 0 8px 8px !important;
  background: linear-gradient(135deg, #edc951, #d4af37 58%, #b7852d) !important;
  color: #171205 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .1em !important;
  box-shadow: 0 10px 20px rgba(158,113,33,.24) !important;
}

.pkg-popular i { font-size: 11px !important; }

.pkg-plan-icon {
  position: relative !important;
  z-index: 1 !important;
  display: inline-flex !important;
  width: 54px !important;
  height: 54px !important;
  margin: 0 0 20px !important;
  border-radius: 13px !important;
  align-items: center !important;
  justify-content: center !important;
  color: #d4af37 !important;
  font-size: 25px !important;
  background: radial-gradient(ellipse at 24% 18%, #fff9dc 0%, #f4ecd1 34%, #b7b49b 62%, #17231d 100%) !important;
  border: 1px solid rgba(29,42,33,.28) !important;
  box-shadow: 8px 10px 18px rgba(0,0,0,.24), inset 0 2px 7px rgba(255,255,255,.9) !important;
  transition: transform .2s ease !important;
}

.pkg-card:hover .pkg-plan-icon { transform: translateY(-2px) scale(1.04) !important; }

.pkg-card h3 {
  position: relative !important;
  z-index: 1 !important;
  margin: 0 0 8px !important;
  color: #1f1f1f !important;
  font-size: clamp(16px, 1.15vw, 20px) !important;
  line-height: 1.12 !important;
  font-weight: 900 !important;
  letter-spacing: .01em !important;
  text-transform: uppercase !important;
}

.pkg-plan-sub {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  min-height: 42px !important;
  margin: 0 0 16px !important;
  color: #636862 !important;
  font-size: clamp(13px, .95vw, 15px) !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
}

.pkg-small-line {
  position: relative !important;
  z-index: 1 !important;
  width: 36px !important;
  height: 2px !important;
  margin: 0 0 16px !important;
  border-radius: 99px !important;
  background: #d4af37 !important;
}

.pkg-small-line::after { display: none !important; }

.pkg-price-row {
  position: relative !important;
  z-index: 1 !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  gap: 8px !important;
  margin: 0 0 2px !important;
}

.pkg-currency {
  padding: 10px 0 0 !important;
  color: #171717 !important;
  font-size: clamp(18px, 1.5vw, 23px) !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

.pkg-price {
  color: #151515 !important;
  font-size: clamp(48px, 4.5vw, 62px) !important;
  line-height: .9 !important;
  font-weight: 900 !important;
  letter-spacing: -.07em !important;
}

.pkg-onetime {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  margin: 0 0 18px !important;
  color: #7f837d !important;
  font-size: clamp(11px, .86vw, 13px) !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
}

.pkg-followers {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  min-height: 44px !important;
  justify-content: flex-start !important;
  gap: 11px !important;
  padding: 10px 16px !important;
  margin: 0 0 18px !important;
  border: 1px solid rgba(212,175,55,.42) !important;
  border-radius: 7px !important;
  background: rgba(212,175,55,.08) !important;
  color: #4d421c !important;
  text-align: left !important;
}

.pkg-followers i {
  color: #d4af37 !important;
  font-size: 16px !important;
}

.pkg-followers strong {
  display: block !important;
  color: #443914 !important;
  font-size: clamp(12px, .95vw, 14px) !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
}

.pkg-list {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  gap: 16px !important;
  margin: 0 0 26px !important;
  padding: 0 !important;
  text-align: left !important;
}

.pkg-list li {
  display: flex !important;
  align-items: flex-start !important;
  gap: 11px !important;
  color: #4d544e !important;
  font-size: clamp(12.5px, .95vw, 15px) !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
}

.pkg-list i {
  margin-top: 0 !important;
  color: #d4af37 !important;
  font-size: 16px !important;
  line-height: 1 !important;
  flex: 0 0 auto !important;
}

.pkg-card-btn {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 46px !important;
  margin: auto 0 0 !important;
  border-radius: 7px !important;
  color: #050505 !important;
  background: linear-gradient(135deg, #e8c63a, #d4af37 58%, #b2842b) !important;
  border: 1px solid rgba(146,101,29,.28) !important;
  font-size: clamp(12px, .9vw, 14px) !important;
  font-weight: 900 !important;
  box-shadow: 0 12px 24px rgba(153,103,34,.22), inset 0 1px 0 rgba(255,255,255,.38) !important;
  transition: transform .18s ease, filter .18s ease !important;
}

.pkg-card-btn:hover {
  color: #050505 !important;
  transform: translateY(-2px) !important;
  filter: brightness(1.04) !important;
}

@keyframes pkgCardSoftIn {
  from { opacity: 0; transform: translateY(18px) !important; }
  to { opacity: 1; transform: translateY(0) !important; }
}

@media (max-width: 1180px) {
  .pkg-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: 980px !important;
  }
}

@media (max-width: 760px) {
  .pkg-cards {
    grid-template-columns: 1fr !important;
    max-width: 520px !important;
  }
  .pkg-card {
    min-height: 0 !important;
    padding: 34px 24px 24px !important;
  }
  .pkg-title { font-size: clamp(30px, 10vw, 46px) !important; }
}


/* ═════════════════════════════════════════════════════════════
   SMALLER PLAN CARDS UPDATE - added by ChatGPT
   Keeps same content/design, only reduces plan card size
═════════════════════════════════════════════════════════════ */
.pkg-container {
  width: min(95%, 1420px) !important;
  max-width: 1420px !important;
}

.pkg-cards {
  width: 100% !important;
  max-width: 1320px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 28px !important;
  margin: 22px auto 0 !important;
  justify-content: center !important;
  align-items: stretch !important;
}

.pkg-card {
  min-height: 590px !important;
  padding: 28px 30px 22px !important;
  border-radius: 14px !important;
}

.pkg-plan-icon {
  width: 46px !important;
  height: 46px !important;
  font-size: 21px !important;
  margin-bottom: 16px !important;
  border-radius: 11px !important;
}

.pkg-card h3 {
  font-size: 18px !important;
  margin-bottom: 7px !important;
}

.pkg-plan-sub {
  min-height: 36px !important;
  font-size: 13px !important;
  margin-bottom: 13px !important;
}

.pkg-small-line {
  width: 34px !important;
  margin-bottom: 14px !important;
}

.pkg-price-row {
  gap: 7px !important;
}

.pkg-price {
  font-size: 54px !important;
}

.pkg-currency {
  font-size: 20px !important;
  padding-top: 8px !important;
}

.pkg-onetime {
  font-size: 12px !important;
  margin-bottom: 15px !important;
}

.pkg-followers {
  min-height: 40px !important;
  padding: 9px 14px !important;
  margin-bottom: 16px !important;
}

.pkg-followers strong {
  font-size: 13px !important;
}

.pkg-followers i {
  font-size: 14px !important;
}

.pkg-list {
  gap: 13px !important;
  margin-bottom: 22px !important;
}

.pkg-list li {
  font-size: 13.5px !important;
  gap: 10px !important;
}

.pkg-list i {
  font-size: 15px !important;
}

.pkg-card-btn {
  min-height: 43px !important;
  font-size: 13px !important;
  border-radius: 7px !important;
}

.pkg-popular {
  height: 29px !important;
  min-width: 150px !important;
  font-size: 10px !important;
}

@media (max-width: 1180px) {
  .pkg-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: 900px !important;
  }
}

@media (max-width: 760px) {
  .pkg-cards {
    grid-template-columns: 1fr !important;
    max-width: 390px !important;
  }

  .pkg-card {
    min-height: auto !important;
    padding: 28px 22px 22px !important;
  }

  .pkg-price {
    font-size: 48px !important;
  }
}

/* ═════════════════════════════════════════════════════════════
   REQUESTED UPDATE: Bigger plan cards + mobile one-by-one
   client result card scrolling
   Added by ChatGPT
═════════════════════════════════════════════════════════════ */

/* Make the 3 pricing/plan cards a little bigger like the reference image */
.pkg-container {
  width: min(95%, 1600px) !important;
  max-width: 1600px !important;
}

.pkg-cards {
  width: 100% !important;
  max-width: 1500px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(24px, 2.2vw, 34px) !important;
  margin: 28px auto 0 !important;
}

.pkg-card {
  min-height: 705px !important;
  padding: 34px 36px 26px !important;
  border-radius: 16px !important;
}

.pkg-plan-icon {
  width: 52px !important;
  height: 52px !important;
  font-size: 24px !important;
  margin-bottom: 19px !important;
  border-radius: 13px !important;
}

.pkg-card h3 {
  font-size: 21px !important;
  line-height: 1.15 !important;
  margin-bottom: 8px !important;
}

.pkg-plan-sub {
  min-height: 44px !important;
  font-size: 15px !important;
  line-height: 1.28 !important;
  margin-bottom: 16px !important;
}

.pkg-small-line {
  width: 38px !important;
  margin-bottom: 18px !important;
}

.pkg-price {
  font-size: 64px !important;
}

.pkg-currency {
  font-size: 23px !important;
  padding-top: 10px !important;
}

.pkg-onetime {
  font-size: 13px !important;
  margin-bottom: 18px !important;
}

.pkg-followers {
  min-height: 46px !important;
  padding: 10px 16px !important;
  margin-bottom: 20px !important;
  border-radius: 8px !important;
}

.pkg-followers i {
  font-size: 17px !important;
}

.pkg-followers strong {
  font-size: 15px !important;
}

.pkg-list {
  gap: 15px !important;
  margin-bottom: 28px !important;
}

.pkg-list li {
  font-size: 15px !important;
  line-height: 1.28 !important;
  gap: 11px !important;
}

.pkg-list i {
  font-size: 16px !important;
}

.pkg-card-btn {
  min-height: 48px !important;
  font-size: 14px !important;
  border-radius: 8px !important;
}

.pkg-popular {
  height: 32px !important;
  min-width: 170px !important;
  font-size: 11px !important;
}

/* Keep plan cards in 3 columns at all sizes */
@media (max-width: 1180px) {
  .pkg-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    max-width: none !important;
  }
}

@media (max-width: 760px) {
  .pkg-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    max-width: none !important;
    gap: 8px !important;
  }
  .pkg-card {
    min-height: auto !important;
    padding: 14px 10px 12px !important;
  }
  .pkg-price { font-size: 36px !important; }
}

/* Mobile result cards: 3-column fixed grid, no slider */
@media (max-width: 768px) {
  .client-results-section {
    overflow: hidden !important;
  }

  .cr-cards-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 8px 0 16px !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
    cursor: default !important;
  }

  /* Cards 4 & 5 already hidden globally */
  .cr-card,
  .cr-more-card {
    flex: none !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    scroll-snap-align: none !important;
    padding: 8px 7px 7px !important;
    border-radius: 8px !important;
    min-height: auto !important;
  }

  /* Scale down card content for 3-col */
  .cr-client-name { font-size: 9px !important; line-height: 1.2 !important; }
  .cr-client-type { font-size: 7px !important; }
  .cr-avatar { width: 26px !important; height: 26px !important; flex-basis: 26px !important; font-size: 8px !important; }
  .cr-mini-label { font-size: 6px !important; margin-bottom: 3px !important; }
  .cr-mini-value { font-size: 11px !important; line-height: 1 !important; }
  .cr-metrics-box { gap: 6px !important; margin-bottom: 7px !important; grid-template-columns: 1fr 1fr !important; }
  .cr-growth-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 4px !important; margin: 0 0 7px !important; }
  .cr-growth-grid > div { min-height: 32px !important; padding: 4px 4px !important; }
  .cr-growth-value { font-size: 7.5px !important; }
  .cr-growth-label { font-size: 5.5px !important; margin-top: 2px !important; }
  .cr-case-chart { height: 40px !important; margin: 4px 0 7px !important; }
  .cr-tiny-note { font-size: 7px !important; }
  .cr-tiny-note::before { font-size: 6px !important; }
  .cr-card-bottom::after { font-size: 7px !important; padding: 0 6px !important; min-height: 24px !important; border-radius: 5px !important; }
  .cr-case-platform { width: 22px !important; height: 22px !important; border-radius: 6px !important; font-size: 11px !important; top: 8px !important; right: 8px !important; }
  .cr-client-top { gap: 6px !important; margin-bottom: 8px !important; padding-right: 28px !important; }
  .cr-nav-arrows { display: none !important; }

  .cr-more-card { padding: 16px 10px !important; }
  .cr-more-icon { width: 36px !important; height: 36px !important; font-size: 16px !important; margin-bottom: 10px !important; }
  .cr-more-title { font-size: 16px !important; }
  .cr-more-text { font-size: 9px !important; }
  .cr-view-all { font-size: 9px !important; min-height: 28px !important; }
}

@media (max-width: 480px) {
  .cr-cards-grid {
    gap: 6px !important;
  }
  .cr-card,
  .cr-more-card {
    padding: 10px 8px 8px !important;
  }
  .cr-mini-value { font-size: 12px !important; }
  .cr-growth-value { font-size: 8px !important; }
  .cr-case-chart { height: 44px !important; }
}



/* ═════════════════════════════════════════════════════════════
   REQUESTED UPDATE: White service cards only
   Keeps the What We Do section/background exactly dark; only the
   cards inside .wwd-services-grid are converted to white.
═════════════════════════════════════════════════════════════ */
.wwd-services-grid .wwd-card {
  border: 1px solid rgba(212,175,55,.30) !important;
  background:
    radial-gradient(ellipse 520px 320px at 100% 0%, rgba(212,175,55,.12), transparent 70%),
    radial-gradient(ellipse 460px 280px at 0% 0%, rgba(255,255,255,.98), transparent 72%),
    linear-gradient(135deg, #ffffff 0%, #fbf7ee 54%, #f3eddf 100%) !important;
  color: #1d241f !important;
  box-shadow:
    0 22px 46px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.98) !important;
}

.wwd-services-grid .wwd-card:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(212,175,55,.58) !important;
  box-shadow:
    0 30px 58px rgba(0,0,0,.34),
    0 0 28px rgba(212,175,55,.13),
    inset 0 1px 0 rgba(255,255,255,.98) !important;
  filter: none !important;
}

.wwd-services-grid .wwd-card::before {
  background:
    linear-gradient(125deg, transparent 0 44%, rgba(255,255,255,.38) 44% 50%, transparent 50% 100%),
    radial-gradient(ellipse 320px 190px at 16% 0%, rgba(212,175,55,.10), transparent 68%) !important;
  opacity: 1 !important;
}

.wwd-services-grid .wwd-card.is-highlight {
  border-color: rgba(212,175,55,.60) !important;
  box-shadow:
    0 28px 58px rgba(0,0,0,.36),
    0 0 0 1px rgba(212,175,55,.10),
    inset 0 1px 0 rgba(255,255,255,.98) !important;
}

.wwd-services-grid .wwd-card.is-highlight::after {
  background: linear-gradient(90deg, transparent 0%, rgba(212,175,55,.85) 24%, rgba(255,224,134,.72) 50%, rgba(212,175,55,.85) 76%, transparent 100%) !important;
}

.wwd-services-grid .wwd-title,
.wwd-services-grid .wwd-custom-title {
  color: #20261f !important;
  text-shadow: none !important;
}

.wwd-services-grid .wwd-desc,
.wwd-services-grid .wwd-custom-text {
  color: #505a50 !important;
}

.wwd-services-grid .wwd-number {
  color: rgba(23,35,29,.075) !important;
}

.wwd-services-grid .wwd-card-icon {
  color: #d4af37 !important;
  border-color: rgba(212,175,55,.38) !important;
  background:
    radial-gradient(ellipse at 30% 25%, rgba(212,175,55,.28) 0%, rgba(15,28,20,.92) 55%, rgba(8,18,13,.98) 100%) !important;
  box-shadow:
    0 8px 18px rgba(0,0,0,.35),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.wwd-services-grid .wwd-gold-icon {
  color: #d4af37 !important;
  background: radial-gradient(ellipse at 30% 25%, rgba(212,175,55,.28) 0%, rgba(15,28,20,.92) 55%, rgba(8,18,13,.98) 100%) !important;
  border-color: rgba(212,175,55,.38) !important;
}

.wwd-services-grid .wwd-platforms i {
  background: rgba(255,255,255,.72) !important;
  border-color: rgba(23,35,29,.10) !important;
  box-shadow: 0 4px 8px rgba(0,0,0,.10) !important;
}

.wwd-services-grid .wwd-mini-icons span {
  background: rgba(15,25,18,.82) !important;
  border-color: rgba(212,175,55,.22) !important;
  box-shadow: 0 6px 14px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06) !important;
  color: rgba(236,241,233,.75) !important;
}

.wwd-services-grid .wwd-platforms i.bi-tiktok {
  color: #111111 !important;
}

.wwd-services-grid .wwd-mini-icons i {
  color: #d4af37 !important;
}

.wwd-services-grid .wwd-mini-icons i {
  color: #d4af37 !important;
}

.wwd-services-grid .wwd-tags span {
  border-color: rgba(212,175,55,.34) !important;
  background: rgba(212,175,55,.10) !important;
  color: #8a691f !important;
}

.wwd-services-grid .wwd-card-link {
  color: #b8860b !important;
}

.wwd-services-grid .wwd-custom-card {
  background:
    radial-gradient(ellipse 300px 170px at 98% 98%, rgba(212,175,55,.20), transparent 62%),
    radial-gradient(ellipse 440px 260px at 0% 0%, rgba(255,255,255,.98), transparent 72%),
    linear-gradient(135deg, #ffffff 0%, #fbf7ee 54%, #f3eddf 100%) !important;
  border-color: rgba(212,175,55,.30) !important;
}

.wwd-services-grid .wwd-custom-title {
  color: #1d241f !important;
}

.wwd-services-grid .wwd-custom-text {
  color: #5a625a !important;
}

.wwd-services-grid .wwd-custom-icon {
  color: #d4af37 !important;
  background: radial-gradient(ellipse at 30% 25%, rgba(212,175,55,.28) 0%, rgba(15,28,20,.92) 55%, rgba(8,18,13,.98) 100%) !important;
  border: 1px solid rgba(212,175,55,.38) !important;
  box-shadow: 0 14px 26px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

/* ── Pricing card icons — dark theme background ── */
.pkg-plan-icon {
  color: #d4af37 !important;
  background: radial-gradient(ellipse at 30% 25%, rgba(212,175,55,.28) 0%, rgba(15,28,20,.92) 55%, rgba(8,18,13,.98) 100%) !important;
  border: 1px solid rgba(212,175,55,.38) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

/* ── Final mobile pricing card override — forces compact layout ── */
@media (max-width: 991px) {
  .pkg-plan-icon {
    width: clamp(22px, 3vw, 32px) !important;
    height: clamp(22px, 3vw, 32px) !important;
    font-size: clamp(9px, 1.2vw, 14px) !important;
    margin-bottom: clamp(4px, 0.6vw, 8px) !important;
    border-radius: 6px !important;
  }
  .pkg-popular {
    font-size: clamp(5.5px, 0.65vw, 8px) !important;
    padding: 3px clamp(5px, 0.7vw, 9px) !important;
    min-width: clamp(60px, 8vw, 100px) !important;
    top: clamp(-8px, -0.9vw, -6px) !important;
  }
  .pkg-card h3 {
    font-size: clamp(7px, 0.9vw, 11px) !important;
    margin-bottom: 2px !important;
  }
  .pkg-plan-sub {
    font-size: clamp(6px, 0.75vw, 9px) !important;
    margin-bottom: 3px !important;
    min-height: 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }
  .pkg-small-line { width: 14px !important; margin-bottom: 4px !important; }
  .pkg-currency { font-size: clamp(7px, 0.9vw, 11px) !important; padding-top: 2px !important; }
  .pkg-price { font-size: clamp(16px, 2.2vw, 26px) !important; }
  .pkg-onetime {
    font-size: clamp(5.5px, 0.65vw, 8px) !important;
    margin-bottom: 4px !important;
  }
  .pkg-followers {
    min-height: clamp(20px, 2.5vw, 28px) !important;
    font-size: clamp(6px, 0.7vw, 8.5px) !important;
    padding: 0 clamp(4px, 0.5vw, 8px) !important;
    margin-bottom: clamp(4px, 0.5vw, 8px) !important;
    white-space: normal !important;
    line-height: 1.2 !important;
    gap: 3px !important;
    height: auto !important;
  }
  .pkg-list { gap: clamp(3px, 0.4vw, 6px) !important; margin-bottom: clamp(5px, 0.7vw, 10px) !important; }
  .pkg-list li {
    font-size: clamp(6px, 0.75vw, 9px) !important;
    gap: clamp(2px, 0.3vw, 5px) !important;
    line-height: 1.2 !important;
  }
  .pkg-list i { font-size: clamp(8px, 0.9vw, 10px) !important; }
  .pkg-card-btn {
    min-height: clamp(20px, 2.5vw, 30px) !important;
    font-size: clamp(6.5px, 0.8vw, 9.5px) !important;
    border-radius: 4px !important;
    gap: 3px !important;
  }
  .pkg-card { padding: clamp(8px, 1.2vw, 14px) clamp(6px, 0.9vw, 12px) clamp(6px, 0.8vw, 10px) !important; }
  .pkg-card.is-featured { transform: translateY(clamp(-6px, -0.8vw, -10px)) !important; }
}



/* ═════════════════════════════════════════════════════════════
   FINAL UPDATE: What We Do section like reference image
   Background and text are kept; service area uses only 6 cards.
═════════════════════════════════════════════════════════════ */
.wwd-container {
  width: min(100% - 96px, 1720px) !important;
  max-width: 1720px !important;
}

.wwd-head {
  margin-bottom: 24px !important;
}

.wwd-main-title {
  font-size: clamp(42px, 4.2vw, 72px) !important;
  line-height: .95 !important;
}

.wwd-subtitle {
  max-width: 650px !important;
  font-size: 13.5px !important;
  line-height: 1.55 !important;
}

.wwd-services-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-template-rows: repeat(2, minmax(176px, auto)) !important;
  gap: 18px !important;
  margin-top: 22px !important;
  margin-bottom: 18px !important;
}

.wwd-services-grid .wwd-card-1,
.wwd-services-grid .wwd-card-2,
.wwd-services-grid .wwd-card-3,
.wwd-services-grid .wwd-card-4,
.wwd-services-grid .wwd-card-5,
.wwd-services-grid .wwd-card-6 {
  grid-column: auto !important;
  grid-row: auto !important;
  min-height: 176px !important;
}

.wwd-services-grid .wwd-card-7 {
  display: none !important;
}

.wwd-services-grid .wwd-card {
  border-radius: 10px !important;
  padding: 24px 28px 20px !important;
  display: grid !important;
  grid-template-columns: 64px minmax(0, 1fr) !important;
  grid-template-rows: auto auto 1fr auto !important;
  column-gap: 20px !important;
  align-content: start !important;
  overflow: hidden !important;
  background:
    radial-gradient(ellipse 360px 210px at 100% 0%, rgba(212,175,55,.10), transparent 68%),
    linear-gradient(135deg, #fffdf6 0%, #fbf6eb 58%, #f2ebdd 100%) !important;
  box-shadow:
    0 18px 34px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.98) !important;
}

.wwd-services-grid .wwd-card::before {
  background:
    radial-gradient(ellipse 240px 150px at 8% 0%, rgba(212,175,55,.08), transparent 70%),
    linear-gradient(125deg, transparent 0 45%, rgba(255,255,255,.36) 45% 50%, transparent 50% 100%) !important;
}

.wwd-services-grid .wwd-card.is-highlight::after {
  display: none !important;
}

.wwd-services-grid .wwd-number {
  top: auto !important;
  bottom: 14px !important;
  right: 18px !important;
  font-size: 42px !important;
  color: rgba(23,35,29,.07) !important;
}

.wwd-services-grid .wwd-icon-row {
  grid-column: 1 !important;
  grid-row: 1 / span 4 !important;
  display: block !important;
  margin: 0 !important;
  position: static !important;
  z-index: 2 !important;
}

.wwd-services-grid .wwd-card-icon {
  grid-column: 1 !important;
  grid-row: 1 / span 4 !important;
  width: 56px !important;
  height: 56px !important;
  flex: 0 0 56px !important;
  border-radius: 12px !important;
  font-size: 24px !important;
  margin: 0 !important;
  position: relative !important;
  z-index: 2 !important;
}

.wwd-services-grid .wwd-card-content {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: start !important;
  padding-right: 0 !important;
}

.wwd-services-grid .wwd-title {
  margin: 0 0 9px !important;
  padding-right: 0 !important;
  font-size: clamp(16px, 1.05vw, 20px) !important;
  line-height: 1.18 !important;
  color: #17201a !important;
  letter-spacing: -.035em !important;
}

.wwd-services-grid .wwd-desc,
.wwd-services-grid .wwd-large-card .wwd-desc,
.wwd-services-grid .wwd-small-card .wwd-desc,
.wwd-services-grid .wwd-compact-card .wwd-desc {
  margin: 0 !important;
  padding-right: 0 !important;
  color: #4b554c !important;
  font-size: clamp(11px, .72vw, 13px) !important;
  line-height: 1.62 !important;
}

.wwd-services-grid .wwd-tags {
  grid-column: 2 !important;
  grid-row: 2 !important;
  margin-top: 10px !important;
  padding-right: 0 !important;
  gap: 8px !important;
}

.wwd-services-grid .wwd-tags span {
  min-height: 22px !important;
  padding: 4px 9px !important;
  border-radius: 5px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  color: #795b16 !important;
  background: rgba(212,175,55,.10) !important;
  border-color: rgba(212,175,55,.36) !important;
}

.wwd-services-grid .wwd-card-link,
.wwd-services-grid .wwd-small-card .wwd-card-link,
.wwd-services-grid .wwd-compact-card .wwd-card-link {
  grid-column: 2 !important;
  grid-row: 4 !important;
  position: static !important;
  margin-top: 8px !important;
  padding-top: 0 !important;
  width: fit-content !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: #b8860b !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.wwd-services-grid .wwd-card-link i,
.wwd-services-grid .wwd-small-card .wwd-card-link i,
.wwd-services-grid .wwd-compact-card .wwd-card-link i {
  font-size: 17px !important;
}

.wwd-services-grid .wwd-platforms,
.wwd-services-grid .wwd-mini-icons {
  position: absolute !important;
  top: 18px !important;
  right: 22px !important;
  display: flex !important;
  align-items: center !important;
  z-index: 4 !important;
}

.wwd-services-grid .wwd-platforms {
  gap: 5px !important;
}

.wwd-services-grid .wwd-platforms i {
  width: 17px !important;
  height: 17px !important;
  font-size: 9px !important;
  background: rgba(15,25,18,.75) !important;
  border: 1px solid rgba(212,175,55,.18) !important;
}

.wwd-services-grid .wwd-mini-icons {
  top: 14px !important;
  right: 18px !important;
  gap: 4px !important;
}

.wwd-services-grid .wwd-mini-icons span {
  min-width: 34px !important;
  padding: 5px 4px 4px !important;
  border-radius: 6px !important;
  font-size: 7px !important;
}

.wwd-services-grid .wwd-mini-icons i {
  font-size: 10px !important;
}

.wwd-metrics {
  margin-bottom: 18px !important;
  border-radius: 11px !important;
  border-color: rgba(212,175,55,.34) !important;
  background: linear-gradient(145deg, rgba(18,32,27,.92), rgba(8,19,16,.96)) !important;
  position: relative !important;
}

.wwd-metrics::before {
  content: '' !important;
  position: absolute !important;
  left: 5% !important;
  right: 5% !important;
  top: -1px !important;
  height: 2px !important;
  background: linear-gradient(90deg, transparent, rgba(212,175,55,.95), transparent) !important;
  filter: blur(.35px) !important;
}

.wwd-metric {
  min-height: 76px !important;
  padding: 15px 28px !important;
  gap: 18px !important;
}

.wwd-metric-icon {
  width: 46px !important;
  height: 46px !important;
  flex-basis: 46px !important;
  font-size: 21px !important;
}

.wwd-metric-value {
  font-size: clamp(22px, 1.8vw, 30px) !important;
}

.wwd-steps-panel {
  padding: 28px 32px 24px !important;
  border-radius: 11px !important;
  border-color: rgba(212,175,55,.30) !important;
  background: linear-gradient(145deg, rgba(18,32,27,.92), rgba(8,19,16,.96)) !important;
}

.wwd-steps-title {
  margin-bottom: 24px !important;
}

@media (max-width: 1399px) {
  .wwd-container { width: min(100% - 44px, 1320px) !important; }
  .wwd-services-grid { grid-template-rows: repeat(2, minmax(190px, auto)) !important; }
  .wwd-services-grid .wwd-card { padding: 22px 24px 18px !important; column-gap: 18px !important; }
  .wwd-services-grid .wwd-card-1,
  .wwd-services-grid .wwd-card-2,
  .wwd-services-grid .wwd-card-3,
  .wwd-services-grid .wwd-card-4,
  .wwd-services-grid .wwd-card-5,
  .wwd-services-grid .wwd-card-6 { min-height: 190px !important; }
  .wwd-services-grid .wwd-card-content { padding-right: 34px !important; }
  .wwd-services-grid .wwd-platforms { right: 18px !important; top: 14px !important; }
  .wwd-services-grid .wwd-mini-icons { right: 14px !important; top: 12px !important; }
}

@media (max-width: 1199px) {
  .wwd-services-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: auto !important;
  }
  .wwd-services-grid .wwd-card-1,
  .wwd-services-grid .wwd-card-2,
  .wwd-services-grid .wwd-card-3,
  .wwd-services-grid .wwd-card-4,
  .wwd-services-grid .wwd-card-5,
  .wwd-services-grid .wwd-card-6 { min-height: auto !important; }
  .wwd-services-grid .wwd-platforms { right: 16px !important; top: 14px !important; }
  .wwd-services-grid .wwd-mini-icons { right: 12px !important; top: 12px !important; }
}

@media (max-width: 767px) {
  .wwd-container { width: min(100% - 24px, 1320px) !important; }
  .wwd-services-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }
  .wwd-services-grid .wwd-card {
    min-height: auto !important;
    padding: 14px 14px 12px !important;
    grid-template-columns: 40px minmax(0, 1fr) !important;
    column-gap: 12px !important;
  }
  .wwd-services-grid .wwd-card-1,
  .wwd-services-grid .wwd-card-2,
  .wwd-services-grid .wwd-card-3,
  .wwd-services-grid .wwd-card-4,
  .wwd-services-grid .wwd-card-5,
  .wwd-services-grid .wwd-card-6 { min-height: auto !important; }
  .wwd-services-grid .wwd-card-icon,
  .wwd-services-grid .wwd-large-card .wwd-card-icon {
    width: 38px !important;
    height: 38px !important;
    flex-basis: 38px !important;
    font-size: 16px !important;
    border-radius: 9px !important;
  }
  .wwd-services-grid .wwd-title { font-size: 12px !important; margin-bottom: 5px !important; }
  .wwd-services-grid .wwd-desc,
  .wwd-services-grid .wwd-large-card .wwd-desc { font-size: 10.5px !important; line-height: 1.55 !important; }
  .wwd-services-grid .wwd-tags { margin-top: 8px !important; gap: 5px !important; }
  .wwd-services-grid .wwd-tags span { font-size: 9px !important; padding: 3px 7px !important; min-height: 20px !important; }
  .wwd-services-grid .wwd-card-link { margin-top: 8px !important; font-size: 10.5px !important; }
  .wwd-services-grid .wwd-number { font-size: 26px !important; bottom: 8px !important; right: 10px !important; }
  .wwd-services-grid .wwd-platforms { right: 10px !important; top: 10px !important; gap: 4px !important; }
  .wwd-services-grid .wwd-platforms i { width: 15px !important; height: 15px !important; font-size: 8px !important; }
  .wwd-services-grid .wwd-mini-icons { right: 8px !important; top: 8px !important; gap: 3px !important; }
  .wwd-services-grid .wwd-mini-icons span { min-width: 28px !important; font-size: 6.5px !important; padding: 4px 3px 3px !important; }
  .wwd-services-grid .wwd-mini-icons i { font-size: 9px !important; }
  .wwd-metrics { grid-template-columns: repeat(2, 1fr) !important; }
  .wwd-metric:nth-child(n) { border-left: none !important; border-top: 1px solid rgba(255,255,255,.08) !important; }
  .wwd-metric:first-child, .wwd-metric:nth-child(2) { border-top: none !important; }
  .wwd-metric:nth-child(even) { border-left: 1px solid rgba(255,255,255,.08) !important; }
}



/* ═════════════════════════════════════════════════════════════
   FINAL UPDATE: Requested Montserrat heading style
   Hero title/subtitle shown in reference image is intentionally unchanged.
═════════════════════════════════════════════════════════════ */
.about-heading,
.wwd-main-title,
.cr-title,
.cr-section-title,
.pkg-title,
.pkg-packages-title,
.tst-title,
.insights-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(30px, 4vw, 52px) !important;
  font-weight: 800 !important;
  line-height: 1.12 !important;
  color: #fff !important;
  margin: 0 0 clamp(14px, 2vw, 22px) !important;
  letter-spacing: -.02em !important;
}

.about-heading .heading-gold,
.wwd-main-title span,
.pkg-title span,
.tst-title span,
.insights-title span {
  color: var(--gold) !important;
}



/* ═════════════════════════════════════════════════════════════
   FINAL FIX: Explore buttons + mobile service/testimonial layout
   - All 6 service cards show the Explore Service label.
   - Service cards become readable on phones instead of squeezing into 2 columns.
   - Service top-right icon groups reserve space and no longer cover titles.
   - Testimonial social icons no longer collide with author text on mobile.
═════════════════════════════════════════════════════════════ */
.wwd-services-grid .wwd-card-link,
.wwd-services-grid .wwd-small-card .wwd-card-link,
.wwd-services-grid .wwd-compact-card .wwd-card-link {
  min-height: 24px !important;
  white-space: nowrap !important;
}

@media (max-width: 767px) {
  .wwd-container {
    width: min(100% - 24px, 1720px) !important;
  }

  .wwd-services-grid {
    grid-template-columns: 1fr !important;
    grid-template-rows: none !important;
    gap: 14px !important;
    margin-top: 18px !important;
  }

  .wwd-services-grid .wwd-card,
  .wwd-services-grid .wwd-large-card,
  .wwd-services-grid .wwd-small-card,
  .wwd-services-grid .wwd-compact-card {
    min-height: auto !important;
    display: grid !important;
    grid-template-columns: 52px minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto !important;
    column-gap: 14px !important;
    align-items: start !important;
    padding: 18px 18px 16px !important;
    border-radius: 12px !important;
  }

  .wwd-services-grid .wwd-icon-row {
    grid-column: 1 !important;
    grid-row: 1 / span 3 !important;
    display: block !important;
    margin: 0 !important;
  }

  .wwd-services-grid .wwd-card-icon,
  .wwd-services-grid .wwd-large-card .wwd-card-icon {
    width: 48px !important;
    height: 48px !important;
    flex-basis: 48px !important;
    font-size: 20px !important;
    border-radius: 11px !important;
  }

  .wwd-services-grid .wwd-card-content {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    padding-right: 0 !important;
  }

  .wwd-services-grid .wwd-title {
    font-size: clamp(16px, 4.3vw, 18px) !important;
    line-height: 1.18 !important;
    margin-bottom: 7px !important;
    padding-right: 0 !important;
    overflow-wrap: anywhere !important;
  }

  .wwd-services-grid .wwd-card-1 .wwd-title {
    padding-right: 78px !important;
  }

  .wwd-services-grid .wwd-card-2 .wwd-title {
    padding-right: 116px !important;
  }

  .wwd-services-grid .wwd-desc,
  .wwd-services-grid .wwd-large-card .wwd-desc,
  .wwd-services-grid .wwd-small-card .wwd-desc,
  .wwd-services-grid .wwd-compact-card .wwd-desc {
    font-size: clamp(11.5px, 3.2vw, 13px) !important;
    line-height: 1.6 !important;
  }

  .wwd-services-grid .wwd-tags,
  .wwd-services-grid .wwd-card-content .wwd-tags {
    grid-column: 2 !important;
    grid-row: 2 !important;
    margin-top: 9px !important;
    gap: 6px !important;
    padding-right: 0 !important;
  }

  .wwd-services-grid .wwd-tags span {
    min-height: 22px !important;
    padding: 4px 8px !important;
    font-size: 9.5px !important;
    line-height: 1.15 !important;
  }

  .wwd-services-grid .wwd-card-link,
  .wwd-services-grid .wwd-small-card .wwd-card-link,
  .wwd-services-grid .wwd-compact-card .wwd-card-link {
    grid-column: 2 !important;
    grid-row: 3 !important;
    position: static !important;
    margin-top: 12px !important;
    padding-top: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 12px !important;
    line-height: 1 !important;
  }

  .wwd-services-grid .wwd-card-link i,
  .wwd-services-grid .wwd-small-card .wwd-card-link i,
  .wwd-services-grid .wwd-compact-card .wwd-card-link i {
    font-size: 17px !important;
  }

  .wwd-services-grid .wwd-number {
    right: 14px !important;
    bottom: 12px !important;
    font-size: 34px !important;
  }

  .wwd-services-grid .wwd-platforms {
    top: 14px !important;
    right: 16px !important;
    gap: 5px !important;
  }

  .wwd-services-grid .wwd-platforms i {
    width: 18px !important;
    height: 18px !important;
    font-size: 9px !important;
  }

  .wwd-services-grid .wwd-mini-icons {
    top: 12px !important;
    right: 14px !important;
    gap: 4px !important;
  }

  .wwd-services-grid .wwd-mini-icons span {
    min-width: 34px !important;
    padding: 5px 4px 4px !important;
    border-radius: 6px !important;
    font-size: 7px !important;
  }

  .wwd-services-grid .wwd-mini-icons i {
    font-size: 10px !important;
  }
}

@media (max-width: 640px) {
  .tst-masonry {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;
    gap: 14px !important;
  }

  .tst-card,
  .tst-card-featured,
  .tst-masonry > .tst-card:not(.tst-card-featured) {
    min-height: auto !important;
    padding: 22px 18px !important;
  }

  .tst-author {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 30px !important;
    align-items: center !important;
    gap: 10px !important;
  }

  .tst-author-left {
    min-width: 0 !important;
  }

  .tst-author-name,
  .tst-author-role {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  .tst-social {
    width: 28px !important;
    height: 28px !important;
    justify-self: end !important;
    position: static !important;
  }
}



/* ═════════════════════════════════════════════════════════════
   FINAL FIX: WHO WE ARE section responsive like reference
   - keep the full section visually same on tablet/mobile
   - preserve badges, features, stats strip and CTA pill
   - keep the 3 mini stats in one row on tablet + mobile
═════════════════════════════════════════════════════════════ */
.about-right-copy { min-width: 0; }
.about-left-vis { width: 100%; }
.about-features li { min-width: 0; }
.ab-stats {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.ab-stat {
  min-width: 0 !important;
}

@media (max-width: 1100px) {
  .about-section {
    padding: clamp(56px, 8vw, 88px) 0 clamp(48px, 7vw, 72px) !important;
  }

  .about-two-col {
    grid-template-columns: 1fr !important;
    gap: clamp(34px, 5vw, 54px) !important;
    align-items: start !important;
  }

  .about-left-vis {
    min-height: auto !important;
    max-width: 560px;
    margin: 0 auto;
    padding: 18px 0 10px;
  }

  .scene3d {
    width: clamp(280px, 42vw, 380px) !important;
    height: clamp(280px, 42vw, 380px) !important;
  }

  .founded-badge {
    top: 16px !important;
    right: 8% !important;
  }

  .rating-badge {
    left: 2% !important;
    bottom: 12px !important;
  }

  .about-right-copy {
    width: 100%;
    max-width: 920px;
    margin: 0 auto;
  }

  .about-para {
    max-width: 100%;
  }

  .about-features {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px 26px !important;
    margin-bottom: 28px !important;
  }

  .ab-stat {
    padding: 16px 14px !important;
    gap: 12px !important;
    border-radius: 18px !important;
  }

  .ab-stat-icon {
    font-size: 22px !important;
  }

  .ab-stat-num {
    font-size: clamp(20px, 3vw, 24px) !important;
  }

  .ab-stat-lbl {
    font-size: 11px !important;
    line-height: 1.25 !important;
  }

  .ab-team-pill {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center !important;
    gap: 14px !important;
    padding: 16px 18px !important;
  }

  .ab-team-btns {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
  }
}

@media (max-width: 767px) {
  .about-section {
    padding: 44px 0 52px !important;
  }

  .about-two-col {
    gap: 28px !important;
  }

  .about-left-vis {
    max-width: 100%;
    padding: 10px 0 4px !important;
    min-height: 0 !important;
  }

  .scene3d {
    width: clamp(230px, 72vw, 320px) !important;
    height: clamp(230px, 72vw, 320px) !important;
  }

  .founded-badge {
    top: 2px !important;
    right: 4% !important;
    padding: 12px 16px !important;
    transform: scale(.94);
    transform-origin: top right;
  }

  .rating-badge {
    left: 0 !important;
    bottom: 2px !important;
    padding: 14px 16px !important;
    transform: scale(.94);
    transform-origin: bottom left;
  }

  .about-eyebrow-row {
    justify-content: flex-start !important;
    margin-bottom: 14px !important;
  }

  .about-heading {
    font-size: clamp(30px, 9vw, 46px) !important;
    line-height: 1.03 !important;
    margin-bottom: 16px !important;
  }

  .about-para {
    font-size: 15px !important;
    line-height: 1.75 !important;
    margin-bottom: 20px !important;
  }

  .about-features {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-bottom: 22px !important;
  }

  .about-features li {
    font-size: 14px !important;
  }

  .about-bottom-bar {
    gap: 14px !important;
  }

  .ab-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .ab-stat {
    padding: 14px 10px !important;
    gap: 10px !important;
    border-radius: 16px !important;
    align-items: center !important;
  }

  .ab-stat-icon {
    font-size: 18px !important;
  }

  .ab-stat-num {
    font-size: clamp(18px, 5vw, 22px) !important;
  }

  .ab-stat-lbl {
    font-size: 10px !important;
    margin-top: 2px !important;
  }

  .ab-team-pill {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 14px !important;
    padding: 16px !important;
  }

  .ab-team-text {
    width: 100%;
  }

  .ab-team-btns {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px !important;
  }

  .ab-btn-gold,
  .ab-btn-ghost {
    width: 100% !important;
    justify-content: center !important;
    padding: 11px 14px !important;
  }
}

@media (max-width: 480px) {
  .about-left-vis {
    padding-top: 4px !important;
  }

  .scene3d {
    width: 232px !important;
    height: 232px !important;
  }

  .founded-badge {
    right: 0 !important;
    top: 0 !important;
    transform: scale(.88);
  }

  .rating-badge {
    left: -4px !important;
    bottom: -2px !important;
    transform: scale(.86);
  }

  .about-heading {
    font-size: clamp(26px, 9vw, 36px) !important;
  }

  .about-para {
    font-size: 14px !important;
  }

  .ab-stats {
    gap: 8px !important;
  }

  .ab-stat {
    padding: 12px 8px !important;
    gap: 8px !important;
    border-radius: 14px !important;
  }

  .ab-stat-icon {
    font-size: 16px !important;
  }

  .ab-stat-num {
    font-size: 16px !important;
    line-height: 1 !important;
  }

  .ab-stat-lbl {
    font-size: 9px !important;
    line-height: 1.2 !important;
  }

  .ab-team-text strong {
    font-size: 13px !important;
  }

  .ab-team-text span {
    font-size: 11px !important;
  }

  .ab-team-btns {
    grid-template-columns: 1fr !important;
  }
}


/* ════════════════════════════════
   FINAL UPDATE: Testimonials section exactly like reference image
════════════════════════════════ */
.testimonials-section {
  padding: clamp(24px, 4vw, 48px) 0 clamp(34px, 4vw, 56px) !important;
  background:
    radial-gradient(ellipse 720px 230px at 50% 8%, rgba(212,175,55,.12), transparent 62%),
    radial-gradient(ellipse 410px 260px at 2% 42%, rgba(212,175,55,.06), transparent 66%),
    radial-gradient(ellipse 580px 330px at 100% 85%, rgba(212,175,55,.04), transparent 70%),
    linear-gradient(180deg, #06110f 0%, #081612 50%, #06110f 100%) !important;
  color: #fff !important;
}
.testimonials-section::before {
  background:
    radial-gradient(ellipse 720px 260px at 50% 7%, rgba(212,175,55,.08), transparent 67%),
    linear-gradient(rgba(255,255,255,.012) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.012) 1px, transparent 1px) !important;
  background-size: auto, 44px 44px, 44px 44px !important;
  opacity: .45 !important;
}
.testimonials-section::after { display: none !important; }
.tst-container {
  width: min(100% - 114px, 1288px) !important;
  margin: 0 auto !important;
}
.tst-eyebrow {
  margin-bottom: 10px !important;
  gap: 10px !important;
  font-size: 10px !important;
  line-height: 1 !important;
  letter-spacing: .24em !important;
  font-weight: 900 !important;
  color: #d4af37 !important;
  text-shadow: 0 0 12px rgba(212,175,55,.45) !important;
}
.tst-eyebrow .tst-line {
  width: clamp(76px, 12vw, 170px) !important;
  height: 1px !important;
  display: inline-block !important;
  background: linear-gradient(90deg, transparent, rgba(212,175,55,.55), transparent) !important;
}
.tst-eyebrow i { font-size: 8px !important; }
.tst-head {
  max-width: 920px !important;
  margin: 0 auto 18px !important;
  text-align: center !important;
}
.tst-title {
  margin: 0 0 8px !important;
  font-size: clamp(33px, 4.15vw, 58px) !important;
  line-height: .95 !important;
  font-weight: 900 !important;
  letter-spacing: -.05em !important;
  color: #f8f6ef !important;
  text-shadow: 0 14px 28px rgba(0,0,0,.40) !important;
}
.tst-title span { color: #d4af37 !important; }
.tst-subtitle {
  margin: 0 auto !important;
  color: rgba(235,240,232,.68) !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
  font-weight: 600 !important;
}
.tst-rating-panel {
  display: grid !important;
  grid-template-columns: 210px minmax(280px,1fr) 320px !important;
  gap: 26px !important;
  align-items: center !important;
  min-height: 100px !important;
  margin-bottom: 16px !important;
  padding: 18px 28px !important;
  border: 1px solid rgba(212,175,55,.62) !important;
  border-radius: 12px !important;
  background:
    radial-gradient(ellipse 650px 120px at 28% 0%, rgba(212,175,55,.21), transparent 66%),
    linear-gradient(145deg, rgba(31,43,33,.86), rgba(9,23,18,.94)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 18px 40px rgba(0,0,0,.30), 0 0 26px rgba(212,175,55,.12) !important;
  overflow: hidden !important;
  position: relative !important;
}
.tst-rating-panel::before,
.tst-card::before { display: none !important; }
.tst-rating-panel::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  box-shadow: inset 0 0 34px rgba(212,175,55,.10) !important;
}
.tst-score-block {
  align-items: center !important;
  text-align: center !important;
  padding: 0 18px 0 0 !important;
}
.tst-score {
  font-size: clamp(52px, 5.6vw, 74px) !important;
  line-height: .78 !important;
  font-weight: 900 !important;
  color: #d4af37 !important;
  letter-spacing: -.07em !important;
  text-shadow: 0 0 24px rgba(212,175,55,.22) !important;
}
.tst-score-stars {
  justify-content: center !important;
  gap: 3px !important;
  margin: 10px 0 5px !important;
  color: #d4af37 !important;
  font-size: 14px !important;
}
.tst-score-note {
  color: rgba(236,241,233,.74) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
}
.tst-bars {
  display: grid !important;
  gap: 8px !important;
  padding: 0 28px !important;
  border-left: 1px solid rgba(255,255,255,.15) !important;
  border-right: 1px solid rgba(255,255,255,.15) !important;
}
.tst-bar-row {
  grid-template-columns: 34px 1fr 40px !important;
  gap: 10px !important;
  color: rgba(236,241,233,.80) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}
.tst-bar-row span:first-child i { color: #d4af37 !important; font-size: 8px !important; }
.tst-bar-track {
  height: 7px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.12) !important;
  box-shadow: inset 0 1px 2px rgba(0,0,0,.30) !important;
}
.tst-bar-fill {
  background: linear-gradient(90deg, #d4af37, #f0ce55) !important;
  box-shadow: 0 0 11px rgba(212,175,55,.45) !important;
}
.tst-platforms {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  gap: 14px !important;
}
.tst-platform {
  gap: 5px !important;
  color: rgba(236,241,233,.74) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
}
.tst-platform-icon {
  width: 34px !important;
  height: 34px !important;
  background: transparent !important;
  border: none !important;
  font-size: 26px !important;
}
.tst-platform-icon.google {
  color: #4285f4 !important;
  font-size: 30px !important;
  font-weight: 900 !important;
}
.tst-platform-icon.facebook { color: #1877f2 !important; }
.tst-platform-icon.trust { color: #00b67a !important; }
.tst-platform-score {
  color: #fff !important;
  font-size: 16px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}
.tst-masonry {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0,1fr)) !important;
  grid-template-rows: auto auto !important;
  gap: 16px 20px !important;
  margin: 0 !important;
}
.tst-card-featured,
.tst-card-wide {
  grid-column: span 3 !important;
  min-height: 168px !important;
}
.tst-card:not(.tst-card-featured):not(.tst-card-wide) {
  grid-column: span 2 !important;
  min-height: 132px !important;
}
.tst-card {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  padding: 21px 30px 18px !important;
  border: 1px solid rgba(212,175,55,.34) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.96) 0%, rgba(255,252,244,.98) 48%, rgba(255,255,255,.98) 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 16px 32px rgba(0,0,0,.30), 0 0 18px rgba(212,175,55,.05) !important;
  color: #25302b !important;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease !important;
}
.tst-card:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(212,175,55,.55) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 20px 42px rgba(0,0,0,.34), 0 0 24px rgba(212,175,55,.10) !important;
}
.tst-card::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(145deg, rgba(212,175,55,.10) 0 1px, transparent 1px 55%),
    radial-gradient(ellipse 240px 130px at 2% -10%, rgba(212,175,55,.10), transparent 64%) !important;
  opacity: .55 !important;
}
.tst-card-quote {
  position: relative !important;
  z-index: 1 !important;
  margin: 0 0 9px !important;
  color: #d4af37 !important;
  font-size: 29px !important;
  line-height: 1 !important;
}
.tst-card-featured .tst-card-quote,
.tst-card-wide .tst-card-quote { font-size: 34px !important; margin-bottom: 10px !important; }
.tst-text {
  position: relative !important;
  z-index: 1 !important;
  margin: 0 !important;
  color: #4e5a54 !important;
  font-size: 12.2px !important;
  line-height: 1.55 !important;
  font-weight: 600 !important;
  max-width: none !important;
}
.tst-card-featured .tst-text,
.tst-card-wide .tst-text {
  font-size: 12.2px !important;
  line-height: 1.55 !important;
  max-width: 560px !important;
}
.tst-text strong { color: #151c18 !important; font-weight: 900 !important; }
.tst-bold-line {
  margin-top: 0 !important;
  color: #1f2723 !important;
  font-weight: 900 !important;
}
.tst-author {
  position: relative !important;
  z-index: 1 !important;
  margin-top: auto !important;
  padding-top: 11px !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 10px !important;
}
.tst-author-left {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
}
.tst-avatar {
  width: 42px !important;
  height: 42px !important;
  flex: 0 0 42px !important;
  border-radius: 50% !important;
  border: 2px solid rgba(255,255,255,.95) !important;
  box-shadow: 0 7px 14px rgba(0,0,0,.22) !important;
  background:
    radial-gradient(circle at 50% 34%, #f0c19a 0 23%, transparent 24%),
    linear-gradient(180deg, #2b1b13 0 36%, transparent 37%),
    linear-gradient(135deg, #a8bb88, #2e5131) !important;
  color: transparent !important;
  font-size: 0 !important;
}
.tst-avatar.gold { background:
    radial-gradient(circle at 50% 34%, #f0c19a 0 23%, transparent 24%),
    linear-gradient(180deg, #2b1b13 0 36%, transparent 37%),
    linear-gradient(135deg, #e1c055, #5a7840) !important; }
.tst-avatar.purple { background:
    radial-gradient(circle at 50% 34%, #e6b88f 0 23%, transparent 24%),
    linear-gradient(180deg, #251712 0 36%, transparent 37%),
    linear-gradient(135deg, #b9c9d3, #695b81) !important; }
.tst-avatar.blue { background:
    radial-gradient(circle at 50% 34%, #e2b083 0 23%, transparent 24%),
    linear-gradient(180deg, #221610 0 36%, transparent 37%),
    linear-gradient(135deg, #9ac3e6, #40668e) !important; }
.tst-author-name {
  color: #1f2723 !important;
  font-size: 11.5px !important;
  line-height: 1.12 !important;
  font-weight: 900 !important;
}
.tst-author-role {
  margin-top: 2px !important;
  color: #78847e !important;
  font-size: 8.8px !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;
}
.tst-mini-stars {
  margin-top: 5px !important;
  gap: 2px !important;
  color: #d4af37 !important;
  font-size: 9px !important;
}
.tst-author-actions {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex: 0 0 auto !important;
}
.tst-social {
  width: 28px !important;
  height: 28px !important;
  flex: 0 0 28px !important;
  border-radius: 50% !important;
  background: #fffdfa !important;
  border: 1px solid rgba(212,175,55,.42) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.95) !important;
  font-size: 14px !important;
}
.tst-social.instagram { color: #e4405f !important; }
.tst-social.tiktok { color: #151515 !important; }
.tst-social.youtube { color: #ff0000 !important; }
.tst-social.facebook { color: #1877f2 !important; }
.tst-growth-pill {
  width: auto !important;
  margin: 0 !important;
  min-height: 24px !important;
  padding: 0 11px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(46,204,113,.24) !important;
  background: rgba(46,204,113,.08) !important;
  color: #129954 !important;
  font-size: 8.8px !important;
  font-weight: 900 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  white-space: nowrap !important;
}
.tst-growth-pill i { font-size: 10px !important; }
.tst-bottom,
.tst-video-card,
.tst-trust-card { display: none !important; }

@media (max-width: 1199px) {
  .tst-container { width: min(100% - 44px, 1180px) !important; }
  .tst-rating-panel { grid-template-columns: 180px 1fr 260px !important; gap: 18px !important; }
  .tst-masonry { gap: 14px !important; }
  .tst-card { padding: 18px 22px 16px !important; }
}
@media (max-width: 900px) {
  .tst-container { width: min(100% - 28px, 900px) !important; }
  .tst-rating-panel { grid-template-columns: 1fr !important; gap: 18px !important; padding: 20px 18px !important; }
  .tst-score-block { padding: 0 !important; }
  .tst-bars { padding: 0 !important; border-left: none !important; border-right: none !important; }
  .tst-platforms { grid-column: auto !important; }
  .tst-masonry { grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 14px !important; }
  .tst-card-featured,
  .tst-card-wide,
  .tst-card:not(.tst-card-featured):not(.tst-card-wide) { grid-column: span 1 !important; min-height: auto !important; }
  .tst-card-featured { grid-column: 1 / -1 !important; }
}
@media (max-width: 560px) {
  .testimonials-section { padding: 34px 0 42px !important; }
  .tst-eyebrow { letter-spacing: .16em !important; font-size: 8.8px !important; }
  .tst-eyebrow .tst-line { width: 42px !important; }
  .tst-title { font-size: clamp(30px, 10vw, 42px) !important; }
  .tst-rating-panel { border-radius: 12px !important; }
  .tst-platforms { gap: 8px !important; }
  .tst-masonry { grid-template-columns: 1fr !important; }
  .tst-card-featured,
  .tst-card-wide,
  .tst-card:not(.tst-card-featured):not(.tst-card-wide) { grid-column: auto !important; }
  .tst-card { padding: 18px 18px 16px !important; }
  .tst-author { align-items: flex-end !important; }
  .tst-author-actions { gap: 8px !important; }
  .tst-growth-pill { font-size: 8px !important; padding: 0 8px !important; }
}



/* ════════════════════════════════
   FIXED TESTIMONIAL CARD GRID
   Top row: 2 equal white cards
   Bottom row: 3 equal white cards
════════════════════════════════ */
.testimonials-section .tst-masonry {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  grid-template-rows: auto auto !important;
  grid-auto-flow: row !important;
  gap: 18px 20px !important;
  align-items: stretch !important;
  margin-top: 0 !important;
}

.testimonials-section .tst-card-featured,
.testimonials-section .tst-card-wide {
  grid-column: span 3 !important;
  grid-row: auto !important;
  min-height: 0 !important;
  height: 170px !important;
}

.testimonials-section .tst-card:not(.tst-card-featured):not(.tst-card-wide) {
  grid-column: span 2 !important;
  grid-row: auto !important;
  min-height: 0 !important;
  height: 136px !important;
}

.testimonials-section .tst-card {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  overflow: hidden !important;
  padding: 18px 28px 15px !important;
  border-radius: 12px !important;
  background:
    radial-gradient(ellipse 380px 160px at -5% -20%, rgba(212,175,55,.10), transparent 62%),
    linear-gradient(135deg, #fffdf7 0%, #fbfaf5 45%, #ffffff 100%) !important;
  border: 1px solid rgba(212,175,55,.34) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.96), 0 14px 30px rgba(0,0,0,.32), 0 0 16px rgba(212,175,55,.07) !important;
}

.testimonials-section .tst-card::after {
  opacity: .36 !important;
}

.testimonials-section .tst-card-quote {
  margin: 0 0 7px !important;
  font-size: 24px !important;
  line-height: .9 !important;
}

.testimonials-section .tst-card-featured .tst-card-quote,
.testimonials-section .tst-card-wide .tst-card-quote {
  font-size: 28px !important;
  margin-bottom: 7px !important;
}

.testimonials-section .tst-text {
  font-size: 10.5px !important;
  line-height: 1.48 !important;
  font-weight: 600 !important;
  color: #505c56 !important;
  max-width: none !important;
}

.testimonials-section .tst-card-featured .tst-text,
.testimonials-section .tst-card-wide .tst-text {
  font-size: 10.5px !important;
  line-height: 1.48 !important;
  max-width: 548px !important;
}

.testimonials-section .tst-bold-line {
  font-size: 10.6px !important;
  line-height: 1.35 !important;
}

.testimonials-section .tst-author {
  margin-top: auto !important;
  padding-top: 8px !important;
  align-items: flex-end !important;
  gap: 10px !important;
}

.testimonials-section .tst-author-left {
  gap: 9px !important;
}

.testimonials-section .tst-avatar {
  width: 39px !important;
  height: 39px !important;
  flex-basis: 39px !important;
}

.testimonials-section .tst-author-name {
  font-size: 10.5px !important;
  line-height: 1.1 !important;
}

.testimonials-section .tst-author-role {
  font-size: 8.2px !important;
  line-height: 1.15 !important;
  margin-top: 1px !important;
}

.testimonials-section .tst-mini-stars {
  gap: 2px !important;
  margin-top: 4px !important;
  font-size: 8.8px !important;
}

.testimonials-section .tst-social {
  width: 28px !important;
  height: 28px !important;
  flex-basis: 28px !important;
  font-size: 14px !important;
}

.testimonials-section .tst-growth-pill {
  height: 24px !important;
  padding: 0 12px !important;
  font-size: 8.7px !important;
  border-radius: 999px !important;
  white-space: nowrap !important;
}

.testimonials-section .tst-author-actions {
  gap: 10px !important;
  align-items: center !important;
}

@media (max-width: 1100px) {
  .testimonials-section .tst-card-featured,
  .testimonials-section .tst-card-wide {
    height: 188px !important;
  }
  .testimonials-section .tst-card:not(.tst-card-featured):not(.tst-card-wide) {
    height: 152px !important;
  }
  .testimonials-section .tst-card { padding: 18px 20px 15px !important; }
}

@media (max-width: 900px) {
  .testimonials-section .tst-masonry {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }
  .testimonials-section .tst-card-featured,
  .testimonials-section .tst-card-wide,
  .testimonials-section .tst-card:not(.tst-card-featured):not(.tst-card-wide) {
    grid-column: span 1 !important;
    grid-row: auto !important;
    height: auto !important;
    min-height: 178px !important;
  }
  .testimonials-section .tst-card-featured {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 560px) {
  .testimonials-section .tst-masonry {
    grid-template-columns: 1fr !important;
  }
  .testimonials-section .tst-card-featured,
  .testimonials-section .tst-card-wide,
  .testimonials-section .tst-card:not(.tst-card-featured):not(.tst-card-wide) {
    grid-column: auto !important;
    height: auto !important;
    min-height: 0 !important;
  }
  .testimonials-section .tst-card {
    padding: 18px 18px 16px !important;
  }
  .testimonials-section .tst-text,
  .testimonials-section .tst-card-featured .tst-text,
  .testimonials-section .tst-card-wide .tst-text {
    font-size: 11px !important;
    line-height: 1.55 !important;
  }
  .testimonials-section .tst-author {
    flex-wrap: wrap !important;
  }
}



/* ════════════════════════════════
   FINAL FIX: testimonial cards footer clipping / equal layout
════════════════════════════════ */
.testimonials-section .tst-card-featured,
.testimonials-section .tst-card-wide {
  height: auto !important;
  min-height: 178px !important;
}

.testimonials-section .tst-card:not(.tst-card-featured):not(.tst-card-wide) {
  height: auto !important;
  min-height: 154px !important;
}

.testimonials-section .tst-card {
  padding: 20px 26px 18px !important;
  overflow: hidden !important;
}

.testimonials-section .tst-card-featured .tst-text,
.testimonials-section .tst-card-wide .tst-text,
.testimonials-section .tst-card .tst-text {
  line-height: 1.5 !important;
}

.testimonials-section .tst-author {
  margin-top: auto !important;
  padding-top: 12px !important;
  align-items: center !important;
}

.testimonials-section .tst-author-left {
  align-items: center !important;
}

.testimonials-section .tst-author-actions {
  align-items: center !important;
}

@media (min-width: 901px) {
  .testimonials-section .tst-card-featured,
  .testimonials-section .tst-card-wide {
    min-height: 178px !important;
  }

  .testimonials-section .tst-card:not(.tst-card-featured):not(.tst-card-wide) {
    min-height: 154px !important;
  }
}

@media (max-width: 900px) {
  .testimonials-section .tst-card-featured,
  .testimonials-section .tst-card-wide,
  .testimonials-section .tst-card:not(.tst-card-featured):not(.tst-card-wide) {
    min-height: 0 !important;
    height: auto !important;
  }
}



/* ════════════════════════════════
   FINAL RESPONSIVE CLEANUP: Testimonials spacing/alignment
   Desktop: 2 cards + 3 cards
   Tablet: clean 2-column cards
   Mobile: single-column cards with no clipping
════════════════════════════════ */
.testimonials-section .tst-container {
  width: min(100% - 96px, 1288px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.testimonials-section .tst-rating-panel {
  width: 100% !important;
  margin: 0 0 18px !important;
}

.testimonials-section .tst-masonry {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 18px 20px !important;
  align-items: stretch !important;
}

.testimonials-section .tst-card-featured,
.testimonials-section .tst-card-wide {
  grid-column: span 3 !important;
}

.testimonials-section .tst-card:not(.tst-card-featured):not(.tst-card-wide) {
  grid-column: span 2 !important;
}

.testimonials-section .tst-card {
  height: auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  padding: clamp(18px, 1.7vw, 24px) clamp(20px, 2.2vw, 30px) clamp(16px, 1.6vw, 22px) !important;
  overflow: visible !important;
}

.testimonials-section .tst-card-quote {
  flex: 0 0 auto !important;
}

.testimonials-section .tst-text {
  flex: 0 0 auto !important;
}

.testimonials-section .tst-author {
  width: 100% !important;
  margin-top: auto !important;
  padding-top: 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  min-width: 0 !important;
}

.testimonials-section .tst-author-left {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
}

.testimonials-section .tst-author-actions {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.testimonials-section .tst-growth-pill {
  max-width: 100% !important;
}

/* Large tablet / small laptop */
@media (max-width: 1199px) {
  .testimonials-section {
    padding-top: 44px !important;
    padding-bottom: 54px !important;
  }

  .testimonials-section .tst-container {
    width: min(100% - 44px, 1120px) !important;
  }

  .testimonials-section .tst-rating-panel {
    grid-template-columns: 160px minmax(260px, 1fr) 220px !important;
    gap: 18px !important;
    padding: 18px 20px !important;
  }

  .testimonials-section .tst-bars {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .testimonials-section .tst-masonry {
    gap: 14px !important;
  }

  .testimonials-section .tst-card {
    padding: 18px 20px 17px !important;
  }

  .testimonials-section .tst-text,
  .testimonials-section .tst-card-featured .tst-text,
  .testimonials-section .tst-card-wide .tst-text {
    font-size: 10.5px !important;
    line-height: 1.5 !important;
  }
}

/* Tablet */
@media (max-width: 991px) {
  .testimonials-section {
    padding: 42px 0 48px !important;
  }

  .testimonials-section .tst-container {
    width: min(100% - 32px, 860px) !important;
  }

  .testimonials-section .tst-head {
    margin-bottom: 18px !important;
  }

  .testimonials-section .tst-title {
    font-size: clamp(30px, 6vw, 46px) !important;
    line-height: 1.05 !important;
  }

  .testimonials-section .tst-rating-panel {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    padding: 20px !important;
  }

  .testimonials-section .tst-score-block {
    padding-right: 0 !important;
  }

  .testimonials-section .tst-bars {
    border-left: 0 !important;
    border-right: 0 !important;
    padding: 0 !important;
  }

  .testimonials-section .tst-platforms {
    max-width: 440px !important;
    width: 100% !important;
    margin: 0 auto !important;
  }

  .testimonials-section .tst-masonry {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }

  .testimonials-section .tst-card-featured,
  .testimonials-section .tst-card-wide,
  .testimonials-section .tst-card:not(.tst-card-featured):not(.tst-card-wide) {
    grid-column: auto !important;
    min-height: 0 !important;
    height: auto !important;
  }

  .testimonials-section .tst-card-featured {
    grid-column: 1 / -1 !important;
  }

  .testimonials-section .tst-card {
    padding: 20px 20px 18px !important;
  }

  .testimonials-section .tst-author {
    padding-top: 14px !important;
  }
}

/* Mobile */
@media (max-width: 620px) {
  .testimonials-section {
    padding: 34px 0 42px !important;
  }

  .testimonials-section .tst-container {
    width: min(100% - 24px, 520px) !important;
  }

  .testimonials-section .tst-eyebrow {
    gap: 8px !important;
    letter-spacing: .16em !important;
    font-size: 8.5px !important;
  }

  .testimonials-section .tst-eyebrow .tst-line {
    width: 34px !important;
  }

  .testimonials-section .tst-title {
    font-size: clamp(27px, 9vw, 38px) !important;
    line-height: 1.06 !important;
  }

  .testimonials-section .tst-subtitle {
    font-size: 10.5px !important;
    line-height: 1.5 !important;
    max-width: 320px !important;
  }

  .testimonials-section .tst-rating-panel {
    border-radius: 14px !important;
    padding: 18px 16px !important;
  }

  .testimonials-section .tst-score {
    font-size: 56px !important;
  }

  .testimonials-section .tst-bar-row {
    grid-template-columns: 30px 1fr 34px !important;
    gap: 8px !important;
    font-size: 10px !important;
  }

  .testimonials-section .tst-platforms {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 8px !important;
  }

  .testimonials-section .tst-platform-icon {
    width: 30px !important;
    height: 30px !important;
    font-size: 22px !important;
  }

  .testimonials-section .tst-platform-score {
    font-size: 14px !important;
  }

  .testimonials-section .tst-masonry {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .testimonials-section .tst-card-featured,
  .testimonials-section .tst-card-wide,
  .testimonials-section .tst-card:not(.tst-card-featured):not(.tst-card-wide) {
    grid-column: auto !important;
  }

  .testimonials-section .tst-card {
    border-radius: 14px !important;
    padding: 18px 16px 16px !important;
  }

  .testimonials-section .tst-card-quote,
  .testimonials-section .tst-card-featured .tst-card-quote,
  .testimonials-section .tst-card-wide .tst-card-quote {
    font-size: 26px !important;
    margin-bottom: 8px !important;
  }

  .testimonials-section .tst-text,
  .testimonials-section .tst-card-featured .tst-text,
  .testimonials-section .tst-card-wide .tst-text {
    font-size: 11px !important;
    line-height: 1.55 !important;
  }

  .testimonials-section .tst-author {
    align-items: flex-start !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    padding-top: 14px !important;
  }

  .testimonials-section .tst-author-left {
    flex: 1 1 100% !important;
  }

  .testimonials-section .tst-author-actions,
  .testimonials-section .tst-card > .tst-social {
    margin-left: 49px !important;
  }

  .testimonials-section .tst-author-actions {
    width: calc(100% - 49px) !important;
    justify-content: space-between !important;
  }

  .testimonials-section .tst-growth-pill {
    font-size: 8px !important;
    padding: 0 9px !important;
  }
}

/* Very small mobile */
@media (max-width: 390px) {
  .testimonials-section .tst-container {
    width: min(100% - 18px, 360px) !important;
  }

  .testimonials-section .tst-card {
    padding: 16px 14px !important;
  }

  .testimonials-section .tst-author-actions,
  .testimonials-section .tst-card > .tst-social {
    margin-left: 0 !important;
  }

  .testimonials-section .tst-author-actions {
    width: 100% !important;
  }
}



/* ════════════════════════════════
   FULL PAGE RESPONSIVE CLEANUP
   Keeps spacing + alignment clean on desktop, tablet, and mobile
════════════════════════════════ */
html,
body {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: clip !important;
}

body {
  -webkit-text-size-adjust: 100% !important;
}

img,
svg,
video,
canvas {
  max-width: 100% !important;
  height: auto;
}

section {
  width: 100% !important;
  max-width: 100% !important;
}

.site-wrap,
.wwd-container,
.results-container,
.cr-container,
.tst-container,
.insights-container,
.packages-container,
.pricing-container,
.footer-container,
.about-container,
.contact-container,
.services-container {
  width: min(100% - 96px, 1288px) !important;
  max-width: 1288px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Clean desktop section rhythm */
.hero-section,
.about-section,
.wwd-section,
.results-section,
.client-results-section,
.testimonials-section,
.insights-section,
.packages-section,
.pricing-section,
.footer-section {
  position: relative !important;
}

.wwd-section,
.results-section,
.client-results-section,
.testimonials-section,
.insights-section,
.packages-section,
.pricing-section,
.about-section {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Prevent grid/card overflow on full page */
.hero-grid,
.about-two-col,
.wwd-services-grid,
.wwd-metrics,
.wwd-steps-grid,
.cr-results-grid,
.cr-testimonial-grid,
.tst-masonry,
.insights-grid,
.packages-grid,
.pricing-grid,
.footer-grid,
.stats-inner,
.feat-inner {
  min-width: 0 !important;
}

.hero-grid > *,
.about-two-col > *,
.wwd-services-grid > *,
.wwd-metrics > *,
.wwd-steps-grid > *,
.cr-results-grid > *,
.cr-testimonial-grid > *,
.tst-masonry > *,
.insights-grid > *,
.packages-grid > *,
.pricing-grid > *,
.footer-grid > *,
.stats-inner > *,
.feat-inner > * {
  min-width: 0 !important;
}

/* Full page card alignment */
.wwd-card,
.cr-card,
.cr-testimonial-card,
.tst-card,
.insight-card,
.package-card,
.pricing-card,
.feat-item,
.stat-item,
.ab-stat {
  max-width: 100% !important;
}

/* Navbar remains clean */
.apex-nav .site-wrap,
.apex-nav .nav-inner {
  max-width: 1288px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.nav-inner {
  min-width: 0 !important;
}

.nav-left,
.nav-right,
.nav-links {
  min-width: 0 !important;
}

/* Desktop refinement */
@media (min-width: 1200px) {
  .site-wrap,
  .wwd-container,
  .results-container,
  .cr-container,
  .tst-container,
  .insights-container,
  .packages-container,
  .pricing-container,
  .footer-container,
  .about-container,
  .contact-container,
  .services-container {
    width: min(100% - 96px, 1288px) !important;
  }

  .testimonials-section .tst-masonry {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 18px 20px !important;
  }

  .testimonials-section .tst-card-featured,
  .testimonials-section .tst-card-wide {
    grid-column: span 3 !important;
  }

  .testimonials-section .tst-card:not(.tst-card-featured):not(.tst-card-wide) {
    grid-column: span 2 !important;
  }
}

/* Laptop / tablet landscape */
@media (max-width: 1199px) {
  .site-wrap,
  .wwd-container,
  .results-container,
  .cr-container,
  .tst-container,
  .insights-container,
  .packages-container,
  .pricing-container,
  .footer-container,
  .about-container,
  .contact-container,
  .services-container {
    width: min(100% - 44px, 1120px) !important;
  }

  .hero-line {
    font-size: clamp(42px, 6vw, 72px) !important;
  }

  .hero-grid,
  .about-two-col {
    gap: clamp(28px, 4vw, 54px) !important;
  }

  .wwd-services-grid {
    gap: 16px !important;
  }

  .wwd-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .wwd-metric {
    padding: 18px 20px !important;
  }

  .wwd-steps-grid {
    gap: 22px !important;
  }
}

/* Tablet portrait */
@media (max-width: 991px) {
  .site-wrap,
  .wwd-container,
  .results-container,
  .cr-container,
  .tst-container,
  .insights-container,
  .packages-container,
  .pricing-container,
  .footer-container,
  .about-container,
  .contact-container,
  .services-container {
    width: min(100% - 32px, 860px) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .hero-section {
    min-height: auto !important;
  }

  .hero-grid,
  .about-two-col {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
    text-align: center !important;
  }

  .hero-left,
  .hero-copy,
  .about-right-copy {
    align-items: center !important;
    text-align: center !important;
  }

  .hero-btns,
  .socials,
  .about-eyebrow-row,
  .ab-stats,
  .ab-team-pill,
  .wwd-bottom-cta,
  .wwd-bottom-left,
  .wwd-bottom-actions {
    justify-content: center !important;
  }

  .wwd-services-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: auto !important;
    gap: 16px !important;
  }

  .wwd-card,
  .wwd-card-1,
  .wwd-card-2,
  .wwd-card-3,
  .wwd-card-4,
  .wwd-card-5,
  .wwd-card-6,
  .wwd-card-7 {
    grid-column: auto !important;
    grid-row: auto !important;
    min-height: auto !important;
  }

  .wwd-large-card,
  .wwd-small-card,
  .wwd-compact-card {
    display: flex !important;
    flex-direction: column !important;
    padding: 22px !important;
  }

  .wwd-small-card .wwd-card-link,
  .wwd-compact-card .wwd-card-link {
    position: relative !important;
    right: auto !important;
    bottom: auto !important;
    font-size: 12px !important;
    margin-top: 16px !important;
  }

  .wwd-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .wwd-steps-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 24px !important;
  }

  .wwd-step:not(:last-child)::after {
    display: none !important;
  }

  .wwd-bottom-cta {
    flex-direction: column !important;
    text-align: center !important;
  }

  .feat-inner,
  .stats-inner {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .cr-results-grid,
  .cr-testimonial-grid,
  .insights-grid,
  .packages-grid,
  .pricing-grid,
  .footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }

  .testimonials-section .tst-rating-panel {
    grid-template-columns: 1fr !important;
  }

  .testimonials-section .tst-masonry {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }

  .testimonials-section .tst-card-featured,
  .testimonials-section .tst-card-wide,
  .testimonials-section .tst-card:not(.tst-card-featured):not(.tst-card-wide) {
    grid-column: auto !important;
    height: auto !important;
    min-height: 0 !important;
  }

  .testimonials-section .tst-card-featured {
    grid-column: 1 / -1 !important;
  }
}

/* Mobile */
@media (max-width: 620px) {
  .site-wrap,
  .wwd-container,
  .results-container,
  .cr-container,
  .tst-container,
  .insights-container,
  .packages-container,
  .pricing-container,
  .footer-container,
  .about-container,
  .contact-container,
  .services-container {
    width: min(100% - 24px, 520px) !important;
  }

  .hero-section,
  .about-section,
  .wwd-section,
  .results-section,
  .client-results-section,
  .testimonials-section,
  .insights-section,
  .packages-section,
  .pricing-section {
    padding-top: 36px !important;
    padding-bottom: 42px !important;
  }

  .hero-title,
  .about-heading,
  .wwd-main-title,
  .tst-title,
  .insights-title,
  .packages-title,
  .pricing-title {
    font-size: clamp(27px, 9vw, 38px) !important;
    line-height: 1.08 !important;
    text-align: center !important;
  }

  .hero-sub,
  .about-para,
  .wwd-subtitle,
  .tst-subtitle,
  .insights-subtitle,
  .packages-subtitle,
  .pricing-subtitle {
    text-align: center !important;
  }

  .hero-btns,
  .socials {
    width: 100% !important;
    justify-content: center !important;
  }

  .btn-primary-hero,
  .btn-ghost-hero {
    width: 100% !important;
    max-width: 280px !important;
    justify-content: center !important;
  }

  .feature-strip,
  .stats-strip,
  .tst-rating-panel,
  .wwd-metrics,
  .wwd-steps-panel,
  .wwd-bottom-cta {
    border-radius: 16px !important;
  }

  .feat-inner,
  .stats-inner,
  .wwd-services-grid,
  .wwd-metrics,
  .wwd-steps-grid,
  .cr-results-grid,
  .cr-testimonial-grid,
  .insights-grid,
  .packages-grid,
  .pricing-grid,
  .footer-grid,
  .testimonials-section .tst-masonry {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .feat-item,
  .stat-item,
  .wwd-metric,
  .wwd-step,
  .cr-card,
  .cr-testimonial-card,
  .tst-card,
  .insight-card,
  .package-card,
  .pricing-card {
    width: 100% !important;
  }

  .feat-item,
  .stat-item,
  .wwd-metric {
    padding: 16px !important;
  }

  .wwd-steps-panel,
  .wwd-bottom-cta {
    padding: 20px 16px !important;
  }

  .wwd-bottom-actions,
  .ab-team-btns {
    width: 100% !important;
    flex-direction: column !important;
  }

  .wwd-btn,
  .ab-btn-gold,
  .ab-btn-ghost,
  .insights-view-btn {
    width: 100% !important;
    justify-content: center !important;
  }

  .testimonials-section .tst-platforms {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .testimonials-section .tst-card {
    overflow: visible !important;
  }

  .testimonials-section .tst-author {
    flex-wrap: wrap !important;
    align-items: flex-start !important;
  }

  .testimonials-section .tst-author-left {
    flex: 1 1 100% !important;
  }

  .testimonials-section .tst-author-actions {
    width: 100% !important;
    justify-content: space-between !important;
  }
}

/* Small mobile */
@media (max-width: 390px) {
  .site-wrap,
  .wwd-container,
  .results-container,
  .cr-container,
  .tst-container,
  .insights-container,
  .packages-container,
  .pricing-container,
  .footer-container,
  .about-container,
  .contact-container,
  .services-container {
    width: min(100% - 18px, 360px) !important;
  }

  .nav-toggle {
    width: 40px !important;
    height: 40px !important;
  }

  .brand-logo {
    max-width: 190px !important;
  }

  .testimonials-section .tst-platforms {
    gap: 6px !important;
  }

  .testimonials-section .tst-card {
    padding: 16px 14px !important;
  }
}



/* ════════════════════════════════
   UPDATE: About mini stat cards white like testimonials
════════════════════════════════ */
.about-section .ab-stat {
  background:
    radial-gradient(ellipse 320px 140px at -5% -20%, rgba(212,175,55,.10), transparent 62%),
    linear-gradient(135deg, #fffdf7 0%, #fbfaf5 45%, #ffffff 100%) !important;
  border: 1px solid rgba(212,175,55,.34) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    0 14px 30px rgba(0,0,0,.22),
    0 0 16px rgba(212,175,55,.07) !important;
  color: #25302b !important;
}

.about-section .ab-stat:hover {
  border-color: rgba(212,175,55,.55) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    0 18px 36px rgba(0,0,0,.26),
    0 0 20px rgba(212,175,55,.10) !important;
  transform: translateY(-3px) !important;
}

.about-section .ab-stat-icon {
  color: #d4af37 !important;
  text-shadow: none !important;
}

.about-section .ab-stat-num {
  color: #1f2723 !important;
}

.about-section .ab-stat-lbl {
  color: #78847e !important;
}

@media (max-width: 767px) {
  .about-section .ab-stat {
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.96),
      0 10px 22px rgba(0,0,0,.18),
      0 0 12px rgba(212,175,55,.06) !important;
  }
}



/* ═══════════════════════════════════════════════════════
   FINAL MOBILE UPDATE: What We Do cards as carousel
   Mobile only: 2 cards visible per slide, desktop unchanged.
═══════════════════════════════════════════════════════ */
@media (max-width: 767px) {
  .wwd-container {
    overflow: hidden !important;
  }

  .wwd-services-grid {
    display: flex !important;
    flex-wrap: nowrap !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    gap: 10px !important;
    width: 100% !important;
    margin-top: 16px !important;
    margin-bottom: 18px !important;
    padding: 2px 0 12px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    overscroll-behavior-x: contain !important;
  }

  .wwd-services-grid::-webkit-scrollbar {
    display: none !important;
  }

  .wwd-services-grid .wwd-card-7 {
    display: none !important;
  }

  .wwd-services-grid .wwd-card {
    flex: 0 0 calc((100% - 10px) / 2) !important;
    width: calc((100% - 10px) / 2) !important;
    min-width: calc((100% - 10px) / 2) !important;
    max-width: calc((100% - 10px) / 2) !important;
    min-height: 250px !important;
    padding: 12px 10px 11px !important;
    display: flex !important;
    flex-direction: column !important;
    grid-column: auto !important;
    grid-row: auto !important;
    scroll-snap-align: none !important;
    scroll-snap-stop: always !important;
  }

  .wwd-services-grid .wwd-card-1,
  .wwd-services-grid .wwd-card-3,
  .wwd-services-grid .wwd-card-5 {
    scroll-snap-align: start !important;
  }

  .wwd-services-grid .wwd-icon-row {
    grid-column: auto !important;
    grid-row: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    margin: 0 0 9px !important;
  }

  .wwd-services-grid .wwd-card-icon,
  .wwd-services-grid .wwd-large-card .wwd-card-icon {
    width: 40px !important;
    height: 40px !important;
    flex: 0 0 40px !important;
    font-size: 17px !important;
    border-radius: 9px !important;
  }

  .wwd-services-grid .wwd-card-content {
    grid-column: auto !important;
    grid-row: auto !important;
    padding-right: 0 !important;
  }

  .wwd-services-grid .wwd-title,
  .wwd-services-grid .wwd-small-card .wwd-title,
  .wwd-services-grid .wwd-compact-card .wwd-title {
    font-size: 12.5px !important;
    line-height: 1.18 !important;
    margin: 0 0 6px !important;
    padding-right: 0 !important;
  }

  .wwd-services-grid .wwd-desc,
  .wwd-services-grid .wwd-large-card .wwd-desc,
  .wwd-services-grid .wwd-small-card .wwd-desc,
  .wwd-services-grid .wwd-compact-card .wwd-desc {
    font-size: 10.2px !important;
    line-height: 1.45 !important;
    padding-right: 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 4 !important;
    line-clamp: 4 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  .wwd-services-grid .wwd-tags {
    grid-column: auto !important;
    grid-row: auto !important;
    margin-top: 8px !important;
    gap: 5px !important;
    padding-right: 0 !important;
  }

  .wwd-services-grid .wwd-tags span {
    min-height: 18px !important;
    padding: 3px 6px !important;
    font-size: 8.2px !important;
    line-height: 1.1 !important;
    border-radius: 5px !important;
    white-space: normal !important;
  }

  .wwd-services-grid .wwd-card-link,
  .wwd-services-grid .wwd-small-card .wwd-card-link,
  .wwd-services-grid .wwd-compact-card .wwd-card-link {
    grid-column: auto !important;
    grid-row: auto !important;
    position: static !important;
    margin-top: auto !important;
    padding-top: 10px !important;
    font-size: 10px !important;
  }

  .wwd-services-grid .wwd-card-link i,
  .wwd-services-grid .wwd-small-card .wwd-card-link i,
  .wwd-services-grid .wwd-compact-card .wwd-card-link i {
    font-size: 14px !important;
  }

  .wwd-services-grid .wwd-number {
    font-size: 28px !important;
    right: 9px !important;
    bottom: 8px !important;
  }

  .wwd-services-grid .wwd-platforms,
  .wwd-services-grid .wwd-mini-icons {
    position: static !important;
    top: auto !important;
    right: auto !important;
    margin-left: auto !important;
  }

  .wwd-services-grid .wwd-platforms {
    gap: 4px !important;
  }

  .wwd-services-grid .wwd-platforms i {
    width: 16px !important;
    height: 16px !important;
    font-size: 8px !important;
  }

  .wwd-services-grid .wwd-mini-icons {
    gap: 3px !important;
  }

  .wwd-services-grid .wwd-mini-icons span {
    min-width: 28px !important;
    padding: 4px 3px 3px !important;
    font-size: 6.2px !important;
  }

  .wwd-services-grid .wwd-mini-icons i {
    font-size: 8px !important;
  }
}



/* ═══════════════════════════════════════════════════════
   FINAL FIX: Mobile service cards carousel / slider
   Shows exactly 2 service cards per slide on mobile only.
════════════════════════════════════════════════════════ */
.wwd-mobile-carousel-controls {
  display: none;
}

@media (max-width: 767px) {
  .wwd-container {
    overflow: hidden !important;
  }

  .wwd-services-grid {
    --wwd-mobile-gap: 10px;
    display: flex !important;
    flex-wrap: nowrap !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    gap: var(--wwd-mobile-gap) !important;
    width: 100% !important;
    margin-top: 16px !important;
    margin-bottom: 12px !important;
    padding: 2px 0 10px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    overscroll-behavior-x: contain !important;
    touch-action: pan-x pan-y !important;
  }

  .wwd-services-grid::-webkit-scrollbar {
    display: none !important;
  }

  .wwd-services-grid .wwd-card-7 {
    display: none !important;
  }

  .wwd-services-grid .wwd-card {
    flex: 0 0 calc((100% - var(--wwd-mobile-gap)) / 2) !important;
    width: calc((100% - var(--wwd-mobile-gap)) / 2) !important;
    min-width: calc((100% - var(--wwd-mobile-gap)) / 2) !important;
    max-width: calc((100% - var(--wwd-mobile-gap)) / 2) !important;
    min-height: 252px !important;
    padding: 12px 10px 11px !important;
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    grid-column: auto !important;
    grid-row: auto !important;
    scroll-snap-align: none !important;
    scroll-snap-stop: always !important;
  }

  /* Slide starts: 1+2, 3+4, 5+6 */
  .wwd-services-grid .wwd-card-1,
  .wwd-services-grid .wwd-card-3,
  .wwd-services-grid .wwd-card-5 {
    scroll-snap-align: start !important;
  }

  .wwd-services-grid .wwd-icon-row {
    grid-column: auto !important;
    grid-row: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    margin: 0 0 9px !important;
    position: relative !important;
  }

  .wwd-services-grid .wwd-card-icon,
  .wwd-services-grid .wwd-large-card .wwd-card-icon {
    width: 40px !important;
    height: 40px !important;
    flex: 0 0 40px !important;
    font-size: 17px !important;
    border-radius: 9px !important;
    margin: 0 0 9px !important;
  }

  .wwd-services-grid .wwd-icon-row .wwd-card-icon {
    margin-bottom: 0 !important;
  }

  .wwd-services-grid .wwd-card-content {
    grid-column: auto !important;
    grid-row: auto !important;
    padding-right: 0 !important;
  }

  .wwd-services-grid .wwd-title,
  .wwd-services-grid .wwd-small-card .wwd-title,
  .wwd-services-grid .wwd-compact-card .wwd-title {
    font-size: 12.5px !important;
    line-height: 1.18 !important;
    margin: 0 0 6px !important;
    padding-right: 0 !important;
  }

  .wwd-services-grid .wwd-desc,
  .wwd-services-grid .wwd-large-card .wwd-desc,
  .wwd-services-grid .wwd-small-card .wwd-desc,
  .wwd-services-grid .wwd-compact-card .wwd-desc {
    font-size: 10.2px !important;
    line-height: 1.45 !important;
    padding-right: 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 4 !important;
    line-clamp: 4 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  .wwd-services-grid .wwd-tags {
    grid-column: auto !important;
    grid-row: auto !important;
    margin-top: 8px !important;
    gap: 5px !important;
    padding-right: 0 !important;
  }

  .wwd-services-grid .wwd-tags span {
    min-height: 18px !important;
    padding: 3px 6px !important;
    font-size: 8.2px !important;
    line-height: 1.1 !important;
    border-radius: 5px !important;
    white-space: normal !important;
  }

  .wwd-services-grid .wwd-card-link,
  .wwd-services-grid .wwd-small-card .wwd-card-link,
  .wwd-services-grid .wwd-compact-card .wwd-card-link {
    grid-column: auto !important;
    grid-row: auto !important;
    position: static !important;
    margin-top: auto !important;
    padding-top: 10px !important;
    font-size: 10px !important;
  }

  .wwd-services-grid .wwd-card-link i,
  .wwd-services-grid .wwd-small-card .wwd-card-link i,
  .wwd-services-grid .wwd-compact-card .wwd-card-link i {
    font-size: 14px !important;
  }

  .wwd-services-grid .wwd-number {
    font-size: 28px !important;
    right: 9px !important;
    bottom: 8px !important;
  }

  .wwd-services-grid .wwd-platforms,
  .wwd-services-grid .wwd-mini-icons {
    position: static !important;
    top: auto !important;
    right: auto !important;
    margin-left: auto !important;
  }

  .wwd-services-grid .wwd-platforms {
    gap: 4px !important;
  }

  .wwd-services-grid .wwd-platforms i {
    width: 16px !important;
    height: 16px !important;
    font-size: 8px !important;
  }

  .wwd-services-grid .wwd-mini-icons {
    gap: 3px !important;
  }

  .wwd-services-grid .wwd-mini-icons span {
    min-width: 28px !important;
    padding: 4px 3px 3px !important;
    font-size: 6.2px !important;
  }

  .wwd-services-grid .wwd-mini-icons i {
    font-size: 8px !important;
  }

  .wwd-mobile-carousel-controls {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 2px auto 20px !important;
  }

  .wwd-mobile-carousel-btn {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(212,175,55,.48) !important;
    background: rgba(255,255,255,.06) !important;
    color: var(--gold) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.22) !important;
  }

  .wwd-mobile-carousel-btn:disabled {
    opacity: .35 !important;
    cursor: default !important;
  }

  .wwd-mobile-carousel-btn i {
    font-size: 18px !important;
    line-height: 1 !important;
  }

  .wwd-mobile-carousel-dots {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
  }

  .wwd-mobile-carousel-dot {
    width: 7px !important;
    height: 7px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(212,175,55,.35) !important;
    cursor: pointer !important;
    transition: width .2s ease, background .2s ease !important;
  }

  .wwd-mobile-carousel-dot.is-active {
    width: 22px !important;
    background: var(--gold) !important;
  }
}


/* ═════════════════════════════════════════════════════════════
   FINAL RESPONSIVE UPDATE: keep these icon/stat sections in ONE ROW
   Applies to mobile + tablet without changing desktop layout.
═════════════════════════════════════════════════════════════ */
@media (max-width: 991px) {
  /* 1) White feature strip: Targeted Strategies / Audience / Growth / Support */
  .feature-strip {
    overflow: hidden !important;
    border-radius: 18px !important;
  }
  .feat-inner {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
  }
  .feat-item {
    width: auto !important;
    min-height: 112px !important;
    padding: 14px 10px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    text-align: center !important;
    border-top: 0 !important;
    border-left: 1px solid rgba(0,0,0,.08) !important;
  }
  .feat-item:first-child { border-left: 0 !important; }
  .feat-icon {
    width: 48px !important;
    height: 48px !important;
    flex: 0 0 48px !important;
    font-size: 21px !important;
  }
  .feat-text {
    font-size: 12px !important;
    line-height: 1.22 !important;
    font-weight: 800 !important;
  }

  /* 2) Hero stats strip: 500+ / 500K+ / 10M+ / 100+ */
  .stats-strip {
    overflow: hidden !important;
    border-radius: 18px !important;
  }
  .stats-inner {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
  }
  .stat-item {
    width: auto !important;
    min-height: 106px !important;
    padding: 14px 8px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    text-align: center !important;
    border-top: 0 !important;
    border-left: 1px solid rgba(255,255,255,.10) !important;
  }
  .stat-item:first-child { border-left: 0 !important; }
  .stat-icon {
    font-size: 27px !important;
    line-height: 1 !important;
  }
  .stat-val {
    font-size: 22px !important;
    line-height: 1 !important;
  }
  .stat-lbl {
    font-size: 10px !important;
    line-height: 1.25 !important;
    margin-top: 2px !important;
  }

  /* 3) What We Do metrics: 5 metrics in a single row */
  .wwd-metrics {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 0 !important;
    overflow: hidden !important;
    border-radius: 18px !important;
  }
  .wwd-metric {
    width: auto !important;
    min-height: 118px !important;
    padding: 14px 7px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    text-align: center !important;
    border-top: 0 !important;
    border-left: 1px solid rgba(255,255,255,.08) !important;
  }
  .wwd-metric:first-child { border-left: 0 !important; }
  .wwd-metric-icon {
    width: 42px !important;
    height: 42px !important;
    flex: 0 0 42px !important;
    font-size: 19px !important;
  }
  .wwd-metric-value {
    font-size: 20px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }
  .wwd-metric-label {
    font-size: 9.5px !important;
    line-height: 1.22 !important;
    white-space: normal !important;
    margin-top: 2px !important;
  }

  /* 4) How It Works: 4 steps in one row */
  .wwd-steps-panel {
    overflow: hidden !important;
    border-radius: 18px !important;
    padding: 22px 14px !important;
  }
  .wwd-steps-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
  }
  .wwd-step {
    width: auto !important;
    min-height: 178px !important;
    padding: 10px 8px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    text-align: center !important;
    border-left: 1px solid rgba(255,255,255,.08) !important;
  }
  .wwd-step:first-child { border-left: 0 !important; }
  .wwd-step:not(:last-child)::after { display: none !important; }
  .wwd-step-icon {
    width: 46px !important;
    height: 46px !important;
    flex: 0 0 46px !important;
    font-size: 19px !important;
  }
  .wwd-step-num {
    margin: 0 0 3px !important;
    font-size: 9px !important;
    line-height: 1 !important;
  }
  .wwd-step-name {
    font-size: 11px !important;
    line-height: 1.16 !important;
    margin: 0 0 4px !important;
  }
  .wwd-step-desc {
    font-size: 9px !important;
    line-height: 1.35 !important;
    margin: 0 !important;
  }

  /* 5) Packages benefit bar: 4 benefits in one row */
  .pkg-benefits-bar {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
    overflow: hidden !important;
    border-radius: 18px !important;
  }
  .pkg-benefit,
  .pkg-benefit:first-child,
  .pkg-benefit:nth-child(odd),
  .pkg-benefit:nth-child(n+3) {
    width: auto !important;
    min-height: 118px !important;
    padding: 14px 8px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    text-align: center !important;
    border-top: 0 !important;
    border-right: 0 !important;
    border-left: 1px solid rgba(255,255,255,.10) !important;
  }
  .pkg-benefit:first-child { border-left: 0 !important; }
  .pkg-benefit i {
    font-size: 26px !important;
    line-height: 1 !important;
  }
  .pkg-benefit strong {
    font-size: 11px !important;
    line-height: 1.12 !important;
  }
  .pkg-benefit span {
    font-size: 9px !important;
    line-height: 1.22 !important;
    margin-top: 2px !important;
  }
}

@media (max-width: 620px) {
  .feature-strip,
  .stats-strip,
  .wwd-metrics,
  .wwd-steps-panel,
  .pkg-benefits-bar {
    border-radius: 16px !important;
  }

  .feat-item { min-height: 96px !important; padding: 12px 5px !important; gap: 7px !important; }
  .feat-icon { width: 40px !important; height: 40px !important; flex-basis: 40px !important; font-size: 18px !important; }
  .feat-text { font-size: 9.5px !important; line-height: 1.18 !important; }

  .stat-item { min-height: 94px !important; padding: 12px 5px !important; gap: 6px !important; }
  .stat-icon { font-size: 22px !important; }
  .stat-val { font-size: 17px !important; }
  .stat-lbl { font-size: 8.2px !important; line-height: 1.15 !important; }

  .wwd-metric { min-height: 96px !important; padding: 12px 3px !important; gap: 6px !important; }
  .wwd-metric-icon { width: 32px !important; height: 32px !important; flex-basis: 32px !important; font-size: 15px !important; }
  .wwd-metric-value { font-size: 15px !important; }
  .wwd-metric-label { font-size: 7.2px !important; line-height: 1.14 !important; }

  .wwd-steps-panel { padding: 18px 6px !important; }
  .wwd-steps-title { font-size: 9px !important; letter-spacing: .26em !important; margin-bottom: 12px !important; }
  .wwd-step { min-height: 160px !important; padding: 8px 5px !important; gap: 6px !important; }
  .wwd-step-icon { width: 36px !important; height: 36px !important; flex-basis: 36px !important; font-size: 15px !important; }
  .wwd-step-num { font-size: 7.5px !important; }
  .wwd-step-name { font-size: 9px !important; line-height: 1.12 !important; }
  .wwd-step-desc { font-size: 7.4px !important; line-height: 1.25 !important; }

  .pkg-benefit,
  .pkg-benefit:first-child,
  .pkg-benefit:nth-child(odd),
  .pkg-benefit:nth-child(n+3) {
    min-height: 104px !important;
    padding: 12px 4px !important;
    gap: 6px !important;
  }
  .pkg-benefit i { font-size: 22px !important; }
  .pkg-benefit strong { font-size: 9.3px !important; line-height: 1.12 !important; }
  .pkg-benefit span { font-size: 7.4px !important; line-height: 1.15 !important; }
}

@media (max-width: 390px) {
  .feat-text { font-size: 8.6px !important; }
  .stat-val { font-size: 15px !important; }
  .stat-lbl { font-size: 7.2px !important; }
  .wwd-metric-value { font-size: 13px !important; }
  .wwd-metric-label { font-size: 6.5px !important; }
  .wwd-step-name { font-size: 8px !important; }
  .wwd-step-desc { font-size: 6.8px !important; }
  .pkg-benefit strong { font-size: 8px !important; }
  .pkg-benefit span { font-size: 6.6px !important; }
}



/* ════════════════════════════════
   DESKTOP 95% PAGE WIDTH FIX
   Added to make every main section use 95% of desktop screen
════════════════════════════════ */
@media (min-width: 992px) {
  .site-wrap,
  .hero-section > .site-wrap,
  .wwd-container,
  .cr-container,
  .pkg-container,
  .tst-container,
  .insights-container,
  .footer-v2-container,
  .results-container,
  .packages-container,
  .pricing-container,
  .footer-container,
  .about-container,
  .contact-container,
  .services-container {
    width: 95% !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .apex-nav .site-wrap {
    width: 95% !important;
    max-width: none !important;
  }

  .apex-nav .nav-inner {
    width: 100% !important;
    max-width: none !important;
  }
}



/* ════════════════════════════════════════
   FINAL FIX: Make What We Do metric cards white
   Matches the reference image: separate white cards, gold icons/text
════════════════════════════════════════ */
.wwd-metrics {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: clamp(10px, 1vw, 16px) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin-top: 20px !important;
  margin-bottom: 26px !important;
}

.wwd-metrics::before,
.wwd-metrics::after {
  display: none !important;
  content: none !important;
}

.wwd-metric,
.wwd-metric:nth-child(n),
.wwd-metric:first-child,
.wwd-metric:nth-child(even) {
  min-height: 112px !important;
  width: auto !important;
  padding: 20px 24px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 14px !important;
  text-align: left !important;
  background: linear-gradient(145deg, #fffdf7 0%, #fbf6ea 100%) !important;
  border: 1px solid rgba(212,175,55,.22) !important;
  border-radius: 10px !important;
  box-shadow:
    0 14px 28px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.95) !important;
  color: #1a1a1a !important;
}

.wwd-metric:hover {
  transform: translateY(-3px) !important;
  box-shadow:
    0 18px 34px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.98) !important;
}

.wwd-metric-icon {
  width: 50px !important;
  height: 50px !important;
  flex: 0 0 50px !important;
  border-radius: 50% !important;
  background: #fffaf0 !important;
  border: 1px solid rgba(212,175,55,.48) !important;
  color: var(--gold) !important;
  font-size: 22px !important;
  box-shadow: none !important;
}

.wwd-metric-value {
  color: #c49a2b !important;
  font-size: clamp(24px, 2vw, 30px) !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: -.04em !important;
  white-space: nowrap !important;
}

.wwd-metric-label {
  color: #2b2b2b !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  margin-top: 7px !important;
  white-space: nowrap !important;
}

@media (max-width: 991px) {
  .wwd-metrics {
    grid-template-columns: repeat(5, minmax(150px, 1fr)) !important;
    gap: 12px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 2px 2px 8px !important;
  }
  .wwd-metrics::-webkit-scrollbar { display: none !important; }
  .wwd-metrics { scrollbar-width: none !important; }

  .wwd-metric,
  .wwd-metric:nth-child(n),
  .wwd-metric:first-child,
  .wwd-metric:nth-child(even) {
    min-height: 96px !important;
    padding: 16px 14px !important;
    gap: 10px !important;
    scroll-snap-align: start !important;
  }

  .wwd-metric-icon {
    width: 42px !important;
    height: 42px !important;
    flex-basis: 42px !important;
    font-size: 18px !important;
  }

  .wwd-metric-value { font-size: 22px !important; }
  .wwd-metric-label { font-size: 10px !important; margin-top: 5px !important; }
}

@media (max-width: 520px) {
  .wwd-metrics { grid-template-columns: repeat(5, minmax(138px, 1fr)) !important; gap: 10px !important; }
  .wwd-metric,
  .wwd-metric:nth-child(n),
  .wwd-metric:first-child,
  .wwd-metric:nth-child(even) {
    min-height: 88px !important;
    padding: 14px 12px !important;
  }
  .wwd-metric-icon {
    width: 38px !important;
    height: 38px !important;
    flex-basis: 38px !important;
    font-size: 16px !important;
  }
  .wwd-metric-value { font-size: 19px !important; }
  .wwd-metric-label { font-size: 9px !important; }
}



/* ════════════════════════════════════════
   FINAL SIZE UPDATE: make white metric cards a little smaller
════════════════════════════════════════ */
.wwd-metrics {
  width: min(92%, 1340px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  gap: clamp(10px, .9vw, 14px) !important;
}

.wwd-metric,
.wwd-metric:nth-child(n),
.wwd-metric:first-child,
.wwd-metric:nth-child(even) {
  min-height: 96px !important;
  padding: 16px 19px !important;
  gap: 12px !important;
}

.wwd-metric-icon {
  width: 44px !important;
  height: 44px !important;
  flex: 0 0 44px !important;
  font-size: 20px !important;
}

.wwd-metric-value {
  font-size: clamp(22px, 1.75vw, 27px) !important;
}

.wwd-metric-label {
  font-size: 11px !important;
  margin-top: 5px !important;
}

@media (max-width: 991px) {
  .wwd-metrics {
    width: 100% !important;
    grid-template-columns: repeat(5, minmax(140px, 1fr)) !important;
  }

  .wwd-metric,
  .wwd-metric:nth-child(n),
  .wwd-metric:first-child,
  .wwd-metric:nth-child(even) {
    min-height: 86px !important;
    padding: 13px 11px !important;
    gap: 9px !important;
  }

  .wwd-metric-icon {
    width: 38px !important;
    height: 38px !important;
    flex-basis: 38px !important;
    font-size: 16px !important;
  }

  .wwd-metric-value { font-size: 20px !important; }
  .wwd-metric-label { font-size: 9.5px !important; margin-top: 4px !important; }
}

@media (max-width: 520px) {
  .wwd-metrics {
    grid-template-columns: repeat(5, minmax(126px, 1fr)) !important;
    gap: 9px !important;
  }

  .wwd-metric,
  .wwd-metric:nth-child(n),
  .wwd-metric:first-child,
  .wwd-metric:nth-child(even) {
    min-height: 80px !important;
    padding: 12px 10px !important;
  }

  .wwd-metric-icon {
    width: 34px !important;
    height: 34px !important;
    flex-basis: 34px !important;
    font-size: 15px !important;
  }

  .wwd-metric-value { font-size: 18px !important; }
  .wwd-metric-label { font-size: 8.5px !important; }
}



/* ════════════════════════════════════════
   FINAL UPDATE: connected white metric strip
   Same layout as the dark strip, only white background.
════════════════════════════════════════ */
.wwd-metrics {
  width: min(98%, 1444px) !important;
  margin: 20px auto 26px !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 0 !important;
  background: linear-gradient(145deg, #fffdf7 0%, #fbf6ea 100%) !important;
  border: 1px solid rgba(212,175,55,.34) !important;
  border-radius: 11px !important;
  box-shadow: 0 16px 34px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.96) !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: relative !important;
}

.wwd-metrics::before,
.wwd-metrics::after {
  display: none !important;
  content: none !important;
}

.wwd-metric,
.wwd-metric:nth-child(n),
.wwd-metric:first-child,
.wwd-metric:nth-child(even) {
  min-height: 78px !important;
  width: auto !important;
  padding: 13px 28px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 18px !important;
  text-align: left !important;
  background: transparent !important;
  border: 0 !important;
  border-left: 1px solid rgba(212,175,55,.20) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #1a1a1a !important;
  scroll-snap-align: unset !important;
}

.wwd-metric:first-child {
  border-left: 0 !important;
}

.wwd-metric:hover {
  transform: none !important;
  box-shadow: none !important;
}

.wwd-metric-icon {
  width: 46px !important;
  height: 46px !important;
  flex: 0 0 46px !important;
  border-radius: 50% !important;
  background: #fffaf0 !important;
  border: 1px solid rgba(212,175,55,.48) !important;
  color: var(--gold) !important;
  font-size: 21px !important;
  box-shadow: none !important;
}

.wwd-metric-value {
  color: #c49a2b !important;
  font-size: clamp(22px, 1.8vw, 30px) !important;
  font-weight: 900 !important;
  line-height: .95 !important;
  letter-spacing: -.04em !important;
  white-space: nowrap !important;
}

.wwd-metric-label {
  color: #2b2b2b !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  margin-top: 5px !important;
  white-space: nowrap !important;
}

@media (max-width: 991px) {
  .wwd-metrics {
    width: 100% !important;
    grid-template-columns: repeat(5, minmax(142px, 1fr)) !important;
    gap: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    padding: 0 !important;
  }
  .wwd-metrics::-webkit-scrollbar { display: none !important; }
  .wwd-metrics { scrollbar-width: none !important; }

  .wwd-metric,
  .wwd-metric:nth-child(n),
  .wwd-metric:first-child,
  .wwd-metric:nth-child(even) {
    min-height: 74px !important;
    padding: 12px 14px !important;
    gap: 10px !important;
    scroll-snap-align: start !important;
    border-top: 0 !important;
    border-left: 1px solid rgba(212,175,55,.20) !important;
  }
  .wwd-metric:first-child { border-left: 0 !important; }
  .wwd-metric-icon { width: 38px !important; height: 38px !important; flex-basis: 38px !important; font-size: 16px !important; }
  .wwd-metric-value { font-size: 20px !important; }
  .wwd-metric-label { font-size: 9.5px !important; margin-top: 4px !important; }
}

@media (max-width: 520px) {
  .wwd-metrics { grid-template-columns: repeat(5, minmax(126px, 1fr)) !important; }
  .wwd-metric,
  .wwd-metric:nth-child(n),
  .wwd-metric:first-child,
  .wwd-metric:nth-child(even) {
    min-height: 68px !important;
    padding: 10px 12px !important;
    gap: 8px !important;
  }
  .wwd-metric-icon { width: 34px !important; height: 34px !important; flex-basis: 34px !important; font-size: 15px !important; }
  .wwd-metric-value { font-size: 18px !important; }
  .wwd-metric-label { font-size: 8.5px !important; }
}


/* ═════════════════════════════════════════════════════════════
   FINAL UPDATE: White card background theme like reference image
   Converts the metric cards, services cards, package cards,
   testimonial cards and feature/stat strips to clean white cards.
═════════════════════════════════════════════════════════════ */
:root {
  --apex-white-card: #ffffff;
  --apex-white-card-soft: #fbfaf6;
  --apex-white-card-warm: #f3efe5;
  --apex-white-card-border: rgba(212,175,55,.46);
  --apex-white-text: #17231d;
  --apex-white-muted: #555f58;
  --apex-white-shadow: 0 20px 42px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.98);
}

/* Main white cards */
.ab-stat,
.cr-top-stats,
.feature-strip,
.stats-strip,
.wwd-services-grid .wwd-card,
.wwd-metrics,
.pkg-card,
.pkg-benefits-bar,
.tst-rating-panel,
.tst-card,
.tst-video-card,
.tst-trust-card {
  background: #ffffff !important;
  color: var(--apex-white-text) !important;
  border: 1px solid var(--apex-white-card-border) !important;
  box-shadow: var(--apex-white-shadow) !important;
}

/* Keep highlighted cards white too */
.wwd-services-grid .wwd-card.is-highlight,
.pkg-card.is-featured,
.tst-card-featured {
  background: #ffffff !important;
  border-color: rgba(212,175,55,.72) !important;
  box-shadow:
    0 22px 46px rgba(0,0,0,.32),
    0 0 0 1px rgba(212,175,55,.16),
    inset 0 1px 0 rgba(255,255,255,.98) !important;
}

.wwd-services-grid .wwd-card:hover,
.pkg-card:hover,
.tst-card:hover,
.ab-stat:hover,
.feature-strip:hover,
.stats-strip:hover,
.wwd-metrics:hover,
.pkg-benefits-bar:hover {
  border-color: rgba(212,175,55,.74) !important;
  box-shadow:
    0 26px 52px rgba(0,0,0,.34),
    0 0 24px rgba(212,175,55,.12),
    inset 0 1px 0 rgba(255,255,255,.98) !important;
  filter: none !important;
}

/* Remove yellowish / diagonal overlays from white cards */
.wwd-services-grid .wwd-card::before,
.wwd-metrics::before,
.stats-strip::before,
.tst-card::before,
.tst-rating-panel::before,
.pkg-benefits-bar::before {
  display: none !important;
  content: none !important;
  background: none !important;
  opacity: 0 !important;
}

/* Dark text on all converted cards */
.ab-stat-num,
.feat-text,
.stat-val,
.wwd-services-grid .wwd-title,
.wwd-metric-value,
.pkg-card h3,
.pkg-price,
.pkg-currency,
.pkg-benefit strong,
.tst-author-name,
.tst-video-name,
.tst-trust-text strong,
.cr-stat-value {
  color: var(--apex-white-text) !important;
}

.ab-stat-lbl,
.stat-lbl,
.wwd-services-grid .wwd-desc,
.wwd-metric-label,
.pkg-plan-sub,
.pkg-onetime,
.pkg-list li,
.pkg-benefit span,
.tst-text,
.tst-author-role,
.tst-video-role,
.tst-video-quote,
.tst-trust-text,
.cr-stat-label {
  color: var(--apex-white-muted) !important;
}

.tst-text strong,
.tst-bold-line,
.pkg-followers strong {
  color: var(--apex-white-text) !important;
}

/* Gold numbers/accents stay premium */
.wwd-metric-value,
.stat-val,
.pkg-list i,
.pkg-followers i,
.pkg-benefit i,
.tst-card-quote,
.tst-mini-stars,
.ab-stat-icon,
.stat-icon,
.wwd-metric-icon,
.feat-icon,
.cr-stat i {
  color: var(--gold) !important;
}

/* Service cards: white card, dark readable content */
.wwd-services-grid .wwd-number {
  color: rgba(23,35,29,.08) !important;
}

.wwd-services-grid .wwd-tags span {
  color: #7c5d18 !important;
  background: rgba(212,175,55,.10) !important;
  border-color: rgba(212,175,55,.42) !important;
}

.wwd-services-grid .wwd-card-link,
.wwd-services-grid .wwd-small-card .wwd-card-link,
.wwd-services-grid .wwd-compact-card .wwd-card-link {
  color: #b8860b !important;
}

/* Long metrics strip under services */
.wwd-metrics {
  overflow: hidden !important;
}
.wwd-metric {
  border-left-color: rgba(212,175,55,.20) !important;
}
.wwd-metric:first-child { border-left: none !important; }

/* Top stats / about stats / hero stats white card styling */
.ab-stat,
.stat-item,
.cr-stat {
  background: transparent !important;
}
.ab-stat {
  border-radius: 18px !important;
  padding: 18px 22px !important;
}
.stats-strip {
  border-radius: 22px !important;
}
.stat-item + .stat-item,
.cr-stat + .cr-stat {
  border-left-color: rgba(212,175,55,.20) !important;
}
.stat-icon,
.ab-stat-icon,
.wwd-metric-icon,
.feat-icon {
  background: radial-gradient(ellipse at 35% 25%, #526847 0%, #2c3e2d 55%, #16231e 100%) !important;
  border: 1px solid rgba(212,175,55,.28) !important;
  box-shadow: 0 10px 20px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.12) !important;
}
.stat-icon,
.ab-stat-icon {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  font-size: 22px !important;
  text-shadow: none !important;
}

/* Pricing cards: restore reference-style icon/subtitle/payment text and keep white background */
.pkg-card {
  text-align: left !important;
}
.pkg-card h3 {
  text-transform: uppercase !important;
}
.pkg-plan-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--gold) !important;
  background: radial-gradient(ellipse at 35% 25%, #526847 0%, #2c3e2d 55%, #16231e 100%) !important;
  border: 1px solid rgba(212,175,55,.28) !important;
  box-shadow: 0 12px 22px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.12) !important;
}
.pkg-plan-sub,
.pkg-onetime {
  display: block !important;
}
.pkg-price-row {
  justify-content: flex-start !important;
}
.pkg-small-line {
  margin-left: 0 !important;
  margin-right: auto !important;
}
.pkg-small-line::after {
  background: var(--apex-white-card-soft) !important;
}
.pkg-followers {
  background: rgba(212,175,55,.08) !important;
  border: 1px solid rgba(212,175,55,.42) !important;
  color: var(--apex-white-text) !important;
}
.pkg-card-btn {
  color: #141006 !important;
}
.pkg-benefits-bar {
  overflow: hidden !important;
}
.pkg-benefit {
  border-left-color: rgba(212,175,55,.20) !important;
}
.pkg-benefit:first-child { border-left: none !important; }

/* Testimonials white card theme */
.tst-card {
  border-radius: 14px !important;
}
.tst-card-featured {
  border-color: rgba(212,175,55,.50) !important;
}
.tst-social {
  background: #fff !important;
  border: 1px solid rgba(212,175,55,.36) !important;
  box-shadow: 0 6px 14px rgba(0,0,0,.10) !important;
}
.tst-social.tiktok { color: #111 !important; }
.tst-growth-pill {
  background: rgba(46,204,113,.09) !important;
  border-color: rgba(46,204,113,.26) !important;
  color: #159456 !important;
}
.tst-avatar,
.tst-trust-av {
  border-color: rgba(255,255,255,.90) !important;
}

/* Rating panel / testimonial extra cards */
.tst-score,
.tst-platform-score,
.tst-platform span:last-child,
.tst-bar-row,
.tst-score-note {
  color: var(--apex-white-text) !important;
}
.tst-bar-track {
  background: rgba(23,35,29,.12) !important;
}
.tst-trust-icon {
  background: rgba(212,175,55,.10) !important;
  color: var(--gold) !important;
  border-color: rgba(212,175,55,.40) !important;
}

/* Responsive borders remain light on mobile/tablet */
@media (max-width: 991px) {
  .feat-item + .feat-item,
  .stat-item + .stat-item,
  .wwd-metric,
  .pkg-benefit,
  .cr-stat + .cr-stat {
    border-color: rgba(212,175,55,.18) !important;
  }
}

@media (max-width: 700px) {
  .pkg-benefit:nth-child(odd),
  .pkg-benefit:nth-child(n+3) {
    border-color: rgba(212,175,55,.18) !important;
  }
}




/* FINAL UPDATE: make ONLY the hero stats strip like the provided dark reference */
.stats-strip {
  margin-top: 18px !important;
  margin-bottom: 36px !important;
  background: linear-gradient(90deg, #12271f 0%, #132b21 34%, #13271f 68%, #12241d 100%) !important;
  border: 1px solid rgba(212,175,55,.38) !important;
  border-radius: 24px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03), 0 10px 24px rgba(0,0,0,.22) !important;
  overflow: hidden !important;
  position: relative !important;
}

.stats-strip::before,
.stats-strip::after {
  display: none !important;
  content: none !important;
  background: none !important;
}

.stats-inner {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
}

.stat-item,
.stats-inner > .stat-item {
  min-height: 86px !important;
  padding: 18px 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-direction: row !important;
  gap: 16px !important;
  text-align: left !important;
  background: transparent !important;
  border: 0 !important;
  border-left: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: none !important;
}

.stat-item:first-child,
.stats-inner > .stat-item:first-child {
  border-left: 0 !important;
}

.stat-icon {
  font-size: 34px !important;
  line-height: 1 !important;
  color: #d4af37 !important;
  text-shadow: none !important;
  background: transparent !important;
  width: auto !important;
  height: auto !important;
  border-radius: 0 !important;
  flex-shrink: 0 !important;
}

.stat-val {
  font-size: 28px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  color: #d4af37 !important;
  letter-spacing: -.03em !important;
}

.stat-lbl {
  margin-top: 4px !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  color: rgba(255,255,255,.78) !important;
  font-weight: 500 !important;
}

@media (max-width: 991px) {
  .stats-strip {
    border-radius: 18px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }
  .stats-inner {
    grid-template-columns: repeat(4, minmax(170px, 1fr)) !important;
  }
  .stat-item,
  .stats-inner > .stat-item {
    min-height: 76px !important;
    padding: 14px 16px !important;
    gap: 12px !important;
  }
  .stat-icon { font-size: 28px !important; }
  .stat-val { font-size: 24px !important; }
  .stat-lbl { font-size: 11px !important; }
}

@media (max-width: 520px) {
  .stats-inner {
    grid-template-columns: repeat(4, minmax(150px, 1fr)) !important;
  }
  .stat-item,
  .stats-inner > .stat-item {
    min-height: 70px !important;
    padding: 12px 14px !important;
    gap: 10px !important;
  }
  .stat-icon { font-size: 24px !important; }
  .stat-val { font-size: 21px !important; }
  .stat-lbl { font-size: 10px !important; }
}



/* FINAL BACKGROUND COLOR UPDATE: match the stats strip background to the reference */
.stats-strip {
  background: linear-gradient(90deg, #0e221b 0%, #132a21 28%, #152d23 52%, #132920 76%, #0f241d 100%) !important;
}


/* FINAL MOBILE UPDATE: How It Works steps slider/carousel on mobile */
@media (max-width: 767px) {
  .wwd-steps-panel {
    padding: 22px 14px 24px !important;
    overflow: hidden !important;
    border-radius: 18px !important;
  }

  .wwd-steps-title {
    margin-bottom: 18px !important;
  }

  .wwd-steps-grid {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 0 0 14px !important;
    scrollbar-width: none !important;
  }

  .wwd-steps-grid::-webkit-scrollbar {
    display: none !important;
  }

  .wwd-step {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    min-height: 178px !important;
    padding: 18px 18px 16px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    text-align: center !important;
    scroll-snap-align: start !important;
    border-left: 0 !important;
    border-top: 0 !important;
  }

  .wwd-step:not(:last-child)::after {
    display: none !important;
  }

  .wwd-step-icon {
    width: 56px !important;
    height: 56px !important;
    flex: 0 0 56px !important;
    font-size: 22px !important;
  }

  .wwd-step-num {
    margin: 0 0 4px !important;
    font-size: 10px !important;
    line-height: 1 !important;
  }

  .wwd-step-name {
    font-size: 14px !important;
    line-height: 1.2 !important;
    margin-bottom: 6px !important;
  }

  .wwd-step-desc {
    max-width: 270px !important;
    margin: 0 auto !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
  }

  .wwd-steps-carousel-controls {
    display: flex !important;
  }
}

.wwd-steps-carousel-controls {
  display: none;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 2px;
}

.wwd-step-dot {
  width: 7px;
  height: 7px;
  padding: 0;
  border: 0;
  border-radius: 50px;
  background: rgba(212,175,55,.35);
  cursor: pointer;
  transition: width .22s ease, background .22s ease;
}

.wwd-step-dot.is-active {
  width: 24px;
  background: var(--gold);
}


/* FINAL RESPONSIVE-ONLY SIZE UPDATE
   Make these sections smaller only on tablet/mobile, not desktop */
@media (max-width: 991px) {
  .feature-strip {
    border-radius: 18px !important;
  }

  .feat-item {
    min-height: 80px !important;
    padding: 12px 12px !important;
    gap: 8px !important;
  }

  .feat-icon {
    width: 46px !important;
    height: 46px !important;
    flex: 0 0 46px !important;
    font-size: 19px !important;
  }

  .feat-text {
    font-size: 12px !important;
    line-height: 1.2 !important;
  }

  .ab-stat {
    min-height: 82px !important;
    padding: 12px 14px !important;
    border-radius: 16px !important;
  }

  .ab-stat-icon {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    font-size: 18px !important;
  }

  .ab-stat-num {
    font-size: 18px !important;
  }

  .ab-stat-lbl {
    font-size: 10px !important;
    margin-top: 2px !important;
  }
}

@media (max-width: 520px) {
  .feat-item {
    min-height: 74px !important;
    padding: 10px 8px !important;
    gap: 7px !important;
  }

  .feat-icon {
    width: 42px !important;
    height: 42px !important;
    flex-basis: 42px !important;
    font-size: 17px !important;
  }

  .feat-text {
    font-size: 11px !important;
  }

  .ab-stat {
    min-height: 76px !important;
    padding: 10px 12px !important;
  }

  .ab-stat-icon {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    font-size: 16px !important;
  }

  .ab-stat-num {
    font-size: 17px !important;
  }

  .ab-stat-lbl {
    font-size: 9px !important;
  }
}


/* FINAL RESPONSIVE FEATURE STRIP HEIGHT REDUCTION
   Reduce only this white 4-card strip height on mobile/tablet */
@media (max-width: 991px) {
  .feature-strip {
    border-radius: 16px !important;
  }

  .feat-item {
    min-height: 68px !important;
    padding: 9px 10px !important;
    gap: 6px !important;
  }

  .feat-icon {
    width: 40px !important;
    height: 40px !important;
    flex: 0 0 40px !important;
    font-size: 16px !important;
  }

  .feat-text {
    font-size: 11px !important;
    line-height: 1.15 !important;
  }
}

@media (max-width: 520px) {
  .feat-item {
    min-height: 62px !important;
    padding: 8px 6px !important;
    gap: 5px !important;
  }

  .feat-icon {
    width: 36px !important;
    height: 36px !important;
    flex: 0 0 36px !important;
    font-size: 15px !important;
  }

  .feat-text {
    font-size: 10px !important;
    line-height: 1.1 !important;
  }
}


/* FINAL RESPONSIVE UPDATE: stats strip in one row on mobile + same page background */
@media (max-width: 767px) {
  .stats-strip {
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    background: var(--bg) !important;
    border: 1px solid rgba(212,175,55,.55) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    box-shadow: none !important;
  }

  .stats-strip::before,
  .stats-strip::after {
    display: none !important;
    content: none !important;
  }

  .stats-inner {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  .stat-item,
  .stats-inner > .stat-item {
    min-width: 0 !important;
    width: auto !important;
    min-height: 70px !important;
    padding: 8px 5px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    text-align: left !important;
    background: transparent !important;
    border-top: 0 !important;
    border-left: 1px solid rgba(255,255,255,.12) !important;
    box-shadow: none !important;
  }

  .stat-item:first-child,
  .stats-inner > .stat-item:first-child {
    border-left: 0 !important;
  }

  .stat-icon {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    flex: 0 0 28px !important;
    font-size: 17px !important;
    color: var(--gold) !important;
    background: transparent !important;
    border: 1px solid rgba(212,175,55,.28) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  .stat-val {
    font-size: clamp(16px, 4.2vw, 21px) !important;
    line-height: 1 !important;
    color: var(--gold) !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }

  .stat-lbl {
    font-size: clamp(8px, 2.2vw, 10px) !important;
    line-height: 1.05 !important;
    margin-top: 2px !important;
    color: rgba(255,255,255,.78) !important;
    font-weight: 600 !important;
    white-space: normal !important;
  }
}

@media (max-width: 380px) {
  .stat-item,
  .stats-inner > .stat-item {
    min-height: 64px !important;
    padding: 7px 3px !important;
    gap: 4px !important;
  }

  .stat-icon {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    flex-basis: 24px !important;
    font-size: 14px !important;
  }

  .stat-val {
    font-size: 15px !important;
  }

  .stat-lbl {
    font-size: 7.5px !important;
  }
}


/* FINAL FIX: 5 white metrics fit in one row on mobile without cutting */
@media (max-width: 767px) {
  .wwd-metrics {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 0 !important;
    overflow: hidden !important;
    border-radius: 12px !important;
    padding: 0 !important;
  }

  .wwd-metric,
  .wwd-metric:nth-child(n),
  .wwd-metric:first-child,
  .wwd-metric:nth-child(even) {
    min-width: 0 !important;
    width: auto !important;
    min-height: 74px !important;
    padding: 8px 4px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    text-align: left !important;
    border-top: 0 !important;
    border-left: 1px solid rgba(212,175,55,.20) !important;
    overflow: hidden !important;
  }

  .wwd-metric:first-child {
    border-left: 0 !important;
  }

  .wwd-metric-icon {
    width: 32px !important;
    height: 32px !important;
    flex: 0 0 32px !important;
    min-width: 32px !important;
    font-size: 14px !important;
  }

  .wwd-metric > div {
    min-width: 0 !important;
    overflow: hidden !important;
  }

  .wwd-metric-value {
    font-size: clamp(14px, 3.8vw, 20px) !important;
    line-height: .95 !important;
    white-space: nowrap !important;
    letter-spacing: -.04em !important;
  }

  .wwd-metric-label {
    font-size: clamp(6.5px, 1.75vw, 9px) !important;
    line-height: 1.08 !important;
    margin-top: 3px !important;
    white-space: normal !important;
  }
}

@media (max-width: 390px) {
  .wwd-metric,
  .wwd-metric:nth-child(n),
  .wwd-metric:first-child,
  .wwd-metric:nth-child(even) {
    min-height: 72px !important;
    padding: 7px 2px !important;
    gap: 3px !important;
  }

  .wwd-metric-icon {
    width: 26px !important;
    height: 26px !important;
    flex-basis: 26px !important;
    min-width: 26px !important;
    font-size: 12px !important;
  }

  .wwd-metric-value {
    font-size: clamp(12px, 3.5vw, 15px) !important;
  }

  .wwd-metric-label {
    font-size: 6px !important;
    line-height: 1.05 !important;
  }
}


/* FINAL RESPONSIVE UPDATE: make the How It Works mobile slider a little smaller */
@media (max-width: 767px) {
  .wwd-steps-panel {
    padding: 16px 12px 18px !important;
    border-radius: 16px !important;
  }

  .wwd-steps-title {
    margin-bottom: 14px !important;
    font-size: 10px !important;
    letter-spacing: .32em !important;
  }

  .wwd-step {
    min-height: 150px !important;
    padding: 12px 12px 10px !important;
    gap: 7px !important;
  }

  .wwd-step-icon {
    width: 48px !important;
    height: 48px !important;
    flex: 0 0 48px !important;
    font-size: 18px !important;
  }

  .wwd-step-num {
    margin: 0 0 2px !important;
    font-size: 9px !important;
  }

  .wwd-step-name {
    font-size: 13px !important;
    line-height: 1.15 !important;
    margin: 0 0 4px !important;
  }

  .wwd-step-desc {
    max-width: 240px !important;
    font-size: 10px !important;
    line-height: 1.35 !important;
  }

  .wwd-steps-carousel-controls {
    margin-top: 0 !important;
  }

  .wwd-step-dot {
    width: 6px !important;
    height: 6px !important;
  }

  .wwd-step-dot.is-active {
    width: 20px !important;
  }
}

@media (max-width: 420px) {
  .wwd-steps-panel {
    padding: 14px 10px 16px !important;
  }

  .wwd-step {
    min-height: 140px !important;
    padding: 10px 10px 8px !important;
    gap: 6px !important;
  }

  .wwd-step-icon {
    width: 42px !important;
    height: 42px !important;
    flex-basis: 42px !important;
    font-size: 16px !important;
  }

  .wwd-step-name {
    font-size: 12px !important;
  }

  .wwd-step-desc {
    max-width: 220px !important;
    font-size: 9.5px !important;
    line-height: 1.3 !important;
  }
}


/* FINAL FIX: mobile 5-metrics strip clean one-row layout */
@media (max-width: 767px) {
  .wwd-metrics {
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 0 !important;
    overflow: hidden !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    border: 1px solid rgba(212,175,55,.42) !important;
  }

  .wwd-metric,
  .wwd-metric:nth-child(n),
  .wwd-metric:first-child,
  .wwd-metric:nth-child(even) {
    width: auto !important;
    min-width: 0 !important;
    min-height: 70px !important;
    padding: 7px 2px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    text-align: center !important;
    background: transparent !important;
    border: 0 !important;
    border-left: 1px solid rgba(212,175,55,.20) !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  .wwd-metric:first-child {
    border-left: 0 !important;
  }

  .wwd-metric-icon {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    flex: 0 0 28px !important;
    margin: 0 !important;
    font-size: 12px !important;
    border-radius: 50% !important;
  }

  .wwd-metric > div {
    width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  .wwd-metric-value {
    font-size: clamp(13px, 3.6vw, 17px) !important;
    line-height: .95 !important;
    font-weight: 900 !important;
    letter-spacing: -.04em !important;
    white-space: nowrap !important;
    text-align: center !important;
  }

  .wwd-metric-label {
    max-width: 100% !important;
    margin-top: 2px !important;
    font-size: clamp(6px, 1.7vw, 8px) !important;
    line-height: 1.05 !important;
    font-weight: 800 !important;
    white-space: normal !important;
    text-align: center !important;
    word-break: normal !important;
  }
}

@media (max-width: 390px) {
  .wwd-metric,
  .wwd-metric:nth-child(n),
  .wwd-metric:first-child,
  .wwd-metric:nth-child(even) {
    min-height: 64px !important;
    padding: 6px 1px !important;
    gap: 3px !important;
  }

  .wwd-metric-icon {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    flex-basis: 24px !important;
    font-size: 10px !important;
  }

  .wwd-metric-value {
    font-size: clamp(11px, 3.4vw, 14px) !important;
  }

  .wwd-metric-label {
    font-size: 5.8px !important;
    line-height: 1.05 !important;
  }
}


/* FINAL RESPONSIVE UPDATE: show 5 white metric items like the reference
   on mobile and tablet only */
@media (max-width: 991px) {
  .wwd-metrics {
    width: 100% !important;
    max-width: 100% !important;
    margin: 18px auto 22px !important;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    border: 1px solid rgba(212,175,55,.34) !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.16) !important;
  }

  .wwd-metrics::before,
  .wwd-metrics::after {
    display: none !important;
    content: none !important;
    background: none !important;
  }

  .wwd-metric,
  .wwd-metric:nth-child(n),
  .wwd-metric:first-child,
  .wwd-metric:nth-child(even) {
    min-width: 0 !important;
    width: auto !important;
    min-height: 76px !important;
    padding: 10px 8px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    text-align: left !important;
    background: transparent !important;
    border: 0 !important;
    border-left: 1px solid rgba(212,175,55,.18) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  .wwd-metric:first-child,
  .wwd-metric:nth-child(1) {
    border-left: 0 !important;
  }

  .wwd-metric:hover {
    transform: none !important;
    box-shadow: none !important;
  }

  .wwd-metric-icon {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    flex: 0 0 34px !important;
    margin: 0 !important;
    font-size: 15px !important;
    border-radius: 50% !important;
    background: radial-gradient(ellipse at 35% 25%, #526847 0%, #2c3e2d 55%, #16231e 100%) !important;
    border: 1px solid rgba(212,175,55,.28) !important;
    box-shadow: 0 6px 14px rgba(0,0,0,.16) !important;
  }

  .wwd-metric > div {
    min-width: 0 !important;
    overflow: hidden !important;
    flex: 1 1 auto !important;
  }

  .wwd-metric-value {
    font-size: clamp(14px, 2.6vw, 22px) !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    color: #d4af37 !important;
    letter-spacing: -.03em !important;
    white-space: nowrap !important;
    text-align: left !important;
  }

  .wwd-metric-label {
    margin-top: 3px !important;
    font-size: clamp(7px, 1.35vw, 10px) !important;
    line-height: 1.12 !important;
    font-weight: 700 !important;
    color: #1f2a25 !important;
    white-space: normal !important;
    text-align: left !important;
  }
}

@media (max-width: 767px) {
  .wwd-metrics {
    border-radius: 12px !important;
  }

  .wwd-metric,
  .wwd-metric:nth-child(n),
  .wwd-metric:first-child,
  .wwd-metric:nth-child(even) {
    min-height: 70px !important;
    padding: 8px 4px !important;
    gap: 5px !important;
  }

  .wwd-metric-icon {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    flex-basis: 28px !important;
    font-size: 12px !important;
  }

  .wwd-metric-value {
    font-size: clamp(12px, 3.4vw, 17px) !important;
  }

  .wwd-metric-label {
    font-size: clamp(6px, 1.7vw, 8px) !important;
    line-height: 1.05 !important;
  }
}

@media (max-width: 390px) {
  .wwd-metric,
  .wwd-metric:nth-child(n),
  .wwd-metric:first-child,
  .wwd-metric:nth-child(even) {
    min-height: 64px !important;
    padding: 6px 2px !important;
    gap: 4px !important;
  }

  .wwd-metric-icon {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    flex-basis: 24px !important;
    font-size: 10px !important;
  }

  .wwd-metric-value {
    font-size: 11px !important;
  }

  .wwd-metric-label {
    font-size: 5.7px !important;
  }
}


/* FINAL SIZE UPDATE: make the package benefits bar smaller */
.pkg-benefits-bar {
  border-radius: 18px !important;
}

.pkg-benefit,
.pkg-benefit:first-child,
.pkg-benefit:nth-child(odd),
.pkg-benefit:nth-child(n+3) {
  min-height: 82px !important;
  padding: 12px 16px !important;
  gap: 10px !important;
}

.pkg-benefit i {
  font-size: 24px !important;
}

.pkg-benefit strong {
  font-size: 12px !important;
  line-height: 1.08 !important;
}

.pkg-benefit span {
  font-size: 9px !important;
  line-height: 1.15 !important;
  margin-top: 3px !important;
}

@media (max-width: 991px) {
  .pkg-benefit,
  .pkg-benefit:first-child,
  .pkg-benefit:nth-child(odd),
  .pkg-benefit:nth-child(n+3) {
    min-height: 72px !important;
    padding: 10px 10px !important;
    gap: 8px !important;
  }

  .pkg-benefit i {
    font-size: 20px !important;
  }

  .pkg-benefit strong {
    font-size: 10px !important;
  }

  .pkg-benefit span {
    font-size: 7.5px !important;
  }
}

@media (max-width: 520px) {
  .pkg-benefit,
  .pkg-benefit:first-child,
  .pkg-benefit:nth-child(odd),
  .pkg-benefit:nth-child(n+3) {
    min-height: 66px !important;
    padding: 8px 8px !important;
    gap: 7px !important;
  }

  .pkg-benefit i {
    font-size: 17px !important;
  }

  .pkg-benefit strong {
    font-size: 8.8px !important;
  }

  .pkg-benefit span {
    font-size: 6.8px !important;
    line-height: 1.1 !important;
  }
}


/* FINAL MOBILE UPDATE: testimonials one-at-a-time slider on mobile */
@media (max-width: 767px) {
  .testimonials-section .tst-masonry {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 0 0 14px !important;
    scrollbar-width: none !important;
  }

  .testimonials-section .tst-masonry::-webkit-scrollbar {
    display: none !important;
  }

  .testimonials-section .tst-card,
  .testimonials-section .tst-card-featured,
  .testimonials-section .tst-card-wide,
  .testimonials-section .tst-card:not(.tst-card-featured):not(.tst-card-wide) {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    scroll-snap-align: center !important;
    margin: 0 !important;
  }

  .testimonials-section .tst-mobile-slider-controls {
    display: flex !important;
  }
}

.testimonials-section .tst-mobile-slider-controls {
  display: none;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 10px;
}

.testimonials-section .tst-mobile-dot {
  width: 7px;
  height: 7px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(212,175,55,.35);
  cursor: pointer;
  transition: width .22s ease, background .22s ease;
}

.testimonials-section .tst-mobile-dot.is-active {
  width: 24px;
  background: var(--gold);
}


/* FINAL RESPONSIVE-ONLY UPDATE:
   Make rating/review panel like reference only on mobile screen */
@media (max-width: 767px) {
  .testimonials-section .tst-rating-panel {
    width: 100% !important;
    margin: 20px auto 22px !important;
    padding: 16px 14px 14px !important;
    display: grid !important;
    grid-template-columns: 90px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    column-gap: 14px !important;
    row-gap: 10px !important;
    align-items: center !important;
    background: #ffffff !important;
    background-image: linear-gradient(120deg, #ffffff 0%, #fbfaf6 62%, #f3efe6 100%) !important;
    border: 1px solid rgba(212,175,55,.46) !important;
    border-radius: 12px !important;
    box-shadow: 0 14px 28px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.98) !important;
    color: #15231d !important;
    overflow: hidden !important;
  }

  .testimonials-section .tst-rating-panel::before,
  .testimonials-section .tst-rating-panel::after {
    display: none !important;
    content: none !important;
  }

  .testimonials-section .tst-score-block {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    padding: 0 !important;
    border: 0 !important;
    text-align: center !important;
    align-items: center !important;
  }

  .testimonials-section .tst-score {
    font-size: 36px !important;
    line-height: .88 !important;
    color: #111 !important;
    text-shadow: none !important;
  }

  .testimonials-section .tst-score-stars {
    margin: 5px 0 3px !important;
    justify-content: center !important;
    gap: 1px !important;
    color: #d4af37 !important;
    font-size: 9px !important;
  }

  .testimonials-section .tst-score-note {
    color: #1d2a24 !important;
    font-size: 6.5px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
  }

  .testimonials-section .tst-bars {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    padding: 0 !important;
    display: grid !important;
    gap: 4px !important;
    border: 0 !important;
  }

  .testimonials-section .tst-bar-row {
    display: grid !important;
    grid-template-columns: 20px minmax(0, 1fr) 24px !important;
    align-items: center !important;
    gap: 6px !important;
    color: #1f2a25 !important;
    font-size: 7px !important;
    font-weight: 800 !important;
  }

  .testimonials-section .tst-bar-row span:first-child i {
    color: #d4af37 !important;
    font-size: 6px !important;
    margin-left: 1px !important;
  }

  .testimonials-section .tst-bar-track {
    height: 4px !important;
    border-radius: 99px !important;
    background: #e6e3dc !important;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.12) !important;
    overflow: hidden !important;
  }

  .testimonials-section .tst-bar-fill {
    background: linear-gradient(90deg, #d4af37, #f0cf57) !important;
    box-shadow: none !important;
  }

  .testimonials-section .tst-platforms {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 0 !important;
    align-items: end !important;
    text-align: center !important;
    padding: 2px 4px 0 !important;
  }

  .testimonials-section .tst-platform {
    gap: 2px !important;
    color: #1d2a24 !important;
    font-size: 7px !important;
    font-weight: 800 !important;
  }

  .testimonials-section .tst-platform-icon {
    width: auto !important;
    height: auto !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    font-size: 18px !important;
    line-height: 1 !important;
  }

  .testimonials-section .tst-platform-score {
    color: #111 !important;
    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
  }
}



/* ═════════════════════════════════════════════════════════════
   PACKAGE CARDS MOBILE SLIDER - added for responsive mobile
   Desktop layout remains unchanged. Mobile shows one package card
   at a time with smooth swipe + arrows + dots.
═════════════════════════════════════════════════════════════ */
.pkg-mobile-slider-controls {
  display: none;
}

@media (max-width: 768px) {
  .packages-section {
    overflow: hidden !important;
  }

  .pkg-container {
    width: min(100% - 20px, 760px) !important;
    overflow: visible !important;
  }

  .pkg-cards {
    display: flex !important;
    grid-template-columns: none !important;
    width: 100% !important;
    max-width: none !important;
    gap: 16px !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    margin: 18px auto 0 !important;
    padding: 10px 0 18px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-x: contain !important;
    scrollbar-width: none !important;
    cursor: grab !important;
  }

  .pkg-cards:active {
    cursor: grabbing !important;
  }

  .pkg-cards::-webkit-scrollbar {
    display: none !important;
  }

  .pkg-card,
  .pkg-card.is-featured {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    min-height: auto !important;
    padding: 28px 22px 22px !important;
    border-radius: 16px !important;
    scroll-snap-align: center !important;
    scroll-snap-stop: always !important;
    transform: none !important;
  }

  .pkg-card:hover,
  .pkg-card.is-featured:hover {
    transform: none !important;
  }

  .pkg-plan-icon {
    width: 44px !important;
    height: 44px !important;
    font-size: 20px !important;
    margin: 0 0 14px !important;
    border-radius: 11px !important;
  }

  .pkg-popular {
    top: 0 !important;
    min-width: 132px !important;
    height: 28px !important;
    padding: 0 12px !important;
    border-radius: 0 0 8px 8px !important;
    font-size: 9px !important;
  }

  .pkg-card h3 {
    font-size: 16px !important;
    line-height: 1.15 !important;
    margin-bottom: 6px !important;
    letter-spacing: .02em !important;
  }

  .pkg-plan-sub {
    display: block !important;
    min-height: 0 !important;
    font-size: 11.5px !important;
    line-height: 1.35 !important;
    margin-bottom: 10px !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    overflow: visible !important;
  }

  .pkg-small-line {
    width: 30px !important;
    height: 2px !important;
    margin: 0 0 12px !important;
  }

  .pkg-price-row {
    gap: 7px !important;
    margin-bottom: 2px !important;
  }

  .pkg-currency {
    font-size: 16px !important;
    padding-top: 7px !important;
  }

  .pkg-price {
    font-size: 42px !important;
    line-height: .9 !important;
  }

  .pkg-onetime {
    display: block !important;
    font-size: 10px !important;
    margin-bottom: 12px !important;
  }

  .pkg-followers {
    min-height: 42px !important;
    height: auto !important;
    gap: 9px !important;
    padding: 9px 12px !important;
    margin-bottom: 14px !important;
    border-radius: 8px !important;
    white-space: normal !important;
  }

  .pkg-followers i {
    font-size: 15px !important;
  }

  .pkg-followers strong {
    font-size: 13px !important;
    line-height: 1.12 !important;
  }

  .pkg-list {
    gap: 9px !important;
    margin-bottom: 18px !important;
  }

  .pkg-list li {
    font-size: 10.8px !important;
    line-height: 1.25 !important;
    gap: 8px !important;
  }

  .pkg-list i {
    font-size: 13px !important;
  }

  .pkg-card-btn {
    min-height: 38px !important;
    font-size: 11px !important;
    border-radius: 7px !important;
    gap: 6px !important;
  }

  .pkg-mobile-slider-controls {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    margin: 6px auto 0 !important;
  }

  .pkg-mobile-slider-btn {
    width: 38px !important;
    height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    border: 1px solid rgba(212,175,55,.55) !important;
    background: rgba(255,255,255,.08) !important;
    color: var(--gold) !important;
    font-size: 16px !important;
    cursor: pointer !important;
    transition: transform .18s ease, background .18s ease, opacity .18s ease !important;
  }

  .pkg-mobile-slider-btn:active {
    transform: scale(.96) !important;
  }

  .pkg-mobile-slider-btn:disabled {
    opacity: .38 !important;
    cursor: not-allowed !important;
  }

  .pkg-mobile-slider-dots {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
  }

  .pkg-mobile-dot {
    width: 7px !important;
    height: 7px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(212,175,55,.35) !important;
    cursor: pointer !important;
    transition: width .18s ease, background .18s ease !important;
  }

  .pkg-mobile-dot.is-active {
    width: 20px !important;
    background: var(--gold) !important;
  }
}

@media (max-width: 480px) {
  .pkg-container {
    width: min(100% - 14px, 480px) !important;
  }

  .pkg-cards {
    gap: 14px !important;
    padding: 8px 0 16px !important;
  }

  .pkg-card,
  .pkg-card.is-featured {
    flex-basis: 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    padding: 24px 18px 20px !important;
  }

  .pkg-price {
    font-size: 38px !important;
  }

  .pkg-list li {
    font-size: 10px !important;
  }
}


/* FINAL MOBILE FIX: packages slider shows exactly one card at a time */
@media (max-width: 768px) {
  .pkg-cards {
    gap: 14px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    scroll-padding-inline: 0 !important;
  }

  .pkg-card,
  .pkg-card.is-featured {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    scroll-snap-align: start !important;
  }
}



/* FINAL MOBILE SIZE FIX: make package slider card smaller on mobile only */
@media (max-width: 768px) {
  .packages-section {
    padding-top: clamp(42px, 8vw, 58px) !important;
    padding-bottom: clamp(42px, 8vw, 58px) !important;
  }

  .pkg-cards {
    width: min(92%, 430px) !important;
    max-width: 430px !important;
    margin: 12px auto 0 !important;
    gap: 12px !important;
    padding: 6px 0 12px !important;
  }

  .pkg-card,
  .pkg-card.is-featured {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    padding: 20px 16px 16px !important;
    border-radius: 14px !important;
    transform: none !important;
    scroll-snap-align: start !important;
  }

  .pkg-card:hover,
  .pkg-card.is-featured:hover {
    transform: none !important;
  }

  .pkg-plan-icon {
    width: 38px !important;
    height: 38px !important;
    font-size: 17px !important;
    margin-bottom: 10px !important;
    border-radius: 10px !important;
  }

  .pkg-popular {
    height: 24px !important;
    min-width: 118px !important;
    font-size: 8px !important;
    padding: 0 10px !important;
  }

  .pkg-card h3 {
    font-size: 14px !important;
    line-height: 1.12 !important;
    margin-bottom: 5px !important;
  }

  .pkg-plan-sub {
    font-size: 10.2px !important;
    line-height: 1.28 !important;
    margin-bottom: 8px !important;
  }

  .pkg-small-line {
    width: 28px !important;
    margin-bottom: 9px !important;
  }

  .pkg-currency {
    font-size: 13px !important;
    padding-top: 6px !important;
  }

  .pkg-price {
    font-size: 36px !important;
    line-height: .9 !important;
  }

  .pkg-onetime {
    font-size: 9px !important;
    margin-bottom: 9px !important;
  }

  .pkg-followers {
    min-height: 36px !important;
    padding: 7px 10px !important;
    margin-bottom: 11px !important;
    gap: 7px !important;
    border-radius: 7px !important;
  }

  .pkg-followers i {
    font-size: 13px !important;
  }

  .pkg-followers strong {
    font-size: 11.2px !important;
    line-height: 1.1 !important;
  }

  .pkg-list {
    gap: 6px !important;
    margin-bottom: 14px !important;
  }

  .pkg-list li {
    font-size: 9.5px !important;
    line-height: 1.22 !important;
    gap: 7px !important;
  }

  .pkg-list i {
    font-size: 12px !important;
  }

  .pkg-card-btn {
    min-height: 34px !important;
    font-size: 10px !important;
    border-radius: 6px !important;
  }

  .pkg-mobile-slider-controls {
    margin-top: 2px !important;
  }
}

@media (max-width: 480px) {
  .pkg-cards {
    width: min(90%, 390px) !important;
    max-width: 390px !important;
    gap: 10px !important;
    padding: 4px 0 8px !important;
  }

  .pkg-card,
  .pkg-card.is-featured {
    padding: 17px 14px 14px !important;
    border-radius: 13px !important;
  }

  .pkg-plan-icon {
    width: 34px !important;
    height: 34px !important;
    font-size: 15px !important;
    margin-bottom: 9px !important;
  }

  .pkg-card h3 {
    font-size: 12.5px !important;
    margin-bottom: 4px !important;
  }

  .pkg-plan-sub {
    font-size: 9.5px !important;
    margin-bottom: 7px !important;
  }

  .pkg-price {
    font-size: 32px !important;
  }

  .pkg-onetime {
    font-size: 8px !important;
    margin-bottom: 8px !important;
  }

  .pkg-followers {
    min-height: 34px !important;
    padding: 6px 9px !important;
    margin-bottom: 10px !important;
  }

  .pkg-followers strong {
    font-size: 10px !important;
  }

  .pkg-list {
    gap: 5px !important;
    margin-bottom: 12px !important;
  }

  .pkg-list li {
    font-size: 8.6px !important;
    gap: 6px !important;
  }

  .pkg-list i {
    font-size: 10.5px !important;
  }

  .pkg-card-btn {
    min-height: 32px !important;
    font-size: 9px !important;
  }
}



/* ════════════════════════════════
   FINAL MOBILE UPDATE: make testimonial cards smaller on mobile only
   Desktop and tablet layout stays unchanged.
════════════════════════════════ */
@media (max-width: 767px) {
  .testimonials-section .tst-masonry {
    gap: 12px !important;
    padding: 0 18px 12px !important;
    scroll-padding-left: 18px !important;
    scroll-padding-right: 18px !important;
  }

  .testimonials-section .tst-card,
  .testimonials-section .tst-card-featured,
  .testimonials-section .tst-card-wide,
  .testimonials-section .tst-card:not(.tst-card-featured):not(.tst-card-wide) {
    flex: 0 0 calc(100% - 36px) !important;
    width: calc(100% - 36px) !important;
    min-width: calc(100% - 36px) !important;
    max-width: calc(100% - 36px) !important;
    border-radius: 12px !important;
    padding: 13px 14px 13px !important;
    scroll-snap-align: center !important;
  }

  .testimonials-section .tst-card-quote,
  .testimonials-section .tst-card-featured .tst-card-quote,
  .testimonials-section .tst-card-wide .tst-card-quote {
    font-size: 20px !important;
    line-height: 0.9 !important;
    margin-bottom: 5px !important;
  }

  .testimonials-section .tst-text,
  .testimonials-section .tst-card-featured .tst-text,
  .testimonials-section .tst-card-wide .tst-text {
    font-size: 9.4px !important;
    line-height: 1.42 !important;
  }

  .testimonials-section .tst-bold-line {
    font-size: 9.4px !important;
    line-height: 1.3 !important;
  }

  .testimonials-section .tst-author {
    padding-top: 9px !important;
    gap: 8px !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
  }

  .testimonials-section .tst-author-left {
    flex: 1 1 auto !important;
    gap: 7px !important;
    min-width: 0 !important;
  }

  .testimonials-section .tst-avatar {
    width: 31px !important;
    height: 31px !important;
    flex: 0 0 31px !important;
    font-size: 8px !important;
  }

  .testimonials-section .tst-author-name {
    font-size: 8.8px !important;
    line-height: 1.08 !important;
  }

  .testimonials-section .tst-author-role {
    font-size: 7px !important;
    line-height: 1.1 !important;
  }

  .testimonials-section .tst-mini-stars {
    font-size: 7.4px !important;
    gap: 1.5px !important;
    margin-top: 3px !important;
  }

  .testimonials-section .tst-author-actions,
  .testimonials-section .tst-card > .tst-social {
    margin-left: 0 !important;
  }

  .testimonials-section .tst-author-actions {
    width: auto !important;
    flex: 0 0 auto !important;
    justify-content: flex-end !important;
    gap: 7px !important;
  }

  .testimonials-section .tst-social {
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px !important;
    font-size: 10.5px !important;
  }

  .testimonials-section .tst-growth-pill {
    height: 20px !important;
    padding: 0 8px !important;
    font-size: 7.2px !important;
    line-height: 1 !important;
  }
}

@media (max-width: 390px) {
  .testimonials-section .tst-masonry {
    padding-left: 14px !important;
    padding-right: 14px !important;
    scroll-padding-left: 14px !important;
    scroll-padding-right: 14px !important;
  }

  .testimonials-section .tst-card,
  .testimonials-section .tst-card-featured,
  .testimonials-section .tst-card-wide,
  .testimonials-section .tst-card:not(.tst-card-featured):not(.tst-card-wide) {
    flex-basis: calc(100% - 28px) !important;
    width: calc(100% - 28px) !important;
    min-width: calc(100% - 28px) !important;
    max-width: calc(100% - 28px) !important;
    padding: 12px 12px 12px !important;
  }

  .testimonials-section .tst-text,
  .testimonials-section .tst-card-featured .tst-text,
  .testimonials-section .tst-card-wide .tst-text {
    font-size: 9px !important;
  }

  .testimonials-section .tst-growth-pill {
    font-size: 6.8px !important;
    padding: 0 6px !important;
  }
}



/* FINAL FIX: show exactly 1 testimonial card at a time on mobile */
@media (max-width: 767px) {
  .testimonials-section .tst-container {
    width: min(100% - 28px, 460px) !important;
  }

  .testimonials-section .tst-masonry {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 0 !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scroll-padding-left: 0 !important;
    scroll-padding-right: 0 !important;
    padding: 0 0 12px 0 !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }

  .testimonials-section .tst-masonry::-webkit-scrollbar {
    display: none !important;
  }

  .testimonials-section .tst-card,
  .testimonials-section .tst-card-featured,
  .testimonials-section .tst-card-wide,
  .testimonials-section .tst-card:not(.tst-card-featured):not(.tst-card-wide) {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
  }

  .testimonials-section .tst-mobile-slider-controls {
    display: flex !important;
  }
}



/* FINAL FIX: mobile rating panel spacing/alignment
   Keeps desktop unchanged. Fixes mobile overlap by separating score,
   bar chart, and platform ratings into clean rows. */
@media (max-width: 767px) {
  .testimonials-section .tst-rating-panel {
    grid-template-columns: 78px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    column-gap: 12px !important;
    row-gap: 12px !important;
    padding: 14px 12px 15px !important;
    min-height: auto !important;
    align-items: center !important;
  }

  .testimonials-section .tst-score-block {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: center !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .testimonials-section .tst-score {
    font-size: 34px !important;
    line-height: .86 !important;
  }

  .testimonials-section .tst-score-stars {
    margin: 5px 0 3px !important;
    font-size: 8px !important;
  }

  .testimonials-section .tst-score-note {
    max-width: 70px !important;
    margin: 0 auto !important;
    font-size: 6px !important;
    line-height: 1.15 !important;
    white-space: normal !important;
  }

  .testimonials-section .tst-bars {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: center !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .testimonials-section .tst-bar-row {
    grid-template-columns: 18px minmax(0, 1fr) 23px !important;
    gap: 5px !important;
    font-size: 6.8px !important;
  }

  .testimonials-section .tst-platforms {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;
    width: 100% !important;
    padding: 8px 2px 0 !important;
    margin: 0 !important;
    border-top: 1px solid rgba(212,175,55,.20) !important;
    align-items: start !important;
  }

  .testimonials-section .tst-platform {
    min-width: 0 !important;
    min-height: 42px !important;
    justify-content: flex-start !important;
    gap: 2px !important;
    font-size: 6.8px !important;
    line-height: 1.05 !important;
  }

  .testimonials-section .tst-platform-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    height: 20px !important;
    margin: 0 auto 1px !important;
    font-size: 17px !important;
    line-height: 1 !important;
  }

  .testimonials-section .tst-platform-score {
    font-size: 8px !important;
    line-height: 1 !important;
  }
}

@media (max-width: 380px) {
  .testimonials-section .tst-rating-panel {
    grid-template-columns: 68px minmax(0, 1fr) !important;
    column-gap: 9px !important;
    padding: 12px 10px 13px !important;
  }

  .testimonials-section .tst-score {
    font-size: 30px !important;
  }

  .testimonials-section .tst-score-note {
    max-width: 60px !important;
    font-size: 5.7px !important;
  }

  .testimonials-section .tst-bar-row {
    grid-template-columns: 16px minmax(0, 1fr) 21px !important;
    gap: 4px !important;
    font-size: 6.2px !important;
  }
}



/* FINAL PACKAGE ICON ALIGNMENT FIX
   Keeps package/card design unchanged; only locks icon spacing and alignment. */
.packages-section .pkg-platform-tabs,
.packages-section .pkg-tab,
.packages-section .pkg-cards,
.packages-section .pkg-card,
.packages-section .pkg-benefits-bar,
.packages-section .pkg-benefit,
.packages-section .pkg-custom-left {
  min-width: 0 !important;
}

.packages-section .pkg-tab {
  align-items: center !important;
}

.packages-section .pkg-tab-icon,
.packages-section .pkg-plan-icon,
.packages-section .pkg-followers > i,
.packages-section .pkg-list li > i,
.packages-section .pkg-benefit > i,
.packages-section .pkg-custom-icon,
.packages-section .pkg-card-btn > i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  text-align: center !important;
  flex-shrink: 0 !important;
}

.packages-section .pkg-plan-icon {
  align-self: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.packages-section .pkg-card h3,
.packages-section .pkg-plan-sub,
.packages-section .pkg-small-line,
.packages-section .pkg-price-row,
.packages-section .pkg-onetime {
  align-self: center !important;
  text-align: center !important;
}

.packages-section .pkg-small-line {
  margin-left: auto !important;
  margin-right: auto !important;
}

.packages-section .pkg-price-row {
  justify-content: center !important;
  width: 100% !important;
}

.packages-section .pkg-followers {
  align-items: center !important;
}

.packages-section .pkg-followers > i {
  width: 18px !important;
  min-width: 18px !important;
}

.packages-section .pkg-list li {
  display: grid !important;
  grid-template-columns: 16px minmax(0, 1fr) !important;
  align-items: start !important;
}

.packages-section .pkg-list li > i {
  width: 16px !important;
  min-width: 16px !important;
  margin-top: 1px !important;
}

.packages-section .pkg-card-btn {
  width: 100% !important;
  align-items: center !important;
}

.packages-section .pkg-card-btn > i {
  width: 14px !important;
  min-width: 14px !important;
}

.packages-section .pkg-benefit {
  align-items: center !important;
}

@media (max-width: 768px) {
  .packages-section .pkg-plan-icon {
    align-self: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .packages-section .pkg-list li {
    grid-template-columns: 15px minmax(0, 1fr) !important;
    align-items: start !important;
  }

  .packages-section .pkg-list li > i {
    width: 15px !important;
    min-width: 15px !important;
  }
}

@media (max-width: 480px) {
  .packages-section .pkg-list li {
    grid-template-columns: 14px minmax(0, 1fr) !important;
  }

  .packages-section .pkg-list li > i {
    width: 14px !important;
    min-width: 14px !important;
  }
}


/* FINAL MOBILE FIX: keep package platform icons/tabs in one row on mobile */
@media (max-width: 700px) {
  .packages-section .pkg-platform-tabs {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 16px auto 18px !important;
    overflow: visible !important;
  }

  .packages-section .pkg-platform-tabs .pkg-tab {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 58px !important;
    padding: 8px 4px !important;
    border-radius: 12px !important;
  }

  .packages-section .pkg-platform-tabs .pkg-tab:nth-child(4) {
    grid-column: auto !important;
  }

  .packages-section .pkg-platform-tabs .pkg-tab-icon {
    width: 26px !important;
    height: 26px !important;
    flex: 0 0 26px !important;
    border-radius: 7px !important;
    font-size: 14px !important;
  }

  .packages-section .pkg-platform-tabs .pkg-tab-text {
    width: 100% !important;
    min-width: 0 !important;
    text-align: center !important;
  }

  .packages-section .pkg-platform-tabs .pkg-tab-text strong {
    display: block !important;
    font-size: 8.5px !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .packages-section .pkg-platform-tabs .pkg-tab-text span {
    display: none !important;
  }

  .packages-section .pkg-tab.active::after {
    bottom: -9px !important;
    border-left-width: 8px !important;
    border-right-width: 8px !important;
    border-top-width: 10px !important;
  }
}

@media (max-width: 380px) {
  .packages-section .pkg-platform-tabs {
    gap: 4px !important;
  }

  .packages-section .pkg-platform-tabs .pkg-tab {
    min-height: 54px !important;
    padding: 7px 3px !important;
  }

  .packages-section .pkg-platform-tabs .pkg-tab-icon {
    width: 24px !important;
    height: 24px !important;
    flex-basis: 24px !important;
    font-size: 13px !important;
  }

  .packages-section .pkg-platform-tabs .pkg-tab-text strong {
    font-size: 7.5px !important;
  }
}




/* FINAL MOBILE PACKAGE HEADING FIX
   Makes the Instagram package heading match the reference on mobile only. */
@media (max-width: 700px) {
  .packages-section .pkg-packages-intro {
    width: 100% !important;
    max-width: 100% !important;
    margin: 18px auto 20px !important;
    padding: 0 4px !important;
    text-align: center !important;
  }

  .packages-section .pkg-packages-title {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 auto 18px !important;
    color: #f7f5ee !important;
    font-size: clamp(26px, 7.2vw, 52px) !important;
    line-height: 1.02 !important;
    font-weight: 900 !important;
    letter-spacing: -.045em !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  .packages-section .pkg-instagram-mark {
    width: clamp(27px, 7vw, 38px) !important;
    height: clamp(27px, 7vw, 38px) !important;
    flex: 0 0 clamp(27px, 7vw, 38px) !important;
    border-radius: 8px !important;
    font-size: clamp(15px, 4vw, 21px) !important;
    margin: 0 !important;
  }

  .packages-section .pkg-packages-desc {
    max-width: 620px !important;
    margin: 0 auto !important;
    padding: 0 18px !important;
    color: rgba(255,255,255,.84) !important;
    font-size: clamp(13px, 3.6vw, 17px) !important;
    line-height: 1.55 !important;
    font-weight: 500 !important;
    text-align: center !important;
  }
}

@media (max-width: 420px) {
  .packages-section .pkg-packages-title {
    gap: 8px !important;
    font-size: clamp(24px, 6.8vw, 30px) !important;
    letter-spacing: -.05em !important;
  }

  .packages-section .pkg-packages-desc {
    max-width: 340px !important;
    padding: 0 10px !important;
    font-size: 13.5px !important;
  }
}



/* FINAL MOBILE HEADING OVERFLOW FIX
   Keeps the Instagram icon + heading in one row, but makes it fit fully on mobile. */
@media (max-width: 700px) {
  .packages-section .pkg-packages-intro {
    width: 100% !important;
    max-width: 100% !important;
    margin: 14px auto 18px !important;
    padding: 0 !important;
    text-align: center !important;
    overflow: visible !important;
  }

  .packages-section .pkg-packages-title {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    gap: clamp(5px, 1.5vw, 8px) !important;
    width: 100% !important;
    max-width: calc(100vw - 18px) !important;
    margin: 0 auto 14px !important;
    padding: 0 4px !important;
    white-space: nowrap !important;
    overflow: visible !important;
    color: #f7f5ee !important;
    font-size: clamp(20px, 5.05vw, 32px) !important;
    line-height: 1.08 !important;
    font-weight: 900 !important;
    letter-spacing: -.055em !important;
    text-align: center !important;
  }

  .packages-section .pkg-instagram-mark {
    width: clamp(22px, 5.8vw, 31px) !important;
    height: clamp(22px, 5.8vw, 31px) !important;
    flex: 0 0 clamp(22px, 5.8vw, 31px) !important;
    border-radius: 7px !important;
    font-size: clamp(13px, 3.2vw, 18px) !important;
    margin: 0 !important;
  }

  .packages-section .pkg-packages-desc {
    max-width: min(350px, calc(100vw - 42px)) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    font-size: clamp(12.5px, 3.35vw, 15px) !important;
    line-height: 1.58 !important;
    font-weight: 500 !important;
    text-align: center !important;
  }
}

@media (max-width: 420px) {
  .packages-section .pkg-packages-title {
    gap: 5px !important;
    max-width: calc(100vw - 12px) !important;
    padding: 0 2px !important;
    font-size: clamp(18px, 5.1vw, 21.5px) !important;
    line-height: 1.08 !important;
    letter-spacing: -.06em !important;
  }

  .packages-section .pkg-instagram-mark {
    width: clamp(20px, 5.7vw, 23px) !important;
    height: clamp(20px, 5.7vw, 23px) !important;
    flex-basis: clamp(20px, 5.7vw, 23px) !important;
    border-radius: 6px !important;
    font-size: clamp(12px, 3.2vw, 14px) !important;
  }

  .packages-section .pkg-packages-desc {
    max-width: min(330px, calc(100vw - 46px)) !important;
    font-size: 13.2px !important;
    line-height: 1.55 !important;
  }
}

@media (max-width: 360px) {
  .packages-section .pkg-packages-title {
    gap: 4px !important;
    font-size: 17px !important;
    letter-spacing: -.065em !important;
  }

  .packages-section .pkg-instagram-mark {
    width: 20px !important;
    height: 20px !important;
    flex-basis: 20px !important;
    font-size: 12px !important;
  }
}



/* ════════════════════════════════════════
   FINAL UPDATE: show Client Results section + mobile result slider
   Only Client Results card color and mobile slider behavior are changed.
════════════════════════════════════════ */
.client-results-section {
  display: block !important;
}

.client-results-section .cr-cards-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
  margin-top: 18px !important;
  padding: 8px 0 16px !important;
  overflow: visible !important;
  scroll-snap-type: none !important;
}

.client-results-section .cr-card {
  display: flex !important;
  min-width: 0 !important;
  min-height: 360px !important;
  padding: 22px 22px 18px !important;
  border: 1px solid rgba(255,255,255,.72) !important;
  border-radius: 17px !important;
  color: #151a16 !important;
  background:
    radial-gradient(ellipse 230px 110px at 84% 0%, rgba(212,175,55,.12), transparent 68%),
    linear-gradient(180deg, #fbfaf4 0%, #efeee6 100%) !important;
  box-shadow:
    0 22px 42px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.96) !important;
}

.client-results-section .cr-card:nth-child(n) {
  display: flex !important;
}

.client-results-section .cr-nav-arrows {
  display: none !important;
}

.client-results-section .cr-client-name,
.client-results-section .cr-mini-value,
.client-results-section .cr-mini-value.gold,
.client-results-section .cr-growth-value,
.client-results-section .cr-card-bottom {
  color: #151a16 !important;
}

.client-results-section .cr-client-type,
.client-results-section .cr-mini-label,
.client-results-section .cr-growth-label {
  color: #697166 !important;
}

@media (max-width: 768px) {
  .client-results-section .cr-container {
    width: min(100% - 24px, 520px) !important;
  }

  .client-results-section .cr-results-head {
    align-items: center !important;
    gap: 12px !important;
  }

  .client-results-section .cr-nav-arrows {
    display: flex !important;
    flex: 0 0 auto !important;
  }

  .client-results-section .cr-cards-grid {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 14px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 8px 2px 16px !important;
    cursor: grab !important;
    scrollbar-width: none !important;
  }

  .client-results-section .cr-cards-grid::-webkit-scrollbar {
    display: none !important;
  }

  .client-results-section .cr-card {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    min-height: 350px !important;
    padding: 22px 20px 18px !important;
    border-radius: 16px !important;
    scroll-snap-align: start !important;
  }

  .client-results-section .cr-client-top {
    gap: 12px !important;
    margin-bottom: 18px !important;
    padding-right: 44px !important;
  }

  .client-results-section .cr-avatar,
  .client-results-section .cr-avatar.blue,
  .client-results-section .cr-avatar.purple {
    width: 48px !important;
    height: 48px !important;
    flex-basis: 48px !important;
    font-size: 11px !important;
  }

  .client-results-section .cr-client-name {
    font-size: 14px !important;
    line-height: 1.08 !important;
  }

  .client-results-section .cr-client-type {
    font-size: 10px !important;
  }

  .client-results-section .cr-metrics-box {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
    margin-bottom: 14px !important;
  }

  .client-results-section .cr-mini-label {
    font-size: 8.5px !important;
    margin-bottom: 6px !important;
  }

  .client-results-section .cr-mini-value,
  .client-results-section .cr-mini-value.gold {
    font-size: 26px !important;
  }

  .client-results-section .cr-growth-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
    margin: 0 0 12px !important;
  }

  .client-results-section .cr-growth-grid > div {
    min-height: 52px !important;
    padding: 9px 6px !important;
  }

  .client-results-section .cr-growth-value,
  .client-results-section .cr-growth-value.green {
    font-size: 11px !important;
  }

  .client-results-section .cr-growth-label {
    font-size: 7.5px !important;
    margin-top: 4px !important;
  }

  .client-results-section .cr-case-chart {
    height: 86px !important;
    margin: 8px 0 14px !important;
  }

  .client-results-section .cr-case-platform {
    width: 34px !important;
    height: 34px !important;
    border-radius: 10px !important;
    font-size: 17px !important;
    top: 18px !important;
    right: 18px !important;
  }

  .client-results-section .cr-tiny-note {
    font-size: 11px !important;
  }

  .client-results-section .cr-tiny-note::before {
    font-size: 8px !important;
  }

  .client-results-section .cr-card-bottom::after {
    min-height: 36px !important;
    padding: 0 14px !important;
    border-radius: 10px !important;
    font-size: 9px !important;
  }
}

@media (max-width: 430px) {
  .client-results-section .cr-card {
    min-height: 330px !important;
    padding: 18px 15px 16px !important;
  }

  .client-results-section .cr-avatar,
  .client-results-section .cr-avatar.blue,
  .client-results-section .cr-avatar.purple {
    width: 42px !important;
    height: 42px !important;
    flex-basis: 42px !important;
  }

  .client-results-section .cr-client-name { font-size: 12px !important; }
  .client-results-section .cr-client-type { font-size: 8.8px !important; }
  .client-results-section .cr-mini-value,
  .client-results-section .cr-mini-value.gold { font-size: 22px !important; }
  .client-results-section .cr-growth-value,
  .client-results-section .cr-growth-value.green { font-size: 9.5px !important; }
  .client-results-section .cr-growth-label { font-size: 6.8px !important; }
  .client-results-section .cr-case-chart { height: 72px !important; }
  .client-results-section .cr-card-bottom::after { font-size: 8px !important; padding: 0 10px !important; }
}



/* FINAL LARGE SCREEN WIDTH FIX - only the two requested parts */
@media (min-width: 992px) {
  .packages-section .pkg-benefits-bar {
    width: 100% !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .testimonials-section .tst-container {
    width: 95% !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .testimonials-section .tst-rating-panel,
  .testimonials-section .tst-masonry {
    width: 100% !important;
    max-width: none !important;
  }
}



/* FINAL SMOOTH WEBSITE ANIMATION UPDATE */
:root {
  --smooth-site-ease: cubic-bezier(.22, 1, .36, 1);
  --smooth-site-speed: .34s;
}

html {
  scroll-behavior: smooth !important;
}

.cr-cards-grid,
.pkg-cards,
.tst-masonry,
.wwd-steps-grid {
  scroll-behavior: smooth !important;
  -webkit-overflow-scrolling: touch !important;
}

@media (prefers-reduced-motion: no-preference) {
  html.pro-anim-ready .pro-reveal {
    opacity: 0 !important;
    transform: translate3d(0, 16px, 0) !important;
    filter: blur(4px) !important;
    transition:
      opacity .72s var(--smooth-site-ease) var(--pro-delay, 0ms),
      transform .72s var(--smooth-site-ease) var(--pro-delay, 0ms),
      filter .72s var(--smooth-site-ease) var(--pro-delay, 0ms) !important;
    will-change: opacity, transform, filter !important;
  }

  html.pro-anim-ready .pro-reveal.pro-visible {
    opacity: 1 !important;
    transform: translate3d(0, 0, 0) !important;
    filter: blur(0) !important;
    will-change: auto !important;
  }

  .apex-nav,
  .nav-mobile-panel,
  .nav-mobile-backdrop,
  .nav-links a,
  .nav-toggle,
  .btn-cta,
  .btn-primary-hero,
  .btn-ghost-hero,
  .ab-btn-gold,
  .ab-btn-ghost,
  .wwd-btn,
  .pkg-card-btn,
  .pkg-custom-btn,
  .cr-main-cta,
  .cr-view-all,
  .insights-cta-button,
  .insights-view-btn,
  .insights-post-link,
  .footer-v2-link {
    transition:
      transform var(--smooth-site-speed) var(--smooth-site-ease),
      box-shadow var(--smooth-site-speed) var(--smooth-site-ease),
      border-color var(--smooth-site-speed) var(--smooth-site-ease),
      background var(--smooth-site-speed) var(--smooth-site-ease),
      color var(--smooth-site-speed) var(--smooth-site-ease),
      filter var(--smooth-site-speed) var(--smooth-site-ease),
      opacity var(--smooth-site-speed) var(--smooth-site-ease) !important;
  }

  .s-box,
  .feature-strip,
  .stats-strip,
  .feat-item,
  .stat-item,
  .ab-stat,
  .ab-team-pill,
  .wwd-card,
  .wwd-metric,
  .wwd-steps-panel,
  .wwd-bottom-cta,
  .cr-hero-panel,
  .cr-card,
  .cr-testimonial-card,
  .pkg-card,
  .pkg-benefits-bar,
  .pkg-custom-plan,
  .tst-card,
  .tst-rating-panel,
  .tst-video-card,
  .tst-trust-card,
  .insights-post,
  .insights-cat-card,
  .insights-featured,
  .insights-newsletter,
  .footer-v2-panel,
  .footer-v2-brand-panel,
  .footer-v2-contact-card {
    backface-visibility: hidden !important;
    transition:
      transform .36s var(--smooth-site-ease),
      box-shadow .36s var(--smooth-site-ease),
      border-color .36s var(--smooth-site-ease),
      background .36s var(--smooth-site-ease),
      filter .36s var(--smooth-site-ease),
      opacity .36s var(--smooth-site-ease) !important;
  }

  .feat-icon,
  .stat-icon,
  .ab-stat-icon,
  .wwd-card-icon,
  .wwd-custom-icon,
  .wwd-metric-icon,
  .wwd-step-icon,
  .wwd-cta-icon,
  .pkg-plan-icon,
  .cr-title-icon,
  .cr-social,
  .tst-platform-icon,
  .tst-trust-icon,
  .insights-cat-icon,
  .footer-v2-contact-icon {
    animation: finalIconGlow 4.2s ease-in-out infinite !important;
    transition:
      transform .34s var(--smooth-site-ease),
      box-shadow .34s var(--smooth-site-ease),
      filter .34s var(--smooth-site-ease),
      background .34s var(--smooth-site-ease) !important;
  }

  .sc-chart-area span,
  .sc-ls-chart span,
  .cr-bar,
  .tst-bar-fill,
  .insights-phone-bar {
    transform-origin: bottom center !important;
    animation: finalBarGlow 3.4s ease-in-out infinite alternate !important;
    transition: height .34s var(--smooth-site-ease), width .34s var(--smooth-site-ease), filter .34s var(--smooth-site-ease) !important;
  }

  .hero-section,
  .about-section,
  .wwd-section,
  .client-results-section,
  .packages-section,
  .testimonials-section,
  .insights-section {
    animation: finalSectionGlow 9s ease-in-out infinite alternate !important;
  }

  .pro-scroll-progress {
    transition: width .12s linear !important;
  }


  html.pro-anim-ready .pro-reveal.pro-visible:is(.wwd-card, .cr-card, .cr-testimonial-card, .pkg-card, .tst-card, .insights-post, .insights-cat-card, .ab-stat, .footer-v2-contact-card):hover {
    transform: translate3d(0, -4px, 0) !important;
  }

  @keyframes finalIconGlow {
    0%, 100% { filter: drop-shadow(0 0 0 rgba(212,175,55,0)); }
    50% { filter: drop-shadow(0 0 12px rgba(212,175,55,.24)); }
  }

  @keyframes finalBarGlow {
    from { filter: drop-shadow(0 0 0 rgba(212,175,55,0)); }
    to { filter: drop-shadow(0 0 9px rgba(212,175,55,.24)); }
  }

  @keyframes finalSectionGlow {
    from { box-shadow: inset 0 0 0 rgba(212,175,55,0); }
    to { box-shadow: inset 0 0 64px rgba(212,175,55,.032); }
  }
}

@media (prefers-reduced-motion: reduce) {
  html.pro-anim-ready .pro-reveal,
  html.pro-anim-ready .pro-reveal.pro-visible {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
  }
}



/* FINAL MOBILE FIX: keep Client Results 3 stats in one row on mobile */
@media (max-width: 991px) {
  .client-results-section .cr-top-stats {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
    overflow: hidden !important;
  }

  .client-results-section .cr-stat {
    min-width: 0 !important;
    min-height: 76px !important;
    padding: 12px 6px !important;
    gap: 7px !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: left !important;
    border-top: 0 !important;
    border-left: 1px solid rgba(212,175,55,.20) !important;
  }

  .client-results-section .cr-stat:first-child {
    border-left: 0 !important;
  }

  .client-results-section .cr-stat + .cr-stat {
    border-top: 0 !important;
    border-left: 1px solid rgba(212,175,55,.20) !important;
  }

  .client-results-section .cr-stat i {
    font-size: 22px !important;
    flex: 0 0 auto !important;
  }

  .client-results-section .cr-stat-value {
    font-size: clamp(20px, 5.2vw, 25px) !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  .client-results-section .cr-stat-label {
    margin-top: 3px !important;
    font-size: clamp(8px, 2.1vw, 10px) !important;
    line-height: 1.12 !important;
    white-space: normal !important;
  }
}

@media (max-width: 380px) {
  .client-results-section .cr-stat {
    min-height: 68px !important;
    padding: 10px 4px !important;
    gap: 5px !important;
  }

  .client-results-section .cr-stat i {
    font-size: 18px !important;
  }

  .client-results-section .cr-stat-value {
    font-size: 18px !important;
  }

  .client-results-section .cr-stat-label {
    font-size: 7.5px !important;
  }
}



/* FINAL OVERRIDE: client result cards white like other cards */
.client-results-section .cr-card {
  background: linear-gradient(180deg, #ffffff 0%, #f8f8f4 100%) !important;
  border-color: rgba(23,35,29,.10) !important;
}



/* FINAL MOBILE FIX: WWD 5 metrics clean one-row layout */
@media (max-width: 767px) {
  .wwd-section .wwd-metrics {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  .wwd-section .wwd-metric,
  .wwd-section .wwd-metric:nth-child(n),
  .wwd-section .wwd-metric:first-child,
  .wwd-section .wwd-metric:nth-child(even) {
    min-width: 0 !important;
    min-height: 70px !important;
    padding: 8px 2px !important;
    gap: 3px !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    overflow: hidden !important;
  }

  .wwd-section .wwd-metric-icon {
    width: 24px !important;
    height: 24px !important;
    flex: 0 0 24px !important;
    min-width: 24px !important;
    font-size: 11px !important;
    margin: 0 auto !important;
  }

  .wwd-section .wwd-metric > div {
    min-width: 0 !important;
    width: 100% !important;
    overflow: visible !important;
  }

  .wwd-section .wwd-metric-value {
    font-size: clamp(11px, 3.1vw, 14px) !important;
    line-height: 1 !important;
    letter-spacing: -.03em !important;
    white-space: nowrap !important;
  }

  .wwd-section .wwd-metric-label {
    font-size: clamp(5.5px, 1.55vw, 7px) !important;
    line-height: 1.05 !important;
    margin-top: 2px !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
  }
}

@media (max-width: 390px) {
  .wwd-section .wwd-metric,
  .wwd-section .wwd-metric:nth-child(n),
  .wwd-section .wwd-metric:first-child,
  .wwd-section .wwd-metric:nth-child(even) {
    min-height: 66px !important;
    padding: 7px 1px !important;
  }

  .wwd-section .wwd-metric-icon {
    width: 21px !important;
    height: 21px !important;
    flex-basis: 21px !important;
    min-width: 21px !important;
    font-size: 10px !important;
  }

  .wwd-section .wwd-metric-value {
    font-size: clamp(10px, 3vw, 12px) !important;
  }

  .wwd-section .wwd-metric-label {
    font-size: 5.4px !important;
  }
}



/* FINAL UPDATE: animated graphs/charts in Client Results hero */
.cr-chart-wrap {
  overflow: visible !important;
}

.cr-live-charts {
  position: relative;
  z-index: 2;
  width: min(460px, 100%);
  min-height: 282px;
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(112px, .65fr);
  gap: 14px;
  align-items: stretch;
  filter: drop-shadow(0 24px 34px rgba(0,0,0,.34));
}

.cr-live-main,
.cr-mini-chart {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(212,175,55,.28);
  background:
    radial-gradient(ellipse 260px 130px at 28% 0%, rgba(212,175,55,.14), transparent 64%),
    linear-gradient(145deg, rgba(19,35,30,.92), rgba(7,17,15,.96));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 18px 36px rgba(0,0,0,.22);
}

.cr-live-main {
  min-height: 282px;
  border-radius: 18px;
  padding: 16px 16px 14px;
}

.cr-live-main::before,
.cr-mini-chart::before {
  content: '';
  position: absolute;
  inset: -45% -25%;
  background: linear-gradient(110deg, transparent 0%, rgba(255,255,255,.08) 45%, transparent 60%);
  transform: translateX(-64%) rotate(8deg);
  animation: crChartShine 5.4s ease-in-out infinite;
  pointer-events: none;
}

.cr-chart-head,
.cr-mini-head {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: rgba(247,244,235,.82);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.cr-chart-head em {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 6px 8px;
  border-radius: 999px;
  color: #07100f;
  background: linear-gradient(135deg, #f3d86b, #d4af37);
  font-style: normal;
  font-size: 9px;
  line-height: 1;
  box-shadow: 0 0 20px rgba(212,175,55,.22);
}

.cr-line-chart {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 180px;
  margin-top: 12px;
  overflow: visible;
}

.cr-grid-lines path {
  fill: none;
  stroke: rgba(255,255,255,.08);
  stroke-width: 1;
}

.cr-area-fill {
  fill: url(#crAreaGlow);
  opacity: 0;
  animation: crAreaFade 1.15s ease .35s forwards;
}

.cr-growth-line {
  fill: none;
  stroke: url(#crLineGlow);
  stroke-width: 6;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 780;
  stroke-dashoffset: 780;
  filter: drop-shadow(0 0 10px rgba(212,175,55,.45));
  animation: crLineDraw 2.4s cubic-bezier(.22,1,.36,1) .2s forwards;
}

.cr-chart-points circle {
  fill: #f3d86b;
  stroke: rgba(7,17,15,.95);
  stroke-width: 3;
  opacity: 0;
  transform-box: fill-box;
  transform-origin: center;
  animation: crPointPop .55s cubic-bezier(.22,1,.36,1) forwards, crPointPulse 2.8s ease-in-out infinite;
}

.cr-chart-points circle:nth-child(1) { animation-delay: .55s, 1.35s; }
.cr-chart-points circle:nth-child(2) { animation-delay: .78s, 1.55s; }
.cr-chart-points circle:nth-child(3) { animation-delay: 1.01s, 1.75s; }
.cr-chart-points circle:nth-child(4) { animation-delay: 1.24s, 1.95s; }
.cr-chart-points circle:nth-child(5) { animation-delay: 1.47s, 2.15s; }
.cr-chart-points circle:nth-child(6) { animation-delay: 1.70s, 2.35s; }

.cr-live-kpis {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 7px;
}

.cr-live-kpis span {
  min-height: 42px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 8px 9px;
  border: 1px solid rgba(212,175,55,.18);
  border-radius: 10px;
  background: rgba(255,255,255,.045);
  color: rgba(247,244,235,.68);
  font-size: 8px;
  font-weight: 700;
  line-height: 1.2;
}

.cr-live-kpis strong {
  color: #f3d86b;
  font-size: 12px;
  font-weight: 900;
}

.cr-live-side {
  display: grid;
  gap: 14px;
}

.cr-mini-chart {
  min-height: 134px;
  border-radius: 16px;
  padding: 13px 12px;
}

.cr-animated-bars {
  position: relative;
  z-index: 2;
  height: 82px;
  margin-top: 12px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 8px;
}

.cr-animated-bars span {
  width: 16px;
  height: var(--h);
  border-radius: 7px 7px 3px 3px;
  background: linear-gradient(180deg, #f3d86b 0%, #d4af37 52%, #546d48 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.38), 0 0 13px rgba(212,175,55,.14);
  transform: scaleY(.2);
  transform-origin: bottom;
  animation: crBarGrow 1.5s cubic-bezier(.22,1,.36,1) forwards, crBarFloat 3.2s ease-in-out infinite;
}

.cr-animated-bars span:nth-child(1) { animation-delay: .20s, 1.7s; }
.cr-animated-bars span:nth-child(2) { animation-delay: .38s, 1.9s; }
.cr-animated-bars span:nth-child(3) { animation-delay: .56s, 2.1s; }
.cr-animated-bars span:nth-child(4) { animation-delay: .74s, 2.3s; }

.cr-donut-chart {
  display: grid;
  place-items: center;
}

.cr-donut-chart .cr-mini-head {
  width: 100%;
  justify-content: center;
}

.cr-donut-svg {
  width: 86px;
  height: 86px;
  margin-top: 5px;
  transform: rotate(-90deg);
}

.cr-donut-bg,
.cr-donut-fill {
  fill: none;
  stroke-width: 12;
}

.cr-donut-bg {
  stroke: rgba(255,255,255,.09);
}

.cr-donut-fill {
  stroke: #d4af37;
  stroke-linecap: round;
  stroke-dasharray: 270;
  stroke-dashoffset: 270;
  filter: drop-shadow(0 0 10px rgba(212,175,55,.45));
  animation: crDonutFill 2s cubic-bezier(.22,1,.36,1) .55s forwards;
}

.cr-donut-chart strong {
  position: absolute;
  bottom: 23px;
  left: 50%;
  transform: translateX(-50%);
  color: #f7f4eb;
  font-size: 21px;
  line-height: 1;
  font-weight: 900;
}

@keyframes crLineDraw {
  to { stroke-dashoffset: 0; }
}

@keyframes crAreaFade {
  to { opacity: 1; }
}

@keyframes crPointPop {
  from { opacity: 0; transform: scale(.25); }
  to { opacity: 1; transform: scale(1); }
}

@keyframes crPointPulse {
  0%, 100% { filter: drop-shadow(0 0 0 rgba(212,175,55,.0)); }
  50% { filter: drop-shadow(0 0 10px rgba(212,175,55,.85)); }
}

@keyframes crBarGrow {
  to { transform: scaleY(1); }
}

@keyframes crBarFloat {
  0%, 100% { filter: brightness(1); }
  50% { filter: brightness(1.16); }
}

@keyframes crDonutFill {
  to { stroke-dashoffset: 49; }
}

@keyframes crChartShine {
  0%, 72%, 100% { transform: translateX(-64%) rotate(8deg); opacity: 0; }
  18% { opacity: .65; }
  42% { transform: translateX(72%) rotate(8deg); opacity: 0; }
}

@media (max-width: 991px) {
  .cr-live-charts {
    width: min(440px, 100%);
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .cr-live-side {
    grid-template-columns: repeat(2, 1fr);
  }

  .cr-live-main {
    min-height: 245px;
  }

  .cr-line-chart {
    height: 145px;
  }

  .cr-mini-chart {
    min-height: 112px;
  }

  .cr-donut-svg {
    width: 72px;
    height: 72px;
  }

  .cr-donut-chart strong {
    bottom: 18px;
    font-size: 17px;
  }
}

@media (max-width: 480px) {
  .cr-live-charts {
    gap: 10px;
  }

  .cr-live-main {
    padding: 13px 12px 12px;
    border-radius: 15px;
  }

  .cr-live-kpis {
    gap: 5px;
  }

  .cr-live-kpis span {
    padding: 7px 5px;
    font-size: 6.8px;
  }

  .cr-live-kpis strong {
    font-size: 10px;
  }

  .cr-live-side {
    gap: 10px;
  }

  .cr-mini-chart {
    padding: 11px 9px;
    border-radius: 14px;
  }

  .cr-mini-head {
    font-size: 8px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cr-live-main::before,
  .cr-mini-chart::before,
  .cr-growth-line,
  .cr-area-fill,
  .cr-chart-points circle,
  .cr-animated-bars span,
  .cr-donut-fill {
    animation: none !important;
    opacity: 1 !important;
    stroke-dashoffset: 0 !important;
    transform: none !important;
  }
}



/* FINAL FIX: make social icon cards white and fix conversion card */
.client-results-section .cr-social {
  background: linear-gradient(180deg, #ffffff 0%, #f8f8f4 100%) !important;
  border: 1px solid rgba(23,35,29,.10) !important;
  box-shadow:
    0 10px 18px rgba(0,0,0,.12),
    inset 0 1px 0 rgba(255,255,255,.98) !important;
}

.client-results-section .cr-social:hover {
  background: linear-gradient(180deg, #ffffff 0%, #f4f3ec 100%) !important;
  border-color: rgba(212,175,55,.55) !important;
  box-shadow:
    0 14px 24px rgba(0,0,0,.14),
    0 0 20px rgba(212,175,55,.10),
    inset 0 1px 0 rgba(255,255,255,.98) !important;
}

.client-results-section .cr-donut-chart {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: center !important;
}

.client-results-section .cr-donut-chart .cr-mini-head {
  justify-content: center !important;
  margin-bottom: 6px !important;
}

.client-results-section .cr-donut-svg {
  width: 88px !important;
  height: 88px !important;
  margin-top: 2px !important;
}

.client-results-section .cr-donut-chart strong {
  position: static !important;
  transform: none !important;
  margin-top: -54px !important;
  margin-bottom: 8px !important;
  color: #f7f4eb !important;
  font-size: 21px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

@media (max-width: 480px) {
  .client-results-section .cr-donut-svg {
    width: 78px !important;
    height: 78px !important;
  }

  .client-results-section .cr-donut-chart strong {
    margin-top: -48px !important;
    font-size: 18px !important;
  }
}



/* ═════════════════════════════════════════════════════════════
   FINAL MOBILE SCREEN FIX - make mobile match the desktop/reference look
   Keeps the same two-column design on phone instead of stacking/hamburger.
═════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: clip !important;
  }

  body {
    -webkit-text-size-adjust: 100% !important;
    background-attachment: scroll !important;
  }

  .site-wrap,
  .hero-section > .site-wrap,
  .wwd-container,
  .cr-container,
  .pkg-container,
  .tst-container,
  .insights-container,
  .footer-v2-container,
  .results-container,
  .packages-container,
  .pricing-container,
  .footer-container,
  .about-container,
  .contact-container,
  .services-container {
    width: calc(100% - 22px) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Top navbar exactly like the reference: logo + full links visible */
  .hero-section {
    min-height: auto !important;
    padding: 0 0 10px !important;
    overflow: hidden !important;
  }

  .lamp-wrap {
    display: block !important;
    width: clamp(120px, 28vw, 180px) !important;
    left: clamp(60px, 14vw, 120px) !important;
  }

  .lamp-img {
    display: block !important;
  }

  .apex-nav {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 99999 !important;
    padding: 5px 0 4px !important;
    background: transparent !important;
    box-shadow: none !important;
    border-bottom: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    animation: none !important;
  }

  .apex-nav.nav-scrolled,
  .apex-nav.is-sticky {
    background: linear-gradient(180deg, rgba(7,17,15,.96), rgba(7,17,15,.92)) !important;
    box-shadow: 0 8px 28px rgba(0,0,0,.45) !important;
    border-bottom: 1px solid rgba(212,175,55,.14) !important;
  }

  .apex-nav::after,
  .apex-nav.nav-scrolled::after,
  .apex-nav.is-sticky::after {
    display: none !important;
  }

  .apex-nav .nav-inner,
  .apex-nav.nav-scrolled .nav-inner {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 4px !important;
    flex-wrap: nowrap !important;
    overflow: visible !important;
  }

  .nav-left {
    flex: 0 0 auto !important;
    min-width: 0 !important;
  }

  .brand,
  .nav-left .brand {
    gap: 0 !important;
  }

  .brand-logo,
  .apex-nav.nav-scrolled .brand-logo {
    height: clamp(29px, 8vw, 40px) !important;
    width: auto !important;
    max-width: clamp(74px, 22vw, 110px) !important;
    object-fit: contain !important;
    mix-blend-mode: lighten !important;
    filter: drop-shadow(0 2px 6px rgba(0,0,0,.32)) !important;
  }

  .nav-right {
    width: auto !important;
    flex: 0 1 auto !important;
    margin: 0 !important;
    gap: 0 !important;
    justify-content: flex-end !important;
    min-width: 0 !important;
  }

  .nav-links {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    gap: clamp(1px, .5vw, 3px) !important;
    min-width: 0 !important;
  }

  .nav-links a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    padding: 4px 4px !important;
    border-radius: 4px !important;
    font-size: clamp(5.4px, 1.55vw, 7.6px) !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    letter-spacing: -.01em !important;
  }

  .nav-links a i {
    font-size: clamp(5.2px, 1.45vw, 7px) !important;
    line-height: 1 !important;
  }

  .nav-links a.active::after {
    width: 15px !important;
    height: 1px !important;
    bottom: -4px !important;
  }

  .nav-toggle,
  .nav-mobile,
  .nav-right > .btn-cta {
    display: none !important;
  }

  /* Hero remains two columns on phone */
  .hero-content {
    margin-top: 0 !important;
    padding-top: 6px !important;
  }

  .hero-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1.06fr) minmax(0, .94fr) !important;
    gap: 6px !important;
    align-items: center !important;
    text-align: left !important;
  }

  .hero-left {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    min-height: clamp(215px, 52vw, 270px) !important;
    padding: 4px 0 10px !important;
    text-align: left !important;
    transform: none !important;
  }

  .hero-copy {
    width: 100% !important;
    margin: 0 0 8px !important;
    text-align: left !important;
  }

  .hero-title {
    margin: 0 0 7px !important;
    text-align: left !important;
  }

  .hero-line,
  .hero-line:nth-child(2) {
    display: block !important;
    font-size: clamp(21px, 6.5vw, 32px) !important;
    line-height: .86 !important;
    margin-bottom: .10em !important;
    letter-spacing: -.045em !important;
    white-space: normal !important;
  }

  .hero-rule {
    display: block !important;
    width: 28px !important;
    height: 1px !important;
    margin: 7px 0 6px !important;
  }

  .hero-sub {
    font-size: clamp(6px, 1.8vw, 9px) !important;
    line-height: 1.25 !important;
    letter-spacing: .05em !important;
    text-align: left !important;
  }

  .socials {
    width: auto !important;
    justify-content: flex-start !important;
    gap: 5px !important;
    margin: 0 0 8px !important;
  }

  .s-box {
    width: clamp(20px, 5.6vw, 28px) !important;
    height: clamp(20px, 5.6vw, 28px) !important;
    border-radius: 7px !important;
    font-size: clamp(10px, 2.9vw, 14px) !important;
    box-shadow: 2px 3px 8px rgba(0,0,0,.28), inset 0 1px 3px rgba(255,255,255,.84) !important;
  }

  .hero-btns {
    width: auto !important;
    justify-content: flex-start !important;
    gap: 5px !important;
  }

  .btn-primary-hero,
  .btn-ghost-hero {
    width: auto !important;
    max-width: none !important;
    min-height: 0 !important;
    padding: 5px 8px !important;
    border-radius: 999px !important;
    font-size: clamp(5.6px, 1.55vw, 7.5px) !important;
    line-height: 1 !important;
    gap: 3px !important;
    white-space: nowrap !important;
  }

  .btn-primary-hero i,
  .btn-ghost-hero i {
    font-size: 7px !important;
  }

  .hero-right {
    display: flex !important;
    min-height: clamp(215px, 52vw, 270px) !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    align-self: stretch !important;
  }

  .hero-visual {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    height: clamp(215px, 52vw, 270px) !important;
    min-height: clamp(215px, 52vw, 270px) !important;
    padding-right: 0 !important;
    overflow: visible !important;
  }

  .arch-ring {
    display: block !important;
    width: clamp(130px, 35vw, 180px) !important;
    height: clamp(130px, 35vw, 180px) !important;
    right: 0 !important;
    bottom: 22px !important;
  }

  .arch-ring::before {
    inset: 14px !important;
  }

  .db-card {
    position: absolute !important;
    left: clamp(-28px, -5vw, -12px) !important;
    bottom: clamp(24px, 6vw, 42px) !important;
    width: clamp(122px, 32vw, 172px) !important;
    max-width: none !important;
    margin: 0 !important;
    transform: none !important;
    z-index: 8 !important;
  }

  .dashboard-graph-img {
    width: 100% !important;
    max-width: none !important;
    max-height: clamp(145px, 38vw, 210px) !important;
    object-fit: contain !important;
    filter: drop-shadow(0 14px 22px rgba(0,0,0,.42)) !important;
  }

  .hero-woman {
    display: block !important;
    position: absolute !important;
    right: clamp(-10px, -2vw, -4px) !important;
    bottom: 4px !important;
    width: auto !important;
    margin: 0 !important;
    z-index: 9 !important;
  }

  .hero-woman img {
    width: clamp(116px, 31vw, 160px) !important;
    max-width: none !important;
    max-height: clamp(170px, 44vw, 230px) !important;
    object-fit: contain !important;
    filter: drop-shadow(-4px 3px 10px rgba(0,0,0,.32)) !important;
  }

  /* White feature/stat strips stay in one row like the screenshot */
  .feature-strip {
    margin: 4px 0 8px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
  }

  .feat-inner {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
  }

  .feat-item {
    width: auto !important;
    min-height: 34px !important;
    padding: 5px 4px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    text-align: left !important;
    border-top: 0 !important;
  }

  .feat-icon {
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
    font-size: 8px !important;
  }

  .feat-text {
    font-size: clamp(5px, 1.45vw, 7px) !important;
    line-height: 1.12 !important;
    font-weight: 800 !important;
  }

  .stats-strip {
    margin: 8px 0 18px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
  }

  .stats-inner {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
  }

  .stat-item {
    width: auto !important;
    min-height: 34px !important;
    padding: 5px 6px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 5px !important;
    text-align: left !important;
    border-top: 0 !important;
  }

  .stat-icon {
    font-size: 13px !important;
    line-height: 1 !important;
  }

  .stat-val {
    font-size: clamp(10px, 2.8vw, 14px) !important;
    line-height: .95 !important;
  }

  .stat-lbl {
    font-size: clamp(4.8px, 1.3vw, 6.4px) !important;
    line-height: 1.05 !important;
    margin-top: 2px !important;
  }

  /* About section remains two columns like the supplied mobile reference */
  .about-section {
    padding: 28px 0 28px !important;
    overflow: hidden !important;
  }

  .about-two-col {
    display: grid !important;
    grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr) !important;
    gap: 10px !important;
    align-items: center !important;
    text-align: left !important;
  }

  .about-left-vis {
    order: 1 !important;
    min-height: clamp(165px, 42vw, 215px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .about-right-copy {
    order: 2 !important;
    text-align: left !important;
    align-items: flex-start !important;
    min-width: 0 !important;
  }

  .scene3d {
    width: clamp(128px, 34vw, 180px) !important;
    height: clamp(128px, 34vw, 180px) !important;
    overflow: hidden !important;
  }

  .founded-badge {
    top: 3px !important;
    right: 0 !important;
    padding: 5px 6px !important;
    gap: 5px !important;
    border-radius: 7px !important;
  }

  .ab-icon {
    width: 16px !important;
    height: 16px !important;
    border-radius: 5px !important;
    font-size: 7px !important;
  }

  .ab-val {
    font-size: 8px !important;
  }

  .ab-lbl {
    font-size: 4px !important;
    letter-spacing: .08em !important;
  }

  .rating-badge {
    left: 0 !important;
    bottom: 5px !important;
    padding: 6px 7px !important;
    gap: 3px !important;
    border-radius: 7px !important;
  }

  .rb-stars {
    font-size: 6px !important;
    gap: 1px !important;
  }

  .rb-score {
    font-size: 11px !important;
  }

  .rb-score span,
  .rb-lbl {
    font-size: 5px !important;
  }

  .about-eyebrow-row {
    justify-content: flex-start !important;
    margin-bottom: 6px !important;
    gap: 6px !important;
  }

  .eyebrow-line-sm {
    width: 18px !important;
    height: 1px !important;
  }

  .eyebrow-label {
    font-size: clamp(4.8px, 1.35vw, 6px) !important;
    letter-spacing: .18em !important;
  }

  .about-heading {
    font-size: clamp(17px, 5.3vw, 27px) !important;
    line-height: .98 !important;
    margin: 0 0 7px !important;
    text-align: left !important;
    letter-spacing: -.045em !important;
  }

  .about-para {
    max-width: 100% !important;
    font-size: clamp(5.4px, 1.45vw, 7px) !important;
    line-height: 1.45 !important;
    margin: 0 0 7px !important;
    text-align: left !important;
  }

  .about-features {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 4px 5px !important;
    margin: 0 0 8px !important;
  }

  .about-features li {
    font-size: clamp(4.8px, 1.28vw, 6px) !important;
    line-height: 1.15 !important;
    gap: 3px !important;
    white-space: normal !important;
  }

  .about-features li i {
    font-size: 6px !important;
  }

  .about-bottom-bar {
    gap: 6px !important;
  }

  .ab-stats {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 5px !important;
    flex-wrap: nowrap !important;
  }

  .ab-stat {
    min-width: 0 !important;
    padding: 5px 5px !important;
    gap: 4px !important;
    border-radius: 7px !important;
  }

  .ab-stat-icon {
    font-size: 9px !important;
  }

  .ab-stat-num {
    font-size: 10px !important;
  }

  .ab-stat-lbl {
    font-size: 4.6px !important;
    line-height: 1.1 !important;
    margin-top: 1px !important;
  }

  .ab-team-pill {
    width: 100% !important;
    padding: 5px 6px !important;
    border-radius: 8px !important;
    gap: 5px !important;
    flex-wrap: nowrap !important;
  }

  .ab-avatars {
    flex-shrink: 0 !important;
  }

  .ab-av {
    width: 13px !important;
    height: 13px !important;
    margin-left: -4px !important;
    border-width: 1px !important;
    font-size: 4px !important;
  }

  .ab-team-text strong {
    font-size: 5.4px !important;
    line-height: 1.1 !important;
  }

  .ab-team-text span {
    font-size: 4.6px !important;
    line-height: 1.1 !important;
  }

  .ab-team-btns {
    width: auto !important;
    flex: 0 0 auto !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 4px !important;
  }

  .ab-btn-gold,
  .ab-btn-ghost {
    width: auto !important;
    min-height: 0 !important;
    padding: 4px 6px !important;
    border-radius: 999px !important;
    font-size: 4.6px !important;
    line-height: 1 !important;
    gap: 2px !important;
    white-space: nowrap !important;
  }

  /* Next service section compact, centered and card row visible */
  .wwd-section {
    padding: 34px 0 30px !important;
  }

  .wwd-eyebrow {
    gap: 7px !important;
    margin-bottom: 6px !important;
    font-size: 5.4px !important;
    letter-spacing: .18em !important;
  }

  .wwd-eyebrow span:not(.wwd-eyebrow-text) {
    width: 34px !important;
  }

  .wwd-head {
    max-width: 360px !important;
    margin: 0 auto 12px !important;
  }

  .wwd-main-title {
    font-size: clamp(21px, 6vw, 31px) !important;
    line-height: .98 !important;
    margin-bottom: 7px !important;
    text-align: center !important;
    letter-spacing: -.045em !important;
  }

  .wwd-subtitle {
    max-width: 320px !important;
    font-size: clamp(5.4px, 1.5vw, 7px) !important;
    line-height: 1.45 !important;
    text-align: center !important;
  }

  .wwd-services-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-template-rows: none !important;
    gap: 8px !important;
    overflow: visible !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 12px 0 14px !important;
    scroll-snap-type: none !important;
  }

  .wwd-services-grid .wwd-card,
  .wwd-services-grid .wwd-card-1,
  .wwd-services-grid .wwd-card-2,
  .wwd-services-grid .wwd-card-3,
  .wwd-services-grid .wwd-card-4,
  .wwd-services-grid .wwd-card-5,
  .wwd-services-grid .wwd-card-6,
  .wwd-services-grid .wwd-card-7 {
    display: flex !important;
    flex-direction: column !important;
    grid-column: auto !important;
    grid-row: auto !important;
    min-height: 118px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 8px 7px !important;
    border-radius: 7px !important;
    scroll-snap-align: unset !important;
  }

  .wwd-services-grid .wwd-card-5,
  .wwd-services-grid .wwd-card-6,
  .wwd-services-grid .wwd-card-7 {
    display: none !important;
  }

  .wwd-services-grid .wwd-card-icon,
  .wwd-services-grid .wwd-large-card .wwd-card-icon {
    width: 24px !important;
    height: 24px !important;
    flex: 0 0 24px !important;
    font-size: 11px !important;
    border-radius: 6px !important;
    margin: 0 0 5px !important;
  }

  .wwd-services-grid .wwd-icon-row {
    margin: 0 0 6px !important;
  }

  .wwd-services-grid .wwd-title,
  .wwd-services-grid .wwd-small-card .wwd-title,
  .wwd-services-grid .wwd-compact-card .wwd-title {
    font-size: 7px !important;
    line-height: 1.15 !important;
    margin: 0 0 4px !important;
    padding-right: 0 !important;
  }

  .wwd-services-grid .wwd-desc,
  .wwd-services-grid .wwd-large-card .wwd-desc,
  .wwd-services-grid .wwd-small-card .wwd-desc,
  .wwd-services-grid .wwd-compact-card .wwd-desc {
    font-size: 5.3px !important;
    line-height: 1.35 !important;
    padding-right: 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 4 !important;
    line-clamp: 4 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  .wwd-services-grid .wwd-tags,
  .wwd-services-grid .wwd-platforms,
  .wwd-services-grid .wwd-mini-icons,
  .wwd-services-grid .wwd-number,
  .wwd-services-grid .wwd-card-link {
    display: none !important;
  }

  .wwd-metrics,
  .wwd-steps-panel,
  .wwd-bottom-cta,
  .wwd-mobile-carousel-controls,
  .pkg-mobile-slider-controls,
  .tst-mobile-slider-controls,
  .hiw-mobile-slider-controls {
    display: none !important;
  }
}

@media (max-width: 430px) {
  .site-wrap,
  .hero-section > .site-wrap,
  .wwd-container,
  .cr-container,
  .pkg-container,
  .tst-container,
  .insights-container,
  .footer-v2-container,
  .results-container,
  .packages-container,
  .pricing-container,
  .footer-container,
  .about-container,
  .contact-container,
  .services-container {
    width: calc(100% - 18px) !important;
  }

  .nav-links a {
    font-size: 4.35px !important;
    padding: 3px 2px !important;
    gap: 1.3px !important;
  }

  .nav-links a i {
    font-size: 4.2px !important;
  }

  .brand-logo,
  .apex-nav.nav-scrolled .brand-logo {
    height: 24px !important;
    max-width: 58px !important;
  }

  .hero-grid {
    grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr) !important;
    gap: 4px !important;
  }

  .hero-line,
  .hero-line:nth-child(2) {
    font-size: 20px !important;
  }

  .about-two-col {
    grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr) !important;
    gap: 7px !important;
  }

  .about-heading {
    font-size: 16px !important;
  }

  .about-para {
    font-size: 5px !important;
  }

  .about-features li {
    font-size: 4.45px !important;
  }

  .ab-team-pill {
    gap: 4px !important;
    padding: 4px 5px !important;
  }

  .ab-btn-gold,
  .ab-btn-ghost {
    padding: 3px 5px !important;
    font-size: 4px !important;
  }

  .wwd-services-grid {
    gap: 6px !important;
  }
}


/* ═════════════════════════════════════════════════════════════
   FINAL USER UPDATE: make this WWD + Real Clients part exact same on mobile
   - 6 service cards show in 3x2 compact desktop-style grid
   - Metrics and HOW IT WORKS remain visible in one row
   - Real Clients hero stays two-column with compact animated charts
═════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
  .wwd-section {
    padding: 34px 0 22px !important;
    background:
      radial-gradient(ellipse 720px 300px at 50% -6%, rgba(212,175,55,.10), transparent 64%),
      radial-gradient(ellipse 500px 260px at 100% 70%, rgba(212,175,55,.06), transparent 64%),
      #07100f !important;
  }

  .wwd-container {
    width: calc(100% - 20px) !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 auto !important;
  }

  .wwd-eyebrow {
    gap: 8px !important;
    margin-bottom: 7px !important;
    font-size: clamp(5px, 1.3vw, 6.6px) !important;
    line-height: 1 !important;
    letter-spacing: .18em !important;
  }

  .wwd-eyebrow span:not(.wwd-eyebrow-text) {
    width: clamp(34px, 10vw, 54px) !important;
    height: 1px !important;
  }

  .wwd-head {
    max-width: 380px !important;
    margin: 0 auto 12px !important;
  }

  .wwd-main-title {
    font-size: clamp(21px, 5.4vw, 29px) !important;
    line-height: 1.02 !important;
    letter-spacing: -.045em !important;
    margin: 0 0 7px !important;
    text-align: center !important;
  }

  .wwd-subtitle {
    max-width: 330px !important;
    font-size: clamp(4.8px, 1.35vw, 6.4px) !important;
    line-height: 1.45 !important;
    text-align: center !important;
  }

  .wwd-services-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(2, minmax(82px, auto)) !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 13px 0 10px !important;
    padding: 0 !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
  }

  .wwd-services-grid .wwd-card,
  .wwd-services-grid .wwd-card-1,
  .wwd-services-grid .wwd-card-2,
  .wwd-services-grid .wwd-card-3,
  .wwd-services-grid .wwd-card-4,
  .wwd-services-grid .wwd-card-5,
  .wwd-services-grid .wwd-card-6 {
    display: grid !important;
    grid-template-columns: 24px minmax(0, 1fr) !important;
    grid-template-rows: auto 1fr auto auto !important;
    grid-column: auto !important;
    grid-row: auto !important;
    align-content: start !important;
    align-items: start !important;
    column-gap: 7px !important;
    min-width: 0 !important;
    width: auto !important;
    min-height: 82px !important;
    max-width: none !important;
    padding: 8px 7px 6px !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    scroll-snap-align: unset !important;
  }

  .wwd-services-grid .wwd-card-5,
  .wwd-services-grid .wwd-card-6 {
    display: grid !important;
  }

  .wwd-services-grid .wwd-card-7 {
    display: none !important;
  }

  .wwd-services-grid .wwd-icon-row,
  .wwd-services-grid .wwd-small-card > .wwd-card-icon,
  .wwd-services-grid .wwd-compact-card > .wwd-card-icon {
    grid-column: 1 !important;
    grid-row: 1 / span 4 !important;
    margin: 0 !important;
    display: block !important;
    position: static !important;
  }

  .wwd-services-grid .wwd-card-icon,
  .wwd-services-grid .wwd-large-card .wwd-card-icon {
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px !important;
    border-radius: 5px !important;
    font-size: 10px !important;
    margin: 0 !important;
    box-shadow: 3px 4px 8px rgba(0,0,0,.22), inset 0 1px 3px rgba(255,255,255,.18) !important;
  }

  .wwd-services-grid .wwd-card-content {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    min-width: 0 !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .wwd-services-grid .wwd-title,
  .wwd-services-grid .wwd-small-card .wwd-title,
  .wwd-services-grid .wwd-compact-card .wwd-title {
    font-size: clamp(6.3px, 1.55vw, 8px) !important;
    line-height: 1.05 !important;
    margin: 0 0 3px !important;
    padding: 0 !important;
    letter-spacing: -.02em !important;
    color: #17201a !important;
  }

  .wwd-services-grid .wwd-desc,
  .wwd-services-grid .wwd-large-card .wwd-desc,
  .wwd-services-grid .wwd-small-card .wwd-desc,
  .wwd-services-grid .wwd-compact-card .wwd-desc {
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: clamp(4.2px, 1.06vw, 5.4px) !important;
    line-height: 1.25 !important;
    color: #4d584f !important;
  }

  .wwd-services-grid .wwd-tags,
  .wwd-services-grid .wwd-card-content .wwd-tags {
    grid-column: 2 !important;
    grid-row: 3 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 3px !important;
    margin: 4px 0 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    max-height: 20px !important;
  }

  .wwd-services-grid .wwd-tags span {
    min-height: 10px !important;
    padding: 2px 4px !important;
    border-radius: 3px !important;
    font-size: clamp(3.7px, .95vw, 4.8px) !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
  }

  .wwd-services-grid .wwd-card-link,
  .wwd-services-grid .wwd-small-card .wwd-card-link,
  .wwd-services-grid .wwd-compact-card .wwd-card-link {
    grid-column: 2 !important;
    grid-row: 4 !important;
    display: inline-flex !important;
    position: static !important;
    width: fit-content !important;
    min-height: 0 !important;
    margin: 5px 0 0 !important;
    padding: 0 !important;
    gap: 3px !important;
    color: #b8860b !important;
    font-size: clamp(4.7px, 1.12vw, 5.8px) !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }

  .wwd-services-grid .wwd-card-link i,
  .wwd-services-grid .wwd-small-card .wwd-card-link i,
  .wwd-services-grid .wwd-compact-card .wwd-card-link i {
    font-size: 7px !important;
  }

  .wwd-services-grid .wwd-number {
    display: block !important;
    top: auto !important;
    right: 6px !important;
    bottom: 5px !important;
    font-size: 20px !important;
    line-height: 1 !important;
    color: rgba(23,35,29,.06) !important;
  }

  .wwd-services-grid .wwd-platforms,
  .wwd-services-grid .wwd-mini-icons {
    display: flex !important;
    top: 6px !important;
    right: 6px !important;
    gap: 2px !important;
    max-width: 52px !important;
    overflow: hidden !important;
  }

  .wwd-services-grid .wwd-platforms i {
    width: 8px !important;
    height: 8px !important;
    font-size: 4px !important;
  }

  .wwd-services-grid .wwd-mini-icons span {
    min-width: 15px !important;
    padding: 2px 1px !important;
    border-radius: 3px !important;
    font-size: 3px !important;
    gap: 1px !important;
  }

  .wwd-services-grid .wwd-mini-icons i {
    font-size: 5px !important;
  }

  .wwd-metrics,
  .wwd-section .wwd-metrics {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 8px 0 10px !important;
    border-radius: 7px !important;
    overflow: hidden !important;
  }

  .wwd-section .wwd-metric,
  .wwd-section .wwd-metric:nth-child(n),
  .wwd-section .wwd-metric:first-child,
  .wwd-section .wwd-metric:nth-child(even) {
    min-width: 0 !important;
    min-height: 35px !important;
    padding: 5px 4px !important;
    gap: 4px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: left !important;
    border-top: 0 !important;
    border-left: 1px solid rgba(255,255,255,.08) !important;
    overflow: hidden !important;
  }

  .wwd-section .wwd-metric:first-child {
    border-left: 0 !important;
  }

  .wwd-section .wwd-metric-icon {
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
    min-width: 18px !important;
    font-size: 8px !important;
    margin: 0 !important;
  }

  .wwd-section .wwd-metric-value {
    font-size: clamp(8px, 2vw, 10px) !important;
    line-height: .95 !important;
    white-space: nowrap !important;
  }

  .wwd-section .wwd-metric-label {
    font-size: clamp(3.6px, .95vw, 4.8px) !important;
    line-height: 1.05 !important;
    margin-top: 1px !important;
    white-space: nowrap !important;
  }

  .wwd-steps-panel {
    display: block !important;
    margin: 0 !important;
    padding: 13px 13px 12px !important;
    border-radius: 7px !important;
    overflow: hidden !important;
  }

  .wwd-steps-title {
    margin-bottom: 10px !important;
    font-size: 5px !important;
    line-height: 1 !important;
    letter-spacing: .32em !important;
  }

  .wwd-steps-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .wwd-step {
    display: grid !important;
    grid-template-columns: 24px minmax(0, 1fr) !important;
    gap: 5px !important;
    align-items: center !important;
  }

  .wwd-step:not(:last-child)::after {
    display: none !important;
  }

  .wwd-step-icon {
    width: 22px !important;
    height: 22px !important;
    font-size: 10px !important;
  }

  .wwd-step-num {
    margin-bottom: 2px !important;
    font-size: 4.6px !important;
    line-height: 1 !important;
    letter-spacing: .08em !important;
  }

  .wwd-step-name {
    margin: 0 0 2px !important;
    font-size: 5.7px !important;
    line-height: 1.08 !important;
  }

  .wwd-step-desc {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    font-size: 3.8px !important;
    line-height: 1.25 !important;
  }

  .wwd-bottom-cta,
  .wwd-mobile-carousel-controls,
  .hiw-mobile-slider-controls {
    display: none !important;
  }

  .client-results-section {
    padding: 24px 0 28px !important;
    display: block !important;
  }

  .client-results-section .cr-container,
  .cr-container {
    width: calc(100% - 20px) !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 auto !important;
  }

  .cr-hero-panel {
    display: grid !important;
    grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr) !important;
    gap: 8px !important;
    min-height: 140px !important;
    padding: 23px 20px !important;
    border-radius: 8px !important;
    align-items: center !important;
    text-align: left !important;
    overflow: hidden !important;
  }

  .cr-hero-copy {
    min-width: 0 !important;
    text-align: left !important;
  }

  .cr-eyebrow {
    justify-content: flex-start !important;
    gap: 4px !important;
    margin: 0 0 7px !important;
    font-size: clamp(4.5px, 1.18vw, 5.8px) !important;
    line-height: 1 !important;
    letter-spacing: .16em !important;
    white-space: nowrap !important;
  }

  .cr-eyebrow i {
    font-size: 4px !important;
  }

  .cr-title {
    font-size: clamp(21px, 5.35vw, 29px) !important;
    line-height: .94 !important;
    letter-spacing: -.055em !important;
    margin: 0 0 7px !important;
    text-align: left !important;
  }

  .cr-title-icon {
    width: 15px !important;
    height: 15px !important;
    margin-left: 4px !important;
    transform: translateY(-3px) !important;
    border-radius: 4px !important;
    font-size: 7px !important;
  }

  .cr-subtitle {
    max-width: 150px !important;
    margin: 0 0 10px !important;
    font-size: clamp(4.5px, 1.12vw, 5.8px) !important;
    line-height: 1.35 !important;
    text-align: left !important;
  }

  .cr-socials {
    justify-content: flex-start !important;
    gap: 5px !important;
  }

  .client-results-section .cr-social,
  .cr-social {
    width: 17px !important;
    height: 17px !important;
    border-radius: 4px !important;
    font-size: 7px !important;
  }

  .cr-chart-wrap {
    min-height: 100px !important;
    justify-content: flex-end !important;
    overflow: visible !important;
  }

  .cr-chart-orbit,
  .cr-chart-orbit::before,
  .cr-chart-orbit::after,
  .cr-bars,
  .cr-arrow-line {
    display: none !important;
  }

  .cr-live-charts {
    width: 100% !important;
    max-width: 190px !important;
    min-height: 96px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.36fr) minmax(42px, .64fr) !important;
    gap: 5px !important;
    align-items: stretch !important;
    filter: drop-shadow(0 12px 16px rgba(0,0,0,.32)) !important;
  }

  .cr-live-main {
    min-height: 96px !important;
    padding: 7px 7px 6px !important;
    border-radius: 7px !important;
  }

  .cr-chart-head,
  .cr-mini-head {
    gap: 4px !important;
    font-size: 4.2px !important;
    line-height: 1 !important;
    letter-spacing: .06em !important;
  }

  .cr-chart-head em {
    padding: 3px 4px !important;
    gap: 2px !important;
    font-size: 3.6px !important;
  }

  .cr-line-chart {
    height: 55px !important;
    margin-top: 5px !important;
  }

  .cr-growth-line {
    stroke-width: 5 !important;
  }

  .cr-live-kpis {
    gap: 3px !important;
  }

  .cr-live-kpis span {
    min-height: 15px !important;
    padding: 3px 3px !important;
    border-radius: 4px !important;
    font-size: 3.5px !important;
    line-height: 1.08 !important;
  }

  .cr-live-kpis strong {
    font-size: 5.2px !important;
  }

  .cr-live-side {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 5px !important;
  }

  .cr-mini-chart {
    min-height: 45px !important;
    padding: 5px 5px !important;
    border-radius: 7px !important;
  }

  .cr-animated-bars {
    height: 27px !important;
    margin-top: 5px !important;
    gap: 3px !important;
  }

  .cr-animated-bars span {
    width: 5px !important;
    border-radius: 3px 3px 1px 1px !important;
  }

  .client-results-section .cr-donut-svg,
  .cr-donut-svg {
    width: 33px !important;
    height: 33px !important;
    margin-top: 2px !important;
  }

  .client-results-section .cr-donut-chart strong,
  .cr-donut-chart strong {
    position: static !important;
    transform: none !important;
    margin-top: -23px !important;
    margin-bottom: 4px !important;
    font-size: 8px !important;
    line-height: 1 !important;
  }
}

@media (max-width: 430px) {
  .wwd-container,
  .client-results-section .cr-container,
  .cr-container {
    width: calc(100% - 18px) !important;
  }

  .wwd-services-grid {
    gap: 6px !important;
    grid-template-rows: repeat(2, minmax(78px, auto)) !important;
  }

  .wwd-services-grid .wwd-card,
  .wwd-services-grid .wwd-card-1,
  .wwd-services-grid .wwd-card-2,
  .wwd-services-grid .wwd-card-3,
  .wwd-services-grid .wwd-card-4,
  .wwd-services-grid .wwd-card-5,
  .wwd-services-grid .wwd-card-6 {
    min-height: 78px !important;
    padding: 7px 6px 5px !important;
    column-gap: 6px !important;
    grid-template-columns: 21px minmax(0, 1fr) !important;
  }

  .wwd-services-grid .wwd-card-icon,
  .wwd-services-grid .wwd-large-card .wwd-card-icon {
    width: 20px !important;
    height: 20px !important;
    flex-basis: 20px !important;
    font-size: 9px !important;
  }

  .wwd-steps-grid {
    gap: 7px !important;
  }

  .wwd-step {
    grid-template-columns: 21px minmax(0, 1fr) !important;
    gap: 4px !important;
  }

  .wwd-step-icon {
    width: 20px !important;
    height: 20px !important;
    font-size: 9px !important;
  }

  .cr-hero-panel {
    padding: 20px 17px !important;
    gap: 7px !important;
    min-height: 132px !important;
  }

  .cr-live-charts {
    max-width: 176px !important;
    gap: 4px !important;
  }
}


/* FINAL SMALL PATCH: stop old mobile carousel rules from affecting this exact section */
@media (max-width: 767px) {
  .wwd-services-grid .wwd-card-1 .wwd-title,
  .wwd-services-grid .wwd-card-2 .wwd-title {
    padding-right: 0 !important;
  }

  .wwd-services-grid .wwd-card-1 .wwd-card-content,
  .wwd-services-grid .wwd-card-2 .wwd-card-content {
    padding-right: 0 !important;
  }

  .wwd-steps-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
    padding: 0 !important;
  }

  .wwd-step {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 24px minmax(0, 1fr) !important;
    gap: 5px !important;
    align-items: center !important;
    justify-content: start !important;
    text-align: left !important;
    scroll-snap-align: unset !important;
  }

  .wwd-steps-carousel-controls,
  .wwd-step-dot {
    display: none !important;
  }
}



/* =========================================================
   MOBILE EXACT FIX - Results + Packages like shared screenshot
   This block is intentionally last so it overrides all older
   mobile carousel/stacking rules without changing desktop.
========================================================= */
@media (max-width: 767px) {
  html,
  body {
    background: #07100f !important;
    overflow-x: clip !important;
  }

  body {
    background-image: none !important;
  }

  .site-wrap {
    width: 100% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .hero-section > .site-wrap {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Screenshot-style tiny desktop navbar on mobile */
  .apex-nav {
    width: 100% !important;
    min-height: 31px !important;
    padding: 3px 10px 3px !important;
    background: transparent !important;
    border-bottom: none !important;
    box-shadow: none !important;
  }

  .apex-nav.is-sticky {
    padding: 3px 10px 3px !important;
    min-height: 31px !important;
    background: rgba(7,16,15,.96) !important;
    border-bottom: 1px solid rgba(212,175,55,.14) !important;
    box-shadow: 0 7px 18px rgba(0,0,0,.32) !important;
  }

  .nav-inner {
    min-height: 25px !important;
    height: 25px !important;
    gap: 5px !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    overflow: hidden !important;
  }

  .nav-left {
    gap: 0 !important;
    min-width: 98px !important;
    flex: 0 0 98px !important;
  }

  .brand-logo {
    height: 22px !important;
    max-width: 96px !important;
    width: auto !important;
    object-fit: contain !important;
  }

  .nav-right {
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    gap: 0 !important;
    flex: 1 1 auto !important;
    justify-content: flex-end !important;
  }

  .nav-links {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    justify-content: flex-end !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 1px !important;
  }

  .nav-links a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 1.6px !important;
    padding: 3px 2.6px !important;
    border-radius: 3px !important;
    font-size: clamp(4.5px, 1.18vw, 5.8px) !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    letter-spacing: -.01em !important;
  }

  .nav-links a i {
    font-size: clamp(4.5px, 1.15vw, 5.7px) !important;
    line-height: 1 !important;
  }

  .nav-links a.active::after {
    bottom: -3px !important;
    width: 10px !important;
    height: 1px !important;
  }

  .nav-toggle,
  .nav-mobile,
  .nav-right > .btn-cta {
    display: none !important;
  }

  /* Results section frame */
  .client-results-section {
    display: block !important;
    padding: 17px 0 27px !important;
    background:
      radial-gradient(ellipse 520px 260px at 90% 0%, rgba(212,175,55,.055), transparent 60%),
      radial-gradient(ellipse 520px 260px at 0% 42%, rgba(212,175,55,.03), transparent 64%),
      linear-gradient(180deg, #07100f 0%, #050c0b 100%) !important;
    overflow: hidden !important;
  }

  .client-results-section::before {
    opacity: .08 !important;
    background-size: 22px 22px !important;
  }

  .client-results-section .cr-container,
  .cr-container {
    width: calc(100% - 20px) !important;
    max-width: 520px !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  /* Real Clients hero panel */
  .client-results-section .cr-hero-panel,
  .cr-hero-panel {
    min-height: 140px !important;
    height: 140px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr) !important;
    gap: 8px !important;
    padding: 20px 20px 18px 24px !important;
    align-items: center !important;
    text-align: left !important;
    border-radius: 7px !important;
    border: 1px solid rgba(212,175,55,.28) !important;
    background:
      radial-gradient(ellipse 310px 130px at 88% 48%, rgba(212,175,55,.09), transparent 65%),
      linear-gradient(145deg, rgba(17,30,26,.96), rgba(7,17,15,.97)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 13px 28px rgba(0,0,0,.30) !important;
    overflow: hidden !important;
  }

  .cr-hero-copy {
    min-width: 0 !important;
    text-align: left !important;
  }

  .cr-eyebrow {
    justify-content: flex-start !important;
    gap: 4px !important;
    margin: 0 0 7px !important;
    font-size: clamp(4.4px, 1.2vw, 5.8px) !important;
    line-height: 1 !important;
    letter-spacing: .17em !important;
    white-space: nowrap !important;
  }

  .cr-eyebrow i {
    font-size: 4px !important;
  }

  .cr-title {
    margin: 0 0 7px !important;
    font-size: clamp(21px, 5.3vw, 28px) !important;
    line-height: .92 !important;
    letter-spacing: -.055em !important;
    text-align: left !important;
  }

  .cr-title-icon {
    width: 14px !important;
    height: 14px !important;
    margin-left: 3px !important;
    transform: translateY(-3px) !important;
    border-radius: 3px !important;
    font-size: 7px !important;
  }

  .cr-subtitle {
    max-width: 154px !important;
    margin: 0 0 10px !important;
    font-size: clamp(4.4px, 1.12vw, 5.7px) !important;
    line-height: 1.35 !important;
    text-align: left !important;
  }

  .cr-socials {
    justify-content: flex-start !important;
    gap: 5px !important;
  }

  .client-results-section .cr-social,
  .cr-social {
    width: 17px !important;
    height: 17px !important;
    border-radius: 4px !important;
    font-size: 7px !important;
  }

  .cr-chart-wrap {
    min-height: 100px !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    overflow: visible !important;
  }

  .cr-chart-orbit,
  .cr-chart-orbit::before,
  .cr-chart-orbit::after,
  .cr-bars,
  .cr-arrow-line {
    display: none !important;
  }

  .cr-live-charts {
    width: 100% !important;
    max-width: 192px !important;
    min-height: 96px !important;
    height: 96px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.35fr) minmax(42px, .65fr) !important;
    gap: 5px !important;
    align-items: stretch !important;
    filter: drop-shadow(0 11px 15px rgba(0,0,0,.30)) !important;
  }

  .cr-live-main {
    min-height: 96px !important;
    height: 96px !important;
    padding: 7px 7px 6px !important;
    border-radius: 7px !important;
  }

  .cr-chart-head,
  .cr-mini-head {
    gap: 4px !important;
    font-size: 4.2px !important;
    line-height: 1 !important;
    letter-spacing: .06em !important;
  }

  .cr-chart-head em {
    padding: 3px 4px !important;
    gap: 2px !important;
    font-size: 3.6px !important;
    border-radius: 999px !important;
  }

  .cr-line-chart {
    height: 55px !important;
    margin-top: 5px !important;
  }

  .cr-growth-line {
    stroke-width: 5 !important;
  }

  .cr-live-kpis {
    gap: 3px !important;
  }

  .cr-live-kpis span {
    min-height: 15px !important;
    padding: 3px 3px !important;
    border-radius: 4px !important;
    font-size: 3.5px !important;
    line-height: 1.08 !important;
  }

  .cr-live-kpis strong {
    font-size: 5.2px !important;
  }

  .cr-live-side {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 5px !important;
  }

  .cr-mini-chart {
    min-height: 45px !important;
    height: 45px !important;
    padding: 5px 5px !important;
    border-radius: 7px !important;
  }

  .cr-animated-bars {
    height: 27px !important;
    margin-top: 5px !important;
    gap: 3px !important;
  }

  .cr-animated-bars span {
    width: 5px !important;
    border-radius: 3px 3px 1px 1px !important;
  }

  .client-results-section .cr-donut-svg,
  .cr-donut-svg {
    width: 33px !important;
    height: 33px !important;
    margin: 2px auto 0 !important;
  }

  .client-results-section .cr-donut-chart strong,
  .cr-donut-chart strong {
    position: static !important;
    transform: none !important;
    margin-top: -23px !important;
    margin-bottom: 4px !important;
    font-size: 8px !important;
    line-height: 1 !important;
    display: block !important;
    text-align: center !important;
  }

  /* White stats strip exactly like screenshot */
  .client-results-section .cr-top-stats,
  .cr-top-stats {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    margin: 5px 0 10px !important;
    min-height: 31px !important;
    height: 31px !important;
    border: 1px solid rgba(212,175,55,.30) !important;
    border-radius: 4px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f4f3ee 100%) !important;
    box-shadow: 0 7px 16px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.95) !important;
    overflow: hidden !important;
  }

  .client-results-section .cr-stat,
  .client-results-section .cr-stat:nth-child(n),
  .client-results-section .cr-stat + .cr-stat {
    min-width: 0 !important;
    min-height: 31px !important;
    height: 31px !important;
    padding: 4px 5px !important;
    gap: 5px !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: left !important;
    border-top: 0 !important;
    border-left: 1px solid rgba(212,175,55,.28) !important;
    overflow: hidden !important;
  }

  .client-results-section .cr-stat:first-child {
    border-left: 0 !important;
  }

  .client-results-section .cr-stat i {
    color: #d4af37 !important;
    font-size: 10px !important;
    flex: 0 0 auto !important;
    text-shadow: none !important;
  }

  .client-results-section .cr-stat-value {
    color: #101510 !important;
    font-size: clamp(8.8px, 2.25vw, 10.8px) !important;
    line-height: .95 !important;
    font-weight: 900 !important;
    letter-spacing: -.04em !important;
    white-space: nowrap !important;
  }

  .client-results-section .cr-stat-label {
    color: #4e554d !important;
    margin-top: 1px !important;
    font-size: clamp(3.8px, 1vw, 4.9px) !important;
    line-height: 1.05 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
  }

  /* Client Results heading */
  .cr-results-head {
    margin-top: 7px !important;
    margin-bottom: 0 !important;
    align-items: flex-start !important;
    gap: 6px !important;
  }

  .cr-section-title {
    margin: 0 0 3px !important;
    font-size: clamp(19px, 4.9vw, 24px) !important;
    line-height: 1 !important;
    letter-spacing: -.055em !important;
  }

  .cr-section-sub {
    font-size: clamp(4.1px, 1.08vw, 5.3px) !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
  }

  .cr-highlight-link {
    margin-left: 3px !important;
    gap: 1px !important;
  }

  .cr-nav-arrows,
  .client-results-section .cr-nav-arrows {
    display: none !important;
  }

  /* 3 cards in one row, not slider */
  .client-results-section .cr-cards-grid,
  .cr-cards-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 6px 0 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
    cursor: default !important;
  }

  .client-results-section .cr-card,
  .client-results-section .cr-card:nth-child(n),
  .cr-card {
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    flex: none !important;
    min-height: 132px !important;
    height: 132px !important;
    padding: 8px 7px 6px !important;
    border-radius: 7px !important;
    border: 1px solid rgba(255,255,255,.74) !important;
    background: linear-gradient(180deg, #ffffff 0%, #f3f2ed 100%) !important;
    color: #141914 !important;
    box-shadow: 0 10px 21px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.95) !important;
    overflow: hidden !important;
    scroll-snap-align: unset !important;
  }

  .client-results-section .cr-case-platform,
  .cr-case-platform {
    width: 17px !important;
    height: 17px !important;
    border-radius: 5px !important;
    top: 7px !important;
    right: 7px !important;
    font-size: 8px !important;
    box-shadow: 0 5px 10px rgba(0,0,0,.08) !important;
  }

  .client-results-section .cr-client-top,
  .cr-client-top {
    gap: 5px !important;
    margin-bottom: 6px !important;
    padding-right: 20px !important;
  }

  .client-results-section .cr-avatar,
  .client-results-section .cr-avatar.blue,
  .client-results-section .cr-avatar.purple,
  .cr-avatar,
  .cr-avatar.blue,
  .cr-avatar.purple {
    width: 17px !important;
    height: 17px !important;
    flex: 0 0 17px !important;
    font-size: 4.7px !important;
  }

  .client-results-section .cr-client-name,
  .cr-client-name {
    color: #141914 !important;
    font-size: clamp(4.7px, 1.18vw, 5.7px) !important;
    line-height: 1.07 !important;
    font-weight: 900 !important;
    word-break: normal !important;
  }

  .client-results-section .cr-client-type,
  .cr-client-type {
    color: #6a7169 !important;
    margin-top: 1px !important;
    font-size: clamp(3.4px, .9vw, 4.2px) !important;
    line-height: 1 !important;
    font-weight: 800 !important;
  }

  .client-results-section .cr-metrics-box,
  .cr-metrics-box {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 5px !important;
    margin-bottom: 5px !important;
  }

  .client-results-section .cr-mini-metric,
  .cr-mini-metric {
    padding: 0 0 4px !important;
    border-bottom: 1px solid rgba(23,35,29,.10) !important;
  }

  .client-results-section .cr-mini-label,
  .cr-mini-label {
    color: #697166 !important;
    margin-bottom: 2px !important;
    font-size: clamp(2.9px, .78vw, 3.6px) !important;
    line-height: 1 !important;
  }

  .client-results-section .cr-mini-value,
  .client-results-section .cr-mini-value.gold,
  .cr-mini-value,
  .cr-mini-value.gold {
    font-size: clamp(8.7px, 2.25vw, 10.5px) !important;
    line-height: .95 !important;
    color: #141914 !important;
  }

  .client-results-section .cr-mini-value.gold,
  .cr-mini-value.gold {
    color: #141914 !important;
  }

  .client-results-section .cr-growth-grid,
  .cr-growth-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 3px !important;
    margin: 0 0 4px !important;
  }

  .client-results-section .cr-growth-grid > div,
  .cr-growth-grid > div {
    min-height: 18px !important;
    padding: 3px 2px !important;
    border-radius: 3px !important;
    background: #f3f2ed !important;
    border: 1px solid rgba(23,35,29,.06) !important;
    text-align: center !important;
    overflow: hidden !important;
  }

  .client-results-section .cr-growth-value,
  .client-results-section .cr-growth-value.green,
  .cr-growth-value,
  .cr-growth-value.green {
    font-size: clamp(3.5px, .92vw, 4.5px) !important;
    line-height: 1 !important;
    color: #141914 !important;
  }

  .client-results-section .cr-growth-value.green,
  .cr-growth-value.green {
    color: #2f9e55 !important;
  }

  .client-results-section .cr-growth-label,
  .cr-growth-label {
    color: #697166 !important;
    margin-top: 1px !important;
    font-size: clamp(2.8px, .75vw, 3.6px) !important;
    line-height: 1.05 !important;
    font-weight: 800 !important;
  }

  .client-results-section .cr-case-chart,
  .cr-case-chart {
    height: 34px !important;
    margin: 1px 0 3px !important;
  }

  .cr-case-chart polyline {
    stroke-width: 2.4 !important;
  }

  .cr-case-chart circle {
    r: 2.2 !important;
    stroke-width: 1.5 !important;
  }

  .client-results-section .cr-card-bottom,
  .cr-card-bottom {
    gap: 4px !important;
    padding-top: 0 !important;
    margin-top: auto !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  .client-results-section .cr-card-bottom > span:first-child,
  .cr-card-bottom > span:first-child {
    display: none !important;
  }

  .client-results-section .cr-tiny-note,
  .cr-tiny-note {
    color: #202820 !important;
    gap: 1px !important;
    font-size: clamp(3.2px, .83vw, 4px) !important;
    line-height: 1.05 !important;
    font-weight: 900 !important;
  }

  .client-results-section .cr-tiny-note::before,
  .cr-tiny-note::before {
    font-size: clamp(2.7px, .72vw, 3.4px) !important;
    line-height: 1 !important;
    color: #6e756d !important;
  }

  .client-results-section .cr-card-bottom::after,
  .cr-card-bottom::after {
    content: 'View Full Case  →' !important;
    min-height: 13px !important;
    height: 13px !important;
    padding: 0 6px !important;
    border-radius: 999px !important;
    font-size: clamp(3.4px, .9vw, 4.2px) !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    box-shadow: 0 4px 8px rgba(129,96,43,.22), inset 0 1px 0 rgba(255,255,255,.35) !important;
  }

  .cr-main-cta {
    min-width: 112px !important;
    min-height: 20px !important;
    height: 20px !important;
    margin: 16px auto 0 !important;
    padding: 0 14px !important;
    gap: 5px !important;
    border-radius: 999px !important;
    font-size: clamp(4.2px, 1.08vw, 5.3px) !important;
    line-height: 1 !important;
    box-shadow: 0 10px 20px rgba(212,175,55,.30), 0 0 18px rgba(212,175,55,.20), inset 0 1px 0 rgba(255,255,255,.45) !important;
  }

  .cr-main-cta i {
    font-size: 6px !important;
  }

  .cr-trust-line {
    margin-top: 5px !important;
    gap: 3px !important;
    font-size: clamp(3.3px, .88vw, 4.3px) !important;
    line-height: 1 !important;
  }

  .cr-trust-line i {
    font-size: 4px !important;
  }

  /* Packages header visible exactly under results */
  .packages-section {
    padding: 24px 0 58px !important;
    background:
      radial-gradient(ellipse 520px 230px at 50% -8%, rgba(212,175,55,.06), transparent 64%),
      linear-gradient(180deg, #07100f 0%, #050c0b 100%) !important;
    overflow: hidden !important;
  }

  .packages-section .pkg-container,
  .pkg-container {
    width: calc(100% - 20px) !important;
    max-width: 520px !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  .pkg-eyebrow {
    gap: 6px !important;
    margin: 0 0 7px !important;
    font-size: clamp(4.2px, 1.1vw, 5.4px) !important;
    line-height: 1 !important;
    letter-spacing: .22em !important;
  }

  .pkg-eyebrow::before,
  .pkg-eyebrow::after {
    width: 38px !important;
  }

  .pkg-eyebrow i {
    font-size: 4px !important;
  }

  .pkg-head {
    max-width: 260px !important;
    margin: 0 auto 14px !important;
  }

  .pkg-title {
    font-size: clamp(21px, 5.35vw, 28px) !important;
    line-height: .95 !important;
    letter-spacing: -.06em !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }

  .pkg-title span {
    display: inline !important;
    color: var(--gold) !important;
  }

  .pkg-subtitle {
    max-width: 170px !important;
    margin: 7px auto 0 !important;
    font-size: clamp(4.4px, 1.12vw, 5.6px) !important;
    line-height: 1.35 !important;
  }

  .pkg-platform-tabs {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    gap: 5px !important;
    margin: 13px auto 14px !important;
    width: 100% !important;
    overflow: visible !important;
  }

  .pkg-tab {
    min-width: 0 !important;
    flex: 0 1 76px !important;
    gap: 4px !important;
    padding: 5px 6px !important;
    border-radius: 5px !important;
  }

  .pkg-tab-icon {
    width: 16px !important;
    height: 16px !important;
    flex: 0 0 16px !important;
    border-radius: 4px !important;
    font-size: 8px !important;
  }

  .pkg-tab-text strong {
    font-size: 5.5px !important;
  }

  .pkg-tab-text span {
    margin-top: 2px !important;
    font-size: 4.4px !important;
  }
}

@media (max-width: 430px) {
  .client-results-section .cr-container,
  .cr-container,
  .packages-section .pkg-container,
  .pkg-container {
    width: calc(100% - 18px) !important;
  }

  .nav-left {
    min-width: 88px !important;
    flex-basis: 88px !important;
  }

  .brand-logo {
    max-width: 88px !important;
    height: 20px !important;
  }

  .nav-links a {
    font-size: 4.2px !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
    gap: 1px !important;
  }

  .nav-links a i {
    font-size: 4.2px !important;
  }

  .client-results-section .cr-hero-panel,
  .cr-hero-panel {
    min-height: 132px !important;
    height: 132px !important;
    padding: 18px 17px !important;
    gap: 7px !important;
  }

  .cr-live-charts {
    max-width: 176px !important;
    gap: 4px !important;
  }

  .client-results-section .cr-cards-grid,
  .cr-cards-grid {
    gap: 6px !important;
  }

  .client-results-section .cr-card,
  .cr-card {
    height: 124px !important;
    min-height: 124px !important;
    padding: 7px 6px 5px !important;
  }

  .client-results-section .cr-case-chart,
  .cr-case-chart {
    height: 30px !important;
  }
}



/* =========================================================
   FINAL MOBILE EXACT PATCH - Packages + Testimonials + Insights + Footer
   Keeps desktop unchanged. Forces these sections to look like the shared
   mobile screenshots with compact desktop-style rows.
========================================================= */
@media (max-width: 767px) {
  body { background: #07100f !important; }

  .packages-section,
  .testimonials-section,
  .insights-section,
  .apex-footer.apex-footer-v2 {
    background:
      radial-gradient(ellipse 520px 245px at 50% -10%, rgba(212,175,55,.06), transparent 66%),
      linear-gradient(180deg, #07100f 0%, #050c0b 100%) !important;
  }

  .packages-section .pkg-container,
  .pkg-container,
  .testimonials-section .tst-container,
  .tst-container,
  .insights-section .insights-container,
  .insights-container,
  .footer-v2-container {
    width: calc(100% - 18px) !important;
    max-width: 520px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* ================= PACKAGES SCREEN ================= */
  .packages-section {
    padding: 25px 0 34px !important;
    overflow: hidden !important;
  }

  .pkg-eyebrow {
    margin: 0 0 7px !important;
    gap: 6px !important;
    font-size: clamp(4.3px, 1.08vw, 5.4px) !important;
    line-height: 1 !important;
    letter-spacing: .23em !important;
  }
  .pkg-eyebrow::before,
  .pkg-eyebrow::after { width: 36px !important; height: 1px !important; }
  .pkg-eyebrow i { font-size: 4px !important; }

  .pkg-head {
    max-width: 260px !important;
    margin: 0 auto 11px !important;
    text-align: center !important;
  }
  .pkg-title {
    margin: 0 !important;
    font-size: clamp(22px, 5.5vw, 28px) !important;
    line-height: .94 !important;
    letter-spacing: -.065em !important;
    white-space: nowrap !important;
  }
  .pkg-title span { display: inline !important; color: var(--gold) !important; }
  .pkg-subtitle {
    max-width: 165px !important;
    margin: 7px auto 0 !important;
    font-size: clamp(4.4px, 1.1vw, 5.6px) !important;
    line-height: 1.35 !important;
    color: rgba(236,241,233,.72) !important;
  }

  .pkg-platform-tabs {
    width: 78% !important;
    max-width: 365px !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
    margin: 10px auto 13px !important;
    padding: 0 !important;
    overflow: visible !important;
  }
  .pkg-platform-tabs .pkg-tab,
  .pkg-tab {
    min-width: 0 !important;
    width: 100% !important;
    min-height: 25px !important;
    height: 25px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 5px !important;
    padding: 4px 7px !important;
    border-radius: 6px !important;
    background: rgba(255,255,255,.035) !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    box-shadow: none !important;
  }
  .pkg-platform-tabs .pkg-tab.active,
  .pkg-platform-tabs .pkg-tab:hover {
    background: linear-gradient(180deg,#fbfaf3,#eeeadd) !important;
    color: #161b16 !important;
    border-color: rgba(212,175,55,.66) !important;
    box-shadow: 0 7px 16px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.95) !important;
    transform: none !important;
  }
  .pkg-tab.active::after { display: none !important; }
  .pkg-platform-tabs .pkg-tab-icon,
  .pkg-tab-icon {
    width: 15px !important;
    height: 15px !important;
    flex: 0 0 15px !important;
    border-radius: 4px !important;
    font-size: 8px !important;
  }
  .pkg-tab-text { min-width: 0 !important; width: auto !important; text-align: left !important; }
  .pkg-tab-text strong {
    display: block !important;
    font-size: 5.2px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  .pkg-tab-text span {
    display: block !important;
    margin-top: 2px !important;
    font-size: 4.2px !important;
    line-height: 1 !important;
  }

  .pkg-packages-intro {
    margin: 5px auto 13px !important;
    padding: 0 !important;
    text-align: center !important;
    overflow: visible !important;
  }
  .pkg-packages-title {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto 5px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    color: #f7f5ef !important;
    font-size: clamp(21px, 5.15vw, 27px) !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: -.06em !important;
    white-space: nowrap !important;
  }
  .pkg-instagram-mark {
    width: 17px !important;
    height: 17px !important;
    flex: 0 0 17px !important;
    border-radius: 5px !important;
    font-size: 9px !important;
    margin: 0 !important;
  }
  .pkg-packages-desc {
    max-width: 280px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    color: rgba(236,241,233,.73) !important;
    font-size: clamp(4.5px, 1.12vw, 5.8px) !important;
    line-height: 1.45 !important;
  }

  .pkg-cards {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 11px !important;
    width: 100% !important;
    margin: 0 auto 10px !important;
    padding: 0 !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
  }
  .pkg-card,
  .pkg-card.is-featured {
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    min-height: 247px !important;
    height: 247px !important;
    padding: 12px 12px 10px !important;
    border-radius: 7px !important;
    border: 1px solid rgba(212,175,55,.35) !important;
    background: linear-gradient(180deg, #fffef9 0%, #efeee7 100%) !important;
    color: #161a16 !important;
    box-shadow: 0 11px 23px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.96) !important;
    overflow: hidden !important;
    transform: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .pkg-card.is-featured { border-color: rgba(212,175,55,.75) !important; }
  .pkg-popular {
    top: -1px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    min-height: 12px !important;
    padding: 0 9px !important;
    border-radius: 0 0 4px 4px !important;
    font-size: 4.2px !important;
    line-height: 12px !important;
    gap: 2px !important;
  }
  .pkg-popular i { font-size: 4px !important; }
  .pkg-plan-icon {
    width: 20px !important;
    height: 20px !important;
    flex: 0 0 20px !important;
    margin: 0 auto 8px !important;
    border-radius: 6px !important;
    font-size: 10px !important;
  }
  .pkg-card h3 {
    margin: 0 0 4px !important;
    color: #141814 !important;
    font-size: clamp(7.3px, 1.8vw, 9px) !important;
    line-height: 1 !important;
    letter-spacing: -.02em !important;
    text-align: center !important;
    text-transform: uppercase !important;
  }
  .pkg-plan-sub {
    min-height: 14px !important;
    margin: 0 0 5px !important;
    font-size: clamp(4.4px, 1.1vw, 5.3px) !important;
    line-height: 1.25 !important;
    color: #565d55 !important;
    text-align: center !important;
  }
  .pkg-small-line {
    width: 18px !important;
    height: 1px !important;
    margin: 0 auto 2px !important;
  }
  .pkg-price-row {
    width: 100% !important;
    justify-content: center !important;
    align-items: baseline !important;
    margin: 0 !important;
  }
  .pkg-currency { font-size: 15px !important; transform: translateY(-7px) !important; }
  .pkg-price {
    font-size: clamp(33px, 7.8vw, 42px) !important;
    line-height: .84 !important;
    color: #141814 !important;
    letter-spacing: -.08em !important;
  }
  .pkg-onetime {
    margin: 2px 0 7px !important;
    font-size: 4.1px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    color: #6b7069 !important;
    text-align: center !important;
  }
  .pkg-followers {
    min-height: 14px !important;
    height: 14px !important;
    margin: 0 0 7px !important;
    padding: 0 6px !important;
    border-radius: 3px !important;
    gap: 4px !important;
  }
  .pkg-followers > i {
    width: 8px !important;
    min-width: 8px !important;
    font-size: 5px !important;
  }
  .pkg-followers strong {
    font-size: clamp(4.2px, 1.04vw, 5.2px) !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }
  .pkg-list {
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    gap: 4px !important;
    flex: 1 1 auto !important;
  }
  .pkg-list li {
    display: grid !important;
    grid-template-columns: 8px minmax(0, 1fr) !important;
    gap: 4px !important;
    align-items: start !important;
    color: #555e53 !important;
    font-size: clamp(4.2px, 1.04vw, 5.1px) !important;
    line-height: 1.08 !important;
    font-weight: 800 !important;
  }
  .pkg-list li > i {
    width: 7px !important;
    min-width: 7px !important;
    margin-top: 0 !important;
    color: #d4af37 !important;
    font-size: 5px !important;
  }
  .pkg-card-btn {
    min-height: 17px !important;
    height: 17px !important;
    margin-top: 7px !important;
    padding: 0 8px !important;
    border-radius: 4px !important;
    font-size: clamp(4.3px, 1.08vw, 5.2px) !important;
    line-height: 1 !important;
    justify-content: center !important;
  }
  .pkg-card-btn i { display: none !important; }

  .pkg-benefits-bar {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    width: 100% !important;
    min-height: 31px !important;
    height: 31px !important;
    margin: 10px auto 0 !important;
    padding: 0 !important;
    border-radius: 5px !important;
    border: 1px solid rgba(212,175,55,.28) !important;
    background: linear-gradient(180deg, #ffffff 0%, #f1f0e9 100%) !important;
    overflow: hidden !important;
    box-shadow: 0 8px 17px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.96) !important;
  }
  .pkg-benefit {
    min-width: 0 !important;
    min-height: 31px !important;
    height: 31px !important;
    padding: 5px 6px !important;
    gap: 5px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: left !important;
    border-left: 1px solid rgba(212,175,55,.22) !important;
    color: #121712 !important;
  }
  .pkg-benefit:first-child { border-left: 0 !important; }
  .pkg-benefit > i {
    width: 11px !important;
    min-width: 11px !important;
    font-size: 10px !important;
    color: #d4af37 !important;
  }
  .pkg-benefit strong {
    display: block !important;
    color: #151a15 !important;
    font-size: clamp(5px, 1.28vw, 6.1px) !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }
  .pkg-benefit span {
    display: block !important;
    margin-top: 1px !important;
    color: #555c54 !important;
    font-size: clamp(3.1px, .82vw, 4px) !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
  }

  /* ================= TESTIMONIALS SCREEN ================= */
  .testimonials-section {
    padding: 42px 0 47px !important;
    overflow: hidden !important;
  }
  .testimonials-section::before { opacity: .10 !important; background-size: 24px 24px !important; }
  .testimonials-section::after { top: 64px !important; width: 55% !important; opacity: .35 !important; }

  .tst-eyebrow {
    margin: 0 0 7px !important;
    gap: 6px !important;
    font-size: clamp(4.1px, 1.02vw, 5.1px) !important;
    line-height: 1 !important;
    letter-spacing: .24em !important;
  }
  .tst-eyebrow i { font-size: 4px !important; }
  .tst-line { width: 32px !important; height: 1px !important; }
  .tst-head { margin: 0 auto 12px !important; max-width: 430px !important; }
  .tst-title {
    margin: 0 0 4px !important;
    font-size: clamp(22px, 5.8vw, 29px) !important;
    line-height: .95 !important;
    letter-spacing: -.065em !important;
    white-space: nowrap !important;
  }
  .tst-title span { color: var(--gold) !important; }
  .tst-subtitle {
    font-size: clamp(4.4px, 1.1vw, 5.5px) !important;
    line-height: 1.35 !important;
    color: rgba(236,241,233,.68) !important;
  }

  .tst-rating-panel {
    display: grid !important;
    grid-template-columns: 78px minmax(0, 1fr) 106px !important;
    gap: 8px !important;
    align-items: center !important;
    min-height: 49px !important;
    height: 49px !important;
    margin: 0 0 14px !important;
    padding: 6px 12px !important;
    border-radius: 5px !important;
    border: 1px solid rgba(212,175,55,.34) !important;
    background: linear-gradient(180deg,#ffffff 0%, #eeece4 100%) !important;
    color: #111811 !important;
    box-shadow: 0 9px 19px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.96) !important;
    overflow: hidden !important;
  }
  .tst-rating-panel::before { display: none !important; }
  .tst-score-block { padding: 0 !important; align-items: flex-start !important; text-align: left !important; }
  .tst-score {
    color: #121712 !important;
    font-size: 31px !important;
    line-height: .78 !important;
    letter-spacing: -.08em !important;
    text-shadow: none !important;
  }
  .tst-score-stars { gap: 1px !important; margin: 3px 0 2px !important; font-size: 5px !important; color: #d4af37 !important; }
  .tst-score-note { color: #555d54 !important; font-size: 3.9px !important; line-height: 1 !important; font-weight: 900 !important; }
  .tst-bars { gap: 3px !important; padding: 0 !important; border: 0 !important; }
  .tst-bar-row {
    grid-template-columns: 17px minmax(0, 1fr) 20px !important;
    gap: 5px !important;
    color: #111811 !important;
    font-size: 4.8px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
  }
  .tst-bar-row span:first-child i { color: #d4af37 !important; font-size: 3.8px !important; margin-left: 1px !important; }
  .tst-bar-track { height: 4px !important; background: #d8d8d2 !important; box-shadow: none !important; }
  .tst-bar-fill { background: linear-gradient(90deg,#d4af37,#f3d35f) !important; box-shadow: none !important; }
  .tst-platforms { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 6px !important; }
  .tst-platform { min-height: 32px !important; gap: 2px !important; color: #3c443b !important; font-size: 3.8px !important; line-height: 1 !important; font-weight: 900 !important; justify-content: center !important; }
  .tst-platform-icon { width: 18px !important; height: 18px !important; margin: 0 auto !important; border: 0 !important; background: transparent !important; font-size: 13px !important; }
  .tst-platform-score { color: #111811 !important; font-size: 6.2px !important; line-height: 1 !important; }

  .tst-masonry {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    grid-template-rows: 96px 82px !important;
    gap: 8px !important;
    margin: 0 !important;
    width: 100% !important;
  }
  .tst-masonry > article {
    min-width: 0 !important;
    min-height: 0 !important;
    width: auto !important;
    max-width: none !important;
    border-radius: 5px !important;
    border: 1px solid rgba(212,175,55,.22) !important;
    background: linear-gradient(180deg,#ffffff 0%, #f1f0e9 100%) !important;
    color: #151a15 !important;
    box-shadow: 0 9px 19px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.96) !important;
    overflow: hidden !important;
  }
  .tst-masonry > article:nth-child(1),
  .tst-masonry > article:nth-child(2) {
    grid-column: span 3 !important;
    grid-row: 1 !important;
    height: 96px !important;
    padding: 12px 13px 9px !important;
  }
  .tst-masonry > article:nth-child(n+3) {
    grid-column: span 2 !important;
    grid-row: 2 !important;
    height: 82px !important;
    padding: 10px 11px 8px !important;
  }
  .tst-card-featured,
  .tst-card-wide,
  .tst-card { display: flex !important; flex-direction: column !important; }
  .tst-card::before,
  .tst-card::after { display: none !important; }
  .tst-card-quote { color: #d4af37 !important; font-size: 13px !important; line-height: 1 !important; margin: 0 0 5px !important; }
  .tst-card-featured .tst-card-quote { font-size: 13px !important; margin: 0 0 5px !important; }
  .tst-text,
  .tst-card-featured .tst-text,
  .tst-card-wide .tst-text {
    margin: 0 !important;
    max-width: none !important;
    color: #4b5349 !important;
    font-size: clamp(4.2px, 1vw, 5px) !important;
    line-height: 1.42 !important;
    font-weight: 700 !important;
  }
  .tst-bold-line { display: none !important; }
  .tst-author {
    margin-top: auto !important;
    padding-top: 5px !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 4px !important;
  }
  .tst-author-left { gap: 5px !important; min-width: 0 !important; }
  .tst-avatar { width: 15px !important; height: 15px !important; flex: 0 0 15px !important; font-size: 4.4px !important; }
  .tst-author-name { color: #141814 !important; font-size: 5px !important; line-height: 1 !important; font-weight: 900 !important; max-width: 78px !important; }
  .tst-author-role { color: #71766f !important; font-size: 3.9px !important; line-height: 1 !important; margin-top: 1px !important; max-width: 78px !important; }
  .tst-mini-stars { gap: 1px !important; margin-top: 2px !important; color: #d4af37 !important; font-size: 4.3px !important; }
  .tst-social { width: 14px !important; height: 14px !important; flex: 0 0 14px !important; font-size: 7px !important; background: rgba(20,25,20,.05) !important; }
  .tst-author-actions { display: flex !important; align-items: flex-end !important; gap: 4px !important; min-width: 0 !important; }
  .tst-growth-pill {
    min-height: 11px !important;
    margin: 0 !important;
    padding: 0 5px !important;
    gap: 2px !important;
    border-radius: 999px !important;
    font-size: 3.7px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }
  .tst-growth-pill i { font-size: 4px !important; }

  /* ================= INSIGHTS SCREEN ================= */
  .insights-section {
    padding: 56px 0 0 !important;
    overflow: hidden !important;
  }
  .insights-section::before { opacity: .10 !important; background-size: 24px 24px !important; }
  .insights-eyebrow {
    justify-content: center !important;
    margin: 0 0 10px !important;
    gap: 7px !important;
    font-size: clamp(4.2px, 1.05vw, 5.3px) !important;
    letter-spacing: .22em !important;
    line-height: 1 !important;
  }
  .insights-eyebrow i { font-size: 4px !important; }

  .insights-top {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin: 0 0 20px !important;
  }
  .insights-title {
    margin: 0 0 6px !important;
    max-width: 250px !important;
    font-size: clamp(20px, 5.15vw, 27px) !important;
    line-height: 1.04 !important;
    letter-spacing: -.065em !important;
  }
  .insights-subtitle {
    max-width: 270px !important;
    font-size: clamp(4.5px, 1.1vw, 5.6px) !important;
    line-height: 1.45 !important;
    color: rgba(236,241,233,.68) !important;
  }
  .insights-view-btn {
    flex: 0 0 auto !important;
    min-width: 58px !important;
    min-height: 17px !important;
    height: 17px !important;
    margin-top: 21px !important;
    padding: 0 8px !important;
    gap: 3px !important;
    border-radius: 999px !important;
    font-size: clamp(3.8px, .96vw, 4.8px) !important;
    border-width: 1px !important;
  }
  .insights-view-btn i { font-size: 4px !important; }

  .insights-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1.62fr) minmax(0, 1fr) !important;
    gap: 6px !important;
    align-items: stretch !important;
    margin: 0 !important;
  }
  .insights-featured {
    min-width: 0 !important;
    height: 191px !important;
    min-height: 191px !important;
    padding: 10px !important;
    border-radius: 5px !important;
    grid-template-columns: minmax(0, 1fr) 82px !important;
    grid-template-rows: auto minmax(0,1fr) auto auto !important;
    gap: 6px 8px !important;
    overflow: hidden !important;
  }
  .insights-featured::before,
  .insights-post::before,
  .insights-cat-card::before,
  .insights-newsletter::before { opacity: .75 !important; }
  .insights-meta-row {
    grid-column: 1 / -1 !important;
    gap: 4px !important;
    flex-wrap: nowrap !important;
    overflow: hidden !important;
  }
  .insights-pill {
    min-height: 12px !important;
    padding: 0 6px !important;
    gap: 2px !important;
    border-radius: 999px !important;
    font-size: 3.8px !important;
    line-height: 12px !important;
  }
  .insights-pill i { font-size: 4px !important; }
  .insights-date,
  .insights-read {
    gap: 2px !important;
    font-size: 3.8px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }
  .insights-date i,
  .insights-read i { font-size: 4px !important; }
  .insights-feature-copy { max-width: 160px !important; align-self: center !important; }
  .insights-card-title {
    margin: 0 0 5px !important;
    font-size: clamp(13px, 3.15vw, 16px) !important;
    line-height: 1.03 !important;
    letter-spacing: -.055em !important;
  }
  .insights-card-text {
    margin: 0 !important;
    max-width: 150px !important;
    font-size: clamp(4.4px, 1.07vw, 5.5px) !important;
    line-height: 1.45 !important;
  }
  .insights-phone-stage {
    grid-column: 2 !important;
    grid-row: 2 / span 3 !important;
    width: 82px !important;
    height: 116px !important;
  }
  .insights-phone-stage::after { width: 70px !important; height: 12px !important; bottom: 7px !important; }
  .insights-podium { width: 66px !important; height: 12px !important; bottom: 7px !important; }
  .insights-phone {
    width: 45px !important;
    height: 80px !important;
    border-radius: 10px !important;
    padding: 4px 3px !important;
    border-width: 2px !important;
    transform: rotate(-10deg) translateY(-4px) !important;
  }
  .insights-phone::before { width: 13px !important; height: 2px !important; top: 3px !important; }
  .insights-phone-screen { border-radius: 7px !important; padding: 11px 4px 6px !important; gap: 2px !important; }
  .insights-phone-bar { width: 5px !important; border-radius: 1px 1px 0 0 !important; }
  .insights-phone-arrow {
    right: 0 !important;
    bottom: 16px !important;
    width: 42px !important;
    height: 42px !important;
    border-right-width: 1.5px !important;
    border-top-width: 1.5px !important;
  }
  .insights-phone-arrow::after { width: 6px !important; height: 6px !important; top: -4px !important; right: -3px !important; border-top-width: 1.5px !important; border-right-width: 1.5px !important; }
  .insights-author {
    grid-column: 1 / 2 !important;
    gap: 5px !important;
    align-self: end !important;
  }
  .insights-avatar { width: 17px !important; height: 17px !important; flex: 0 0 17px !important; font-size: 5px !important; border-width: 1px !important; }
  .insights-author strong { font-size: 5px !important; margin-bottom: 1px !important; line-height: 1 !important; }
  .insights-author span { font-size: 3.8px !important; line-height: 1 !important; }
  .insights-read-full {
    min-height: 19px !important;
    height: 19px !important;
    padding: 0 8px !important;
    border-radius: 4px !important;
    font-size: 4.4px !important;
    gap: 3px !important;
  }
  .insights-read-full i { font-size: 4px !important; }

  .insights-side-list {
    display: grid !important;
    gap: 7px !important;
    min-width: 0 !important;
  }
  .insights-post {
    height: 59px !important;
    min-height: 59px !important;
    padding: 7px !important;
    border-radius: 5px !important;
    display: grid !important;
    grid-template-columns: 39px minmax(0, 1fr) !important;
    gap: 7px !important;
    align-items: center !important;
    overflow: hidden !important;
  }
  .insights-post-media {
    width: 34px !important;
    height: 34px !important;
    border-radius: 4px !important;
    font-size: 18px !important;
  }
  .insights-post-copy { min-width: 0 !important; }
  .insights-post-meta { gap: 3px !important; margin-bottom: 4px !important; flex-wrap: nowrap !important; overflow: hidden !important; }
  .insights-post-meta .insights-pill { min-height: 10px !important; height: 10px !important; padding: 0 5px !important; font-size: 3.4px !important; }
  .insights-post-title {
    margin: 0 0 4px !important;
    font-size: clamp(5.7px, 1.43vw, 7px) !important;
    line-height: 1.16 !important;
    letter-spacing: -.02em !important;
  }
  .insights-post-link { font-size: 4.1px !important; gap: 2px !important; }
  .insights-post-link i { font-size: 4px !important; }

  .insights-bottom-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 7px !important;
    margin-top: 8px !important;
  }
  .insights-cat-card,
  .insights-newsletter {
    min-width: 0 !important;
    width: auto !important;
    min-height: 122px !important;
    height: 122px !important;
    padding: 12px 8px 9px !important;
    border-radius: 5px !important;
    overflow: hidden !important;
  }
  .insights-cat-icon { width: 24px !important; height: 24px !important; margin-bottom: 12px !important; border-radius: 4px !important; font-size: 10px !important; }
  .insights-cat-title { margin: 0 0 5px !important; font-size: 7px !important; line-height: 1 !important; }
  .insights-cat-text { margin: 0 0 8px !important; font-size: 4.3px !important; line-height: 1.35 !important; }
  .insights-cat-link { margin-top: auto !important; font-size: 4.4px !important; gap: 2px !important; }
  .insights-cat-link i { font-size: 4px !important; }
  .insights-newsletter-head { grid-template-columns: 22px minmax(0, 1fr) !important; gap: 6px !important; margin-bottom: 8px !important; }
  .insights-envelope { width: 20px !important; height: 20px !important; border-radius: 4px !important; font-size: 9px !important; }
  .insights-news-title { margin: 0 0 3px !important; font-size: 6.5px !important; line-height: 1.12 !important; }
  .insights-news-text { font-size: 4px !important; line-height: 1.25 !important; }
  .insights-form { gap: 5px !important; }
  .insights-form input { min-height: 14px !important; height: 14px !important; padding: 0 5px !important; border-radius: 3px !important; font-size: 4.2px !important; }
  .insights-form button { min-height: 16px !important; height: 16px !important; border-radius: 3px !important; gap: 2px !important; font-size: 4.4px !important; }
  .insights-form button i { font-size: 4px !important; }
  .insights-safe { margin-top: 5px !important; gap: 2px !important; font-size: 3.8px !important; line-height: 1 !important; }
  .insights-safe i { font-size: 4px !important; }

  /* ================= FOOTER SCREEN ================= */
  .apex-footer.apex-footer-v2 {
    margin-top: 10px !important;
    padding: 12px 0 8px !important;
    overflow: hidden !important;
  }
  .footer-v2-main {
    display: grid !important;
    grid-template-columns: 1.12fr .92fr .92fr 1.04fr !important;
    gap: 7px !important;
    align-items: stretch !important;
  }
  .footer-v2-panel,
  .footer-v2-brand-panel,
  .footer-v2-services-panel,
  .footer-v2-platforms-panel,
  .footer-v2-links-panel,
  .footer-v2-contact-panel {
    grid-column: auto !important;
    grid-row: auto !important;
    min-width: 0 !important;
    min-height: 164px !important;
    height: 164px !important;
    padding: 11px 10px !important;
    border-radius: 5px !important;
    overflow: hidden !important;
  }
  .footer-v2-brand-panel { justify-content: center !important; padding: 14px 11px 11px !important; }
  .footer-v2-logo { gap: 7px !important; margin-bottom: 10px !important; }
  .footer-v2-logo-mark { width: 28px !important; height: 28px !important; border-radius: 5px !important; font-size: 15px !important; }
  .footer-v2-logo-text strong { font-size: 9px !important; line-height: 1 !important; letter-spacing: .2em !important; }
  .footer-v2-logo-text span { margin-top: 3px !important; font-size: 4px !important; letter-spacing: .27em !important; }
  .footer-v2-about { max-width: 122px !important; margin: 0 0 11px !important; font-size: 4.8px !important; line-height: 1.55 !important; }
  .footer-v2-socials { gap: 5px !important; margin-bottom: 11px !important; }
  .footer-v2-socials a { width: 15px !important; height: 15px !important; border-radius: 3px !important; font-size: 8px !important; }
  .footer-v2-trust { gap: 3px !important; font-size: 4.5px !important; line-height: 1.2 !important; }
  .footer-v2-trust i { font-size: 5px !important; }

  .footer-v2-links-grid { display: grid !important; grid-template-columns: 1.05fr .95fr !important; gap: 12px !important; }
  .footer-v2-block + .footer-v2-block { margin-top: 9px !important; }
  .footer-v2-title { margin: 0 0 6px !important; font-size: 5.3px !important; line-height: 1 !important; letter-spacing: .18em !important; }
  .footer-v2-list a { min-height: 13px !important; gap: 4px !important; font-size: 4.8px !important; line-height: 1.15 !important; }
  .footer-v2-list a::before { font-size: 4px !important; }
  .footer-v2-platforms i { width: 6px !important; font-size: 5.2px !important; }

  .footer-v2-contact-list { display: grid !important; grid-template-columns: 1fr !important; gap: 4px !important; margin-bottom: 7px !important; }
  .footer-v2-contact-card { min-height: 20px !important; grid-template-columns: 14px minmax(0,1fr) !important; gap: 4px !important; padding: 3px !important; border-radius: 3px !important; }
  .footer-v2-contact-icon { width: 13px !important; height: 13px !important; border-radius: 3px !important; font-size: 6px !important; }
  .footer-v2-contact-label { margin-bottom: 1px !important; font-size: 3.7px !important; line-height: 1 !important; }
  .footer-v2-contact-value { font-size: 4.2px !important; line-height: 1.08 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
  .footer-v2-hours { margin-top: 0 !important; padding: 6px 6px 5px !important; border-radius: 4px !important; }
  .footer-v2-hours-head { gap: 3px !important; margin-bottom: 5px !important; font-size: 4.8px !important; line-height: 1 !important; }
  .footer-v2-hours-head i { width: 7px !important; height: 7px !important; font-size: 4px !important; }
  .footer-v2-hour-row { gap: 4px !important; margin-top: 4px !important; font-size: 4px !important; line-height: 1.1 !important; }

  .footer-v2-bottom {
    min-height: 24px !important;
    height: 24px !important;
    margin-top: 7px !important;
    padding: 0 7px !important;
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    gap: 6px !important;
    justify-items: stretch !important;
    align-items: center !important;
    text-align: left !important;
    border-radius: 4px !important;
    font-size: 4.2px !important;
    line-height: 1 !important;
  }
  .footer-v2-policies { display: flex !important; flex-wrap: nowrap !important; gap: 5px !important; white-space: nowrap !important; justify-content: center !important; }
  .footer-v2-business { justify-self: end !important; gap: 3px !important; white-space: nowrap !important; }
  .footer-v2-business i { font-size: 4px !important; }
  .footer-v2-dot { font-size: 3.5px !important; }
}

@media (max-width: 430px) {
  .pkg-platform-tabs { width: 100% !important; gap: 5px !important; }
  .pkg-cards { gap: 7px !important; }
  .pkg-card, .pkg-card.is-featured { height: 238px !important; min-height: 238px !important; padding: 11px 9px 9px !important; }
  .pkg-price { font-size: 31px !important; }
  .pkg-list { gap: 3px !important; }
  .pkg-list li { font-size: 3.9px !important; }
  .pkg-followers strong { font-size: 3.9px !important; }
  .pkg-benefit { padding: 4px 3px !important; gap: 3px !important; }

  .tst-rating-panel { grid-template-columns: 68px minmax(0,1fr) 91px !important; padding: 6px 9px !important; gap: 6px !important; }
  .tst-score { font-size: 29px !important; }
  .tst-masonry { gap: 6px !important; grid-template-rows: 92px 80px !important; }
  .tst-masonry > article:nth-child(1), .tst-masonry > article:nth-child(2) { height: 92px !important; padding: 10px 10px 8px !important; }
  .tst-masonry > article:nth-child(n+3) { height: 80px !important; padding: 9px 9px 7px !important; }
  .tst-text, .tst-card-featured .tst-text, .tst-card-wide .tst-text { font-size: 3.9px !important; }

  .insights-grid { gap: 5px !important; }
  .insights-featured { height: 184px !important; min-height: 184px !important; padding: 8px !important; grid-template-columns: minmax(0,1fr) 72px !important; }
  .insights-post { height: 56px !important; min-height: 56px !important; grid-template-columns: 34px minmax(0,1fr) !important; gap: 5px !important; }
  .insights-post-media { width: 30px !important; height: 30px !important; font-size: 15px !important; }
  .insights-bottom-grid { gap: 5px !important; }
  .insights-cat-card, .insights-newsletter { height: 112px !important; min-height: 112px !important; padding: 10px 6px 8px !important; }

  .footer-v2-main { gap: 5px !important; }
  .footer-v2-panel, .footer-v2-brand-panel, .footer-v2-services-panel, .footer-v2-platforms-panel, .footer-v2-links-panel, .footer-v2-contact-panel { height: 158px !important; min-height: 158px !important; padding: 10px 8px !important; }
  .footer-v2-bottom { font-size: 3.8px !important; gap: 4px !important; }
}



/* =========================================================
   FINAL WIDTH FIX: 95% ON MOBILE, TABLET AND DESKTOP
   ========================================================= */
@media (min-width: 0px) {
  .site-wrap,
  .hero-section > .site-wrap,
  .wwd-container,
  .cr-container,
  .pkg-container,
  .tst-container,
  .insights-container,
  .footer-v2-container {
    width: 95% !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .apex-nav .site-wrap {
    width: 95% !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}


/* =========================================================
   FINAL PERFORMANCE FIX - layout/data/design kept same
   ========================================================= */
body {
  background-attachment: scroll !important;
  animation: none !important;
}

body::before,
body::after {
  transform: translateZ(0) !important;
  will-change: auto !important;
}

.pro-scroll-progress {
  width: 100% !important;
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition: transform .08s linear !important;
  will-change: transform;
}

html.pro-anim-ready .pro-reveal {
  filter: none !important;
  transition:
    opacity .55s var(--pro-ease, cubic-bezier(.22, 1, .36, 1)) var(--pro-delay, 0ms),
    transform .55s var(--pro-ease, cubic-bezier(.22, 1, .36, 1)) var(--pro-delay, 0ms) !important;
  will-change: opacity, transform !important;
}

html.pro-anim-ready .pro-reveal.pro-visible {
  filter: none !important;
  will-change: auto !important;
}

.apex-nav.nav-scrolled,
.apex-nav.is-sticky {
  animation: none !important;
  transform: translateZ(0) !important;
}

@media (prefers-reduced-motion: no-preference) {
  .hero-section,
  .about-section,
  .wwd-section,
  .client-results-section,
  .packages-section,
  .testimonials-section,
  .insights-section {
    animation: none !important;
  }

  .feat-icon,
  .stat-icon,
  .ab-stat-icon,
  .wwd-card-icon,
  .wwd-custom-icon,
  .wwd-metric-icon,
  .wwd-step-icon,
  .wwd-cta-icon,
  .pkg-plan-icon,
  .cr-title-icon,
  .cr-social,
  .tst-platform-icon,
  .tst-trust-icon,
  .insights-cat-icon,
  .footer-v2-contact-icon,
  .sc-chart-area span,
  .sc-ls-chart span,
  .cr-bar,
  .tst-bar-fill,
  .insights-phone-bar {
    animation: none !important;
  }
}

@media (max-width: 768px) {
  html.pro-anim-ready .pro-reveal {
    filter: none !important;
  }
}



/* =====================================================
   MOBILE NAVBAR FIX: remove black background on mobile
   Added by ChatGPT
===================================================== */
@media (max-width: 991px) {
  .apex-nav {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border-bottom: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .apex-nav.nav-scrolled,
  .apex-nav.is-sticky {
    background: linear-gradient(180deg, rgba(7,17,15,.96), rgba(7,17,15,.92)) !important;
    background-color: rgba(7,16,15,.96) !important;
    box-shadow: 0 8px 28px rgba(0,0,0,.45) !important;
    border-bottom: 1px solid rgba(212,175,55,.14) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .apex-nav::after,
  .apex-nav.nav-scrolled::after,
  .apex-nav.is-sticky::after {
    display: none !important;
  }

  .nav-toggle {
    background: transparent !important;
  }
}



/* =====================================================
   FINAL HERO MOBILE MATCH FIX
   Only hero part is changed on mobile. Desktop/tablet sections stay same.
===================================================== */
@media (max-width: 767px) {
  .hero-section {
    min-height: auto !important;
    padding-bottom: 0 !important;
    overflow: hidden !important;
    background: var(--bg) !important;
  }

  .hero-section > .site-wrap {
    width: 95% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .hero-content {
    margin-top: 0 !important;
    padding-top: 6px !important;
  }

  .hero-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr) !important;
    gap: 4px !important;
    align-items: center !important;
    min-height: clamp(220px, 58vw, 292px) !important;
    text-align: left !important;
  }

  .hero-left {
    min-height: clamp(220px, 58vw, 292px) !important;
    padding: 0 0 8px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    text-align: left !important;
  }

  .hero-copy {
    width: 100% !important;
    margin: 0 0 13px !important;
    text-align: left !important;
  }

  .hero-title {
    margin: 0 0 8px !important;
    text-align: left !important;
  }

  .hero-line,
  .hero-line:nth-child(2) {
    display: block !important;
    font-size: clamp(23px, 6.4vw, 31px) !important;
    line-height: .92 !important;
    margin-bottom: .15em !important;
    letter-spacing: -.055em !important;
    white-space: nowrap !important;
  }

  .hero-rule {
    display: block !important;
    width: clamp(28px, 8vw, 44px) !important;
    height: 1.5px !important;
    margin: 8px 0 7px !important;
    background: var(--gold) !important;
  }

  .hero-sub {
    font-size: clamp(8px, 2.35vw, 12px) !important;
    line-height: 1.18 !important;
    letter-spacing: .06em !important;
    text-align: left !important;
    white-space: nowrap !important;
  }

  .socials {
    display: flex !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: clamp(6px, 1.7vw, 10px) !important;
    margin: 0 0 13px !important;
  }

  .s-box {
    width: clamp(30px, 8.2vw, 40px) !important;
    height: clamp(30px, 8.2vw, 40px) !important;
    border-radius: clamp(8px, 2.4vw, 12px) !important;
    font-size: clamp(15px, 4.2vw, 20px) !important;
  }

  .hero-btns {
    display: flex !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: clamp(7px, 2vw, 12px) !important;
  }

  .btn-primary-hero,
  .btn-ghost-hero {
    width: auto !important;
    min-height: 0 !important;
    padding: clamp(8px, 2.35vw, 11px) clamp(12px, 3.5vw, 18px) !important;
    border-radius: 999px !important;
    font-size: clamp(7px, 2vw, 10px) !important;
    line-height: 1 !important;
    gap: 5px !important;
    white-space: nowrap !important;
  }

  .btn-primary-hero i,
  .btn-ghost-hero i {
    font-size: clamp(7px, 2.1vw, 10px) !important;
  }

  .hero-right {
    display: flex !important;
    min-height: clamp(220px, 58vw, 292px) !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    align-self: stretch !important;
    overflow: visible !important;
  }

  .hero-visual {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    height: clamp(220px, 58vw, 292px) !important;
    min-height: clamp(220px, 58vw, 292px) !important;
    padding-right: 0 !important;
    overflow: visible !important;
  }

  .arch-ring {
    display: block !important;
    width: clamp(140px, 38vw, 190px) !important;
    height: clamp(140px, 38vw, 190px) !important;
    right: clamp(-10px, -2vw, -4px) !important;
    bottom: clamp(22px, 6vw, 36px) !important;
    opacity: .85 !important;
  }

  .arch-ring::before {
    inset: 15px !important;
  }

  .db-card {
    position: absolute !important;
    left: clamp(-34px, -7vw, -18px) !important;
    bottom: clamp(32px, 8vw, 48px) !important;
    width: clamp(150px, 42vw, 214px) !important;
    max-width: none !important;
    margin: 0 !important;
    transform: none !important;
    z-index: 8 !important;
  }

  .dashboard-graph-img {
    width: 100% !important;
    max-width: none !important;
    max-height: clamp(158px, 44vw, 224px) !important;
    object-fit: contain !important;
    object-position: bottom right !important;
    filter: drop-shadow(0 16px 24px rgba(0,0,0,.44)) !important;
  }

  .hero-woman {
    display: block !important;
    position: absolute !important;
    right: clamp(-18px, -4vw, -8px) !important;
    bottom: 0 !important;
    width: auto !important;
    margin: 0 !important;
    z-index: 10 !important;
    pointer-events: none !important;
  }

  .hero-woman img {
    width: clamp(132px, 36vw, 184px) !important;
    max-width: none !important;
    max-height: clamp(192px, 51vw, 260px) !important;
    object-fit: contain !important;
    object-position: bottom right !important;
    filter: drop-shadow(-5px 3px 12px rgba(0,0,0,.35)) !important;
  }
}

@media (max-width: 430px) {
  .hero-grid {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr) !important;
    gap: 2px !important;
    min-height: 226px !important;
  }

  .hero-left,
  .hero-right,
  .hero-visual {
    min-height: 226px !important;
    height: 226px !important;
  }

  .hero-line,
  .hero-line:nth-child(2) {
    font-size: clamp(21px, 6.25vw, 27px) !important;
  }

  .hero-sub {
    font-size: clamp(7.4px, 2.1vw, 9.2px) !important;
  }

  .s-box {
    width: clamp(28px, 7.8vw, 34px) !important;
    height: clamp(28px, 7.8vw, 34px) !important;
    font-size: clamp(14px, 3.9vw, 17px) !important;
  }

  .btn-primary-hero,
  .btn-ghost-hero {
    padding: 7px 11px !important;
    font-size: clamp(6.6px, 1.85vw, 8px) !important;
  }

  .db-card {
    left: -29px !important;
    bottom: 36px !important;
    width: clamp(142px, 39vw, 168px) !important;
  }

  .hero-woman {
    right: -15px !important;
  }

  .hero-woman img {
    width: clamp(122px, 34vw, 146px) !important;
    max-height: 218px !important;
  }
}

@media (max-width: 360px) {
  .hero-line,
  .hero-line:nth-child(2) {
    font-size: 21px !important;
    letter-spacing: -.065em !important;
  }

  .socials,
  .hero-btns {
    gap: 5px !important;
  }

  .btn-primary-hero,
  .btn-ghost-hero {
    padding: 7px 9px !important;
    font-size: 6.2px !important;
  }

  .db-card {
    left: -33px !important;
    width: 140px !important;
  }

  .hero-woman img {
    width: 118px !important;
  }
}


/* ═══════════════════════════════════════════════════════
   MOBILE HERO FIX - keeps the hero exactly like the reference
   Only affects mobile screens. Desktop/tablet design stays same.
═══════════════════════════════════════════════════════ */
@media (max-width: 767px) {
  html,
  body {
    overflow-x: clip !important;
  }

  .hero-section {
    min-height: auto !important;
    padding-bottom: 10px !important;
    overflow: hidden !important;
  }

  .hero-section > .site-wrap {
    width: 100% !important;
    padding: 0 10px !important;
  }

  .hero-content {
    margin-top: 8px !important;
  }

  .hero-grid {
    display: grid !important;
    grid-template-columns: 46% 54% !important;
    gap: 0 !important;
    align-items: end !important;
    min-height: 180px !important;
    padding: 2px 0 0 !important;
  }

  .hero-left {
    min-height: 0 !important;
    align-self: stretch !important;
    justify-content: flex-start !important;
    padding: 6px 0 0 2px !important;
    transform: none !important;
  }

  .hero-copy {
    text-align: left !important;
    margin-bottom: 11px !important;
  }

  .hero-title {
    line-height: .84 !important;
    margin: 0 0 0 !important;
  }

  .hero-line {
    font-size: clamp(22px, 7.5vw, 32px) !important;
    line-height: .84 !important;
    letter-spacing: -.045em !important;
    margin-bottom: .16em !important;
    white-space: nowrap !important;
  }

  .hero-we,
  .hero-grow {
    display: inline !important;
  }

  .hero-rule {
    display: block !important;
    width: 38px !important;
    height: 2px !important;
    margin: 9px 0 7px !important;
  }

  .hero-sub {
    font-size: clamp(8px, 2.7vw, 11px) !important;
    line-height: 1.1 !important;
    letter-spacing: .075em !important;
    white-space: nowrap !important;
  }

  .socials {
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 7px !important;
    margin-bottom: 12px !important;
  }

  .s-box {
    width: 31px !important;
    height: 31px !important;
    min-width: 31px !important;
    border-radius: 8px !important;
    font-size: 16px !important;
    box-shadow:
      3px 4px 10px rgba(0,0,0,.32),
      inset 0 1px 3px rgba(255,255,255,.85) !important;
  }

  .hero-btns {
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 7px !important;
  }

  .btn-primary-hero,
  .btn-ghost-hero {
    min-height: 28px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    font-size: 7.5px !important;
    line-height: 1 !important;
    gap: 4px !important;
    white-space: nowrap !important;
  }

  .btn-primary-hero i,
  .btn-ghost-hero i {
    font-size: 8px !important;
  }

  .btn-ghost-hero {
    padding: 0 11px !important;
    border-width: 1px !important;
    background: rgba(45,62,39,.42) !important;
  }

  .hero-right {
    display: block !important;
    position: relative !important;
    min-height: 178px !important;
    align-self: end !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  .hero-visual {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    min-height: 178px !important;
    max-width: 100% !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  .arch-ring {
    display: block !important;
    right: 1px !important;
    bottom: 1px !important;
    width: 168px !important;
    height: 168px !important;
    max-width: 90% !important;
    max-height: 90% !important;
    border-color: rgba(255,255,255,.08) !important;
  }

  .db-card {
    position: absolute !important;
    left: -18px !important;
    top: 10px !important;
    right: auto !important;
    bottom: auto !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    z-index: 6 !important;
    transform: none !important;
  }

  .dashboard-graph-img {
    width: clamp(145px, 43vw, 210px) !important;
    max-width: none !important;
    max-height: 132px !important;
    object-fit: contain !important;
    filter: drop-shadow(0 18px 24px rgba(0,0,0,.42)) !important;
  }

  .hero-woman {
    display: block !important;
    position: absolute !important;
    right: -8px !important;
    bottom: 0 !important;
    width: auto !important;
    margin: 0 !important;
    z-index: 8 !important;
    transform: none !important;
  }

  .hero-woman img {
    width: clamp(96px, 29vw, 140px) !important;
    max-width: none !important;
    max-height: 178px !important;
    object-fit: contain !important;
    object-position: bottom right !important;
    filter: drop-shadow(-5px 4px 12px rgba(0,0,0,.34)) !important;
  }

  .feature-strip {
    margin: -1px 0 0 !important;
    border-radius: 5px !important;
    box-shadow: 0 10px 20px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.95) !important;
    overflow: hidden !important;
    position: relative !important;
    z-index: 20 !important;
  }

  .feat-inner {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
  }

  .feat-item {
    padding: 5px 3px !important;
    gap: 4px !important;
    min-height: 27px !important;
    justify-content: center !important;
    border-top: 0 !important;
  }

  .feat-item + .feat-item {
    border-left: 1px solid rgba(0,0,0,.09) !important;
  }

  .feat-item:nth-child(3),
  .feat-item:nth-child(4) {
    border-top: 0 !important;
  }

  .feat-icon {
    width: 16px !important;
    height: 16px !important;
    flex: 0 0 16px !important;
    font-size: 8px !important;
    box-shadow: 0 4px 8px rgba(0,0,0,.18), inset 0 1px 2px rgba(255,255,255,.12) !important;
  }

  .feat-text {
    font-size: 5.4px !important;
    line-height: 1.05 !important;
    font-weight: 800 !important;
    letter-spacing: -.02em !important;
  }
}

@media (max-width: 420px) {
  .hero-section > .site-wrap {
    padding: 0 8px !important;
  }

  .hero-grid {
    grid-template-columns: 45.5% 54.5% !important;
    min-height: 168px !important;
  }

  .hero-right,
  .hero-visual {
    min-height: 168px !important;
  }

  .hero-line {
    font-size: clamp(20px, 7.7vw, 29px) !important;
  }

  .socials {
    gap: 6px !important;
    margin-bottom: 10px !important;
  }

  .s-box {
    width: 29px !important;
    height: 29px !important;
    min-width: 29px !important;
    font-size: 15px !important;
  }

  .btn-primary-hero,
  .btn-ghost-hero {
    min-height: 26px !important;
    padding: 0 10px !important;
    font-size: 7px !important;
  }

  .db-card {
    left: -20px !important;
    top: 10px !important;
  }

  .dashboard-graph-img {
    width: clamp(136px, 43vw, 180px) !important;
    max-height: 122px !important;
  }

  .hero-woman {
    right: -9px !important;
  }

  .hero-woman img {
    width: clamp(90px, 29vw, 122px) !important;
    max-height: 168px !important;
  }

  .arch-ring {
    width: 150px !important;
    height: 150px !important;
  }

  .feat-item {
    padding: 4px 2px !important;
    gap: 3px !important;
    min-height: 25px !important;
  }

  .feat-icon {
    width: 15px !important;
    height: 15px !important;
    flex-basis: 15px !important;
    font-size: 7px !important;
  }

  .feat-text {
    font-size: 5px !important;
  }
}




/* =========================================================
   SERVICES PAGE CUSTOM DESIGN — ENHANCED GRAPHICAL VERSION
   Navbar, footer, font + theme are inherited from HOME page.
   ========================================================= */

.services-page {
  background: var(--bg);
  color: var(--text-light);
}

.services-page img { max-width: 100%; }

.services-page-hero {
  min-height: auto !important;
  padding-bottom: clamp(42px, 6vw, 86px);
  background:
    radial-gradient(circle at 10% 12%, rgba(212,175,55,.16), transparent 24%),
    radial-gradient(circle at 82% 18%, rgba(83,119,69,.22), transparent 28%),
    radial-gradient(ellipse 920px 520px at 50% 110%, rgba(0,0,0,.46), transparent 62%),
    linear-gradient(180deg, #17231D 0%, #101d15 100%) !important;
}

.services-page-hero::before {
  background:
    linear-gradient(90deg, rgba(0,0,0,.24), transparent 28%, transparent 70%, rgba(0,0,0,.30)),
    radial-gradient(circle at 52% 92%, rgba(212,175,55,.10), transparent 42%) !important;
}

.svc-hero,
.svc-container {
  width: 95%;
  max-width: 1480px;
  margin: 0 auto;
  position: relative;
  z-index: 0;
}

.svc-hero {
  padding: clamp(74px, 8vw, 126px) 0 clamp(34px, 5vw, 72px);
}

.svc-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(430px, 1.08fr);
  gap: clamp(28px, 4.8vw, 82px);
  align-items: center;
}

.svc-kicker,
.svc-section-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--gold);
  font-size: clamp(10px, .85vw, 13px);
  font-weight: 900;
  letter-spacing: .18em;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.svc-kicker::before,
.svc-section-kicker::before,
.svc-section-kicker::after {
  content: "";
  width: 30px;
  height: 2px;
  border-radius: 99px;
  background: linear-gradient(90deg, var(--gold-light), var(--gold));
  box-shadow: 0 0 14px rgba(212,175,55,.28);
}

.svc-section-kicker::after { opacity: .75; }

.svc-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(42px, 4.8vw, 68px) !important;
  font-weight: 900 !important;
  line-height: .94 !important;
  letter-spacing: -.06em !important;
  color: #fff !important;
  margin: 0 0 clamp(18px, 2.4vw, 26px) !important;
  text-transform: uppercase;
  text-shadow: 0 20px 55px rgba(0,0,0,.34);
}

.svc-title-line {
  display: block;
  white-space: nowrap;
}

.svc-title .svc-white {
  color: #fff !important;
}

.svc-title span,
.svc-section-title span,
.svc-gold { color: var(--gold); }

.svc-lead {
  max-width: 720px;
  color: var(--muted);
  font-size: clamp(14px, 1.2vw, 18px);
  line-height: 1.82;
  margin: 0 0 26px;
}

.svc-hero-actions,
.svc-hero-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
  align-items: center;
}

.svc-hero-actions { margin-bottom: 26px; }

.svc-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 50px;
  padding: 15px 24px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: -.01em;
  transition: transform .22s ease, box-shadow .22s ease, background .22s ease, border-color .22s ease;
}

.svc-btn:hover { transform: translateY(-3px); }

.svc-btn-primary {
  color: #151006;
  background: linear-gradient(135deg, #f3d466, var(--gold));
  box-shadow: 0 16px 38px rgba(212,175,55,.26);
}

.svc-btn-ghost {
  color: #fff;
  border: 1px solid rgba(255,255,255,.28);
  background: rgba(255,255,255,.06);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.svc-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 13px;
  border-radius: 999px;
  color: rgba(255,255,255,.92);
  font-size: 12px;
  font-weight: 800;
  background: rgba(255,255,255,.065);
  border: 1px solid rgba(212,175,55,.18);
}

.svc-pill i { color: var(--gold); }

/* Hero graphical mockup */
.svc-visual {
  position: relative;
  min-height: 610px;
  display: grid;
  place-items: center;
}

.svc-visual::before {
  content: "";
  position: absolute;
  width: min(92%, 600px);
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(212,175,55,.20), transparent 65%);
  filter: blur(8px);
}

.svc-showcase {
  position: relative;
  z-index: 2;
  width: min(100%, 670px);
  min-height: 520px;
  padding: clamp(18px, 2vw, 26px);
  border-radius: 38px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.13), rgba(255,255,255,.045)),
    rgba(18,30,22,.78);
  border: 1px solid rgba(212,175,55,.28);
  box-shadow: 0 38px 110px rgba(0,0,0,.46);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  overflow: hidden;
}

.svc-showcase::after {
  content: "";
  position: absolute;
  inset: auto -110px -120px auto;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: rgba(212,175,55,.13);
}

.svc-showcase-top {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 18px;
}

.svc-showcase-title strong {
  display: block;
  color: #fff;
  font-size: clamp(18px, 1.8vw, 25px);
  font-weight: 900;
  letter-spacing: -.045em;
}

.svc-showcase-title span {
  display: block;
  color: var(--muted);
  font-size: 12px;
  margin-top: 4px;
}

.svc-live-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #121b14;
  background: linear-gradient(135deg, #f7d86d, var(--gold));
  padding: 9px 12px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 900;
  white-space: nowrap;
}

.svc-live-badge::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #17231D;
  box-shadow: 0 0 0 6px rgba(23,35,29,.13);
}

.svc-showcase-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: .86fr 1.14fr;
  gap: 18px;
  align-items: stretch;
}

.svc-phone {
  min-height: 405px;
  border-radius: 34px;
  padding: 13px;
  background: linear-gradient(180deg, #101914, #050908);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.10), 0 25px 70px rgba(0,0,0,.40);
}

.svc-phone-screen {
  overflow: hidden;
  min-height: 379px;
  border-radius: 26px;
  background: #fff;
  color: var(--text-dark);
}

.svc-phone-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 14px 10px;
  font-size: 11px;
  font-weight: 900;
}

.svc-dots { display: inline-flex; gap: 5px; }
.svc-dots span { width: 7px; height: 7px; border-radius: 50%; background: #d8d8d8; }
.svc-dots span:nth-child(2) { background: var(--gold); }

.svc-image-box {
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
  border: 1px solid rgba(212,175,55,.22);
  background:
    linear-gradient(135deg, rgba(212,175,55,.18), rgba(23,35,29,.07)),
    linear-gradient(rgba(23,35,29,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(23,35,29,.04) 1px, transparent 1px),
    #f8f6ef;
  background-size: auto, 26px 26px, 26px 26px, auto;
}

.svc-image-box img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 2;
}

.svc-image-box.has-image .svc-image-fallback { display: none !important; }

.svc-image-fallback {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  gap: 8px;
  text-align: center;
  color: #17231D;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .03em;
  text-transform: uppercase;
  padding: 16px;
}

.svc-image-fallback i {
  width: 46px;
  height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: linear-gradient(135deg, #f7d86d, var(--gold));
  color: #111;
  font-size: 22px;
  box-shadow: 0 12px 24px rgba(212,175,55,.22);
}

.svc-phone-photo {
  height: 178px;
  margin: 0 14px 12px;
  border-radius: 22px;
}

.svc-phone-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  padding: 0 14px 14px;
}

.svc-phone-stat {
  padding: 10px 6px;
  border-radius: 16px;
  background: #f4f1e7;
  text-align: center;
}

.svc-phone-stat strong {
  display: block;
  color: #17231D;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: -.05em;
}

.svc-phone-stat span {
  color: #677166;
  font-size: 9px;
  font-weight: 800;
}

.svc-phone-list {
  display: grid;
  gap: 8px;
  padding: 0 14px 16px;
}

.svc-mini-row {
  display: grid;
  grid-template-columns: 34px 1fr auto;
  gap: 9px;
  align-items: center;
  padding: 9px;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(0,0,0,.08);
}

.svc-mini-row i {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: #17231D;
  color: var(--gold);
}

.svc-mini-row strong {
  display: block;
  font-size: 11px;
  font-weight: 900;
}

.svc-mini-row span {
  color: #6d766e;
  font-size: 9px;
  font-weight: 700;
}

.svc-mini-row b {
  color: #258048;
  font-size: 10px;
  font-weight: 900;
}

.svc-side-stack {
  display: grid;
  gap: 16px;
}

.svc-white-panel {
  border-radius: 26px;
  background: #fff;
  color: var(--text-dark);
  box-shadow: 0 22px 60px rgba(0,0,0,.26);
  overflow: hidden;
}

.svc-panel-head {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  padding: 18px 20px 8px;
}

.svc-panel-head strong { font-size: 15px; font-weight: 900; }
.svc-panel-head span { color: #288044; font-size: 13px; font-weight: 900; }

.svc-chart {
  height: 158px;
  display: flex;
  align-items: end;
  gap: clamp(7px, 1vw, 13px);
  padding: 16px 18px 18px;
  margin: 0 14px 14px;
  border-radius: 22px;
  background:
    linear-gradient(rgba(23,35,29,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(23,35,29,.06) 1px, transparent 1px);
  background-size: 28px 28px;
}

.svc-bar {
  flex: 1;
  min-width: 16px;
  border-radius: 999px 999px 8px 8px;
  background: linear-gradient(180deg, #f7d86d, var(--gold));
  box-shadow: 0 12px 22px rgba(212,175,55,.26);
  animation: svcBarRise 1.2s ease both;
}
.svc-bar:nth-child(1) { height: 34%; animation-delay: .05s; }
.svc-bar:nth-child(2) { height: 48%; animation-delay: .10s; }
.svc-bar:nth-child(3) { height: 42%; animation-delay: .15s; }
.svc-bar:nth-child(4) { height: 68%; animation-delay: .20s; }
.svc-bar:nth-child(5) { height: 78%; animation-delay: .25s; }
.svc-bar:nth-child(6) { height: 92%; animation-delay: .30s; }
@keyframes svcBarRise { from { height: 0; opacity: .35; } }

.svc-campaign-card {
  display: grid;
  grid-template-columns: 116px 1fr;
  gap: 14px;
  padding: 14px;
  align-items: center;
}

.svc-campaign-card .svc-image-box {
  min-height: 122px;
  border-radius: 20px;
}

.svc-campaign-copy small {
  color: var(--gold);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.svc-campaign-copy strong {
  display: block;
  color: #17231D;
  font-size: 18px;
  line-height: 1.05;
  font-weight: 900;
  letter-spacing: -.045em;
  margin: 7px 0 8px;
}

.svc-campaign-copy p {
  color: #5d675f;
  font-size: 12px;
  line-height: 1.55;
  margin: 0;
  font-weight: 700;
}

.svc-float-card {
  position: absolute;
  z-index: 5;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  border-radius: 18px;
  background: #fff;
  color: var(--text-dark);
  padding: 12px 14px;
  box-shadow: 0 20px 50px rgba(0,0,0,.30);
  font-size: 13px;
  font-weight: 900;
  animation: svcFloat 4.4s ease-in-out infinite;
}

.svc-float-card i {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: linear-gradient(135deg, #f5d668, var(--gold));
  color: #111;
}
.svc-float-one { left: -8px; top: 14%; }
.svc-float-two { right: -6px; bottom: 13%; animation-delay: .75s; }
@keyframes svcFloat { 0%,100%{ transform: translateY(0); } 50%{ transform: translateY(-12px); } }

/* Section base */
.svc-section {
  position: relative;
  padding: clamp(58px, 7vw, 112px) 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 12% 0%, rgba(212,175,55,.06), transparent 24%),
    linear-gradient(180deg, rgba(18,30,22,.38), rgba(23,35,29,.18));
}

.svc-section.alt {
  background:
    radial-gradient(circle at 88% 12%, rgba(113,104,72,.16), transparent 28%),
    linear-gradient(180deg, rgba(8,18,12,.22), rgba(18,30,22,.42));
}

.svc-section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 28px;
  margin-bottom: clamp(28px, 4vw, 52px);
}

.svc-section-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(30px, 4vw, 52px) !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
  color: #fff !important;
  margin: 0 !important;
  letter-spacing: -.045em !important;
  max-width: 790px;
  text-shadow: 0 14px 38px rgba(0,0,0,.28);
}

.svc-section-copy {
  color: var(--muted);
  line-height: 1.82;
  max-width: 540px;
  font-size: 15px;
  margin: 0;
}

/* Graphical service cards */
.svc-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(16px, 2vw, 24px);
}

.svc-card {
  position: relative;
  overflow: hidden;
  min-height: 430px;
  padding: 16px;
  border-radius: 30px;
  background: #fff;
  color: var(--text-dark);
  box-shadow: 0 24px 65px rgba(0,0,0,.26);
  transition: transform .28s ease, box-shadow .28s ease;
}

.svc-card:hover { transform: translateY(-8px); box-shadow: 0 32px 86px rgba(0,0,0,.34); }

.svc-card::after {
  content: "";
  position: absolute;
  width: 180px;
  height: 180px;
  right: -84px;
  bottom: -84px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(212,175,55,.22), transparent 66%);
}

.svc-card-media {
  height: 174px;
  border-radius: 24px;
  margin-bottom: 18px;
}
.svc-card-media img {
  object-fit: cover !important;
  object-position: center center !important;
}

.svc-card-body {
  position: relative;
  z-index: 2;
  padding: 0 8px 8px;
}

.svc-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

.svc-icon {
  width: 54px;
  height: 54px;
  border-radius: 19px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #111;
  background: linear-gradient(135deg, #f7d86d, var(--gold));
  box-shadow: 0 14px 28px rgba(212,175,55,.25);
}
.svc-icon i { font-size: 24px; }

.svc-card-no {
  color: rgba(23,35,29,.12);
  font-size: 48px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -.08em;
}

.svc-card h3 {
  color: #17231D;
  font-size: clamp(19px, 1.45vw, 25px);
  font-weight: 900;
  line-height: 1.12;
  letter-spacing: -.04em;
  margin: 0 0 11px;
}

.svc-card p {
  color: #55625a;
  font-size: 13.5px;
  line-height: 1.68;
  margin: 0 0 17px;
}

.svc-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 18px;
}

.svc-tags span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 10px;
  border-radius: 999px;
  background: #f4f1e7;
  color: #2c372f;
  font-size: 11px;
  font-weight: 900;
}
.svc-tags span::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--gold); }

.svc-card-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #17231D;
  font-size: 13px;
  font-weight: 900;
}

/* Creative split section */
.svc-split {
  display: grid;
  grid-template-columns: minmax(0, 1.03fr) minmax(0, .97fr);
  gap: clamp(24px, 4.5vw, 76px);
  align-items: center;
}

.svc-creative-visual {
  position: relative;
  min-height: 520px;
}

.svc-large-image {
  position: relative;
  z-index: 2;
  min-height: 480px;
  border-radius: 38px;
  box-shadow: 0 34px 95px rgba(0,0,0,.42);
}

.svc-orbit-card {
  position: absolute;
  z-index: 4;
  width: min(260px, 48%);
  padding: 15px;
  border-radius: 22px;
  background: #fff;
  color: #17231D;
  box-shadow: 0 24px 60px rgba(0,0,0,.30);
}

.svc-orbit-card strong {
  display: block;
  font-size: 18px;
  line-height: 1.05;
  font-weight: 900;
  letter-spacing: -.04em;
}

.svc-orbit-card span {
  display: block;
  color: #617066;
  font-size: 12px;
  font-weight: 800;
  margin-top: 6px;
}

.svc-orbit-card i {
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: linear-gradient(135deg, #f7d86d, var(--gold));
  margin-bottom: 12px;
}

.svc-orbit-one { top: 32px; right: -16px; }
.svc-orbit-two { left: -18px; bottom: 38px; }

.svc-benefits {
  display: grid;
  gap: 14px;
  margin-top: 24px;
}

.svc-benefit {
  display: grid;
  grid-template-columns: 54px 1fr;
  gap: 14px;
  align-items: center;
  padding: 16px;
  border-radius: 22px;
  background: #fff;
  color: var(--text-dark);
  box-shadow: 0 18px 45px rgba(0,0,0,.22);
}

.svc-benefit i {
  width: 54px;
  height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  background: linear-gradient(135deg, #f7d86d, var(--gold));
  color: #111;
  font-size: 22px;
}

.svc-benefit strong {
  display: block;
  color: #17231D;
  font-size: 17px;
  font-weight: 900;
  letter-spacing: -.035em;
  margin-bottom: 4px;
}

.svc-benefit span {
  color: #5e6a62;
  font-size: 13px;
  line-height: 1.55;
  font-weight: 700;
}

/* Process */
.svc-process-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(14px, 2vw, 22px);
}

.svc-step {
  position: relative;
  overflow: hidden;
  min-height: 278px;
  padding: clamp(22px, 2vw, 30px);
  border-radius: 28px;
  background:
    radial-gradient(circle at top right, rgba(212,175,55,.16), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f8f6ef 100%);
  border: 1px solid rgba(212,175,55,.22);
  box-shadow: 0 24px 70px rgba(0,0,0,.18);
  display: flex;
  flex-direction: column;
  transition: transform .26s ease, box-shadow .26s ease;
}

.svc-step:hover {
  transform: translateY(-6px);
  box-shadow: 0 28px 85px rgba(0,0,0,.22);
}

.svc-step::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 6px;
  background: linear-gradient(90deg, rgba(212,175,55,.96), rgba(212,175,55,.42));
}

.svc-step::after {
  content: "";
  position: absolute;
  right: -28px;
  top: -28px;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: rgba(212,175,55,.10);
}

.svc-step-num {
  position: relative;
  width: 56px;
  height: 56px;
  border-radius: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #f5d668, var(--gold));
  color: #111;
  font-size: 16px;
  font-weight: 900;
  margin-bottom: 20px;
  box-shadow: 0 10px 24px rgba(212,175,55,.30);
}

.svc-step h3 {
  position: relative;
  color: #17231D;
  font-size: 22px;
  font-weight: 900;
  line-height: 1.12;
  letter-spacing: -.04em;
  margin: 0 0 12px;
}

.svc-step p {
  position: relative;
  color: #5d685f;
  line-height: 1.75;
  font-size: 14px;
  font-weight: 600;
  margin: 0;
  max-width: 95%;
}

/* Platforms */
.svc-platform-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(14px, 2vw, 22px);
}

.svc-platform {
  min-height: 285px;
  padding: 18px;
  border-radius: 30px;
  background: #fff;
  color: var(--text-dark);
  box-shadow: 0 24px 70px rgba(0,0,0,.28);
  transition: transform .26s ease;
}

.svc-platform:hover { transform: translateY(-7px); }

.svc-platform-media {
  height: 120px;
  border-radius: 22px;
  margin-bottom: 18px;
}

.svc-platform h3 {
  color: #17231D;
  font-size: 21px;
  font-weight: 900;
  letter-spacing: -.04em;
  margin: 0 0 9px;
}

.svc-platform p {
  color: #58665d;
  line-height: 1.65;
  font-size: 13.5px;
  margin: 0;
}

/* CTA */
.svc-cta {
  overflow: hidden;
  position: relative;
  padding: clamp(34px, 5vw, 66px);
  border-radius: 38px;
  background:
    radial-gradient(circle at 90% 0%, rgba(255,255,255,.22), transparent 28%),
    linear-gradient(135deg, #f0ca52, var(--gold));
  color: #13170f;
  box-shadow: 0 30px 90px rgba(0,0,0,.34);
}

.svc-cta::before {
  content: "";
  position: absolute;
  right: -120px;
  bottom: -130px;
  width: 330px;
  height: 330px;
  border-radius: 50%;
  background: rgba(255,255,255,.18);
}

.svc-cta-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 24px;
  align-items: center;
}

.svc-cta h2 {
  color: #10150f !important;
  font-size: clamp(28px, 4vw, 56px);
  font-weight: 900;
  line-height: 1;
  letter-spacing: -.05em;
  margin: 0 0 12px;
}

.svc-cta p {
  max-width: 760px;
  color: rgba(16,21,15,.78);
  line-height: 1.75;
  margin: 0;
  font-weight: 800;
}

.svc-cta .svc-btn {
  background: #17231D;
  color: #fff;
  box-shadow: 0 18px 38px rgba(0,0,0,.24);
  white-space: nowrap;
}

/* Reveal animations */
.svc-reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity .75s ease, transform .75s ease;
}

.svc-reveal.is-visible { opacity: 1; transform: translateY(0); }

@media (prefers-reduced-motion: reduce) {
  .svc-reveal, .svc-float-card, .svc-bar { animation: none !important; transition: none !important; opacity: 1 !important; transform: none !important; }
}

@media (max-width: 1200px) {
  .svc-hero-grid, .svc-split { grid-template-columns: 1fr; }
  .svc-visual { min-height: auto; }
  .svc-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .svc-process-grid, .svc-platform-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .svc-large-image { min-height: 420px; }
}

@media (max-width: 900px) {
  .services-page-hero { padding-bottom: 32px; }
  .svc-hero { padding-top: 60px; }
  .svc-title { font-size: clamp(31px, 8vw, 54px) !important; }
  .svc-section-head { display: block; }
  .svc-section-copy { margin-top: 14px; }
  .svc-showcase-grid { grid-template-columns: 1fr; }
  .svc-phone { min-height: auto; }
  .svc-phone-screen { min-height: auto; }
  .svc-float-card, .svc-orbit-card { display: none; }
  .svc-cta-grid { grid-template-columns: 1fr; }
  .svc-cta .svc-btn { width: max-content; }
}

@media (max-width: 680px) {
  .svc-container, .svc-hero { width: 95%; }
  .svc-title-line { white-space: normal; }
  .svc-hero { padding-top: 48px; }
  .svc-lead { font-size: 14px; }
  .svc-hero-actions { align-items: stretch; }
  .svc-btn, .svc-cta .svc-btn { width: 100%; }
  .svc-card-grid, .svc-process-grid, .svc-platform-grid { grid-template-columns: 1fr; }
  .svc-card { min-height: auto; border-radius: 24px; }
  .svc-card-media { height: 155px; }
  .svc-section { padding: 52px 0; }
  .svc-showcase { border-radius: 26px; padding: 14px; min-height: auto; }
  .svc-campaign-card { grid-template-columns: 1fr; }
  .svc-campaign-card .svc-image-box { min-height: 150px; }
  .svc-phone-stats { grid-template-columns: 1fr; }
  .svc-split { gap: 28px; }
  .svc-creative-visual { min-height: auto; }
  .svc-large-image { min-height: 290px; border-radius: 26px; }
  .svc-benefit { grid-template-columns: 1fr; text-align: center; justify-items: center; }
  .svc-section-title { font-size: clamp(28px, 9vw, 42px) !important; text-align: center; }
  .svc-section-kicker { justify-content: center; width: 100%; }
  .svc-section-copy { text-align: center; }
}

  

/* ════════════════════════════════
   UPDATE: service cards smaller / cleaner
════════════════════════════════ */
.svc-card-grid {
  gap: clamp(12px, 1.35vw, 18px) !important;
}

.svc-card {
  min-height: 360px !important;
  padding: 12px !important;
  border-radius: 24px !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.23) !important;
}

.svc-card:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 24px 62px rgba(0,0,0,.30) !important;
}

.svc-card-media {
  height: 132px !important;
  border-radius: 18px !important;
  margin-bottom: 13px !important;
}

.svc-card-body {
  padding: 0 4px 4px !important;
}

.svc-card-top {
  margin-bottom: 10px !important;
}

.svc-icon {
  width: 44px !important;
  height: 44px !important;
  border-radius: 14px !important;
}

.svc-icon i {
  font-size: 19px !important;
}

.svc-card-no {
  font-size: 38px !important;
}

.svc-card h3 {
  font-size: clamp(16px, 1.12vw, 20px) !important;
  line-height: 1.12 !important;
  margin-bottom: 8px !important;
}

.svc-card p {
  font-size: 12px !important;
  line-height: 1.55 !important;
  margin-bottom: 12px !important;
}

.svc-tags {
  gap: 6px !important;
  margin-bottom: 12px !important;
}

.svc-tags span {
  padding: 6px 8px !important;
  font-size: 9.5px !important;
}

.svc-card-link {
  font-size: 11.5px !important;
}

.svc-image-fallback i {
  width: 42px !important;
  height: 42px !important;
  border-radius: 12px !important;
  font-size: 18px !important;
}

.svc-image-fallback span {
  font-size: 10px !important;
}

@media (max-width: 1100px) {
  .svc-card { min-height: 345px !important; }
  .svc-card-media { height: 120px !important; }
}

@media (max-width: 900px) {
  .svc-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  .svc-card-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
  .svc-card {
    min-height: auto !important;
    padding: 12px !important;
  }
  .svc-card-media {
    height: 118px !important;
  }
}



/* UPDATE: hero right side now has only one image area */
.svc-one-image-visual {
  min-height: clamp(430px, 48vw, 620px) !important;
}
.svc-single-image-showcase {
  width: min(100%, 660px) !important;
  min-height: auto !important;
  padding: clamp(18px, 2.2vw, 30px) !important;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.svc-main-image-box {
  width: 100%;
  min-height: clamp(320px, 34vw, 470px);
  border-radius: 30px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.65), 0 22px 60px rgba(0,0,0,.20);
}
.svc-main-image-box .svc-image-fallback i {
  width: 62px;
  height: 62px;
  border-radius: 20px;
  font-size: 28px;
}
.svc-main-image-box .svc-image-fallback span {
  font-size: clamp(12px, 1vw, 15px);
}
@media (max-width: 768px) {
  .svc-one-image-visual { min-height: auto !important; }
  .svc-main-image-box { min-height: 120px; border-radius: 16px; max-width: 75%; margin: 0 auto; }
}

/* UPDATE: remove background from large image area + compact hero/visual section */
.svc-hero {
  padding: clamp(54px, 5.8vw, 92px) 0 clamp(22px, 3.5vw, 46px) !important;
}
.svc-visual {
  min-height: clamp(360px, 40vw, 500px) !important;
}
.svc-one-image-visual {
  min-height: clamp(340px, 38vw, 500px) !important;
}
.svc-single-image-showcase {
  min-height: auto !important;
}
.svc-main-image-box {
  min-height: clamp(245px, 27vw, 360px) !important;
}
.svc-creative-visual {
  min-height: 380px !important;
}
.svc-large-image {
  min-height: 350px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.svc-large-image .svc-image-fallback {
  display: none !important;
}
@media (max-width: 768px) {
  .svc-hero { padding-top: 8px !important; }
  .svc-visual, .svc-one-image-visual { min-height: auto !important; }
  .svc-main-image-box { min-height: 110px !important; max-width: 75% !important; margin: 0 auto !important; }
  .svc-creative-visual { min-height: auto !important; }
  .svc-large-image { min-height: 240px !important; }
}



/* FINAL TWEAKS: tighter navbar gap + smaller enhanced hero visual */
.apex-nav {
  padding: 6px 0 4px !important;
}
.services-page-hero {
  min-height: auto !important;
}
.services-page-hero > .site-wrap {
  padding-top: clamp(52px, 6vw, 64px) !important;
}
.svc-hero {
  padding: clamp(26px, 3.2vw, 52px) 0 clamp(20px, 3vw, 40px) !important;
}
.svc-hero-grid {
  gap: clamp(18px, 3vw, 44px) !important;
  align-items: center !important;
}
.svc-visual,
.svc-one-image-visual {
  min-height: clamp(300px, 33vw, 420px) !important;
}
.svc-showcase,
.svc-single-image-showcase {
  width: min(100%, 600px) !important;
  padding: clamp(16px, 1.8vw, 22px) !important;
  border-radius: 32px !important;
  background: linear-gradient(145deg, rgba(255,255,255,.14), rgba(255,255,255,.05)), rgba(18,30,22,.84) !important;
  box-shadow: 0 28px 80px rgba(0,0,0,.34) !important;
}
.svc-showcase-top {
  margin-bottom: 14px !important;
}
.svc-showcase-title strong {
  font-size: clamp(17px, 1.5vw, 22px) !important;
}
.svc-main-image-box {
  min-height: clamp(205px, 22vw, 285px) !important;
  border-radius: 24px !important;
  background: transparent !important;
  border: 1.5px dashed rgba(212,175,55,.28) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.05) !important;
}
.svc-main-image-box::before,
.svc-main-image-box::after {
  display: none !important;
}
.svc-main-image-box img {
  object-fit: contain !important;
  background: transparent !important;
}
.svc-main-image-box .svc-image-fallback {
  color: #d8dfd8 !important;
}
.svc-main-image-box .svc-image-fallback i {
  box-shadow: 0 10px 24px rgba(212,175,55,.24) !important;
}
@media (max-width: 992px) {
  .svc-hero {
    padding-top: 20px !important;
  }
}
@media (max-width: 768px) {
  .apex-nav {
    padding: 8px 0 6px !important;
  }
  .svc-hero {
    padding-top: 22px !important;
  }
  .svc-visual,
  .svc-one-image-visual {
    min-height: auto !important;
  }
  .svc-single-image-showcase {
    width: 100% !important;
    padding: 16px !important;
  }
  .svc-main-image-box {
    min-height: 220px !important;
  }
}



/* HERO TITLE FIT + ENHANCED IMAGE VISUALS */
.svc-hero-grid {
  grid-template-columns: minmax(0, 1.02fr) minmax(340px, .98fr) !important;
  gap: clamp(18px, 3vw, 36px) !important;
}
.svc-title {
  font-size: clamp(34px, 4vw, 58px) !important;
  line-height: .97 !important;
  letter-spacing: -.055em !important;
  max-width: 680px;
}
.svc-title-line {
  white-space: nowrap;
}
.svc-lead {
  max-width: 620px;
}
.svc-showcase-title span {
  font-size: 11px !important;
}
.svc-main-image-box {
  background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02)), rgba(11,18,14,.28) !important;
}
.svc-main-image-box .svc-image-fallback {
  color: #eef1eb !important;
}
.svc-main-image-box .svc-image-fallback::after {
  content: none;
  display: none;
}

.svc-creative-visual {
  min-height: 440px !important;
}
.svc-large-image {
  min-height: 430px !important;
  border-radius: 34px !important;
  background: linear-gradient(145deg, rgba(255,255,255,.10), rgba(255,255,255,.04)), rgba(18,30,22,.76) !important;
  border: 1px solid rgba(212,175,55,.18) !important;
  box-shadow: 0 28px 82px rgba(0,0,0,.32) !important;
  overflow: hidden;
}
.svc-large-image::before {
  content: "";
  position: absolute;
  inset: 20px;
  border-radius: 26px;
  border: 1.5px dashed rgba(212,175,55,.26);
  background: radial-gradient(circle at 50% 46%, rgba(212,175,55,.08), transparent 58%);
  z-index: 1;
}
.svc-large-image::after {
  content: "";
  position: absolute;
  right: -60px;
  bottom: -60px;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: rgba(212,175,55,.08);
  z-index: 1;
}
.svc-large-image .svc-image-fallback {
  display: grid !important;
  place-content: center;
  gap: 10px;
  position: absolute;
  inset: 0;
  z-index: 2;
  color: #f6f7f4 !important;
  text-align: center;
}
.svc-large-image .svc-image-fallback i {
  width: 64px;
  height: 64px;
  border-radius: 20px;
  font-size: 28px;
  background: linear-gradient(135deg, #f5d668, var(--gold));
  color: #111;
  box-shadow: 0 14px 32px rgba(212,175,55,.22);
}
.svc-large-image .svc-image-fallback::after {
  content: none;
  display: none;
}
.svc-orbit-card {
  width: min(220px, 42%) !important;
  padding: 14px 16px !important;
  border-radius: 20px !important;
  box-shadow: 0 18px 46px rgba(0,0,0,.26) !important;
}
.svc-orbit-card strong {
  font-size: 16px !important;
}
.svc-orbit-card span {
  font-size: 11px !important;
}
.svc-orbit-one {
  top: 26px !important;
  right: 16px !important;
}
.svc-orbit-two {
  left: 16px !important;
  bottom: 26px !important;
}
@media (max-width: 1280px) {
  .svc-title {
    font-size: clamp(30px, 3.8vw, 50px) !important;
    max-width: 600px;
  }
}
@media (max-width: 992px) {
  .svc-title {
    font-size: clamp(30px, 5.4vw, 46px) !important;
    max-width: 100%;
  }
  .svc-title-line {
    white-space: normal;
  }
  .svc-creative-visual {
    min-height: auto !important;
  }
  .svc-large-image {
    min-height: 340px !important;
  }
}
@media (max-width: 768px) {
  .svc-title {
    font-size: clamp(28px, 8vw, 40px) !important;
    line-height: 1.02 !important;
  }
  .svc-main-image-box {
    min-height: 210px !important;
  }
  .svc-large-image {
    min-height: 280px !important;
  }
  .svc-orbit-card {
    width: min(200px, 46%) !important;
  }
}



/* HERO STATS BAR */
.svc-hero-stats-wrap {
  width: 95%;
  max-width: 1480px;
  margin: -6px auto 18px;
  position: relative;
  z-index: 0;
}
.svc-hero-stats {
  background: #fff;
  border-radius: 22px;
  padding: 10px;
  border: 1px solid rgba(212,175,55,.18);
  box-shadow: 0 22px 70px rgba(0,0,0,.18);
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.svc-stat-card {
  min-height: 62px;
  border-radius: 16px;
  border: 1px solid rgba(23,35,29,.08);
  background: linear-gradient(180deg, #ffffff 0%, #fcfbf7 100%);
  display: grid;
  grid-template-columns: 42px 1fr;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
}
.svc-stat-icon {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #f5d668, var(--gold));
  color: #111;
  box-shadow: 0 8px 18px rgba(212,175,55,.24);
  font-size: 14px;
}
.svc-stat-text strong {
  display: block;
  color: #17231D;
  font-size: clamp(18px, 1.5vw, 22px);
  line-height: 1;
  font-weight: 900;
  letter-spacing: -.04em;
  margin-bottom: 3px;
}
.svc-stat-text span {
  display: block;
  color: #59655d;
  font-size: 11px;
  line-height: 1.2;
  font-weight: 800;
}
@media (max-width: 1100px) {
  .svc-hero-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  .svc-hero-stats-wrap {
    margin: 6px auto 14px;
  }
  .svc-hero-stats {
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 8px;
    border-radius: 18px;
  }
  .svc-stat-card {
    min-height: 58px;
    grid-template-columns: 38px 1fr;
    gap: 10px;
    padding: 10px 12px;
  }
  .svc-stat-icon {
    width: 32px;
    height: 32px;
    font-size: 13px;
  }
}



/* FINAL: hero 95% screen width + visual shifted right */
.services-page-hero > .site-wrap {
  width: 95vw !important;
  max-width: 95vw !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: clamp(40px, 5vw, 52px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.svc-hero-grid {
  grid-template-columns: minmax(0, .98fr) minmax(360px, 1.02fr) !important;
  gap: clamp(18px, 2.5vw, 34px) !important;
}
.svc-one-image-visual,
.svc-visual {
  transform: translateX(clamp(14px, 2vw, 32px));
}
.svc-single-image-showcase {
  margin-left: auto !important;
}
@media (max-width: 992px) {
  .services-page-hero > .site-wrap {
    width: 95% !important;
    max-width: 95% !important;
  }
  .svc-hero-grid {
    grid-template-columns: 1fr !important;
  }
  .svc-one-image-visual,
  .svc-visual {
    transform: none !important;
  }
}



/* FINAL SPACING TWEAK: reduce gaps after every section */
.svc-section {
  padding: clamp(38px, 5vw, 78px) 0 !important;
}
.svc-section-head {
  margin-bottom: clamp(20px, 2.8vw, 34px) !important;
}
.svc-hero {
  padding-bottom: clamp(14px, 2vw, 28px) !important;
}
.svc-hero-stats-wrap {
  margin: -4px auto 8px !important;
}
.svc-card-grid,
.svc-process-grid,
.svc-platform-grid,
.svc-faq-grid,
.svc-split {
  gap: clamp(14px, 2.4vw, 34px) !important;
}
.svc-card-grid {
  row-gap: clamp(18px, 2.5vw, 32px) !important;
}
.svc-benefits {
  gap: 10px !important;
}
.svc-footer-spacer,
.svc-section + .svc-section {
  margin-top: 0 !important;
}
@media (max-width: 768px) {
  .svc-section {
    padding: 38px 0 !important;
  }
  .svc-section-head {
    margin-bottom: 22px !important;
  }
  .svc-hero-stats-wrap {
    margin: 4px auto 6px !important;
  }
}



/* HOW IT WORKS - exact style update */
.svc-process-section {
  padding-top: clamp(34px, 4vw, 58px) !important;
}
.svc-process-panel {
  position: relative;
  overflow: hidden;
  border-radius: 34px;
  padding: clamp(34px, 4vw, 46px) clamp(28px, 3vw, 34px) clamp(28px, 3vw, 38px);
  background:
    radial-gradient(circle at 50% 0%, rgba(212,175,55,.06), transparent 22%),
    linear-gradient(180deg, rgba(2,14,10,.88), rgba(2,14,10,.96));
  box-shadow: inset 0 0 0 1px rgba(212,175,55,.08), 0 30px 90px rgba(0,0,0,.22);
}
.svc-process-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255,255,255,.02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px);
  background-size: 52px 52px;
  opacity: .28;
  pointer-events: none;
}
.svc-process-head {
  position: relative;
  z-index: 2;
  text-align: center;
  max-width: 860px;
  margin: 0 auto clamp(24px, 3vw, 34px);
}
.svc-process-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--gold);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
  margin-bottom: 14px;
}
.svc-process-kicker::before,
.svc-process-kicker::after {
  content: "";
  width: 34px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--gold-light), var(--gold));
}
.svc-process-title {
  margin: 0 0 14px;
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(38px, 4.6vw, 62px) !important;
  line-height: .98 !important;
  letter-spacing: -.055em !important;
  font-weight: 900 !important;
  text-transform: uppercase;
}
.svc-process-title-line {
  display: block;
}
.svc-process-title .svc-white { color: #fff; }
.svc-process-title .svc-gold { color: var(--gold); }
.svc-process-sub {
  margin: 0 auto;
  max-width: 720px;
  color: rgba(255,255,255,.72);
  font-size: clamp(14px, 1.15vw, 18px);
  line-height: 1.7;
}
.svc-process-grid-exact {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 14px;
  align-items: stretch;
}
.svc-process-grid-exact .svc-step {
  min-height: 176px;
  padding: 18px 16px 16px;
  border-radius: 22px;
  background: linear-gradient(180deg, #ffffff 0%, #fbfbf8 100%);
  border: 1px solid rgba(23,35,29,.08);
  box-shadow: 0 18px 48px rgba(0,0,0,.16);
}
.svc-process-grid-exact .svc-step::before,
.svc-process-grid-exact .svc-step::after {
  display: none;
}
.svc-process-grid-exact .svc-step-num {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-bottom: 14px;
  font-size: 14px;
  box-shadow: none;
}
.svc-process-grid-exact .svc-step h3 {
  color: #17231D;
  font-size: 18px;
  margin: 0 0 8px;
  letter-spacing: -.03em;
}
.svc-process-grid-exact .svc-step p {
  color: #5e6961;
  font-size: 13px;
  line-height: 1.55;
  font-weight: 700;
  max-width: 100%;
}
@media (max-width: 1320px) {
  .svc-process-grid-exact {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 820px) {
  .svc-process-panel {
    border-radius: 28px;
    padding: 28px 18px 22px;
  }
  .svc-process-grid-exact {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
}
@media (max-width: 560px) {
  .svc-process-title {
    font-size: clamp(30px, 9vw, 42px) !important;
  }
  .svc-process-grid-exact {
    grid-template-columns: 1fr;
  }
  .svc-process-grid-exact .svc-step {
    min-height: auto;
  }
}



/* TEAM SECTION */
.svc-team-section {
  padding-top: clamp(40px, 4.8vw, 70px) !important;
}
.svc-team-head {
  text-align: center;
  max-width: 920px;
  margin: 0 auto clamp(28px, 3.6vw, 42px);
}
.svc-team-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--gold);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .18em;
  text-transform: uppercase;
  margin-bottom: 14px;
}
.svc-team-kicker::before,
.svc-team-kicker::after {
  content: "";
  width: 34px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--gold-light), var(--gold));
}
.svc-team-title {
  margin: 0 0 16px;
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(38px, 4.7vw, 66px) !important;
  font-weight: 900 !important;
  line-height: .98 !important;
  letter-spacing: -.055em !important;
  text-transform: uppercase;
}
.svc-team-white { color: #fff; }
.svc-team-gold { color: var(--gold); }
.svc-team-sub {
  margin: 0 auto;
  max-width: 720px;
  color: rgba(255,255,255,.76);
  font-size: clamp(14px, 1.15vw, 18px);
  line-height: 1.7;
}
.svc-team-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(22px, 2.8vw, 34px);
}
.svc-team-card {
  overflow: hidden;
  border-radius: 30px;
  border: 1px solid rgba(255,255,255,.12);
  background: transparent;
  box-shadow: 0 22px 65px rgba(0,0,0,.22);
}
.svc-team-media {
  height: 360px;
  border-radius: 30px 30px 0 0;
  border: 0;
  background:
    radial-gradient(circle at 50% 35%, rgba(212,175,55,.08), transparent 38%),
    linear-gradient(135deg, rgba(212,175,55,.16), rgba(23,35,29,.08)),
    #183126;
}
.svc-team-media img {
  object-fit: cover !important;
  object-position: top center !important;
}
.svc-team-media .svc-image-fallback {
  color: #fff !important;
}
.svc-team-info {
  background: linear-gradient(180deg, #ffffff 0%, #faf9f5 100%);
  padding: 14px 16px 16px;
  text-align: center;
}
.svc-team-info h3 {
  margin: 0 0 4px;
  color: #17231D;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: -.03em;
}
.svc-team-info p {
  margin: 0;
  color: #79837c;
  font-size: 12px;
  font-weight: 700;
}
.svc-team-tags {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}
.svc-team-tags span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: 5px 12px;
  border-radius: 999px;
  border: 1px solid rgba(212,175,55,.45);
  color: #b69222;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .02em;
  background: #fffdf7;
}
@media (max-width: 1120px) {
  .svc-team-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .svc-team-grid { grid-template-columns: 1fr; }
  .svc-team-media { height: 320px; }
  .svc-team-title { font-size: clamp(30px, 8vw, 44px) !important; }
}


/* ══════════════════════════════════════════════════════════
   MOBILE DESKTOP-PARITY — exact same layout as desktop,
   only text scales down when content is too long
══════════════════════════════════════════════════════════ */
@media screen and (max-width: 1279px) {

  /* ── NAV: keep desktop links visible, small text ── */
  .apex-nav,
  .apex-nav.nav-scrolled,
  .apex-nav.is-sticky {
    padding: 5px 0 4px !important;
  }
  .nav-links { display: flex !important; flex-wrap: nowrap !important; gap: clamp(1px, 0.5vw, 3px) !important; }
  .nav-toggle { display: none !important; }
  .nav-mobile { display: none !important; pointer-events: none !important; visibility: hidden !important; }
  .nav-right > .btn-cta { display: inline-flex !important; }
  .nav-right { margin-right: 0 !important; flex-wrap: nowrap !important; gap: 0 !important; min-width: 0 !important; }
  .nav-inner { flex-wrap: nowrap !important; gap: 4px !important; }
  .nav-left { flex: 0 0 auto !important; min-width: 0 !important; }
  .nav-links a {
    font-size: clamp(5px, 1.45vw, 7.5px) !important;
    padding: 3px clamp(2px, 0.6vw, 4px) !important;
    gap: clamp(2px, 0.5vw, 3px) !important;
    white-space: nowrap !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: -.01em !important;
  }
  .nav-links a i { font-size: clamp(5px, 1.35vw, 7px) !important; line-height: 1 !important; }
  .nav-links a.active::after {
    width: clamp(10px, 2.5vw, 15px) !important;
    height: 1px !important;
    bottom: -3px !important;
  }
  .brand-logo,
  .apex-nav.nav-scrolled .brand-logo {
    height: clamp(22px, 6.5vw, 36px) !important;
    max-width: clamp(60px, 18vw, 100px) !important;
    width: auto !important;
    object-fit: contain !important;
  }
  .brand { gap: 0 !important; }
  .lamp-wrap { display: block !important; width: clamp(100px, 24vw, 160px) !important; left: clamp(40px, 10vw, 100px) !important; }

  /* ── HERO: 2-column desktop layout ── */
  .hero-grid {
    grid-template-columns: minmax(0, 5fr) minmax(0, 6fr) !important;
    gap: clamp(4px, 1vw, 12px) !important;
  }
  .hero-left { text-align: left !important; transform: none !important; padding-bottom: clamp(16px, 3vw, 32px) !important; }
  .hero-copy { text-align: left !important; margin-bottom: clamp(14px, 3vw, 24px) !important; }
  .hero-right { display: block !important; }
  .hero-visual { display: block !important; flex-direction: row !important; }
  .hero-btns { justify-content: flex-start !important; flex-wrap: nowrap !important; gap: clamp(6px, 1.5vw, 14px) !important; }
  .socials { justify-content: flex-start !important; }
  .hero-line { font-size: clamp(18px, 4.8vw, 48px) !important; white-space: nowrap !important; }
  .hero-sub { font-size: clamp(9px, 2.2vw, 16px) !important; }
  .btn-primary-hero, .btn-ghost-hero {
    width: auto !important;
    padding: clamp(8px, 2vw, 15px) clamp(12px, 3vw, 28px) !important;
    font-size: clamp(9px, 2.2vw, 15px) !important;
    white-space: nowrap !important;
  }
  .s-box { width: clamp(36px, 9vw, 68px) !important; height: clamp(36px, 9vw, 68px) !important; font-size: clamp(16px, 4vw, 32px) !important; border-radius: clamp(10px, 2.5vw, 18px) !important; }

  /* ── SVC HERO: 2-column ── */
  .svc-hero {
    padding: clamp(16px, 4vw, 52px) 0 clamp(12px, 2.5vw, 28px) !important;
  }
  .svc-hero-content {
    min-width: 0 !important;
    overflow: visible !important;
  }
  .svc-hero-grid {
    grid-template-columns: minmax(0, 1.18fr) minmax(0, 0.82fr) !important;
    gap: clamp(6px, 1.5vw, 20px) !important;
    align-items: center !important;
  }
  .svc-one-image-visual, .svc-visual {
    transform: translateX(clamp(2px, 0.5vw, 12px)) !important;
    min-height: clamp(160px, 36vw, 420px) !important;
  }
  .svc-kicker {
    font-size: clamp(6px, 1.5vw, 11px) !important;
    letter-spacing: .12em !important;
    margin-bottom: clamp(6px, 1.5vw, 12px) !important;
    gap: 6px !important;
  }
  .svc-kicker::before { width: clamp(14px, 3.5vw, 30px) !important; }
  .svc-title {
    font-size: clamp(11px, 2.9vw, 48px) !important;
    line-height: .97 !important;
    max-width: 100% !important;
    margin-bottom: clamp(8px, 2vw, 18px) !important;
    letter-spacing: -.04em !important;
  }
  .svc-title-line { white-space: normal !important; }
  .svc-lead {
    font-size: clamp(6.5px, 1.65vw, 14px) !important;
    line-height: 1.5 !important;
    max-width: 100% !important;
    margin-bottom: clamp(8px, 2vw, 16px) !important;
  }
  .svc-hero-actions {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: clamp(4px, 1vw, 10px) !important;
    margin-bottom: clamp(8px, 2vw, 16px) !important;
  }
  .svc-btn, .svc-cta .svc-btn {
    width: auto !important;
    min-height: auto !important;
    padding: clamp(5px, 1.2vw, 12px) clamp(6px, 1.5vw, 18px) !important;
    font-size: clamp(6px, 1.55vw, 13px) !important;
    white-space: nowrap !important;
    border-radius: clamp(6px, 1.5vw, 14px) !important;
    gap: clamp(3px, 0.8vw, 8px) !important;
  }
  .svc-btn i { font-size: clamp(7px, 1.7vw, 12px) !important; }
  .svc-hero-pills {
    flex-wrap: nowrap !important;
    gap: clamp(3px, 0.8vw, 8px) !important;
    overflow: visible !important;
  }
  .svc-pill {
    font-size: clamp(5.5px, 1.4vw, 11px) !important;
    padding: clamp(3px, 0.8vw, 8px) clamp(5px, 1.2vw, 10px) !important;
    white-space: nowrap !important;
    gap: clamp(3px, 0.8vw, 6px) !important;
    flex-shrink: 1 !important;
    min-width: 0 !important;
  }
  .svc-pill i { font-size: clamp(6px, 1.5vw, 10px) !important; flex-shrink: 0 !important; }
  .svc-showcase, .svc-single-image-showcase {
    width: 100% !important;
    padding: clamp(6px, 1.5vw, 16px) !important;
    border-radius: clamp(10px, 2.5vw, 32px) !important;
  }
  .svc-showcase-top { margin-bottom: clamp(6px, 1.5vw, 12px) !important; gap: 4px !important; }
  .svc-showcase-title strong { font-size: clamp(7px, 1.8vw, 18px) !important; line-height: 1.1 !important; }
  .svc-showcase-title span { font-size: clamp(5.5px, 1.35vw, 11px) !important; display: none !important; }
  .svc-live-badge { font-size: clamp(5.5px, 1.35vw, 10px) !important; padding: clamp(2px, 0.5vw, 5px) clamp(4px, 1vw, 8px) !important; white-space: nowrap !important; }
  .svc-main-image-box { min-height: clamp(90px, 22vw, 285px) !important; border-radius: clamp(8px, 2vw, 24px) !important; }
  .svc-main-image-box .svc-image-fallback i { width: clamp(24px, 6vw, 62px) !important; height: clamp(24px, 6vw, 62px) !important; font-size: clamp(10px, 2.5vw, 28px) !important; }
  .svc-main-image-box .svc-image-fallback span { font-size: clamp(5.5px, 1.4vw, 12px) !important; }
  .svc-main-image-box .svc-image-fallback::after { font-size: clamp(5.5px, 1.4vw, 12px) !important; }

  /* ── STATS BAR: 4 columns ── */
  .svc-hero-stats {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: clamp(4px, 1vw, 10px) !important;
    padding: clamp(6px, 1.5vw, 10px) !important;
    border-radius: clamp(12px, 3vw, 22px) !important;
  }
  .svc-stat-card {
    grid-template-columns: clamp(24px, 6vw, 42px) 1fr !important;
    gap: clamp(4px, 1vw, 10px) !important;
    padding: clamp(6px, 1.5vw, 10px) clamp(6px, 1.5vw, 12px) !important;
    min-height: clamp(44px, 11vw, 62px) !important;
    border-radius: clamp(10px, 2.5vw, 16px) !important;
  }
  .svc-stat-icon {
    width: clamp(22px, 5.5vw, 34px) !important;
    height: clamp(22px, 5.5vw, 34px) !important;
    font-size: clamp(9px, 2.2vw, 14px) !important;
  }
  .svc-stat-text strong { font-size: clamp(11px, 2.8vw, 20px) !important; }
  .svc-stat-text span { font-size: clamp(7px, 1.6vw, 11px) !important; }

  .feat-inner, .stats-inner { grid-template-columns: repeat(4, 1fr) !important; }
  .feat-item + .feat-item { border-left: 1px solid rgba(0,0,0,.1) !important; border-top: none !important; }
  .feat-item:nth-child(3), .feat-item:nth-child(4) { border-top: none !important; }
  .stat-item + .stat-item { border-left: 1px solid rgba(255,255,255,.08) !important; border-top: none !important; }
  .stat-item:nth-child(n) { border-top: none !important; }
  .feat-item { padding: clamp(10px, 2.5vw, 18px) clamp(8px, 2vw, 16px) !important; }
  .feat-icon { width: clamp(32px, 8vw, 52px) !important; height: clamp(32px, 8vw, 52px) !important; font-size: clamp(14px, 3.5vw, 22px) !important; }
  .feat-text { font-size: clamp(9px, 2.2vw, 14px) !important; }
  .stat-item { padding: clamp(10px, 2.5vw, 18px) clamp(8px, 2vw, 16px) !important; }
  .stat-icon { font-size: clamp(20px, 5vw, 36px) !important; }
  .stat-val { font-size: clamp(14px, 3.5vw, 26px) !important; }
  .stat-lbl { font-size: clamp(8px, 2vw, 13px) !important; }

  /* ── SERVICES SECTION HEAD: side-by-side ── */
  .svc-section-head {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: clamp(8px, 2vw, 24px) !important;
    text-align: left !important;
  }
  .svc-section-title {
    font-size: clamp(14px, 3.8vw, 42px) !important;
    text-align: left !important;
    max-width: 55% !important;
  }
  .svc-section-copy {
    font-size: clamp(8px, 2vw, 14px) !important;
    text-align: left !important;
    max-width: 42% !important;
    line-height: 1.6 !important;
  }
  .svc-section-kicker { justify-content: flex-start !important; width: auto !important; font-size: clamp(7px, 1.8vw, 11px) !important; }

  /* ── SERVICE CARDS: one-at-a-time slider on mobile ── */
  .svc-card-slider-wrap { width: 100%; overflow: hidden; }
  .svc-card-grid {
    display: flex !important;
    grid-template-columns: none !important;
    flex-wrap: nowrap !important;
    gap: 14px !important;
    row-gap: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 4px 0 10px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    overscroll-behavior-x: contain !important;
  }
  .svc-card-grid::-webkit-scrollbar { display: none !important; }
  .svc-card-grid .svc-card {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
    min-height: auto !important;
    padding: 0 !important;
    border-radius: clamp(10px, 2.5vw, 16px) !important;
    background: transparent !important;
  }
  .svc-card-grid .svc-card-media { height: clamp(150px, 38vw, 280px) !important; border-radius: clamp(10px, 2.5vw, 16px) clamp(10px, 2.5vw, 16px) 0 0 !important; margin-bottom: 0 !important; border: 0 !important; }
  .svc-card-grid .svc-icon { width: 44px !important; height: 44px !important; border-radius: 14px !important; }
  .svc-card-grid .svc-icon i { font-size: 19px !important; }
  .svc-card-grid .svc-card-no { font-size: 38px !important; }
  .svc-card-grid .svc-card h3 { font-size: 16px !important; margin-bottom: 8px !important; }
  .svc-card-grid .svc-card p { font-size: 12px !important; line-height: 1.55 !important; margin-bottom: 12px !important; }
  .svc-card-grid .svc-tags span { font-size: 9.5px !important; padding: 6px 8px !important; }
  .svc-card-grid .svc-card-link { font-size: 11.5px !important; }

  /* ── CREATIVE SPLIT: 2 columns, show orbit cards ── */
  .svc-split {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: clamp(10px, 2.5vw, 40px) !important;
    align-items: center !important;
  }
  .svc-creative-visual { min-height: clamp(200px, 50vw, 440px) !important; }
  .svc-large-image { min-height: clamp(180px, 45vw, 430px) !important; border-radius: clamp(16px, 4vw, 34px) !important; }
  .svc-orbit-card { display: block !important; width: min(160px, 44%) !important; padding: clamp(8px, 2vw, 14px) !important; border-radius: clamp(12px, 3vw, 20px) !important; }
  .svc-orbit-card strong { font-size: clamp(9px, 2.2vw, 16px) !important; }
  .svc-orbit-card span { font-size: clamp(7px, 1.6vw, 11px) !important; }
  .svc-orbit-card i { width: clamp(24px, 6vw, 38px) !important; height: clamp(24px, 6vw, 38px) !important; font-size: clamp(12px, 3vw, 18px) !important; margin-bottom: clamp(6px, 1.5vw, 10px) !important; }
  .svc-float-card { display: flex !important; }
  .svc-benefit {
    grid-template-columns: clamp(32px, 8vw, 54px) 1fr !important;
    text-align: left !important;
    justify-items: start !important;
    padding: clamp(8px, 2vw, 14px) !important;
    border-radius: clamp(12px, 3vw, 22px) !important;
    gap: clamp(8px, 2vw, 14px) !important;
  }
  .svc-benefit i { width: clamp(32px, 8vw, 54px) !important; height: clamp(32px, 8vw, 54px) !important; font-size: clamp(14px, 3.5vw, 22px) !important; border-radius: clamp(10px, 2.5vw, 18px) !important; }
  .svc-benefit strong { font-size: clamp(10px, 2.5vw, 16px) !important; }
  .svc-benefit span { font-size: clamp(8px, 2vw, 12px) !important; }

  /* ── PROCESS: 6 columns ── */
  .svc-process-grid.svc-process-grid-exact {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: clamp(4px, 1vw, 14px) !important;
  }
  .svc-process-grid-exact .svc-step {
    min-height: clamp(100px, 25vw, 176px) !important;
    padding: clamp(8px, 2vw, 16px) clamp(6px, 1.5vw, 14px) !important;
    border-radius: clamp(10px, 2.5vw, 22px) !important;
  }
  .svc-process-grid-exact .svc-step-num {
    width: clamp(22px, 5.5vw, 40px) !important;
    height: clamp(22px, 5.5vw, 40px) !important;
    font-size: clamp(8px, 2vw, 14px) !important;
    margin-bottom: clamp(6px, 1.5vw, 12px) !important;
  }
  .svc-process-grid-exact .svc-step h3 { font-size: clamp(7px, 1.8vw, 16px) !important; margin-bottom: clamp(3px, 0.8vw, 6px) !important; }
  .svc-process-grid-exact .svc-step p { font-size: clamp(6px, 1.5vw, 12px) !important; line-height: 1.4 !important; }
  .svc-process-title { font-size: clamp(14px, 3.8vw, 48px) !important; }
  .svc-process-sub { font-size: clamp(8px, 2vw, 15px) !important; }
  .svc-process-kicker { font-size: clamp(7px, 1.8vw, 11px) !important; }
  .svc-process-panel { border-radius: clamp(16px, 4vw, 34px) !important; padding: clamp(16px, 4vw, 34px) clamp(12px, 3vw, 28px) !important; }

  /* ── TEAM: one-at-a-time slider on mobile ── */
  .svc-team-slider-wrap { width: 100%; overflow: hidden; }
  .svc-team-grid {
    display: flex !important;
    grid-template-columns: none !important;
    flex-wrap: nowrap !important;
    gap: 14px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 4px 0 10px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    overscroll-behavior-x: contain !important;
  }
  .svc-team-grid::-webkit-scrollbar { display: none !important; }
  .svc-team-grid .svc-team-card {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
    border-radius: 30px !important;
  }
  .svc-team-grid .svc-team-media { height: 280px !important; border-radius: 30px 30px 0 0 !important; }
  .svc-team-grid .svc-team-info { padding: 14px 16px 16px !important; }
  .svc-team-grid .svc-team-info h3 { font-size: 16px !important; }
  .svc-team-grid .svc-team-info p { font-size: 12px !important; }
  .svc-team-grid .svc-team-tags { gap: 10px !important; margin-top: 14px !important; }
  .svc-team-grid .svc-team-tags span { font-size: 10px !important; padding: 5px 12px !important; }
  .svc-team-title { font-size: clamp(14px, 3.8vw, 50px) !important; }
  .svc-team-sub { font-size: clamp(8px, 2vw, 15px) !important; }
  .svc-team-kicker { font-size: clamp(7px, 1.8vw, 11px) !important; }

  /* ── CTA: 2 columns ── */
  .svc-cta-grid { grid-template-columns: 1fr auto !important; gap: clamp(10px, 2.5vw, 20px) !important; }
  .svc-cta h2 { font-size: clamp(14px, 3.8vw, 42px) !important; }
  .svc-cta p { font-size: clamp(8px, 2vw, 14px) !important; }
  .svc-cta { padding: clamp(16px, 4vw, 40px) !important; border-radius: clamp(16px, 4vw, 38px) !important; }

  /* ── FOOTER: desktop 4-column layout ── */
  .footer-v2-main {
    grid-template-columns: 1.12fr .92fr .92fr 1.04fr !important;
    gap: clamp(6px, 1.5vw, 16px) !important;
  }
  .footer-v2-brand-panel { grid-column: auto !important; grid-row: auto !important; padding: clamp(16px, 4vw, 36px) clamp(12px, 3vw, 28px) !important; min-height: auto !important; }
  .footer-v2-services-panel,
  .footer-v2-platforms-panel,
  .footer-v2-links-panel { grid-column: auto !important; grid-row: auto !important; padding: clamp(14px, 3.5vw, 28px) clamp(10px, 2.5vw, 22px) !important; min-height: auto !important; }
  .footer-v2-contact-panel { grid-column: auto !important; grid-row: auto !important; padding: clamp(14px, 3.5vw, 22px) !important; min-height: auto !important; }
  .footer-v2-platforms-panel .footer-v2-block + .footer-v2-block { margin-top: clamp(8px, 2vw, 30px) !important; }
  .footer-v2-links-grid { grid-template-columns: 1fr !important; gap: 0 !important; }
  .footer-v2-contact-list { grid-template-columns: 1fr !important; gap: clamp(6px, 1.5vw, 10px) !important; }
  .footer-v2-bottom {
    grid-template-columns: 1fr auto 1fr !important;
    gap: clamp(8px, 2vw, 20px) !important;
    padding: clamp(10px, 2.5vw, 16px) clamp(12px, 3vw, 20px) !important;
    font-size: clamp(7px, 1.7vw, 11px) !important;
  }
  .footer-v2-business { justify-self: end !important; }
  .footer-v2-logo-text strong { font-size: clamp(10px, 2.5vw, 16px) !important; }
  .footer-v2-logo-text span { font-size: clamp(7px, 1.7vw, 11px) !important; }
  .footer-v2-about { font-size: clamp(7px, 1.7vw, 12px) !important; }
  .footer-v2-title { font-size: clamp(7px, 1.7vw, 10px) !important; }
  .footer-v2-list a { font-size: clamp(7px, 1.7vw, 12px) !important; }
  .footer-v2-contact-value { font-size: clamp(7px, 1.7vw, 12px) !important; }
  .footer-v2-contact-label { font-size: clamp(6px, 1.5vw, 10px) !important; }
  .footer-v2-hour-row { font-size: clamp(7px, 1.7vw, 11px) !important; }
  .footer-v2-socials a { width: clamp(26px, 6.5vw, 38px) !important; height: clamp(26px, 6.5vw, 38px) !important; font-size: clamp(12px, 3vw, 18px) !important; }
  .footer-v2-logo-mark { width: clamp(32px, 8vw, 48px) !important; height: clamp(32px, 8vw, 48px) !important; font-size: clamp(16px, 4vw, 26px) !important; }
  .footer-v2-panel { min-height: auto !important; border-radius: clamp(6px, 1.5vw, 10px) !important; padding: clamp(12px, 3vw, 24px) !important; }

  /* ── ABOUT / OTHER SECTIONS: keep desktop grids ── */
  .about-two-col { grid-template-columns: 1fr 1fr !important; gap: clamp(12px, 3vw, 32px) !important; }
  .about-features { grid-template-columns: repeat(3, 1fr) !important; }
  .ab-team-pill { flex-direction: row !important; align-items: center !important; }
  .ab-stat { min-width: 0 !important; flex: 1 !important; }
  .ab-stats { flex-wrap: nowrap !important; }
  .wwd-services-grid {
    grid-template-columns: 1.11fr 1.06fr .96fr !important;
    grid-template-rows: auto auto auto !important;
  }
  .wwd-card-1 { grid-column: 1 !important; grid-row: 1 / span 2 !important; }
  .wwd-card-2 { grid-column: 2 !important; grid-row: 1 / span 2 !important; }
  .wwd-card-3 { grid-column: 3 !important; grid-row: 1 !important; }
  .wwd-card-4 { grid-column: 3 !important; grid-row: 2 !important; }
  .wwd-card-5 { grid-column: 1 !important; grid-row: 3 !important; }
  .wwd-card-6 { grid-column: 2 !important; grid-row: 3 !important; }
  .wwd-card-7 { grid-column: 3 !important; grid-row: 3 !important; }
  .wwd-steps-grid { grid-template-columns: repeat(6, 1fr) !important; }
  .wwd-metrics { grid-template-columns: repeat(4, 1fr) !important; }
  .cr-cards-grid { grid-template-columns: repeat(3, 1fr) !important; }
  .cr-more-card { grid-column: span 1 !important; }
  .cr-hero-panel { grid-template-columns: 1fr 1fr !important; text-align: left !important; }
  .cr-top-stats { grid-template-columns: repeat(3, 1fr) !important; }
  .cr-testimonial-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .cr-brand-strip { grid-template-columns: repeat(4, 1fr) !important; }
  .pkg-cards { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  .pkg-benefits-bar { grid-template-columns: repeat(4, 1fr) !important; }
  .svc-platform-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
  .svc-showcase-grid { grid-template-columns: 1fr 1fr !important; }

  /* ── Section spacing ── */
  .svc-section { padding: clamp(24px, 6vw, 60px) 0 !important; }
  .svc-container, .svc-hero { width: 95% !important; }
  .site-wrap { padding: 0 clamp(8px, 2vw, 20px) !important; width: 95% !important; }
  .services-page-hero > .site-wrap { width: 95% !important; max-width: 95% !important; }
}

/* Extra-small phones: tighter text only */
@media screen and (max-width: 480px) {
  .nav-links a { font-size: 4.5px !important; padding: 2px 2px !important; gap: 1.5px !important; }
  .nav-links a i { font-size: 4.5px !important; }
  .nav-links a.active::after { width: 10px !important; bottom: -2px !important; }
  .brand-logo,
  .apex-nav.nav-scrolled .brand-logo { height: 20px !important; max-width: 52px !important; }
  .nav-inner { gap: 2px !important; }
  .apex-nav { padding: 4px 0 3px !important; }

  /* Hero — fit all text without clipping */
  .svc-hero-grid { grid-template-columns: minmax(0, 1.22fr) minmax(0, 0.78fr) !important; gap: 5px !important; }
  .svc-title { font-size: clamp(9px, 2.6vw, 16px) !important; margin-bottom: 6px !important; }
  .svc-lead { font-size: 6px !important; line-height: 1.45 !important; margin-bottom: 7px !important; }
  .svc-kicker { font-size: 5.5px !important; margin-bottom: 5px !important; }
  .svc-kicker::before { width: 12px !important; }
  .svc-hero-actions { gap: 3px !important; margin-bottom: 6px !important; }
  .svc-btn, .svc-cta .svc-btn { font-size: 5.5px !important; padding: 4px 5px !important; gap: 2px !important; border-radius: 5px !important; }
  .svc-btn i { font-size: 6px !important; }
  .svc-hero-pills { gap: 2px !important; }
  .svc-pill { font-size: 5px !important; padding: 3px 4px !important; gap: 2px !important; }
  .svc-pill i { font-size: 5px !important; }
  .svc-showcase-title strong { font-size: 6.5px !important; }
  .svc-live-badge { font-size: 5px !important; padding: 2px 4px !important; }
  .svc-main-image-box { min-height: 80px !important; }
  .svc-main-image-box .svc-image-fallback i { width: 20px !important; height: 20px !important; font-size: 9px !important; }
  .svc-main-image-box .svc-image-fallback span { font-size: 5px !important; }
  .svc-main-image-box .svc-image-fallback::after { font-size: 5px !important; }

  .svc-process-grid-exact .svc-step h3 { font-size: 6.5px !important; }
  .svc-process-grid-exact .svc-step p { font-size: 5.5px !important; line-height: 1.35 !important; }
  .svc-card-grid .svc-card h3 { font-size: 7px !important; }
  .svc-card-grid .svc-card p { font-size: 5.5px !important; }
  .svc-section-title { font-size: 7.5px !important; }
  .svc-team-title, .svc-process-title { font-size: 7.5px !important; }
  .footer-v2-list a, .footer-v2-about { font-size: 6.5px !important; }
  .footer-v2-bottom { font-size: 6px !important; }
  .svc-stat-text strong { font-size: 10px !important; }
  .svc-stat-text span { font-size: 6px !important; }
}

/* ══ SERVICE CARDS SLIDER — one card at a time on mobile ══ */
.svc-card-slider-controls {
  display: none;
}

@media screen and (max-width: 1279px) {
  .svc-card-slider-controls {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    margin: 8px auto 0 !important;
    width: 100% !important;
  }

  .svc-card-slider-btn {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid rgba(212,175,55,.55);
    background: rgba(255,255,255,.08);
    color: var(--gold);
    font-size: 16px;
    cursor: pointer;
    flex-shrink: 0;
    transition: transform .18s ease, background .18s ease, opacity .18s ease;
  }

  .svc-card-slider-btn:active { transform: scale(.96); }
  .svc-card-slider-btn:disabled { opacity: .35; cursor: not-allowed; }

  .svc-card-slider-dots {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    flex-wrap: wrap;
  }

  .svc-card-slider-dot {
    width: 7px;
    height: 7px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(212,175,55,.35);
    cursor: pointer;
    transition: width .18s ease, background .18s ease;
  }

  .svc-card-slider-dot.is-active {
    width: 20px;
    background: var(--gold);
  }
}

/* ══════════════════════════════════════════════════════════
   GLOBAL MOBILE TEXT — make all page text smaller
══════════════════════════════════════════════════════════ */
@media screen and (max-width: 1279px) {
  body.services-page {
    font-size: 10px !important;
  }

  /* Headings */
  body.services-page h1,
  body.services-page .svc-title,
  body.services-page .hero-line {
    font-size: clamp(9px, 2.3vw, 14px) !important;
    line-height: 1.05 !important;
  }
  body.services-page h2,
  body.services-page .svc-section-title,
  body.services-page .svc-process-title,
  body.services-page .svc-team-title,
  body.services-page .wwd-main-title,
  body.services-page .cr-title,
  body.services-page .pkg-title,
  body.services-page .tst-title,
  body.services-page .about-heading {
    font-size: clamp(8px, 2.1vw, 12px) !important;
    line-height: 1.08 !important;
  }
  body.services-page h3,
  body.services-page .svc-card h3,
  body.services-page .svc-card-grid .svc-card h3,
  body.services-page .svc-team-grid .svc-team-info h3,
  body.services-page .svc-process-grid-exact .svc-step h3,
  body.services-page .wwd-title {
    font-size: clamp(7px, 1.85vw, 10px) !important;
    line-height: 1.12 !important;
  }
  body.services-page h4,
  body.services-page .footer-v2-title {
    font-size: clamp(6px, 1.6vw, 9px) !important;
  }

  /* Body / paragraph text */
  body.services-page p,
  body.services-page .hero-sub,
  body.services-page .svc-lead,
  body.services-page .svc-section-copy,
  body.services-page .svc-process-sub,
  body.services-page .svc-team-sub,
  body.services-page .svc-card p,
  body.services-page .svc-card-grid .svc-card p,
  body.services-page .svc-process-grid-exact .svc-step p,
  body.services-page .svc-team-grid .svc-team-info p,
  body.services-page .wwd-subtitle,
  body.services-page .wwd-desc,
  body.services-page .footer-v2-about,
  body.services-page .footer-v2-list a,
  body.services-page .footer-v2-contact-value,
  body.services-page .footer-v2-contact-label,
  body.services-page .footer-v2-hour-row,
  body.services-page .footer-v2-bottom,
  body.services-page .svc-benefit span {
    font-size: clamp(5.5px, 1.4vw, 8px) !important;
    line-height: 1.45 !important;
  }

  /* Kickers / labels / small caps */
  body.services-page .svc-kicker,
  body.services-page .svc-section-kicker,
  body.services-page .svc-process-kicker,
  body.services-page .svc-team-kicker,
  body.services-page .wwd-eyebrow,
  body.services-page .pkg-eyebrow {
    font-size: clamp(5px, 1.25vw, 7px) !important;
    letter-spacing: .1em !important;
  }

  /* Buttons & links */
  body.services-page .svc-btn,
  body.services-page .svc-cta .svc-btn,
  body.services-page .btn-primary-hero,
  body.services-page .btn-ghost-hero,
  body.services-page .btn-cta,
  body.services-page .svc-card-link,
  body.services-page .svc-card-grid .svc-card-link,
  body.services-page .nav-links a {
    font-size: clamp(5px, 1.25vw, 7px) !important;
  }
  body.services-page .nav-links a i,
  body.services-page .svc-btn i {
    font-size: clamp(5px, 1.2vw, 7px) !important;
  }

  /* Pills & tags */
  body.services-page .svc-pill,
  body.services-page .svc-tags span,
  body.services-page .svc-card-grid .svc-tags span,
  body.services-page .svc-team-tags span,
  body.services-page .svc-team-grid .svc-team-tags span,
  body.services-page .wwd-tags span {
    font-size: clamp(4.5px, 1.15vw, 6.5px) !important;
  }

  /* Stats */
  body.services-page .svc-stat-text strong,
  body.services-page .stat-val {
    font-size: clamp(7px, 1.8vw, 10px) !important;
  }
  body.services-page .svc-stat-text span,
  body.services-page .stat-lbl,
  body.services-page .feat-text {
    font-size: clamp(5px, 1.25vw, 7px) !important;
  }

  /* Benefits & orbit cards */
  body.services-page .svc-benefit strong,
  body.services-page .svc-orbit-card strong {
    font-size: clamp(6.5px, 1.65vw, 9px) !important;
  }
  body.services-page .svc-orbit-card span {
    font-size: clamp(5px, 1.3vw, 7px) !important;
  }

  /* Showcase / image placeholders */
  body.services-page .svc-showcase-title strong {
    font-size: clamp(5.5px, 1.4vw, 8px) !important;
  }
  body.services-page .svc-live-badge {
    font-size: clamp(4.5px, 1.15vw, 6.5px) !important;
  }
  body.services-page .svc-image-fallback span,
  body.services-page .svc-main-image-box .svc-image-fallback span,
  body.services-page .svc-main-image-box .svc-image-fallback::after {
    font-size: clamp(4.5px, 1.15vw, 6.5px) !important;
  }

  /* Card numbers */
  body.services-page .svc-card-no,
  body.services-page .svc-card-grid .svc-card-no {
    font-size: clamp(18px, 4.5vw, 28px) !important;
  }

  /* Footer logo */
  body.services-page .footer-v2-logo-text strong {
    font-size: clamp(7px, 1.8vw, 10px) !important;
  }
  body.services-page .footer-v2-logo-text span {
    font-size: clamp(5px, 1.25vw, 7px) !important;
  }

  /* Process step numbers */
  body.services-page .svc-process-grid-exact .svc-step-num {
    font-size: clamp(6px, 1.5vw, 8px) !important;
  }

  /* Catch-all for remaining text nodes */
  body.services-page li,
  body.services-page label,
  body.services-page small,
  body.services-page .wwd-card-link,
  body.services-page .cr-desc,
  body.services-page .pkg-desc,
  body.services-page .tst-quote,
  body.services-page .tst-name,
  body.services-page .ab-team-text span,
  body.services-page .ab-team-text strong,
  body.services-page .rb-lbl,
  body.services-page .rb-score span {
    font-size: clamp(5px, 1.3vw, 8px) !important;
  }
}

@media screen and (max-width: 480px) {
  body.services-page h1,
  body.services-page .svc-title { font-size: 8px !important; }
  body.services-page h2,
  body.services-page .svc-section-title,
  body.services-page .svc-process-title,
  body.services-page .svc-team-title { font-size: 7.5px !important; }
  body.services-page h3,
  body.services-page .svc-card-grid .svc-card h3,
  body.services-page .svc-team-grid .svc-team-info h3 { font-size: 7px !important; }
  body.services-page p,
  body.services-page .svc-lead,
  body.services-page .svc-section-copy,
  body.services-page .svc-card-grid .svc-card p { font-size: 5.5px !important; }
  body.services-page .svc-btn,
  body.services-page .svc-pill,
  body.services-page .nav-links a { font-size: 4.5px !important; }
  body.services-page .svc-stat-text strong { font-size: 7px !important; }
  body.services-page .svc-stat-text span { font-size: 4.5px !important; }
  body.services-page .footer-v2-list a,
  body.services-page .footer-v2-about,
  body.services-page .footer-v2-bottom { font-size: 4.5px !important; }
}

/* ══ CREATIVE SECTION — exact desktop match on mobile ══ */
@media screen and (max-width: 1279px) {
  #creative .svc-split {
    display: grid !important;
    grid-template-columns: minmax(0, 1.03fr) minmax(0, .97fr) !important;
    gap: clamp(14px, 3.5vw, 76px) !important;
    align-items: center !important;
  }

  #creative .svc-creative-visual {
    position: relative !important;
    min-height: clamp(220px, 55vw, 440px) !important;
  }

  #creative .svc-large-image {
    position: relative !important;
    z-index: 2 !important;
    min-height: clamp(200px, 50vw, 430px) !important;
    border-radius: clamp(14px, 3.5vw, 34px) !important;
    background: linear-gradient(145deg, rgba(255,255,255,.10), rgba(255,255,255,.04)), rgba(18,30,22,.76) !important;
    border: 1px solid rgba(212,175,55,.18) !important;
    box-shadow: 0 clamp(10px, 2.5vw, 28px) clamp(30px, 7vw, 82px) rgba(0,0,0,.32) !important;
    overflow: hidden !important;
  }

  #creative .svc-large-image::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: clamp(8px, 2vw, 20px) !important;
    border-radius: clamp(10px, 2.5vw, 26px) !important;
    border: 1.5px dashed rgba(212,175,55,.26) !important;
    background: radial-gradient(circle at 50% 46%, rgba(212,175,55,.08), transparent 58%) !important;
    z-index: 1 !important;
    pointer-events: none !important;
  }

  #creative .svc-large-image::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    right: clamp(-30px, -7vw, -60px) !important;
    bottom: clamp(-30px, -7vw, -60px) !important;
    width: clamp(80px, 20vw, 180px) !important;
    height: clamp(80px, 20vw, 180px) !important;
    border-radius: 50% !important;
    background: rgba(212,175,55,.08) !important;
    z-index: 1 !important;
    pointer-events: none !important;
  }

  #creative .svc-large-image .svc-image-fallback {
    display: grid !important;
    place-content: center !important;
    gap: clamp(4px, 1vw, 10px) !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    color: #f6f7f4 !important;
    text-align: center !important;
  }

  #creative .svc-large-image .svc-image-fallback i {
    width: clamp(28px, 7vw, 64px) !important;
    height: clamp(28px, 7vw, 64px) !important;
    border-radius: clamp(8px, 2vw, 20px) !important;
    font-size: clamp(12px, 3vw, 28px) !important;
    background: linear-gradient(135deg, #f5d668, var(--gold)) !important;
    color: #111 !important;
    box-shadow: 0 clamp(6px, 1.5vw, 14px) clamp(12px, 3vw, 32px) rgba(212,175,55,.22) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  #creative .svc-large-image .svc-image-fallback::after {
    content: none !important;
    display: none !important;
  }

  #creative .svc-large-image.has-image .svc-image-fallback {
    display: none !important;
  }

  #creative .svc-orbit-card {
    display: block !important;
    position: absolute !important;
    z-index: 4 !important;
    width: min(clamp(90px, 22vw, 220px), 42%) !important;
    padding: clamp(6px, 1.5vw, 14px) clamp(7px, 1.7vw, 16px) !important;
    border-radius: clamp(10px, 2.5vw, 20px) !important;
    background: #fff !important;
    color: #17231D !important;
    box-shadow: 0 clamp(8px, 2vw, 18px) clamp(18px, 4.5vw, 46px) rgba(0,0,0,.26) !important;
  }

  #creative .svc-orbit-card i {
    width: clamp(18px, 4.5vw, 38px) !important;
    height: clamp(18px, 4.5vw, 38px) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: clamp(6px, 1.5vw, 14px) !important;
    background: linear-gradient(135deg, #f7d86d, var(--gold)) !important;
    font-size: clamp(8px, 2vw, 18px) !important;
    margin-bottom: clamp(4px, 1vw, 12px) !important;
    color: #111 !important;
  }

  #creative .svc-orbit-card strong {
    display: block !important;
    font-size: clamp(6px, 1.55vw, 16px) !important;
    line-height: 1.05 !important;
    font-weight: 900 !important;
    letter-spacing: -.04em !important;
    color: #17231D !important;
  }

  #creative .svc-orbit-card span {
    display: block !important;
    color: #617066 !important;
    font-size: clamp(5px, 1.25vw, 11px) !important;
    font-weight: 800 !important;
    margin-top: clamp(2px, 0.5vw, 6px) !important;
  }

  #creative .svc-orbit-one {
    top: clamp(10px, 2.5vw, 26px) !important;
    right: clamp(4px, 1vw, 16px) !important;
    left: auto !important;
  }

  #creative .svc-orbit-two {
    left: clamp(4px, 1vw, 16px) !important;
    bottom: clamp(10px, 2.5vw, 26px) !important;
    right: auto !important;
  }

  #creative .svc-section-kicker {
    display: inline-flex !important;
    justify-content: flex-start !important;
    width: auto !important;
    text-align: left !important;
    font-size: clamp(5px, 1.25vw, 13px) !important;
    letter-spacing: .18em !important;
    margin-bottom: clamp(6px, 1.5vw, 16px) !important;
    gap: clamp(4px, 1vw, 10px) !important;
  }

  #creative .svc-section-kicker::before,
  #creative .svc-section-kicker::after {
    width: clamp(10px, 2.5vw, 30px) !important;
    height: 2px !important;
  }

  #creative .svc-section-title {
    text-align: left !important;
    max-width: 100% !important;
    font-size: clamp(11px, 2.9vw, 52px) !important;
    line-height: 1.08 !important;
    letter-spacing: -.045em !important;
    margin: 0 !important;
    color: #fff !important;
  }

  #creative .svc-section-title span {
    color: var(--gold) !important;
  }

  #creative .svc-section-copy {
    text-align: left !important;
    max-width: 100% !important;
    font-size: clamp(6px, 1.55vw, 15px) !important;
    line-height: 1.82 !important;
    margin: clamp(6px, 1.5vw, 14px) 0 0 !important;
    color: var(--muted) !important;
  }

  #creative .svc-benefits {
    display: grid !important;
    gap: clamp(6px, 1.5vw, 14px) !important;
    margin-top: clamp(10px, 2.5vw, 24px) !important;
  }

  #creative .svc-benefit {
    display: grid !important;
    grid-template-columns: clamp(24px, 6vw, 54px) 1fr !important;
    gap: clamp(6px, 1.5vw, 14px) !important;
    align-items: center !important;
    text-align: left !important;
    justify-items: start !important;
    padding: clamp(8px, 2vw, 16px) !important;
    border-radius: clamp(10px, 2.5vw, 22px) !important;
    background: #fff !important;
    box-shadow: 0 clamp(8px, 2vw, 18px) clamp(16px, 4vw, 45px) rgba(0,0,0,.22) !important;
  }

  #creative .svc-benefit i {
    width: clamp(24px, 6vw, 54px) !important;
    height: clamp(24px, 6vw, 54px) !important;
    font-size: clamp(10px, 2.5vw, 22px) !important;
    border-radius: clamp(8px, 2vw, 18px) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #f7d86d, var(--gold)) !important;
    color: #111 !important;
  }

  #creative .svc-benefit strong {
    display: block !important;
    font-size: clamp(7px, 1.75vw, 17px) !important;
    font-weight: 900 !important;
    letter-spacing: -.035em !important;
    margin-bottom: clamp(2px, 0.5vw, 4px) !important;
    color: #17231D !important;
  }

  #creative .svc-benefit span {
    color: #5e6a62 !important;
    font-size: clamp(5.5px, 1.4vw, 13px) !important;
    line-height: 1.55 !important;
    font-weight: 700 !important;
  }
}

@media screen and (max-width: 480px) {
  body.services-page #creative .svc-section-title {
    font-size: clamp(10px, 2.8vw, 16px) !important;
  }
  body.services-page #creative .svc-section-copy {
    font-size: 6px !important;
  }
  body.services-page #creative .svc-benefit strong {
    font-size: 6.5px !important;
  }
  body.services-page #creative .svc-benefit span {
    font-size: 5.5px !important;
  }
  body.services-page #creative .svc-orbit-card strong {
    font-size: 5.5px !important;
  }
  body.services-page #creative .svc-orbit-card span {
    font-size: 4.5px !important;
  }
  body.services-page #creative .svc-large-image .svc-image-fallback::after {
    font-size: 5px !important;
  }
}

/* ══ FOOTER — exact desktop match on mobile (override crushed panel heights) ══ */
@media screen and (max-width: 1279px) {
  body.services-page .apex-footer.apex-footer-v2 {
    margin-top: 0 !important;
    padding: clamp(14px, 3.5vw, 40px) 0 clamp(10px, 2.5vw, 24px) !important;
    overflow: visible !important;
  }

  body.services-page .footer-v2-container {
    width: 95% !important;
    max-width: none !important;
  }

  body.services-page .footer-v2-main {
    display: grid !important;
    grid-template-columns: 1.12fr .92fr .92fr 1.04fr !important;
    gap: clamp(6px, 1.5vw, 16px) !important;
    align-items: stretch !important;
  }

  body.services-page .footer-v2-panel,
  body.services-page .footer-v2-brand-panel,
  body.services-page .footer-v2-services-panel,
  body.services-page .footer-v2-platforms-panel,
  body.services-page .footer-v2-links-panel,
  body.services-page .footer-v2-contact-panel {
    grid-column: auto !important;
    grid-row: auto !important;
    min-width: 0 !important;
    min-height: auto !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    padding: clamp(10px, 2.5vw, 29px) clamp(8px, 2vw, 28px) !important;
    border-radius: clamp(4px, 1vw, 10px) !important;
    border: 1px solid rgba(212,175,55,.25) !important;
    background:
      radial-gradient(ellipse 420px 220px at 50% -18%, rgba(212,175,55,.08), transparent 62%),
      linear-gradient(145deg, rgba(20,35,30,.88), rgba(6,18,16,.94)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.05),
      0 clamp(8px, 2vw, 18px) clamp(16px, 4vw, 44px) rgba(0,0,0,.24) !important;
  }

  body.services-page .footer-v2-brand-panel {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding: clamp(12px, 3vw, 50px) clamp(10px, 2.5vw, 35px) clamp(10px, 2.5vw, 36px) !important;
  }

  body.services-page .footer-v2-logo {
    gap: clamp(6px, 1.5vw, 18px) !important;
    margin-bottom: clamp(8px, 2vw, 27px) !important;
  }

  body.services-page .footer-v2-logo-mark {
    width: clamp(28px, 7vw, 62px) !important;
    height: clamp(28px, 7vw, 62px) !important;
    font-size: clamp(14px, 3.5vw, 33px) !important;
    border-radius: clamp(4px, 1vw, 12px) !important;
  }

  body.services-page .footer-v2-logo-text strong {
    font-size: clamp(7px, 1.75vw, 22px) !important;
    letter-spacing: .25em !important;
    line-height: 1 !important;
  }

  body.services-page .footer-v2-logo-text span {
    font-size: clamp(4px, 1vw, 11px) !important;
    margin-top: clamp(2px, 0.5vw, 7px) !important;
    letter-spacing: .38em !important;
  }

  body.services-page .footer-v2-about {
    max-width: 100% !important;
    margin: 0 0 clamp(8px, 2vw, 31px) !important;
    font-size: clamp(5px, 1.25vw, 12px) !important;
    line-height: 1.9 !important;
    color: rgba(255,255,255,.82) !important;
  }

  body.services-page .footer-v2-socials {
    gap: clamp(6px, 1.5vw, 18px) !important;
    margin-bottom: clamp(8px, 2vw, 31px) !important;
    flex-wrap: nowrap !important;
  }

  body.services-page .footer-v2-socials a {
    width: clamp(18px, 4.5vw, 40px) !important;
    height: clamp(18px, 4.5vw, 40px) !important;
    font-size: clamp(9px, 2.2vw, 20px) !important;
    border-radius: clamp(4px, 1vw, 9px) !important;
  }

  body.services-page .footer-v2-trust {
    font-size: clamp(4.5px, 1.15vw, 12px) !important;
    gap: clamp(4px, 1vw, 9px) !important;
    line-height: 1.4 !important;
  }

  body.services-page .footer-v2-trust i {
    font-size: clamp(6px, 1.5vw, 16px) !important;
  }

  body.services-page .footer-v2-platforms-panel .footer-v2-block + .footer-v2-block {
    margin-top: clamp(8px, 2vw, 30px) !important;
  }

  body.services-page .footer-v2-title {
    font-size: clamp(5px, 1.25vw, 12px) !important;
    margin: 0 0 clamp(4px, 1vw, 17px) !important;
    letter-spacing: .17em !important;
    color: var(--gold) !important;
  }

  body.services-page .footer-v2-list a {
    min-height: clamp(14px, 3.5vw, 41px) !important;
    font-size: clamp(4.5px, 1.15vw, 12px) !important;
    gap: clamp(3px, 0.8vw, 11px) !important;
    color: rgba(255,255,255,.78) !important;
  }

  body.services-page .footer-v2-list a::before {
    font-size: clamp(4px, 1vw, 10px) !important;
  }

  body.services-page .footer-v2-platforms i {
    width: clamp(6px, 1.5vw, 13px) !important;
    font-size: clamp(5px, 1.25vw, 13px) !important;
  }

  body.services-page .footer-v2-contact-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: clamp(4px, 1vw, 8px) !important;
    margin-bottom: clamp(6px, 1.5vw, 14px) !important;
  }

  body.services-page .footer-v2-contact-card {
    min-height: clamp(24px, 6vw, 56px) !important;
    grid-template-columns: clamp(18px, 4.5vw, 40px) 1fr !important;
    gap: clamp(4px, 1vw, 11px) !important;
    padding: clamp(4px, 1vw, 10px) !important;
    border-radius: clamp(3px, 0.8vw, 6px) !important;
    border: 1px solid rgba(255,255,255,.06) !important;
    background: rgba(255,255,255,.045) !important;
  }

  body.services-page .footer-v2-contact-icon {
    width: clamp(16px, 4vw, 36px) !important;
    height: clamp(16px, 4vw, 36px) !important;
    font-size: clamp(8px, 2vw, 19px) !important;
    border-radius: clamp(3px, 0.8vw, 8px) !important;
  }

  body.services-page .footer-v2-contact-label {
    font-size: clamp(4px, 1vw, 10px) !important;
    margin-bottom: clamp(2px, 0.5vw, 5px) !important;
  }

  body.services-page .footer-v2-contact-value {
    font-size: clamp(4.5px, 1.15vw, 12px) !important;
    line-height: 1.35 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    word-break: break-word !important;
  }

  body.services-page .footer-v2-hours {
    display: block !important;
    margin-top: 0 !important;
    padding: clamp(6px, 1.5vw, 18px) clamp(6px, 1.5vw, 16px) !important;
    border-radius: clamp(4px, 1vw, 8px) !important;
    border: 1px solid rgba(212,175,55,.48) !important;
    background:
      radial-gradient(ellipse 250px 105px at 70% 100%, rgba(212,175,55,.18), transparent 62%),
      rgba(212,175,55,.075) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.06),
      0 0 clamp(10px, 2.5vw, 26px) rgba(212,175,55,.10) !important;
  }

  body.services-page .footer-v2-hours-head {
    display: flex !important;
    align-items: center !important;
    gap: clamp(3px, 0.8vw, 9px) !important;
    margin-bottom: clamp(4px, 1vw, 16px) !important;
    color: var(--gold) !important;
    font-size: clamp(5px, 1.25vw, 12px) !important;
    font-weight: 900 !important;
  }

  body.services-page .footer-v2-hours-head i {
    width: clamp(10px, 2.5vw, 18px) !important;
    height: clamp(10px, 2.5vw, 18px) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    color: #1c1706 !important;
    background: var(--gold) !important;
    font-size: clamp(4px, 1vw, 10px) !important;
  }

  body.services-page .footer-v2-hour-row {
    display: flex !important;
    justify-content: space-between !important;
    gap: clamp(4px, 1vw, 14px) !important;
    margin-top: clamp(3px, 0.8vw, 12px) !important;
    color: rgba(255,255,255,.74) !important;
    font-size: clamp(4px, 1vw, 12px) !important;
    line-height: 1.2 !important;
  }

  body.services-page .footer-v2-hour-row strong {
    color: var(--gold) !important;
    font-weight: 900 !important;
  }

  body.services-page .footer-v2-bottom {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    gap: clamp(4px, 1vw, 16px) !important;
    min-height: clamp(28px, 7vw, 64px) !important;
    height: auto !important;
    margin-top: clamp(8px, 2vw, 17px) !important;
    padding: clamp(8px, 2vw, 16px) clamp(10px, 2.5vw, 20px) !important;
    font-size: clamp(4px, 1vw, 11px) !important;
    text-align: left !important;
    justify-items: stretch !important;
    align-items: center !important;
    border-radius: clamp(4px, 1vw, 8px) !important;
    border: 1px solid rgba(212,175,55,.18) !important;
    background: rgba(255,255,255,.03) !important;
  }

  body.services-page .footer-v2-policies {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: clamp(3px, 0.8vw, 10px) !important;
    justify-content: center !important;
    white-space: nowrap !important;
  }

  body.services-page .footer-v2-policies a {
    font-size: clamp(4px, 1vw, 11px) !important;
    color: rgba(255,255,255,.55) !important;
  }

  body.services-page .footer-v2-business {
    justify-self: end !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: clamp(3px, 0.8vw, 8px) !important;
    white-space: nowrap !important;
    font-size: clamp(4px, 1vw, 11px) !important;
    color: rgba(255,255,255,.42) !important;
  }

  body.services-page .footer-v2-business i {
    font-size: clamp(5px, 1.25vw, 12px) !important;
    color: #2ecc71 !important;
  }

  body.services-page .footer-v2-dot {
    font-size: clamp(3px, 0.8vw, 8px) !important;
  }
}

@media screen and (max-width: 480px) {
  body.services-page .footer-v2-list a { min-height: 12px !important; font-size: 4px !important; }
  body.services-page .footer-v2-contact-card { min-height: 20px !important; }
  body.services-page .footer-v2-contact-value { font-size: 4px !important; }
  body.services-page .footer-v2-bottom { font-size: 3.5px !important; padding: 6px 8px !important; }
  body.services-page .footer-v2-policies a { font-size: 3.5px !important; }
}

/* ══ COMPACT MOBILE SLIDERS — smaller service & team cards ══ */
@media screen and (max-width: 1279px) {
  body.services-page .svc-card-slider-wrap,
  body.services-page .svc-team-slider-wrap {
    max-width: 72% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.services-page .svc-card-grid {
    gap: clamp(8px, 2vw, 12px) !important;
    padding: 2px 0 6px !important;
  }

  body.services-page .svc-card-grid .svc-card {
    min-height: auto !important;
    padding: 0 !important;
    border-radius: clamp(10px, 2.5vw, 16px) !important;
    background: transparent !important;
    box-shadow: 0 clamp(8px, 2vw, 14px) clamp(14px, 3.5vw, 24px) rgba(0,0,0,.22) !important;
  }

  body.services-page .svc-card-grid .svc-card-media {
    height: clamp(150px, 38vw, 280px) !important;
    border-radius: clamp(10px, 2.5vw, 16px) clamp(10px, 2.5vw, 16px) 0 0 !important;
    margin-bottom: 0 !important;
    border: 0 !important;
    background: #183126 !important;
  }

  body.services-page .svc-card-grid .svc-card-body {
    background: linear-gradient(180deg, #ffffff 0%, #faf9f5 100%) !important;
    padding: clamp(6px, 1.5vw, 14px) clamp(8px, 2vw, 16px) clamp(8px, 2vw, 16px) !important;
    border-radius: 0 0 clamp(10px, 2.5vw, 16px) clamp(10px, 2.5vw, 16px) !important;
    text-align: center !important;
  }

  body.services-page .svc-card-grid .svc-icon {
    width: clamp(20px, 5vw, 28px) !important;
    height: clamp(20px, 5vw, 28px) !important;
    border-radius: clamp(5px, 1.2vw, 8px) !important;
  }

  body.services-page .svc-card-grid .svc-icon i {
    font-size: clamp(9px, 2.2vw, 12px) !important;
  }

  body.services-page .svc-card-grid .svc-card-no {
    font-size: clamp(18px, 4.5vw, 26px) !important;
  }

  body.services-page .svc-card-grid .svc-card-top {
    margin-bottom: clamp(3px, 0.8vw, 5px) !important;
    justify-content: center !important;
  }

  body.services-page .svc-card-grid .svc-card-no {
    display: none !important;
  }

  body.services-page .svc-card-grid .svc-card h3 {
    font-size: clamp(6px, 1.5vw, 8px) !important;
    margin-bottom: clamp(2px, 0.5vw, 4px) !important;
  }

  body.services-page .svc-card-grid .svc-card p {
    font-size: clamp(4.5px, 1.15vw, 6.5px) !important;
    line-height: 1.4 !important;
    margin-bottom: clamp(4px, 1vw, 6px) !important;
  }

  body.services-page .svc-card-grid .svc-tags {
    gap: clamp(3px, 0.8vw, 5px) !important;
    margin-bottom: clamp(4px, 1vw, 6px) !important;
    justify-content: center !important;
  }

  body.services-page .svc-card-grid .svc-tags span {
    font-size: clamp(3.5px, 0.9vw, 5.5px) !important;
    padding: clamp(2px, 0.5vw, 3px) clamp(3px, 0.8vw, 6px) !important;
    border: 1px solid rgba(212,175,55,.45) !important;
    color: #b69222 !important;
    background: #fffdf7 !important;
    text-transform: uppercase !important;
    font-weight: 900 !important;
  }

  body.services-page .svc-card-grid .svc-tags span::before {
    display: none !important;
  }

  body.services-page .svc-card-grid .svc-card-link {
    font-size: clamp(4px, 1vw, 6px) !important;
    gap: clamp(2px, 0.5vw, 4px) !important;
  }

  body.services-page .svc-team-grid {
    gap: clamp(8px, 2vw, 12px) !important;
    padding: 2px 0 6px !important;
  }

  body.services-page .svc-team-grid .svc-team-card {
    border-radius: clamp(10px, 2.5vw, 16px) !important;
    box-shadow: 0 clamp(8px, 2vw, 14px) clamp(14px, 3.5vw, 24px) rgba(0,0,0,.22) !important;
  }

  body.services-page .svc-team-grid .svc-team-media {
    height: clamp(150px, 38vw, 280px) !important;
    border-radius: clamp(10px, 2.5vw, 16px) clamp(10px, 2.5vw, 16px) 0 0 !important;
  }

  body.services-page .svc-team-media .svc-image-fallback i {
    width: clamp(22px, 5.5vw, 32px) !important;
    height: clamp(22px, 5.5vw, 32px) !important;
    font-size: clamp(9px, 2.2vw, 12px) !important;
  }

  body.services-page .svc-team-media .svc-image-fallback span {
    font-size: clamp(3.5px, 0.9vw, 5.5px) !important;
  }

  body.services-page .svc-team-grid .svc-team-info {
    padding: clamp(5px, 1.2vw, 8px) clamp(6px, 1.5vw, 10px) !important;
  }

  body.services-page .svc-team-grid .svc-team-info h3 {
    font-size: clamp(6px, 1.5vw, 8px) !important;
    margin-bottom: clamp(1px, 0.3vw, 2px) !important;
  }

  body.services-page .svc-team-grid .svc-team-info p {
    font-size: clamp(4.5px, 1.15vw, 6.5px) !important;
  }

  body.services-page .svc-team-grid .svc-team-tags {
    gap: clamp(3px, 0.8vw, 5px) !important;
    margin-top: clamp(4px, 1vw, 6px) !important;
  }

  body.services-page .svc-team-grid .svc-team-tags span {
    font-size: clamp(3.5px, 0.9vw, 5.5px) !important;
    padding: clamp(2px, 0.5vw, 3px) clamp(3px, 0.8vw, 6px) !important;
    min-height: auto !important;
  }

  body.services-page .svc-card-slider-controls {
    gap: clamp(5px, 1.2vw, 8px) !important;
    margin-top: clamp(3px, 0.8vw, 5px) !important;
  }

  body.services-page .svc-card-slider-btn {
    width: clamp(18px, 4.5vw, 24px) !important;
    height: clamp(18px, 4.5vw, 24px) !important;
    font-size: clamp(8px, 2vw, 11px) !important;
  }

  body.services-page .svc-card-slider-dots {
    gap: clamp(3px, 0.8vw, 5px) !important;
  }

  body.services-page .svc-card-slider-dot {
    width: clamp(3px, 0.8vw, 5px) !important;
    height: clamp(3px, 0.8vw, 5px) !important;
  }

  body.services-page .svc-card-slider-dot.is-active {
    width: clamp(10px, 2.5vw, 14px) !important;
  }
}

@media screen and (max-width: 480px) {
  body.services-page .svc-card-slider-wrap,
  body.services-page .svc-team-slider-wrap {
    max-width: 68% !important;
  }

  body.services-page .svc-card-grid .svc-card-media {
    height: 140px !important;
  }

  body.services-page .svc-team-grid .svc-team-media {
    height: 140px !important;
  }
}

/* Hide all image placeholder overlay text site-wide */
body.services-page .svc-image-fallback::after,
body.services-page .svc-main-image-box .svc-image-fallback::after,
body.services-page .svc-large-image .svc-image-fallback::after,
body.services-page #creative .svc-large-image .svc-image-fallback::after {
  content: none !important;
  display: none !important;
}
body.services-page .svc-image-fallback span {
  display: none !important;
}
body.services-page .svc-image-box.has-image .svc-image-fallback,
body.services-page .svc-main-image-box.has-image .svc-image-fallback,
body.services-page .svc-large-image.has-image .svc-image-fallback,
body.services-page #creative .svc-large-image.has-image .svc-image-fallback {
  display: none !important;
}

/* Ensure loaded images always show correctly */
body.services-page .svc-image-box img,
body.services-page .svc-main-image-box img,
body.services-page .svc-large-image img,
body.services-page .svc-team-media img,
body.services-page .svc-card-media img {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 2 !important;
}
body.services-page .svc-team-media img {
  object-fit: cover !important;
  object-position: top center !important;
}
body.services-page .svc-card-media img {
  object-fit: cover !important;
  object-position: center center !important;
}

body.services-page .svc-main-image-box img {
  object-fit: cover !important;
  object-position: center center !important;
  transform: scale(1.06) !important;
}

/* Navbar always above all page sections */
.apex-nav {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 99999 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-bottom: none !important;
  isolation: isolate !important;
}

.apex-nav.is-sticky,
.apex-nav.nav-scrolled {
  background: linear-gradient(180deg, rgba(7,17,15,.96), rgba(7,17,15,.92)) !important;
  box-shadow: 0 8px 28px rgba(0,0,0,.45) !important;
  border-bottom: 1px solid rgba(212,175,55,.14) !important;
}

.apex-nav .nav-inner {
  width: 95% !important;
  max-width: 1480px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(16px, 2.5vw, 40px) !important;
  padding-right: clamp(16px, 2.5vw, 40px) !important;
}

.nav-mobile {
  z-index: 100000 !important;
}

.hero-section,
.svc-section,
.svc-hero-stats-wrap,
.svc-hero,
.svc-container,
main {
  z-index: 0 !important;
}

/* ── MOBILE: full page 95% width ── */
@media (max-width: 768px) {
  body {
    width: 95% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow-x: clip !important;
  }
  .site-wrap,
  .svc-container,
  .svc-hero,
  .services-page-hero > .site-wrap,
  .wwd-container,
  .cr-container,
  .pkg-container,
  .tst-container,
  .insights-container,
  .footer-v2-inner {
    width: 95vw !important;
    max-width: 95vw !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }
}



/* ══ FINAL FIX: taller service card image + compact lower white content ══ */
body.services-page .svc-card-grid .svc-card,
body.services-page .svc-card {
  min-height: 338px !important;
  padding: 12px !important;
  display: flex !important;
  flex-direction: column !important;
  border-radius: 24px !important;
}

body.services-page .svc-card-grid .svc-card-media,
body.services-page .svc-card-media {
  height: 158px !important;
  flex: 0 0 158px !important;
  margin-bottom: 8px !important;
  border-radius: 18px !important;
  overflow: hidden !important;
}

body.services-page .svc-card-grid .svc-card-media img,
body.services-page .svc-card-media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

body.services-page .svc-card-grid .svc-card-body,
body.services-page .svc-card-body {
  padding: 0 2px 4px !important;
  flex: 0 0 auto !important;
}

body.services-page .svc-card-grid .svc-card-top,
body.services-page .svc-card-top {
  margin-bottom: 7px !important;
}

body.services-page .svc-card-grid .svc-icon,
body.services-page .svc-icon {
  width: 38px !important;
  height: 38px !important;
  border-radius: 12px !important;
}

body.services-page .svc-card-grid .svc-icon i,
body.services-page .svc-icon i {
  font-size: 17px !important;
}

body.services-page .svc-card-grid .svc-card-no,
body.services-page .svc-card-no {
  font-size: 34px !important;
}

body.services-page .svc-card-grid .svc-card h3,
body.services-page .svc-card h3 {
  font-size: clamp(15px, 1.04vw, 18px) !important;
  line-height: 1.08 !important;
  margin-bottom: 6px !important;
}

body.services-page .svc-card-grid .svc-card p,
body.services-page .svc-card p {
  font-size: 11.2px !important;
  line-height: 1.45 !important;
  margin-bottom: 8px !important;
}

body.services-page .svc-card-grid .svc-tags,
body.services-page .svc-tags {
  gap: 5px !important;
  margin-bottom: 8px !important;
}

body.services-page .svc-card-grid .svc-tags span,
body.services-page .svc-tags span {
  min-height: 18px !important;
  padding: 4px 7px !important;
  font-size: 8.5px !important;
}

body.services-page .svc-card-grid .svc-tags span::before,
body.services-page .svc-tags span::before {
  width: 5px !important;
  height: 5px !important;
}

body.services-page .svc-card-grid .svc-card-link,
body.services-page .svc-card-link {
  font-size: 10.8px !important;
  gap: 6px !important;
}

@media (max-width: 1100px) {
  body.services-page .svc-card-grid .svc-card-media,
  body.services-page .svc-card-media {
    height: 148px !important;
    flex-basis: 148px !important;
  }
}

@media (max-width: 560px) {
  body.services-page .svc-card-grid .svc-card,
  body.services-page .svc-card {
    padding: 0 !important;
    min-height: auto !important;
  }

  body.services-page .svc-card-grid .svc-card-media,
  body.services-page .svc-card-media {
    height: clamp(165px, 42vw, 290px) !important;
    flex-basis: clamp(165px, 42vw, 290px) !important;
    margin-bottom: 0 !important;
    border-radius: clamp(10px, 2.5vw, 16px) clamp(10px, 2.5vw, 16px) 0 0 !important;
  }

  body.services-page .svc-card-grid .svc-card-body,
  body.services-page .svc-card-body {
    padding: clamp(5px, 1.2vw, 10px) clamp(7px, 1.7vw, 14px) clamp(6px, 1.5vw, 12px) !important;
  }
}



/* ═══════════════════════════════════════════════════════
   FINAL MOBILE FIX: Visual Growth + Process exact layout
   - Keeps the Visual Growth section in 2 columns on mobile
   - Keeps Growth Process cards in 6 small cards, same as reference
═══════════════════════════════════════════════════════ */
@media screen and (max-width: 768px) {
  body.services-page #creative,
  body.services-page #process {
    overflow: hidden !important;
  }

  body.services-page #creative.svc-section,
  body.services-page #process.svc-section {
    padding: clamp(34px, 8vw, 58px) 0 !important;
  }

  body.services-page #creative .svc-container,
  body.services-page #process .svc-container {
    width: 95vw !important;
    max-width: 95vw !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Top visual section: image left + content right, exactly like reference */
  body.services-page #creative .svc-split {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    align-items: center !important;
    gap: clamp(12px, 3vw, 20px) !important;
  }

  body.services-page #creative .svc-creative-visual {
    min-height: clamp(178px, 47vw, 260px) !important;
    width: 100% !important;
    margin: 0 !important;
  }

  body.services-page #creative .svc-large-image {
    min-height: clamp(166px, 44vw, 246px) !important;
    height: clamp(166px, 44vw, 246px) !important;
    border-radius: clamp(14px, 3.6vw, 24px) !important;
    border: 1px solid rgba(212,175,55,.30) !important;
    overflow: hidden !important;
    box-shadow: 0 clamp(10px, 2.6vw, 22px) clamp(20px, 5vw, 46px) rgba(0,0,0,.34) !important;
  }

  body.services-page #creative .svc-large-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
  }

  body.services-page #creative .svc-large-image::before {
    inset: clamp(6px, 1.6vw, 14px) !important;
    border-radius: clamp(10px, 2.7vw, 19px) !important;
  }

  body.services-page #creative .svc-orbit-card {
    display: block !important;
    width: min(43%, 158px) !important;
    padding: clamp(7px, 1.8vw, 13px) clamp(8px, 2vw, 15px) !important;
    border-radius: clamp(10px, 2.7vw, 18px) !important;
    background: #fff !important;
    color: #17231D !important;
    box-shadow: 0 clamp(8px, 2vw, 16px) clamp(18px, 4.6vw, 38px) rgba(0,0,0,.28) !important;
  }

  body.services-page #creative .svc-orbit-one {
    top: clamp(9px, 2.4vw, 18px) !important;
    right: clamp(6px, 1.6vw, 13px) !important;
  }

  body.services-page #creative .svc-orbit-two {
    left: clamp(6px, 1.6vw, 13px) !important;
    bottom: clamp(9px, 2.4vw, 18px) !important;
  }

  body.services-page #creative .svc-orbit-card i {
    width: clamp(20px, 5.2vw, 36px) !important;
    height: clamp(20px, 5.2vw, 36px) !important;
    border-radius: clamp(7px, 1.8vw, 12px) !important;
    margin-bottom: clamp(4px, 1vw, 8px) !important;
    font-size: clamp(9px, 2.3vw, 16px) !important;
  }

  body.services-page #creative .svc-orbit-card strong {
    font-size: clamp(6.2px, 1.65vw, 13px) !important;
    line-height: 1.08 !important;
    color: #17231D !important;
  }

  body.services-page #creative .svc-orbit-card span {
    margin-top: clamp(2px, .55vw, 5px) !important;
    font-size: clamp(4.8px, 1.25vw, 10px) !important;
    line-height: 1.25 !important;
    color: #657066 !important;
  }

  body.services-page #creative .svc-section-kicker {
    display: inline-flex !important;
    justify-content: flex-start !important;
    width: auto !important;
    margin: 0 0 clamp(6px, 1.6vw, 12px) !important;
    gap: clamp(5px, 1.3vw, 10px) !important;
    font-size: clamp(6.2px, 1.6vw, 11px) !important;
    letter-spacing: .16em !important;
    line-height: 1.1 !important;
    text-align: left !important;
  }

  body.services-page #creative .svc-section-kicker::before,
  body.services-page #creative .svc-section-kicker::after {
    width: clamp(14px, 3.6vw, 28px) !important;
    height: 2px !important;
  }

  body.services-page #creative .svc-section-title {
    text-align: left !important;
    max-width: 100% !important;
    margin: 0 !important;
    font-size: clamp(15px, 4.05vw, 30px) !important;
    line-height: 1.05 !important;
    letter-spacing: -.055em !important;
    font-weight: 900 !important;
    color: #fff !important;
  }

  body.services-page #creative .svc-section-title span {
    color: var(--gold) !important;
  }

  body.services-page #creative .svc-section-copy {
    text-align: left !important;
    margin: clamp(6px, 1.6vw, 12px) 0 0 !important;
    max-width: 100% !important;
    color: rgba(236,241,233,.72) !important;
    font-size: clamp(6px, 1.55vw, 11px) !important;
    line-height: 1.55 !important;
    font-weight: 600 !important;
  }

  body.services-page #creative .svc-benefits {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: clamp(6px, 1.6vw, 12px) !important;
    margin-top: clamp(10px, 2.6vw, 20px) !important;
  }

  body.services-page #creative .svc-benefit {
    display: grid !important;
    grid-template-columns: clamp(24px, 6.2vw, 46px) 1fr !important;
    align-items: center !important;
    gap: clamp(7px, 1.8vw, 12px) !important;
    min-height: clamp(36px, 9.5vw, 64px) !important;
    padding: clamp(7px, 1.9vw, 13px) clamp(9px, 2.3vw, 18px) !important;
    border-radius: clamp(12px, 3.1vw, 22px) !important;
    background: #fff !important;
    color: #17231D !important;
    box-shadow: 0 clamp(8px, 2vw, 18px) clamp(15px, 4vw, 34px) rgba(0,0,0,.23) !important;
    text-align: left !important;
    justify-items: start !important;
  }

  body.services-page #creative .svc-benefit i {
    width: clamp(24px, 6.2vw, 46px) !important;
    height: clamp(24px, 6.2vw, 46px) !important;
    border-radius: clamp(8px, 2vw, 15px) !important;
    font-size: clamp(10px, 2.6vw, 18px) !important;
    background: linear-gradient(135deg, #f7d86d, var(--gold)) !important;
    color: #111 !important;
  }

  body.services-page #creative .svc-benefit strong {
    display: block !important;
    margin: 0 0 clamp(2px, .55vw, 4px) !important;
    color: #17231D !important;
    font-size: clamp(7.2px, 1.9vw, 14px) !important;
    line-height: 1.08 !important;
    font-weight: 900 !important;
    letter-spacing: -.035em !important;
  }

  body.services-page #creative .svc-benefit span {
    display: block !important;
    color: #5f6b63 !important;
    font-size: clamp(5.4px, 1.42vw, 10.5px) !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
  }

  /* Process section: one row of 6 cards like screenshot */
  body.services-page #process .svc-process-panel {
    width: 100% !important;
    border-radius: clamp(22px, 5.7vw, 38px) !important;
    padding: clamp(30px, 7.8vw, 52px) clamp(12px, 3.2vw, 28px) clamp(26px, 6.8vw, 44px) !important;
    background:
      radial-gradient(circle at 50% 0%, rgba(212,175,55,.07), transparent 24%),
      linear-gradient(180deg, rgba(2,14,10,.88), rgba(2,14,10,.96)) !important;
  }

  body.services-page #process .svc-process-head {
    max-width: 100% !important;
    margin: 0 auto clamp(20px, 5vw, 34px) !important;
    text-align: center !important;
  }

  body.services-page #process .svc-process-kicker {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-bottom: clamp(8px, 2.1vw, 14px) !important;
    gap: clamp(6px, 1.6vw, 11px) !important;
    color: var(--gold) !important;
    font-size: clamp(6.8px, 1.8vw, 11px) !important;
    line-height: 1.1 !important;
    letter-spacing: .16em !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
  }

  body.services-page #process .svc-process-kicker::before,
  body.services-page #process .svc-process-kicker::after {
    width: clamp(18px, 4.7vw, 34px) !important;
    height: 2px !important;
  }

  body.services-page #process .svc-process-title {
    margin: 0 0 clamp(8px, 2.1vw, 13px) !important;
    font-size: clamp(22px, 6vw, 42px) !important;
    line-height: .96 !important;
    letter-spacing: -.065em !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
  }

  body.services-page #process .svc-process-sub {
    max-width: 92% !important;
    margin: 0 auto !important;
    font-size: clamp(7.2px, 1.9vw, 13px) !important;
    line-height: 1.45 !important;
    color: rgba(255,255,255,.72) !important;
    font-weight: 600 !important;
  }

  body.services-page #process .svc-process-grid.svc-process-grid-exact {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: clamp(6px, 1.6vw, 12px) !important;
    width: 100% !important;
    margin: 0 auto !important;
    overflow: visible !important;
  }

  body.services-page #process .svc-process-grid-exact .svc-step {
    min-width: 0 !important;
    min-height: clamp(98px, 25.5vw, 176px) !important;
    padding: clamp(8px, 2.1vw, 15px) clamp(6px, 1.6vw, 13px) !important;
    border-radius: clamp(12px, 3.1vw, 20px) !important;
    background: linear-gradient(180deg, #ffffff 0%, #fbfbf8 100%) !important;
    border: 1px solid rgba(23,35,29,.08) !important;
    box-shadow: 0 clamp(8px, 2vw, 18px) clamp(18px, 4.7vw, 42px) rgba(0,0,0,.18) !important;
  }

  body.services-page #process .svc-process-grid-exact .svc-step-num {
    width: clamp(22px, 5.8vw, 38px) !important;
    height: clamp(22px, 5.8vw, 38px) !important;
    margin: 0 0 clamp(8px, 2vw, 13px) !important;
    font-size: clamp(7px, 1.85vw, 12px) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    color: #17231D !important;
    background: linear-gradient(135deg, #f8db70, var(--gold)) !important;
    font-weight: 900 !important;
  }

  body.services-page #process .svc-process-grid-exact .svc-step h3 {
    margin: 0 0 clamp(4px, 1vw, 7px) !important;
    color: #17231D !important;
    font-size: clamp(7.2px, 1.9vw, 14px) !important;
    line-height: 1.1 !important;
    font-weight: 900 !important;
    letter-spacing: -.035em !important;
  }

  body.services-page #process .svc-process-grid-exact .svc-step p {
    margin: 0 !important;
    color: #626c65 !important;
    font-size: clamp(5.3px, 1.38vw, 10px) !important;
    line-height: 1.36 !important;
    font-weight: 700 !important;
  }
}

@media screen and (max-width: 430px) {
  body.services-page #creative .svc-split {
    gap: 10px !important;
  }

  body.services-page #creative .svc-large-image {
    height: 178px !important;
    min-height: 178px !important;
  }

  body.services-page #creative .svc-creative-visual {
    min-height: 190px !important;
  }

  body.services-page #creative .svc-section-title {
    font-size: 16px !important;
  }

  body.services-page #creative .svc-section-copy {
    font-size: 5.8px !important;
  }

  body.services-page #creative .svc-benefit {
    min-height: 40px !important;
    padding: 7px 8px !important;
  }

  body.services-page #creative .svc-benefit strong {
    font-size: 7px !important;
  }

  body.services-page #creative .svc-benefit span {
    font-size: 5.2px !important;
  }

  body.services-page #process .svc-process-panel {
    padding: 30px 10px 24px !important;
  }

  body.services-page #process .svc-process-title {
    font-size: 22px !important;
  }

  body.services-page #process .svc-process-sub {
    font-size: 7px !important;
  }

  body.services-page #process .svc-process-grid.svc-process-grid-exact {
    gap: 5px !important;
  }

  body.services-page #process .svc-process-grid-exact .svc-step {
    min-height: 112px !important;
    padding: 8px 5px !important;
    border-radius: 11px !important;
  }

  body.services-page #process .svc-process-grid-exact .svc-step-num {
    width: 22px !important;
    height: 22px !important;
    font-size: 7px !important;
    margin-bottom: 7px !important;
  }

  body.services-page #process .svc-process-grid-exact .svc-step h3 {
    font-size: 7px !important;
    margin-bottom: 4px !important;
  }

  body.services-page #process .svc-process-grid-exact .svc-step p {
    font-size: 5px !important;
    line-height: 1.32 !important;
  }
}


/* =========================================================
   LAST FINAL FIX — MOBILE/TABLET DITTO SAME TWO SECTIONS
   Visual Growth System + Our Simple Growth Process
   ========================================================= */
@media screen and (max-width: 1199px) {
  body.services-page #creative,
  body.services-page #process {
    overflow: hidden !important;
  }

  body.services-page #creative.svc-section {
    padding: clamp(34px, 5.8vw, 62px) 0 clamp(42px, 6.2vw, 70px) !important;
  }

  body.services-page #process.svc-section {
    padding: clamp(36px, 6vw, 72px) 0 clamp(40px, 6vw, 72px) !important;
  }

  body.services-page #creative .svc-container,
  body.services-page #process .svc-container {
    width: calc(100vw - clamp(22px, 4vw, 52px)) !important;
    max-width: calc(100vw - clamp(22px, 4vw, 52px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* VISUAL GROWTH SYSTEM — image left, content right like screenshot */
  body.services-page #creative .svc-split {
    display: grid !important;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr) !important;
    align-items: center !important;
    gap: clamp(12px, 2.8vw, 28px) !important;
  }

  body.services-page #creative .svc-split > * {
    min-width: 0 !important;
  }

  body.services-page #creative .svc-creative-visual {
    width: 100% !important;
    min-height: clamp(190px, 28vw, 352px) !important;
    height: clamp(190px, 28vw, 352px) !important;
    margin: 0 !important;
    transform: none !important;
  }

  body.services-page #creative .svc-large-image {
    width: 100% !important;
    height: clamp(180px, 27vw, 338px) !important;
    min-height: clamp(180px, 27vw, 338px) !important;
    border-radius: clamp(17px, 2.2vw, 26px) !important;
    border: 1px solid rgba(212,175,55,.32) !important;
    overflow: hidden !important;
    box-shadow: 0 clamp(14px, 3vw, 32px) clamp(28px, 6vw, 64px) rgba(0,0,0,.34) !important;
  }

  body.services-page #creative .svc-large-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
  }

  body.services-page #creative .svc-large-image::before {
    inset: clamp(7px, 1.25vw, 14px) !important;
    border-radius: clamp(13px, 1.8vw, 21px) !important;
    border-color: rgba(212,175,55,.28) !important;
  }

  body.services-page #creative .svc-orbit-card {
    display: block !important;
    width: clamp(70px, 15vw, 158px) !important;
    padding: clamp(7px, 1.35vw, 14px) clamp(8px, 1.55vw, 16px) !important;
    border-radius: clamp(11px, 1.8vw, 18px) !important;
    background: #fff !important;
    color: #17231D !important;
    border: 1px solid rgba(23,35,29,.08) !important;
    box-shadow: 0 clamp(10px, 2.2vw, 22px) clamp(22px, 5vw, 46px) rgba(0,0,0,.28) !important;
  }

  body.services-page #creative .svc-orbit-one {
    top: clamp(12px, 2vw, 24px) !important;
    right: clamp(12px, 2vw, 24px) !important;
  }

  body.services-page #creative .svc-orbit-two {
    left: clamp(10px, 2vw, 22px) !important;
    bottom: clamp(13px, 2.2vw, 26px) !important;
  }

  body.services-page #creative .svc-orbit-card i {
    width: clamp(24px, 4.2vw, 40px) !important;
    height: clamp(24px, 4.2vw, 40px) !important;
    margin-bottom: clamp(4px, .8vw, 8px) !important;
    border-radius: clamp(8px, 1.2vw, 12px) !important;
    font-size: clamp(10px, 1.9vw, 17px) !important;
    color: #151006 !important;
    background: linear-gradient(135deg, #f7d86d, var(--gold)) !important;
  }

  body.services-page #creative .svc-orbit-card strong {
    display: block !important;
    font-size: clamp(7px, 1.35vw, 13px) !important;
    line-height: 1.08 !important;
    color: #17231D !important;
    letter-spacing: -.035em !important;
  }

  body.services-page #creative .svc-orbit-card span {
    display: block !important;
    margin-top: clamp(2px, .55vw, 5px) !important;
    font-size: clamp(5px, 1.05vw, 10px) !important;
    line-height: 1.28 !important;
    color: #637066 !important;
  }

  body.services-page #creative .svc-section-kicker {
    justify-content: flex-start !important;
    width: auto !important;
    margin: 0 0 clamp(7px, 1.35vw, 14px) !important;
    gap: clamp(7px, 1.3vw, 14px) !important;
    text-align: left !important;
    font-size: clamp(6.5px, 1.25vw, 12px) !important;
    line-height: 1.1 !important;
    letter-spacing: .18em !important;
  }

  body.services-page #creative .svc-section-kicker::before,
  body.services-page #creative .svc-section-kicker::after {
    width: clamp(18px, 3.4vw, 38px) !important;
    height: 2px !important;
  }

  body.services-page #creative .svc-section-title {
    max-width: 100% !important;
    margin: 0 !important;
    text-align: left !important;
    font-size: clamp(17px, 4.15vw, 46px) !important;
    line-height: .98 !important;
    letter-spacing: -.06em !important;
    font-weight: 900 !important;
    color: #fff !important;
    text-transform: none !important;
  }

  body.services-page #creative .svc-section-title span {
    color: var(--gold) !important;
  }

  body.services-page #creative .svc-section-copy {
    max-width: 100% !important;
    margin: clamp(6px, 1.35vw, 14px) 0 0 !important;
    text-align: left !important;
    font-size: clamp(6.5px, 1.2vw, 13px) !important;
    line-height: 1.45 !important;
    font-weight: 600 !important;
    color: rgba(236,241,233,.72) !important;
  }

  body.services-page #creative .svc-benefits {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: clamp(7px, 1.45vw, 14px) !important;
    margin-top: clamp(10px, 2.2vw, 24px) !important;
  }

  body.services-page #creative .svc-benefit {
    display: grid !important;
    grid-template-columns: clamp(27px, 5.2vw, 52px) minmax(0, 1fr) !important;
    align-items: center !important;
    gap: clamp(8px, 1.45vw, 15px) !important;
    min-height: clamp(42px, 7.2vw, 74px) !important;
    padding: clamp(8px, 1.45vw, 15px) clamp(10px, 2vw, 22px) !important;
    border-radius: clamp(12px, 2vw, 23px) !important;
    background: #fff !important;
    color: #17231D !important;
    border: 1px solid rgba(23,35,29,.08) !important;
    box-shadow: 0 clamp(9px, 2vw, 20px) clamp(19px, 4.6vw, 44px) rgba(0,0,0,.22) !important;
    text-align: left !important;
  }

  body.services-page #creative .svc-benefit i {
    width: clamp(27px, 5.2vw, 52px) !important;
    height: clamp(27px, 5.2vw, 52px) !important;
    border-radius: clamp(8px, 1.35vw, 15px) !important;
    font-size: clamp(11px, 2.05vw, 20px) !important;
    background: linear-gradient(135deg, #f7d86d, var(--gold)) !important;
    color: #111 !important;
    box-shadow: none !important;
  }

  body.services-page #creative .svc-benefit strong {
    display: block !important;
    margin: 0 0 clamp(2px, .45vw, 5px) !important;
    color: #17231D !important;
    font-size: clamp(7.2px, 1.45vw, 15px) !important;
    line-height: 1.08 !important;
    font-weight: 900 !important;
    letter-spacing: -.035em !important;
  }

  body.services-page #creative .svc-benefit span {
    display: block !important;
    color: #606d63 !important;
    font-size: clamp(5.5px, 1.08vw, 11px) !important;
    line-height: 1.34 !important;
    font-weight: 700 !important;
  }

  /* OUR SIMPLE GROWTH PROCESS — dark rounded panel + 6 cards in one row */
  body.services-page #process .svc-process-panel {
    width: 100% !important;
    margin: 0 auto !important;
    padding: clamp(34px, 6vw, 68px) clamp(12px, 3vw, 36px) clamp(32px, 5.3vw, 58px) !important;
    border-radius: clamp(24px, 4vw, 42px) !important;
    background:
      radial-gradient(circle at 50% 0%, rgba(212,175,55,.075), transparent 24%),
      linear-gradient(180deg, rgba(2,14,10,.86), rgba(2,14,10,.96)) !important;
    border: 1px solid rgba(212,175,55,.06) !important;
    box-shadow: 0 clamp(18px, 4vw, 42px) clamp(42px, 9vw, 96px) rgba(0,0,0,.28) !important;
    overflow: hidden !important;
  }

  body.services-page #process .svc-process-head {
    max-width: 100% !important;
    margin: 0 auto clamp(20px, 4.5vw, 42px) !important;
    text-align: center !important;
  }

  body.services-page #process .svc-process-kicker {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: clamp(7px, 1.45vw, 14px) !important;
    margin-bottom: clamp(8px, 1.8vw, 18px) !important;
    color: var(--gold) !important;
    font-size: clamp(7px, 1.15vw, 12px) !important;
    line-height: 1.1 !important;
    letter-spacing: .18em !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
  }

  body.services-page #process .svc-process-kicker::before,
  body.services-page #process .svc-process-kicker::after {
    width: clamp(22px, 4vw, 44px) !important;
    height: 2px !important;
  }

  body.services-page #process .svc-process-title {
    margin: 0 0 clamp(8px, 1.6vw, 16px) !important;
    font-size: clamp(24px, 5vw, 58px) !important;
    line-height: .95 !important;
    letter-spacing: -.07em !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
  }

  body.services-page #process .svc-process-title-line {
    display: block !important;
    white-space: nowrap !important;
  }

  body.services-page #process .svc-process-sub {
    max-width: 94% !important;
    margin: 0 auto !important;
    color: rgba(255,255,255,.74) !important;
    font-size: clamp(7.4px, 1.2vw, 14px) !important;
    line-height: 1.45 !important;
    font-weight: 600 !important;
  }

  body.services-page #process .svc-process-grid.svc-process-grid-exact {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: clamp(5px, 1.4vw, 18px) !important;
    width: 100% !important;
    margin: 0 auto !important;
    overflow: visible !important;
  }

  body.services-page #process .svc-process-grid-exact .svc-step {
    min-width: 0 !important;
    width: 100% !important;
    min-height: clamp(106px, 16vw, 174px) !important;
    padding: clamp(9px, 1.6vw, 18px) clamp(6px, 1.3vw, 15px) !important;
    border-radius: clamp(13px, 2vw, 22px) !important;
    background: linear-gradient(180deg, #ffffff 0%, #fbfbf7 100%) !important;
    border: 1px solid rgba(23,35,29,.08) !important;
    box-shadow: 0 clamp(8px, 1.8vw, 18px) clamp(18px, 4vw, 42px) rgba(0,0,0,.18) !important;
  }

  body.services-page #process .svc-process-grid-exact .svc-step-num {
    width: clamp(22px, 4.1vw, 42px) !important;
    height: clamp(22px, 4.1vw, 42px) !important;
    margin: 0 0 clamp(8px, 1.35vw, 14px) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    color: #17231D !important;
    background: linear-gradient(135deg, #f8db70, var(--gold)) !important;
    font-size: clamp(7px, 1.15vw, 12px) !important;
    font-weight: 900 !important;
  }

  body.services-page #process .svc-process-grid-exact .svc-step h3 {
    margin: 0 0 clamp(4px, .8vw, 8px) !important;
    color: #17231D !important;
    font-size: clamp(7.5px, 1.35vw, 15px) !important;
    line-height: 1.08 !important;
    font-weight: 900 !important;
    letter-spacing: -.035em !important;
  }

  body.services-page #process .svc-process-grid-exact .svc-step p {
    margin: 0 !important;
    color: #626e66 !important;
    font-size: clamp(5.5px, 1vw, 11px) !important;
    line-height: 1.34 !important;
    font-weight: 700 !important;
  }
}

@media screen and (max-width: 480px) {
  body.services-page #creative.svc-section {
    padding-top: 34px !important;
    padding-bottom: 42px !important;
  }

  body.services-page #creative .svc-container,
  body.services-page #process .svc-container {
    width: 95vw !important;
    max-width: 95vw !important;
  }

  body.services-page #creative .svc-split {
    grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr) !important;
    gap: 10px !important;
  }

  body.services-page #creative .svc-creative-visual {
    height: 190px !important;
    min-height: 190px !important;
  }

  body.services-page #creative .svc-large-image {
    height: 178px !important;
    min-height: 178px !important;
    border-radius: 17px !important;
  }

  body.services-page #creative .svc-orbit-card {
    width: 72px !important;
    padding: 7px 8px !important;
    border-radius: 11px !important;
  }

  body.services-page #creative .svc-orbit-card i {
    width: 24px !important;
    height: 24px !important;
    font-size: 10px !important;
  }

  body.services-page #creative .svc-orbit-card strong {
    font-size: 7px !important;
  }

  body.services-page #creative .svc-orbit-card span {
    font-size: 5px !important;
  }

  body.services-page #creative .svc-section-title {
    font-size: 17px !important;
    line-height: 1.02 !important;
  }

  body.services-page #creative .svc-section-copy {
    font-size: 6px !important;
    line-height: 1.42 !important;
  }

  body.services-page #creative .svc-benefits {
    gap: 7px !important;
    margin-top: 10px !important;
  }

  body.services-page #creative .svc-benefit {
    grid-template-columns: 27px minmax(0, 1fr) !important;
    min-height: 42px !important;
    padding: 8px 9px !important;
    border-radius: 12px !important;
    gap: 8px !important;
  }

  body.services-page #creative .svc-benefit i {
    width: 27px !important;
    height: 27px !important;
    font-size: 11px !important;
    border-radius: 8px !important;
  }

  body.services-page #creative .svc-benefit strong {
    font-size: 7.2px !important;
  }

  body.services-page #creative .svc-benefit span {
    font-size: 5.4px !important;
    line-height: 1.28 !important;
  }

  body.services-page #process .svc-process-panel {
    border-radius: 24px !important;
    padding: 34px 10px 30px !important;
  }

  body.services-page #process .svc-process-head {
    margin-bottom: 20px !important;
  }

  body.services-page #process .svc-process-title {
    font-size: 24px !important;
  }

  body.services-page #process .svc-process-sub {
    font-size: 7px !important;
  }

  body.services-page #process .svc-process-grid.svc-process-grid-exact {
    gap: 5px !important;
  }

  body.services-page #process .svc-process-grid-exact .svc-step {
    min-height: 108px !important;
    padding: 9px 5px !important;
    border-radius: 12px !important;
  }

  body.services-page #process .svc-process-grid-exact .svc-step-num {
    width: 22px !important;
    height: 22px !important;
    margin-bottom: 7px !important;
    font-size: 7px !important;
  }

  body.services-page #process .svc-process-grid-exact .svc-step h3 {
    font-size: 7.2px !important;
    margin-bottom: 4px !important;
  }

  body.services-page #process .svc-process-grid-exact .svc-step p {
    font-size: 5px !important;
    line-height: 1.3 !important;
  }
}



/* =========================================================
   FINAL FIX — SINGLE PAGE BACKGROUND
   Removes outer section/card backgrounds so the full page has one flat color.
   Content cards remain unchanged.
   ========================================================= */
:root {
  --page-one-bg: #17231D;
}

html,
body,
body.services-page,
body.services-page main,
body.services-page .hero-section,
body.services-page .services-page-hero,
body.services-page .svc-section,
body.services-page .svc-section.alt,
body.services-page .svc-process-section,
body.services-page .svc-team-section,
body.services-page .apex-footer,
body.services-page .apex-footer-v2 {
  background: var(--page-one-bg) !important;
  background-color: var(--page-one-bg) !important;
  background-image: none !important;
}

body.services-page .services-page-hero::before,
body.services-page .services-page-hero::after,
body.services-page .svc-section::before,
body.services-page .svc-section::after,
body.services-page .svc-process-section::before,
body.services-page .svc-process-section::after,
body.services-page .svc-team-section::before,
body.services-page .svc-team-section::after {
  display: none !important;
  content: none !important;
  background: none !important;
}

/* Remove the big rounded dark outer card from process section */
body.services-page .svc-process-panel,
body.services-page #process .svc-process-panel {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  overflow: visible !important;
}

body.services-page .svc-process-panel::before,
body.services-page .svc-process-panel::after,
body.services-page #process .svc-process-panel::before,
body.services-page #process .svc-process-panel::after {
  display: none !important;
  content: none !important;
}

/* Keep all sections connected without separate block/card feeling */
body.services-page .svc-section + .svc-section,
body.services-page #creative,
body.services-page #process,
body.services-page #team {
  margin-top: 0 !important;
}

@media screen and (max-width: 1199px) {
  body.services-page #process .svc-process-panel {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media screen and (max-width: 480px) {
  body.services-page #process .svc-process-panel {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}


/* ══ FINAL FIX: whole services page 95% screen width on desktop + mobile ══ */
html,
body.services-page {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  overflow-x: clip !important;
}

/* Keep navbar full screen, but navbar content aligned to 95% */
body.services-page .apex-nav {
  width: 100vw !important;
  max-width: 100vw !important;
  left: 0 !important;
  right: 0 !important;
  margin: 0 !important;
}
body.services-page .apex-nav .nav-inner {
  width: 95vw !important;
  max-width: 95vw !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

/* Main visible page/sections: 95% of screen on every screen size */
body.services-page .hero-section.services-page-hero,
body.services-page .svc-hero-stats-wrap,
body.services-page main > .svc-section,
body.services-page .apex-footer {
  width: 95vw !important;
  max-width: 95vw !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

body.services-page main {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Inner wrappers fill the 95% section, so it does not become 95% inside 95% */
body.services-page .site-wrap,
body.services-page .services-page-hero > .site-wrap,
body.services-page .svc-container,
body.services-page .svc-hero,
body.services-page .svc-hero-stats,
body.services-page .wwd-container,
body.services-page .cr-container,
body.services-page .pkg-container,
body.services-page .packages-container,
body.services-page .tst-container,
body.services-page .insights-container,
body.services-page .footer-v2-container,
body.services-page .footer-container {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

@media (max-width: 768px) {
  body.services-page {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  body.services-page .apex-nav .nav-inner,
  body.services-page .hero-section.services-page-hero,
  body.services-page .svc-hero-stats-wrap,
  body.services-page main > .svc-section,
  body.services-page .apex-footer {
    width: 95vw !important;
    max-width: 95vw !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}



/* =========================================================
   FINAL MOBILE PATCH — ONLY service cards + team section
   Hero section intentionally untouched/restored.
   ========================================================= */
@media screen and (max-width: 768px) {
  body.services-page #services {
    padding-top: clamp(24px, 6vw, 38px) !important;
    padding-bottom: clamp(28px, 7vw, 44px) !important;
  }

  body.services-page #services .svc-section-head {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: clamp(8px, 2vw, 14px) !important;
    margin-bottom: clamp(13px, 3.4vw, 21px) !important;
  }

  body.services-page #services .svc-section-head > div {
    flex: 0 0 56% !important;
    min-width: 0 !important;
  }

  body.services-page #services .svc-section-kicker {
    font-size: clamp(5px, 1.28vw, 7px) !important;
    gap: 5px !important;
    margin-bottom: clamp(4px, 1vw, 6px) !important;
  }

  body.services-page #services .svc-section-kicker::before,
  body.services-page #services .svc-section-kicker::after {
    width: clamp(14px, 3.2vw, 22px) !important;
    height: 1px !important;
  }

  body.services-page #services .svc-section-title {
    max-width: 100% !important;
    font-size: clamp(17px, 4.9vw, 30px) !important;
    line-height: .98 !important;
    letter-spacing: -.055em !important;
    text-align: left !important;
  }

  body.services-page #services .svc-section-copy {
    flex: 0 0 41% !important;
    max-width: 41% !important;
    font-size: clamp(5px, 1.25vw, 7px) !important;
    line-height: 1.45 !important;
    text-align: left !important;
  }

  body.services-page #services .svc-card-slider-wrap,
  body.services-page #team .svc-team-slider-wrap {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  body.services-page #services .svc-card-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: clamp(6px, 1.55vw, 10px) !important;
    row-gap: clamp(8px, 2vw, 12px) !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
  }

  body.services-page #services .svc-card-grid .svc-card {
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    min-height: 0 !important;
    padding: clamp(4px, .95vw, 6px) !important;
    border-radius: clamp(8px, 2vw, 12px) !important;
    background: #fff !important;
    color: var(--text-dark) !important;
    box-shadow: 0 clamp(8px, 2vw, 14px) clamp(14px, 3.4vw, 24px) rgba(0,0,0,.20) !important;
    scroll-snap-align: unset !important;
  }

  body.services-page #services .svc-card-grid .svc-card::after {
    width: clamp(44px, 11vw, 66px) !important;
    height: clamp(44px, 11vw, 66px) !important;
    right: clamp(-32px, -8vw, -22px) !important;
    bottom: clamp(-32px, -8vw, -22px) !important;
  }

  body.services-page #services .svc-card-grid .svc-card-media {
    height: clamp(42px, 11.2vw, 62px) !important;
    flex-basis: clamp(42px, 11.2vw, 62px) !important;
    margin-bottom: clamp(4px, .95vw, 6px) !important;
    border-radius: clamp(6px, 1.6vw, 9px) !important;
  }

  body.services-page #services .svc-card-grid .svc-card-body {
    padding: 0 1px 1px !important;
  }

  body.services-page #services .svc-card-grid .svc-card-top {
    margin-bottom: clamp(3px, .75vw, 4px) !important;
  }

  body.services-page #services .svc-card-grid .svc-icon {
    width: clamp(14px, 3.6vw, 21px) !important;
    height: clamp(14px, 3.6vw, 21px) !important;
    border-radius: clamp(5px, 1.2vw, 7px) !important;
  }

  body.services-page #services .svc-card-grid .svc-icon i {
    font-size: clamp(6px, 1.45vw, 8.5px) !important;
  }

  body.services-page #services .svc-card-grid .svc-card-no {
    font-size: clamp(15px, 4vw, 24px) !important;
    line-height: .9 !important;
  }

  body.services-page #services .svc-card-grid .svc-card h3 {
    font-size: clamp(6px, 1.48vw, 8.2px) !important;
    line-height: 1.05 !important;
    margin-bottom: clamp(2px, .55vw, 3px) !important;
    letter-spacing: -.03em !important;
  }

  body.services-page #services .svc-card-grid .svc-card p {
    font-size: clamp(4px, .98vw, 5.7px) !important;
    line-height: 1.25 !important;
    margin-bottom: clamp(3px, .75vw, 5px) !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  body.services-page #services .svc-card-grid .svc-tags {
    gap: clamp(2px, .5vw, 3px) !important;
    margin-bottom: clamp(3px, .7vw, 4px) !important;
  }

  body.services-page #services .svc-card-grid .svc-tags span {
    min-height: 0 !important;
    padding: clamp(1.6px, .42vw, 2.6px) clamp(3px, .65vw, 4px) !important;
    font-size: clamp(3.4px, .82vw, 4.8px) !important;
    line-height: 1 !important;
    gap: 2px !important;
  }

  body.services-page #services .svc-card-grid .svc-tags span::before {
    width: 2.5px !important;
    height: 2.5px !important;
  }

  body.services-page #services .svc-card-grid .svc-card-link {
    font-size: clamp(4px, .98vw, 5.8px) !important;
    line-height: 1 !important;
    gap: 2px !important;
  }

  body.services-page #services .svc-card-slider-controls,
  body.services-page #team .svc-team-slider-controls {
    display: none !important;
  }

  body.services-page #team {
    padding-top: clamp(28px, 7vw, 44px) !important;
    padding-bottom: clamp(28px, 7vw, 44px) !important;
  }

  body.services-page #team .svc-team-head {
    margin-bottom: clamp(16px, 4vw, 26px) !important;
    max-width: 100% !important;
  }

  body.services-page #team .svc-team-kicker {
    font-size: clamp(5.2px, 1.28vw, 7.6px) !important;
    margin-bottom: clamp(5px, 1.3vw, 8px) !important;
    gap: 6px !important;
  }

  body.services-page #team .svc-team-kicker::before,
  body.services-page #team .svc-team-kicker::after {
    width: clamp(16px, 4vw, 28px) !important;
    height: 1px !important;
  }

  body.services-page #team .svc-team-title {
    white-space: nowrap !important;
    font-size: clamp(21px, 5.85vw, 35px) !important;
    line-height: .94 !important;
    letter-spacing: -.06em !important;
    margin-bottom: clamp(7px, 1.6vw, 10px) !important;
  }

  body.services-page #team .svc-team-sub {
    font-size: clamp(5.5px, 1.35vw, 8px) !important;
    line-height: 1.35 !important;
    max-width: 72% !important;
  }

  body.services-page #team .svc-team-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: clamp(8px, 2.1vw, 14px) !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
  }

  body.services-page #team .svc-team-card {
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    flex: initial !important;
    border-radius: clamp(10px, 2.5vw, 16px) !important;
    background: #fff !important;
    overflow: hidden !important;
    box-shadow: 0 clamp(10px, 2.6vw, 20px) clamp(18px, 4.5vw, 34px) rgba(0,0,0,.22) !important;
    scroll-snap-align: unset !important;
  }

  body.services-page #team .svc-team-media {
    height: clamp(108px, 31vw, 150px) !important;
    border-radius: clamp(10px, 2.5vw, 16px) clamp(10px, 2.5vw, 16px) 0 0 !important;
  }

  body.services-page #team .svc-team-media img {
    object-fit: cover !important;
    object-position: top center !important;
  }

  body.services-page #team .svc-team-info {
    padding: clamp(6px, 1.45vw, 9px) clamp(5px, 1.25vw, 8px) clamp(7px, 1.7vw, 10px) !important;
  }

  body.services-page #team .svc-team-info h3 {
    font-size: clamp(6px, 1.45vw, 8.8px) !important;
    line-height: 1.05 !important;
    margin-bottom: 2px !important;
  }

  body.services-page #team .svc-team-info p {
    font-size: clamp(4.4px, 1.05vw, 6.5px) !important;
    line-height: 1.15 !important;
  }

  body.services-page #team .svc-team-tags {
    flex-wrap: nowrap !important;
    gap: clamp(3px, .75vw, 5px) !important;
    margin-top: clamp(5px, 1.2vw, 7px) !important;
  }

  body.services-page #team .svc-team-tags span {
    min-height: 0 !important;
    padding: clamp(2px, .55vw, 3.4px) clamp(4px, .95vw, 6px) !important;
    font-size: clamp(3.5px, .85vw, 5.2px) !important;
    line-height: 1 !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
  }
}

@media screen and (max-width: 420px) {
  body.services-page #services .svc-card-grid .svc-card-media {
    height: clamp(40px, 11vw, 48px) !important;
    flex-basis: clamp(40px, 11vw, 48px) !important;
  }

  body.services-page #team .svc-team-media {
    height: clamp(110px, 31vw, 126px) !important;
  }

  body.services-page #team .svc-team-title {
    font-size: clamp(20px, 5.7vw, 24px) !important;
  }
}



/* =========================================================
   NAVBAR SAFETY RESTORE — mobile navbar untouched and not clipped.
   Only prevents the logo/nav from being pushed outside viewport.
========================================================= */
@media (max-width: 767px) {
  body.services-page .apex-nav,
  body.services-page .apex-nav.is-sticky,
  body.services-page .apex-nav.nav-scrolled {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  body.services-page .apex-nav .nav-inner {
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  body.services-page .nav-left {
    margin-left: 0 !important;
    transform: none !important;
  }

  body.services-page .brand-logo {
    transform: none !important;
  }
}


/* =========================================================
   FINAL RESTORE — mobile Visual Growth System + How It Works
   Hero/navbar untouched. Services/team card fixes unchanged.
   ========================================================= */
@media screen and (max-width: 768px) {
  body.services-page #creative,
  body.services-page #process {
    overflow: hidden !important;
  }

  body.services-page #creative.svc-section {
    padding-top: clamp(30px, 7vw, 48px) !important;
    padding-bottom: clamp(34px, 8vw, 54px) !important;
  }

  body.services-page #process.svc-section {
    padding-top: clamp(30px, 7vw, 50px) !important;
    padding-bottom: clamp(34px, 8vw, 56px) !important;
  }

  body.services-page #creative .svc-container,
  body.services-page #process .svc-container {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* Visual Growth System — same image-left/content-right mobile look */
  body.services-page #creative .svc-split {
    display: grid !important;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr) !important;
    align-items: center !important;
    gap: clamp(9px, 2.4vw, 16px) !important;
  }

  body.services-page #creative .svc-split > * {
    min-width: 0 !important;
  }

  body.services-page #creative .svc-creative-visual {
    width: 100% !important;
    min-height: clamp(178px, 47vw, 245px) !important;
    height: clamp(178px, 47vw, 245px) !important;
    margin: 0 !important;
    transform: none !important;
    overflow: visible !important;
  }

  body.services-page #creative .svc-large-image {
    width: 100% !important;
    min-height: clamp(166px, 44vw, 230px) !important;
    height: clamp(166px, 44vw, 230px) !important;
    border-radius: clamp(14px, 3.6vw, 22px) !important;
    border: 1px solid rgba(212,175,55,.30) !important;
    overflow: hidden !important;
    box-shadow: 0 clamp(10px, 2.6vw, 22px) clamp(20px, 5vw, 42px) rgba(0,0,0,.34) !important;
  }

  body.services-page #creative .svc-large-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
  }

  body.services-page #creative .svc-large-image::before {
    inset: clamp(6px, 1.55vw, 12px) !important;
    border-radius: clamp(10px, 2.7vw, 18px) !important;
    border-color: rgba(212,175,55,.28) !important;
  }

  body.services-page #creative .svc-orbit-card {
    display: block !important;
    width: min(43%, 150px) !important;
    padding: clamp(7px, 1.75vw, 12px) clamp(8px, 2vw, 14px) !important;
    border-radius: clamp(10px, 2.7vw, 17px) !important;
    background: #fff !important;
    color: #17231D !important;
    border: 1px solid rgba(23,35,29,.08) !important;
    box-shadow: 0 clamp(8px, 2vw, 16px) clamp(18px, 4.6vw, 36px) rgba(0,0,0,.28) !important;
  }

  body.services-page #creative .svc-orbit-one {
    top: clamp(9px, 2.4vw, 17px) !important;
    right: clamp(6px, 1.6vw, 12px) !important;
  }

  body.services-page #creative .svc-orbit-two {
    left: clamp(6px, 1.6vw, 12px) !important;
    bottom: clamp(9px, 2.4vw, 17px) !important;
  }

  body.services-page #creative .svc-orbit-card i {
    width: clamp(20px, 5.2vw, 34px) !important;
    height: clamp(20px, 5.2vw, 34px) !important;
    border-radius: clamp(7px, 1.8vw, 11px) !important;
    margin-bottom: clamp(4px, 1vw, 7px) !important;
    font-size: clamp(9px, 2.3vw, 15px) !important;
    background: linear-gradient(135deg, #f7d86d, var(--gold)) !important;
    color: #151006 !important;
  }

  body.services-page #creative .svc-orbit-card strong {
    display: block !important;
    font-size: clamp(6.2px, 1.65vw, 12px) !important;
    line-height: 1.08 !important;
    color: #17231D !important;
    letter-spacing: -.035em !important;
  }

  body.services-page #creative .svc-orbit-card span {
    display: block !important;
    margin-top: clamp(2px, .55vw, 5px) !important;
    font-size: clamp(4.8px, 1.25vw, 9.5px) !important;
    line-height: 1.25 !important;
    color: #657066 !important;
  }

  body.services-page #creative .svc-section-kicker {
    display: inline-flex !important;
    justify-content: flex-start !important;
    width: auto !important;
    margin: 0 0 clamp(6px, 1.6vw, 11px) !important;
    gap: clamp(5px, 1.3vw, 10px) !important;
    font-size: clamp(6px, 1.55vw, 10.5px) !important;
    letter-spacing: .16em !important;
    line-height: 1.1 !important;
    text-align: left !important;
  }

  body.services-page #creative .svc-section-kicker::before,
  body.services-page #creative .svc-section-kicker::after {
    width: clamp(14px, 3.6vw, 28px) !important;
    height: 2px !important;
  }

  body.services-page #creative .svc-section-title {
    text-align: left !important;
    max-width: 100% !important;
    margin: 0 !important;
    font-size: clamp(15.5px, 4.05vw, 29px) !important;
    line-height: 1.04 !important;
    letter-spacing: -.055em !important;
    font-weight: 900 !important;
    color: #fff !important;
    text-transform: none !important;
  }

  body.services-page #creative .svc-section-title span {
    color: var(--gold) !important;
  }

  body.services-page #creative .svc-section-copy {
    text-align: left !important;
    margin: clamp(6px, 1.6vw, 11px) 0 0 !important;
    max-width: 100% !important;
    color: rgba(236,241,233,.72) !important;
    font-size: clamp(5.8px, 1.5vw, 10.5px) !important;
    line-height: 1.5 !important;
    font-weight: 600 !important;
  }

  body.services-page #creative .svc-benefits {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: clamp(6px, 1.55vw, 11px) !important;
    margin-top: clamp(9px, 2.4vw, 18px) !important;
  }

  body.services-page #creative .svc-benefit {
    display: grid !important;
    grid-template-columns: clamp(24px, 6.2vw, 44px) minmax(0, 1fr) !important;
    align-items: center !important;
    justify-items: start !important;
    gap: clamp(7px, 1.8vw, 12px) !important;
    min-height: clamp(36px, 9.4vw, 61px) !important;
    padding: clamp(7px, 1.85vw, 12px) clamp(9px, 2.3vw, 17px) !important;
    border-radius: clamp(12px, 3.1vw, 21px) !important;
    background: #fff !important;
    color: #17231D !important;
    border: 1px solid rgba(23,35,29,.08) !important;
    box-shadow: 0 clamp(8px, 2vw, 17px) clamp(15px, 4vw, 32px) rgba(0,0,0,.23) !important;
    text-align: left !important;
  }

  body.services-page #creative .svc-benefit i {
    width: clamp(24px, 6.2vw, 44px) !important;
    height: clamp(24px, 6.2vw, 44px) !important;
    border-radius: clamp(8px, 2vw, 14px) !important;
    font-size: clamp(10px, 2.6vw, 17px) !important;
    background: linear-gradient(135deg, #f7d86d, var(--gold)) !important;
    color: #111 !important;
    box-shadow: none !important;
  }

  body.services-page #creative .svc-benefit strong {
    display: block !important;
    margin: 0 0 clamp(2px, .55vw, 4px) !important;
    color: #17231D !important;
    font-size: clamp(7px, 1.85vw, 13.5px) !important;
    line-height: 1.08 !important;
    font-weight: 900 !important;
    letter-spacing: -.035em !important;
  }

  body.services-page #creative .svc-benefit span {
    display: block !important;
    color: #5f6b63 !important;
    font-size: clamp(5.2px, 1.38vw, 10px) !important;
    line-height: 1.32 !important;
    font-weight: 700 !important;
  }

  /* How It Works — 6 white cards in one row like reference */
  body.services-page #process .svc-process-panel {
    width: 100% !important;
    margin: 0 auto !important;
    padding: clamp(30px, 7vw, 50px) 0 clamp(26px, 6vw, 42px) !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
  }

  body.services-page #process .svc-process-head {
    max-width: 100% !important;
    margin: 0 auto clamp(20px, 5vw, 34px) !important;
    text-align: center !important;
  }

  body.services-page #process .svc-process-kicker {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-bottom: clamp(8px, 2.1vw, 14px) !important;
    gap: clamp(6px, 1.6vw, 11px) !important;
    color: var(--gold) !important;
    font-size: clamp(6.8px, 1.8vw, 11px) !important;
    line-height: 1.1 !important;
    letter-spacing: .16em !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
  }

  body.services-page #process .svc-process-kicker::before,
  body.services-page #process .svc-process-kicker::after {
    width: clamp(18px, 4.7vw, 34px) !important;
    height: 2px !important;
  }

  body.services-page #process .svc-process-title {
    margin: 0 0 clamp(8px, 2.1vw, 13px) !important;
    font-size: clamp(22px, 6vw, 42px) !important;
    line-height: .96 !important;
    letter-spacing: -.065em !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    text-align: center !important;
  }

  body.services-page #process .svc-process-title-line {
    display: block !important;
    white-space: nowrap !important;
  }

  body.services-page #process .svc-process-sub {
    max-width: 92% !important;
    margin: 0 auto !important;
    font-size: clamp(7.2px, 1.9vw, 13px) !important;
    line-height: 1.45 !important;
    color: rgba(255,255,255,.72) !important;
    font-weight: 600 !important;
    text-align: center !important;
  }

  body.services-page #process .svc-process-grid.svc-process-grid-exact {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: clamp(5px, 1.35vw, 11px) !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
  }

  body.services-page #process .svc-process-grid-exact .svc-step {
    min-width: 0 !important;
    width: 100% !important;
    max-width: none !important;
    min-height: clamp(98px, 25vw, 164px) !important;
    padding: clamp(8px, 2.1vw, 14px) clamp(5px, 1.45vw, 12px) !important;
    border-radius: clamp(11px, 3vw, 19px) !important;
    background: linear-gradient(180deg, #ffffff 0%, #fbfbf8 100%) !important;
    border: 1px solid rgba(23,35,29,.08) !important;
    box-shadow: 0 clamp(8px, 2vw, 17px) clamp(18px, 4.7vw, 38px) rgba(0,0,0,.18) !important;
    color: #17231D !important;
  }

  body.services-page #process .svc-process-grid-exact .svc-step-num {
    width: clamp(21px, 5.6vw, 36px) !important;
    height: clamp(21px, 5.6vw, 36px) !important;
    margin: 0 0 clamp(7px, 1.8vw, 12px) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    color: #17231D !important;
    background: linear-gradient(135deg, #f8db70, var(--gold)) !important;
    font-size: clamp(6.8px, 1.8vw, 11.5px) !important;
    font-weight: 900 !important;
  }

  body.services-page #process .svc-process-grid-exact .svc-step h3 {
    margin: 0 0 clamp(4px, 1vw, 7px) !important;
    color: #17231D !important;
    font-size: clamp(7px, 1.85vw, 13.5px) !important;
    line-height: 1.1 !important;
    font-weight: 900 !important;
    letter-spacing: -.035em !important;
  }

  body.services-page #process .svc-process-grid-exact .svc-step p {
    margin: 0 !important;
    color: #626c65 !important;
    font-size: clamp(5px, 1.32vw, 9.5px) !important;
    line-height: 1.32 !important;
    font-weight: 700 !important;
  }
}

@media screen and (max-width: 430px) {
  body.services-page #creative .svc-split {
    gap: 10px !important;
  }

  body.services-page #creative .svc-large-image {
    height: 176px !important;
    min-height: 176px !important;
  }

  body.services-page #creative .svc-creative-visual {
    height: 188px !important;
    min-height: 188px !important;
  }

  body.services-page #creative .svc-section-title {
    font-size: 16px !important;
    line-height: 1.03 !important;
  }

  body.services-page #creative .svc-section-copy {
    font-size: 5.7px !important;
  }

  body.services-page #creative .svc-benefit {
    min-height: 40px !important;
    padding: 7px 8px !important;
  }

  body.services-page #creative .svc-benefit strong {
    font-size: 7px !important;
  }

  body.services-page #creative .svc-benefit span {
    font-size: 5.1px !important;
  }

  body.services-page #process .svc-process-panel {
    padding-top: 30px !important;
    padding-bottom: 24px !important;
  }

  body.services-page #process .svc-process-title {
    font-size: 22px !important;
  }

  body.services-page #process .svc-process-sub {
    font-size: 7px !important;
  }

  body.services-page #process .svc-process-grid.svc-process-grid-exact {
    gap: 5px !important;
  }

  body.services-page #process .svc-process-grid-exact .svc-step {
    min-height: 106px !important;
    padding: 8px 5px !important;
    border-radius: 11px !important;
  }

  body.services-page #process .svc-process-grid-exact .svc-step-num {
    width: 21px !important;
    height: 21px !important;
    font-size: 6.8px !important;
    margin-bottom: 7px !important;
  }

  body.services-page #process .svc-process-grid-exact .svc-step h3 {
    font-size: 6.8px !important;
    margin-bottom: 4px !important;
  }

  body.services-page #process .svc-process-grid-exact .svc-step p {
    font-size: 4.8px !important;
    line-height: 1.3 !important;
  }
}



/* =========================================================
   LAST PATCH — sirf Visual Growth System + How It Works mobile
   Hero / navbar / services cards / team cards untouched.
   ========================================================= */
@media screen and (max-width: 1199px) {
  body.services-page #creative,
  body.services-page #process {
    width: 95vw !important;
    max-width: 95vw !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow: hidden !important;
    background: transparent !important;
    background-image: none !important;
    box-sizing: border-box !important;
  }

  body.services-page #creative.svc-section {
    padding: clamp(34px, 5.2vw, 62px) 0 clamp(38px, 5.8vw, 68px) !important;
  }

  body.services-page #process.svc-section {
    padding: clamp(36px, 5.5vw, 68px) 0 clamp(40px, 5.8vw, 72px) !important;
  }

  body.services-page #creative .svc-container,
  body.services-page #process .svc-container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  /* VISUAL GROWTH SYSTEM — image left + text/cards right, same as old reference */
  body.services-page #creative .svc-split {
    display: grid !important;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr) !important;
    align-items: center !important;
    gap: clamp(10px, 2.4vw, 26px) !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  body.services-page #creative .svc-split > * {
    min-width: 0 !important;
    width: 100% !important;
  }

  body.services-page #creative .svc-creative-visual {
    position: relative !important;
    width: 100% !important;
    height: clamp(185px, 28vw, 338px) !important;
    min-height: clamp(185px, 28vw, 338px) !important;
    margin: 0 !important;
    transform: none !important;
    overflow: visible !important;
  }

  body.services-page #creative .svc-large-image {
    width: 100% !important;
    height: clamp(175px, 27vw, 324px) !important;
    min-height: clamp(175px, 27vw, 324px) !important;
    border-radius: clamp(15px, 2.4vw, 27px) !important;
    border: 1px solid rgba(212,175,55,.32) !important;
    overflow: hidden !important;
    background: rgba(255,255,255,.03) !important;
    box-shadow: 0 clamp(12px, 2.4vw, 28px) clamp(25px, 5.6vw, 60px) rgba(0,0,0,.34) !important;
  }

  body.services-page #creative .svc-large-image::before {
    inset: clamp(6px, 1.25vw, 14px) !important;
    border-radius: clamp(11px, 1.9vw, 21px) !important;
    border-color: rgba(212,175,55,.28) !important;
  }

  body.services-page #creative .svc-large-image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    filter: grayscale(1) contrast(1.05) brightness(.86) !important;
  }

  body.services-page #creative .svc-orbit-card {
    position: absolute !important;
    display: block !important;
    width: clamp(78px, 17vw, 158px) !important;
    min-width: 0 !important;
    padding: clamp(7px, 1.25vw, 14px) clamp(8px, 1.45vw, 16px) !important;
    border-radius: clamp(11px, 1.8vw, 18px) !important;
    background: #fff !important;
    color: #17231D !important;
    border: 1px solid rgba(23,35,29,.08) !important;
    box-shadow: 0 clamp(10px, 2.2vw, 22px) clamp(22px, 5vw, 44px) rgba(0,0,0,.28) !important;
    z-index: 4 !important;
  }

  body.services-page #creative .svc-orbit-one {
    top: clamp(10px, 2vw, 22px) !important;
    right: clamp(8px, 1.7vw, 22px) !important;
    left: auto !important;
    bottom: auto !important;
  }

  body.services-page #creative .svc-orbit-two {
    left: clamp(8px, 1.7vw, 22px) !important;
    bottom: clamp(11px, 2vw, 24px) !important;
    top: auto !important;
    right: auto !important;
  }

  body.services-page #creative .svc-orbit-card i {
    width: clamp(22px, 4.2vw, 40px) !important;
    height: clamp(22px, 4.2vw, 40px) !important;
    margin: 0 0 clamp(4px, .75vw, 8px) !important;
    border-radius: clamp(7px, 1.15vw, 12px) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: clamp(9px, 1.8vw, 17px) !important;
    background: linear-gradient(135deg, #f7d86d, var(--gold)) !important;
    color: #151006 !important;
    box-shadow: none !important;
  }

  body.services-page #creative .svc-orbit-card strong {
    display: block !important;
    color: #17231D !important;
    font-size: clamp(7px, 1.32vw, 13px) !important;
    line-height: 1.08 !important;
    font-weight: 900 !important;
    letter-spacing: -.035em !important;
  }

  body.services-page #creative .svc-orbit-card span {
    display: block !important;
    margin-top: clamp(2px, .5vw, 5px) !important;
    color: #5f6b63 !important;
    font-size: clamp(5px, 1vw, 10px) !important;
    line-height: 1.28 !important;
    font-weight: 700 !important;
  }

  body.services-page #creative .svc-section-kicker {
    display: inline-flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    width: auto !important;
    margin: 0 0 clamp(6px, 1.25vw, 13px) !important;
    gap: clamp(6px, 1.25vw, 13px) !important;
    color: var(--gold) !important;
    font-size: clamp(6.5px, 1.15vw, 12px) !important;
    line-height: 1.1 !important;
    letter-spacing: .18em !important;
    font-weight: 900 !important;
    text-align: left !important;
    text-transform: uppercase !important;
  }

  body.services-page #creative .svc-section-kicker::before,
  body.services-page #creative .svc-section-kicker::after {
    width: clamp(18px, 3.4vw, 38px) !important;
    height: 2px !important;
  }

  body.services-page #creative .svc-section-title {
    max-width: 100% !important;
    margin: 0 !important;
    text-align: left !important;
    color: #fff !important;
    font-size: clamp(18px, 4.15vw, 46px) !important;
    line-height: .98 !important;
    letter-spacing: -.06em !important;
    font-weight: 900 !important;
    text-transform: none !important;
  }

  body.services-page #creative .svc-section-title span {
    color: var(--gold) !important;
  }

  body.services-page #creative .svc-section-copy {
    max-width: 100% !important;
    margin: clamp(6px, 1.25vw, 14px) 0 0 !important;
    text-align: left !important;
    color: rgba(236,241,233,.73) !important;
    font-size: clamp(6.5px, 1.15vw, 13px) !important;
    line-height: 1.45 !important;
    font-weight: 600 !important;
  }

  body.services-page #creative .svc-benefits {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: clamp(7px, 1.35vw, 14px) !important;
    margin: clamp(10px, 2vw, 24px) 0 0 !important;
    padding: 0 !important;
  }

  body.services-page #creative .svc-benefit {
    display: grid !important;
    grid-template-columns: clamp(28px, 5.1vw, 52px) minmax(0, 1fr) !important;
    align-items: center !important;
    gap: clamp(8px, 1.35vw, 15px) !important;
    min-height: clamp(43px, 7vw, 74px) !important;
    padding: clamp(8px, 1.35vw, 15px) clamp(10px, 1.9vw, 22px) !important;
    border-radius: clamp(13px, 2vw, 23px) !important;
    background: #fff !important;
    color: #17231D !important;
    border: 1px solid rgba(23,35,29,.08) !important;
    box-shadow: 0 clamp(9px, 1.9vw, 20px) clamp(19px, 4.4vw, 40px) rgba(0,0,0,.22) !important;
    text-align: left !important;
    justify-items: start !important;
  }

  body.services-page #creative .svc-benefit i {
    width: clamp(28px, 5.1vw, 52px) !important;
    height: clamp(28px, 5.1vw, 52px) !important;
    border-radius: clamp(8px, 1.32vw, 15px) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #f7d86d, var(--gold)) !important;
    color: #111 !important;
    font-size: clamp(11px, 2vw, 20px) !important;
    box-shadow: none !important;
  }

  body.services-page #creative .svc-benefit strong {
    display: block !important;
    margin: 0 0 clamp(2px, .42vw, 5px) !important;
    color: #17231D !important;
    font-size: clamp(7.5px, 1.38vw, 15px) !important;
    line-height: 1.08 !important;
    font-weight: 900 !important;
    letter-spacing: -.035em !important;
  }

  body.services-page #creative .svc-benefit span {
    display: block !important;
    color: #606d63 !important;
    font-size: clamp(5.5px, 1.04vw, 11px) !important;
    line-height: 1.34 !important;
    font-weight: 700 !important;
  }

  /* HOW IT WORKS — 6 cards one row, same as old reference */
  body.services-page #process .svc-process-panel {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: clamp(34px, 5.5vw, 66px) 0 clamp(32px, 5vw, 58px) !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  body.services-page #process .svc-process-panel::before,
  body.services-page #process .svc-process-panel::after {
    display: none !important;
    content: none !important;
  }

  body.services-page #process .svc-process-head {
    max-width: 100% !important;
    margin: 0 auto clamp(20px, 4.3vw, 42px) !important;
    text-align: center !important;
  }

  body.services-page #process .svc-process-kicker {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: clamp(7px, 1.35vw, 14px) !important;
    margin: 0 0 clamp(8px, 1.65vw, 17px) !important;
    color: var(--gold) !important;
    font-size: clamp(7px, 1.1vw, 12px) !important;
    line-height: 1.1 !important;
    letter-spacing: .18em !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
  }

  body.services-page #process .svc-process-kicker::before,
  body.services-page #process .svc-process-kicker::after {
    width: clamp(22px, 4vw, 44px) !important;
    height: 2px !important;
    flex: 0 0 auto !important;
  }

  body.services-page #process .svc-process-title {
    margin: 0 0 clamp(8px, 1.5vw, 15px) !important;
    text-align: center !important;
    text-transform: uppercase !important;
    font-size: clamp(25px, 5vw, 58px) !important;
    line-height: .94 !important;
    letter-spacing: -.07em !important;
    font-weight: 900 !important;
  }

  body.services-page #process .svc-process-title-line {
    display: block !important;
    white-space: nowrap !important;
  }

  body.services-page #process .svc-process-title .svc-white { color: #fff !important; }
  body.services-page #process .svc-process-title .svc-gold { color: var(--gold) !important; }

  body.services-page #process .svc-process-sub {
    max-width: 92% !important;
    margin: 0 auto !important;
    text-align: center !important;
    color: rgba(255,255,255,.74) !important;
    font-size: clamp(7.5px, 1.15vw, 14px) !important;
    line-height: 1.45 !important;
    font-weight: 600 !important;
  }

  body.services-page #process .svc-process-grid.svc-process-grid-exact {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    gap: clamp(6px, 1.35vw, 18px) !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
  }

  body.services-page #process .svc-process-grid-exact .svc-step {
    min-width: 0 !important;
    width: 100% !important;
    max-width: none !important;
    flex: initial !important;
    min-height: clamp(108px, 16vw, 174px) !important;
    padding: clamp(9px, 1.55vw, 18px) clamp(6px, 1.2vw, 15px) !important;
    border-radius: clamp(13px, 2vw, 22px) !important;
    background: linear-gradient(180deg, #fff 0%, #fbfbf7 100%) !important;
    color: #17231D !important;
    border: 1px solid rgba(23,35,29,.08) !important;
    box-shadow: 0 clamp(8px, 1.8vw, 18px) clamp(18px, 4vw, 42px) rgba(0,0,0,.18) !important;
    transform: none !important;
  }

  body.services-page #process .svc-process-grid-exact .svc-step::before,
  body.services-page #process .svc-process-grid-exact .svc-step::after {
    display: none !important;
    content: none !important;
  }

  body.services-page #process .svc-process-grid-exact .svc-step-num {
    width: clamp(23px, 4.05vw, 42px) !important;
    height: clamp(23px, 4.05vw, 42px) !important;
    margin: 0 0 clamp(8px, 1.25vw, 14px) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #f8db70, var(--gold)) !important;
    color: #17231D !important;
    font-size: clamp(7px, 1.1vw, 12px) !important;
    font-weight: 900 !important;
  }

  body.services-page #process .svc-process-grid-exact .svc-step h3 {
    margin: 0 0 clamp(4px, .75vw, 8px) !important;
    color: #17231D !important;
    font-size: clamp(7.8px, 1.28vw, 15px) !important;
    line-height: 1.08 !important;
    font-weight: 900 !important;
    letter-spacing: -.035em !important;
  }

  body.services-page #process .svc-process-grid-exact .svc-step p {
    margin: 0 !important;
    color: #626e66 !important;
    font-size: clamp(5.6px, .98vw, 11px) !important;
    line-height: 1.34 !important;
    font-weight: 700 !important;
  }
}

@media screen and (max-width: 480px) {
  body.services-page #creative .svc-split {
    grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr) !important;
    gap: 10px !important;
  }

  body.services-page #creative .svc-creative-visual {
    height: 190px !important;
    min-height: 190px !important;
  }

  body.services-page #creative .svc-large-image {
    height: 178px !important;
    min-height: 178px !important;
  }

  body.services-page #creative .svc-orbit-card {
    width: 72px !important;
    padding: 7px 8px !important;
    border-radius: 11px !important;
  }

  body.services-page #creative .svc-orbit-card i {
    width: 24px !important;
    height: 24px !important;
    font-size: 10px !important;
  }

  body.services-page #creative .svc-orbit-card strong { font-size: 7px !important; }
  body.services-page #creative .svc-orbit-card span { font-size: 5px !important; }

  body.services-page #creative .svc-section-title {
    font-size: 17px !important;
    line-height: 1.02 !important;
  }

  body.services-page #creative .svc-section-copy {
    font-size: 6px !important;
    line-height: 1.42 !important;
  }

  body.services-page #creative .svc-benefits {
    gap: 7px !important;
    margin-top: 10px !important;
  }

  body.services-page #creative .svc-benefit {
    grid-template-columns: 27px minmax(0, 1fr) !important;
    min-height: 42px !important;
    padding: 8px 9px !important;
    border-radius: 12px !important;
    gap: 8px !important;
  }

  body.services-page #creative .svc-benefit i {
    width: 27px !important;
    height: 27px !important;
    font-size: 11px !important;
    border-radius: 8px !important;
  }

  body.services-page #creative .svc-benefit strong { font-size: 7.2px !important; }
  body.services-page #creative .svc-benefit span { font-size: 5.4px !important; }

  body.services-page #process .svc-process-panel {
    padding-top: 34px !important;
    padding-bottom: 30px !important;
  }

  body.services-page #process .svc-process-head {
    margin-bottom: 20px !important;
  }

  body.services-page #process .svc-process-title {
    font-size: 24px !important;
  }

  body.services-page #process .svc-process-sub {
    font-size: 7px !important;
  }

  body.services-page #process .svc-process-grid.svc-process-grid-exact {
    gap: 5px !important;
  }

  body.services-page #process .svc-process-grid-exact .svc-step {
    min-height: 108px !important;
    padding: 9px 5px !important;
    border-radius: 12px !important;
  }

  body.services-page #process .svc-process-grid-exact .svc-step-num {
    width: 22px !important;
    height: 22px !important;
    margin-bottom: 7px !important;
    font-size: 7px !important;
  }

  body.services-page #process .svc-process-grid-exact .svc-step h3 {
    font-size: 7.2px !important;
    margin-bottom: 4px !important;
  }

  body.services-page #process .svc-process-grid-exact .svc-step p {
    font-size: 5px !important;
    line-height: 1.3 !important;
  }
}



/* =========================================================
   LAST STRICT DITTO FIX — ONLY Visual Growth + How It Works
   Hero / navbar / service cards / team cards untouched.
   ========================================================= */
@media screen and (max-width: 991px) {
  body.services-page #creative,
  body.services-page #process {
    width: 95vw !important;
    max-width: 95vw !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow: hidden !important;
    background: transparent !important;
    background-image: none !important;
  }

  body.services-page #creative .svc-container,
  body.services-page #process .svc-container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  /* VISUAL GROWTH SYSTEM — desktop/reference look kept on mobile */
  body.services-page #creative.svc-section {
    padding: clamp(42px, 6vw, 70px) 0 clamp(36px, 5vw, 60px) !important;
  }

  body.services-page #creative .svc-split {
    display: grid !important;
    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr) !important;
    align-items: center !important;
    gap: clamp(12px, 2.8vw, 30px) !important;
    width: 100% !important;
    margin: 0 !important;
  }

  body.services-page #creative .svc-split > * {
    min-width: 0 !important;
    width: 100% !important;
  }

  body.services-page #creative .svc-creative-visual {
    position: relative !important;
    height: clamp(200px, 31vw, 310px) !important;
    min-height: clamp(200px, 31vw, 310px) !important;
    overflow: visible !important;
    margin: 0 !important;
    transform: none !important;
  }

  body.services-page #creative .svc-large-image {
    width: 100% !important;
    height: clamp(190px, 30vw, 295px) !important;
    min-height: clamp(190px, 30vw, 295px) !important;
    border-radius: clamp(18px, 2.5vw, 28px) !important;
    overflow: hidden !important;
    border: 1px solid rgba(212,175,55,.34) !important;
    box-shadow: 0 clamp(14px, 2.4vw, 30px) clamp(28px, 5vw, 58px) rgba(0,0,0,.34) !important;
    background: rgba(255,255,255,.03) !important;
  }

  body.services-page #creative .svc-large-image::before {
    inset: clamp(8px, 1.35vw, 14px) !important;
    border-radius: clamp(14px, 2vw, 22px) !important;
    border-color: rgba(212,175,55,.28) !important;
  }

  body.services-page #creative .svc-large-image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    filter: grayscale(1) contrast(1.05) brightness(.86) !important;
  }

  body.services-page #creative .svc-orbit-card {
    position: absolute !important;
    display: block !important;
    width: clamp(86px, 17.5vw, 156px) !important;
    padding: clamp(8px, 1.35vw, 14px) clamp(9px, 1.55vw, 16px) !important;
    border-radius: clamp(12px, 1.9vw, 18px) !important;
    background: #fff !important;
    color: #17231D !important;
    border: 1px solid rgba(23,35,29,.08) !important;
    box-shadow: 0 clamp(10px, 2vw, 22px) clamp(22px, 4.8vw, 44px) rgba(0,0,0,.28) !important;
    z-index: 4 !important;
  }

  body.services-page #creative .svc-orbit-one {
    top: clamp(12px, 2vw, 22px) !important;
    right: clamp(10px, 2vw, 22px) !important;
    left: auto !important;
    bottom: auto !important;
  }

  body.services-page #creative .svc-orbit-two {
    left: clamp(10px, 2vw, 22px) !important;
    bottom: clamp(12px, 2vw, 24px) !important;
    top: auto !important;
    right: auto !important;
  }

  body.services-page #creative .svc-orbit-card i {
    width: clamp(25px, 4.5vw, 40px) !important;
    height: clamp(25px, 4.5vw, 40px) !important;
    margin: 0 0 clamp(5px, .8vw, 8px) !important;
    border-radius: clamp(8px, 1.2vw, 12px) !important;
    font-size: clamp(10px, 1.9vw, 17px) !important;
    background: linear-gradient(135deg, #f7d86d, var(--gold)) !important;
    color: #151006 !important;
  }

  body.services-page #creative .svc-orbit-card strong {
    display: block !important;
    color: #17231D !important;
    font-size: clamp(8px, 1.45vw, 13px) !important;
    line-height: 1.08 !important;
    font-weight: 900 !important;
    letter-spacing: -.035em !important;
  }

  body.services-page #creative .svc-orbit-card span {
    display: block !important;
    margin-top: clamp(2px, .55vw, 5px) !important;
    color: #5f6b63 !important;
    font-size: clamp(5.6px, 1.08vw, 10px) !important;
    line-height: 1.28 !important;
    font-weight: 700 !important;
  }

  body.services-page #creative .svc-section-kicker {
    display: inline-flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    width: auto !important;
    margin: 0 0 clamp(8px, 1.55vw, 15px) !important;
    gap: clamp(7px, 1.35vw, 14px) !important;
    color: var(--gold) !important;
    font-size: clamp(7.5px, 1.3vw, 12px) !important;
    line-height: 1.1 !important;
    letter-spacing: .18em !important;
    font-weight: 900 !important;
    text-align: left !important;
    text-transform: uppercase !important;
  }

  body.services-page #creative .svc-section-kicker::before,
  body.services-page #creative .svc-section-kicker::after {
    width: clamp(22px, 4vw, 44px) !important;
    height: 2px !important;
    flex: 0 0 auto !important;
  }

  body.services-page #creative .svc-section-title {
    max-width: 100% !important;
    margin: 0 !important;
    text-align: left !important;
    color: #fff !important;
    font-size: clamp(23px, 6vw, 50px) !important;
    line-height: .96 !important;
    letter-spacing: -.06em !important;
    font-weight: 900 !important;
    text-transform: none !important;
  }

  body.services-page #creative .svc-section-title span {
    color: var(--gold) !important;
  }

  body.services-page #creative .svc-section-copy {
    max-width: 100% !important;
    margin: clamp(8px, 1.4vw, 14px) 0 0 !important;
    text-align: left !important;
    color: rgba(236,241,233,.73) !important;
    font-size: clamp(7.5px, 1.35vw, 13px) !important;
    line-height: 1.45 !important;
    font-weight: 600 !important;
  }

  body.services-page #creative .svc-benefits {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: clamp(8px, 1.5vw, 14px) !important;
    margin: clamp(12px, 2.25vw, 24px) 0 0 !important;
    padding: 0 !important;
  }

  body.services-page #creative .svc-benefit {
    display: grid !important;
    grid-template-columns: clamp(34px, 5.8vw, 54px) minmax(0, 1fr) !important;
    align-items: center !important;
    gap: clamp(9px, 1.5vw, 16px) !important;
    min-height: clamp(50px, 9vw, 76px) !important;
    padding: clamp(10px, 1.6vw, 16px) clamp(12px, 2vw, 22px) !important;
    border-radius: clamp(14px, 2vw, 23px) !important;
    background: #fff !important;
    color: #17231D !important;
    border: 1px solid rgba(23,35,29,.08) !important;
    box-shadow: 0 clamp(9px, 1.9vw, 20px) clamp(19px, 4.4vw, 40px) rgba(0,0,0,.22) !important;
    text-align: left !important;
    justify-items: start !important;
  }

  body.services-page #creative .svc-benefit i {
    width: clamp(34px, 5.8vw, 54px) !important;
    height: clamp(34px, 5.8vw, 54px) !important;
    border-radius: clamp(10px, 1.4vw, 16px) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #f7d86d, var(--gold)) !important;
    color: #111 !important;
    font-size: clamp(13px, 2.3vw, 21px) !important;
    box-shadow: none !important;
  }

  body.services-page #creative .svc-benefit strong {
    display: block !important;
    margin: 0 0 clamp(2px, .48vw, 5px) !important;
    color: #17231D !important;
    font-size: clamp(9px, 1.65vw, 16px) !important;
    line-height: 1.08 !important;
    font-weight: 900 !important;
    letter-spacing: -.035em !important;
  }

  body.services-page #creative .svc-benefit span {
    display: block !important;
    color: #606d63 !important;
    font-size: clamp(6.5px, 1.2vw, 11.5px) !important;
    line-height: 1.34 !important;
    font-weight: 700 !important;
  }

  /* HOW IT WORKS — same old one-row process cards */
  body.services-page #process.svc-section {
    padding: clamp(46px, 6.2vw, 78px) 0 clamp(42px, 5.8vw, 72px) !important;
  }

  body.services-page #process .svc-process-panel {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: clamp(30px, 4vw, 48px) 0 clamp(20px, 3vw, 34px) !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  body.services-page #process .svc-process-panel::before,
  body.services-page #process .svc-process-panel::after {
    display: none !important;
    content: none !important;
  }

  body.services-page #process .svc-process-head {
    max-width: 100% !important;
    margin: 0 auto clamp(26px, 4.5vw, 48px) !important;
    text-align: center !important;
  }

  body.services-page #process .svc-process-kicker {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: clamp(8px, 1.45vw, 14px) !important;
    margin: 0 0 clamp(10px, 1.9vw, 18px) !important;
    color: var(--gold) !important;
    font-size: clamp(8px, 1.35vw, 13px) !important;
    line-height: 1.1 !important;
    letter-spacing: .18em !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
  }

  body.services-page #process .svc-process-kicker::before,
  body.services-page #process .svc-process-kicker::after {
    width: clamp(24px, 4.6vw, 48px) !important;
    height: 2px !important;
    flex: 0 0 auto !important;
  }

  body.services-page #process .svc-process-title {
    margin: 0 0 clamp(10px, 1.5vw, 16px) !important;
    text-align: center !important;
    text-transform: uppercase !important;
    font-size: clamp(30px, 7.2vw, 60px) !important;
    line-height: .94 !important;
    letter-spacing: -.07em !important;
    font-weight: 900 !important;
  }

  body.services-page #process .svc-process-title-line {
    display: block !important;
    white-space: nowrap !important;
  }

  body.services-page #process .svc-process-title .svc-white { color: #fff !important; }
  body.services-page #process .svc-process-title .svc-gold { color: var(--gold) !important; }

  body.services-page #process .svc-process-sub {
    max-width: 92% !important;
    margin: 0 auto !important;
    text-align: center !important;
    color: rgba(255,255,255,.74) !important;
    font-size: clamp(8.5px, 1.7vw, 15px) !important;
    line-height: 1.45 !important;
    font-weight: 600 !important;
  }

  body.services-page #process .svc-process-grid.svc-process-grid-exact {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    gap: clamp(6px, 1.6vw, 18px) !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
  }

  body.services-page #process .svc-process-grid-exact .svc-step {
    min-width: 0 !important;
    width: 100% !important;
    max-width: none !important;
    flex: initial !important;
    min-height: clamp(112px, 24vw, 198px) !important;
    padding: clamp(9px, 2.1vw, 18px) clamp(6px, 1.5vw, 15px) !important;
    border-radius: clamp(13px, 2.2vw, 22px) !important;
    background: linear-gradient(180deg, #fff 0%, #fbfbf7 100%) !important;
    color: #17231D !important;
    border: 1px solid rgba(23,35,29,.08) !important;
    box-shadow: 0 clamp(8px, 1.8vw, 18px) clamp(18px, 4vw, 42px) rgba(0,0,0,.18) !important;
    transform: none !important;
  }

  body.services-page #process .svc-process-grid-exact .svc-step::before,
  body.services-page #process .svc-process-grid-exact .svc-step::after {
    display: none !important;
    content: none !important;
  }

  body.services-page #process .svc-process-grid-exact .svc-step-num {
    width: clamp(24px, 5vw, 42px) !important;
    height: clamp(24px, 5vw, 42px) !important;
    margin: 0 0 clamp(8px, 1.7vw, 14px) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #f8db70, var(--gold)) !important;
    color: #17231D !important;
    font-size: clamp(7.5px, 1.45vw, 12.5px) !important;
    font-weight: 900 !important;
  }

  body.services-page #process .svc-process-grid-exact .svc-step h3 {
    margin: 0 0 clamp(5px, 1vw, 9px) !important;
    color: #17231D !important;
    font-size: clamp(8.4px, 2.1vw, 17px) !important;
    line-height: 1.08 !important;
    font-weight: 900 !important;
    letter-spacing: -.035em !important;
  }

  body.services-page #process .svc-process-grid-exact .svc-step p {
    margin: 0 !important;
    color: #626e66 !important;
    font-size: clamp(5.8px, 1.5vw, 12px) !important;
    line-height: 1.36 !important;
    font-weight: 700 !important;
  }
}

@media screen and (max-width: 480px) {
  body.services-page #creative .svc-split {
    grid-template-columns: minmax(0, 1.03fr) minmax(0, .97fr) !important;
    gap: 10px !important;
  }

  body.services-page #creative .svc-creative-visual {
    height: 198px !important;
    min-height: 198px !important;
  }

  body.services-page #creative .svc-large-image {
    height: 186px !important;
    min-height: 186px !important;
  }

  body.services-page #creative .svc-orbit-card {
    width: 82px !important;
    padding: 7px 8px !important;
  }

  body.services-page #creative .svc-orbit-card i {
    width: 25px !important;
    height: 25px !important;
    font-size: 10px !important;
  }

  body.services-page #creative .svc-orbit-card strong { font-size: 7.4px !important; }
  body.services-page #creative .svc-orbit-card span { font-size: 5.2px !important; }

  body.services-page #creative .svc-section-title {
    font-size: 22px !important;
    line-height: .98 !important;
  }

  body.services-page #creative .svc-section-copy {
    font-size: 6.8px !important;
  }

  body.services-page #creative .svc-benefit {
    grid-template-columns: 31px minmax(0, 1fr) !important;
    min-height: 48px !important;
    padding: 9px 10px !important;
    gap: 8px !important;
  }

  body.services-page #creative .svc-benefit i {
    width: 31px !important;
    height: 31px !important;
    font-size: 12px !important;
  }

  body.services-page #creative .svc-benefit strong { font-size: 8px !important; }
  body.services-page #creative .svc-benefit span { font-size: 5.8px !important; }

  body.services-page #process .svc-process-title {
    font-size: 28px !important;
  }

  body.services-page #process .svc-process-sub {
    font-size: 7.6px !important;
  }

  body.services-page #process .svc-process-grid.svc-process-grid-exact {
    gap: 5px !important;
  }

  body.services-page #process .svc-process-grid-exact .svc-step {
    min-height: 112px !important;
    padding: 9px 5px !important;
  }

  body.services-page #process .svc-process-grid-exact .svc-step-num {
    width: 23px !important;
    height: 23px !important;
    font-size: 7px !important;
    margin-bottom: 7px !important;
  }

  body.services-page #process .svc-process-grid-exact .svc-step h3 {
    font-size: 7.5px !important;
    margin-bottom: 4px !important;
  }

  body.services-page #process .svc-process-grid-exact .svc-step p {
    font-size: 5px !important;
    line-height: 1.32 !important;
  }
}



/* =========================================================
   SUPER FINAL PATCH — ONLY THESE TWO MOBILE SECTIONS
   1) Visual Growth System = image left + content right
   2) How It Works = 6 white cards in one row
   Hero / navbar / services / team untouched
   ========================================================= */
@media screen and (max-width: 768px) {
  body.services-page #creative.svc-section,
  body.services-page #process.svc-section {
    width: 95vw !important;
    max-width: 95vw !important;
    margin-left: auto !important;
    margin-right: auto !important;
    background: transparent !important;
    background-image: none !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.services-page #creative .svc-container,
  body.services-page #process .svc-container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  /* ===== VISUAL GROWTH SYSTEM — DITTO SAME ===== */
  body.services-page #creative.svc-section {
    padding: 34px 0 42px !important;
  }

  body.services-page #creative .svc-split {
    display: grid !important;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr) !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 !important;
  }

  body.services-page #creative .svc-split > * {
    min-width: 0 !important;
    width: 100% !important;
  }

  body.services-page #creative .svc-creative-visual {
    height: 198px !important;
    min-height: 198px !important;
    width: 100% !important;
    margin: 0 !important;
    position: relative !important;
    overflow: visible !important;
    transform: none !important;
  }

  body.services-page #creative .svc-large-image {
    height: 186px !important;
    min-height: 186px !important;
    width: 100% !important;
    border-radius: 17px !important;
    border: 1px solid rgba(212,175,55,.32) !important;
    overflow: hidden !important;
    box-shadow: 0 16px 34px rgba(0,0,0,.32) !important;
    background: rgba(255,255,255,.05) !important;
  }

  body.services-page #creative .svc-large-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    filter: grayscale(100%) contrast(1.05) brightness(.86) !important;
  }

  body.services-page #creative .svc-large-image::before {
    inset: 7px !important;
    border-radius: 13px !important;
    border: 1px solid rgba(212,175,55,.28) !important;
  }

  body.services-page #creative .svc-orbit-card {
    display: block !important;
    position: absolute !important;
    width: 82px !important;
    padding: 7px 8px !important;
    border-radius: 11px !important;
    background: #fff !important;
    color: #17231D !important;
    border: 1px solid rgba(23,35,29,.08) !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.28) !important;
    z-index: 3 !important;
  }

  body.services-page #creative .svc-orbit-one {
    top: 12px !important;
    right: 8px !important;
  }

  body.services-page #creative .svc-orbit-two {
    left: 8px !important;
    bottom: 14px !important;
  }

  body.services-page #creative .svc-orbit-card i {
    width: 25px !important;
    height: 25px !important;
    margin: 0 0 5px !important;
    border-radius: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 10px !important;
    background: linear-gradient(135deg, #f7d86d, var(--gold)) !important;
    color: #151006 !important;
    box-shadow: none !important;
  }

  body.services-page #creative .svc-orbit-card strong {
    display: block !important;
    font-size: 7.4px !important;
    line-height: 1.08 !important;
    font-weight: 900 !important;
    letter-spacing: -.03em !important;
    color: #17231D !important;
  }

  body.services-page #creative .svc-orbit-card span {
    display: block !important;
    margin-top: 2px !important;
    font-size: 5.2px !important;
    line-height: 1.25 !important;
    color: #657066 !important;
    font-weight: 700 !important;
  }

  body.services-page #creative .svc-section-kicker {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 7px !important;
    width: auto !important;
    margin: 0 0 7px !important;
    text-align: left !important;
    color: var(--gold) !important;
    font-size: 6.8px !important;
    line-height: 1 !important;
    letter-spacing: .18em !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
  }

  body.services-page #creative .svc-section-kicker::before,
  body.services-page #creative .svc-section-kicker::after {
    content: '' !important;
    display: block !important;
    width: 22px !important;
    height: 2px !important;
    background: var(--gold) !important;
    opacity: .75 !important;
  }

  body.services-page #creative .svc-section-title {
    max-width: 100% !important;
    margin: 0 !important;
    text-align: left !important;
    color: #fff !important;
    font-size: 22px !important;
    line-height: .98 !important;
    letter-spacing: -.06em !important;
    font-weight: 900 !important;
    text-transform: none !important;
  }

  body.services-page #creative .svc-section-title span {
    color: var(--gold) !important;
  }

  body.services-page #creative .svc-section-copy {
    max-width: 100% !important;
    margin: 7px 0 0 !important;
    text-align: left !important;
    color: rgba(236,241,233,.72) !important;
    font-size: 6.8px !important;
    line-height: 1.42 !important;
    font-weight: 600 !important;
  }

  body.services-page #creative .svc-benefits {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 7px !important;
    margin: 10px 0 0 !important;
    padding: 0 !important;
  }

  body.services-page #creative .svc-benefit {
    display: grid !important;
    grid-template-columns: 31px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 48px !important;
    padding: 9px 10px !important;
    border-radius: 13px !important;
    background: #fff !important;
    color: #17231D !important;
    border: 1px solid rgba(23,35,29,.08) !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.22) !important;
    text-align: left !important;
    justify-items: start !important;
  }

  body.services-page #creative .svc-benefit i {
    width: 31px !important;
    height: 31px !important;
    border-radius: 9px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #f7d86d, var(--gold)) !important;
    color: #111 !important;
    font-size: 12px !important;
    box-shadow: none !important;
  }

  body.services-page #creative .svc-benefit strong {
    display: block !important;
    margin: 0 0 2px !important;
    color: #17231D !important;
    font-size: 8px !important;
    line-height: 1.08 !important;
    font-weight: 900 !important;
    letter-spacing: -.03em !important;
  }

  body.services-page #creative .svc-benefit span {
    display: block !important;
    color: #606d63 !important;
    font-size: 5.8px !important;
    line-height: 1.28 !important;
    font-weight: 700 !important;
  }

  /* ===== HOW IT WORKS — DITTO SAME ===== */
  body.services-page #process.svc-section {
    padding: 44px 0 42px !important;
  }

  body.services-page #process .svc-process-panel {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  body.services-page #process .svc-process-panel::before,
  body.services-page #process .svc-process-panel::after {
    display: none !important;
    content: none !important;
  }

  body.services-page #process .svc-process-head {
    max-width: 100% !important;
    margin: 0 auto 26px !important;
    text-align: center !important;
  }

  body.services-page #process .svc-process-kicker {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    margin: 0 0 10px !important;
    color: var(--gold) !important;
    font-size: 8px !important;
    line-height: 1.1 !important;
    letter-spacing: .18em !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
  }

  body.services-page #process .svc-process-kicker::before,
  body.services-page #process .svc-process-kicker::after {
    content: '' !important;
    display: block !important;
    width: 28px !important;
    height: 2px !important;
    background: var(--gold) !important;
    opacity: .75 !important;
    flex: 0 0 auto !important;
  }

  body.services-page #process .svc-process-title {
    margin: 0 0 10px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    font-size: 28px !important;
    line-height: .94 !important;
    letter-spacing: -.07em !important;
    font-weight: 900 !important;
  }

  body.services-page #process .svc-process-title-line {
    display: block !important;
    white-space: nowrap !important;
  }

  body.services-page #process .svc-process-title .svc-white { color: #fff !important; }
  body.services-page #process .svc-process-title .svc-gold { color: var(--gold) !important; }

  body.services-page #process .svc-process-sub {
    max-width: 92% !important;
    margin: 0 auto !important;
    text-align: center !important;
    color: rgba(255,255,255,.74) !important;
    font-size: 7.6px !important;
    line-height: 1.45 !important;
    font-weight: 600 !important;
  }

  body.services-page #process .svc-process-grid.svc-process-grid-exact {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    gap: 5px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
  }

  body.services-page #process .svc-process-grid-exact .svc-step {
    min-width: 0 !important;
    width: 100% !important;
    max-width: none !important;
    flex: initial !important;
    min-height: 112px !important;
    padding: 9px 5px !important;
    border-radius: 12px !important;
    background: linear-gradient(180deg, #fff 0%, #fbfbf7 100%) !important;
    color: #17231D !important;
    border: 1px solid rgba(23,35,29,.08) !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.18) !important;
    transform: none !important;
  }

  body.services-page #process .svc-process-grid-exact .svc-step::before,
  body.services-page #process .svc-process-grid-exact .svc-step::after {
    display: none !important;
    content: none !important;
  }

  body.services-page #process .svc-process-grid-exact .svc-step-num {
    width: 23px !important;
    height: 23px !important;
    margin: 0 0 7px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #f8db70, var(--gold)) !important;
    color: #17231D !important;
    font-size: 7px !important;
    font-weight: 900 !important;
  }

  body.services-page #process .svc-process-grid-exact .svc-step h3 {
    margin: 0 0 4px !important;
    color: #17231D !important;
    font-size: 7.5px !important;
    line-height: 1.08 !important;
    font-weight: 900 !important;
    letter-spacing: -.035em !important;
  }

  body.services-page #process .svc-process-grid-exact .svc-step p {
    margin: 0 !important;
    color: #626e66 !important;
    font-size: 5px !important;
    line-height: 1.32 !important;
    font-weight: 700 !important;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  body.services-page #creative .svc-creative-visual { height: clamp(198px, 32vw, 260px) !important; min-height: clamp(198px, 32vw, 260px) !important; }
  body.services-page #creative .svc-large-image { height: clamp(186px, 30vw, 248px) !important; min-height: clamp(186px, 30vw, 248px) !important; }
  body.services-page #creative .svc-section-title { font-size: clamp(22px, 4.4vw, 36px) !important; }
  body.services-page #creative .svc-section-copy { font-size: clamp(6.8px, 1.35vw, 10px) !important; }
  body.services-page #creative .svc-benefit { min-height: clamp(48px, 8.4vw, 68px) !important; }

  body.services-page #process .svc-process-title { font-size: clamp(28px, 6vw, 46px) !important; }
  body.services-page #process .svc-process-sub { font-size: clamp(7.6px, 1.5vw, 12px) !important; }
  body.services-page #process .svc-process-grid.svc-process-grid-exact { gap: clamp(5px, 1.2vw, 12px) !important; }
  body.services-page #process .svc-process-grid-exact .svc-step { min-height: clamp(112px, 19vw, 170px) !important; padding: clamp(9px, 1.6vw, 16px) clamp(5px, 1.2vw, 12px) !important; }
  body.services-page #process .svc-process-grid-exact .svc-step h3 { font-size: clamp(7.5px, 1.55vw, 13px) !important; }
  body.services-page #process .svc-process-grid-exact .svc-step p { font-size: clamp(5px, 1.05vw, 9px) !important; }
}



/* =========================================================
   FINAL USER FIX: What We Do cards mobile slider
   - ONLY #services / What We Do cards changed
   - Mobile shows exactly 2 cards at one time
   - Hero, navbar, visual growth, process and team untouched
========================================================= */
@media screen and (max-width: 768px) {
  body.services-page #services .svc-card-slider-wrap {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.services-page #services .svc-card-grid,
  body.services-page #services #svc-card-slider {
    display: flex !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 10px !important;
    row-gap: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 0 8px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    overscroll-behavior-x: contain !important;
  }

  body.services-page #services .svc-card-grid::-webkit-scrollbar,
  body.services-page #services #svc-card-slider::-webkit-scrollbar {
    display: none !important;
  }

  body.services-page #services .svc-card-grid .svc-card,
  body.services-page #services #svc-card-slider .svc-card {
    flex: 0 0 calc((100% - 10px) / 2) !important;
    width: calc((100% - 10px) / 2) !important;
    min-width: calc((100% - 10px) / 2) !important;
    max-width: calc((100% - 10px) / 2) !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
    min-height: auto !important;
    padding: 5px !important;
    border-radius: 13px !important;
    background: #fff !important;
    color: var(--text-dark) !important;
    display: flex !important;
    flex-direction: column !important;
    box-shadow: 0 10px 22px rgba(0,0,0,.24) !important;
  }

  body.services-page #services .svc-card-grid .svc-card-media,
  body.services-page #services #svc-card-slider .svc-card-media {
    height: clamp(86px, 24vw, 120px) !important;
    flex: 0 0 clamp(86px, 24vw, 120px) !important;
    margin-bottom: 5px !important;
    border-radius: 10px !important;
    overflow: hidden !important;
  }

  body.services-page #services .svc-card-grid .svc-card-body,
  body.services-page #services #svc-card-slider .svc-card-body {
    padding: 0 2px 4px !important;
    text-align: center !important;
    flex: 1 1 auto !important;
  }

  body.services-page #services .svc-card-grid .svc-card-top,
  body.services-page #services #svc-card-slider .svc-card-top {
    justify-content: center !important;
    margin-bottom: 4px !important;
  }

  body.services-page #services .svc-card-grid .svc-icon,
  body.services-page #services #svc-card-slider .svc-icon {
    width: 22px !important;
    height: 22px !important;
    border-radius: 7px !important;
  }

  body.services-page #services .svc-card-grid .svc-icon i,
  body.services-page #services #svc-card-slider .svc-icon i {
    font-size: 10px !important;
  }

  body.services-page #services .svc-card-grid .svc-card-no,
  body.services-page #services #svc-card-slider .svc-card-no {
    display: none !important;
  }

  body.services-page #services .svc-card-grid .svc-card h3,
  body.services-page #services #svc-card-slider .svc-card h3 {
    font-size: clamp(9px, 2.35vw, 12px) !important;
    line-height: 1.12 !important;
    margin-bottom: 4px !important;
  }

  body.services-page #services .svc-card-grid .svc-card p,
  body.services-page #services #svc-card-slider .svc-card p {
    font-size: clamp(6px, 1.55vw, 8px) !important;
    line-height: 1.35 !important;
    margin-bottom: 5px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  body.services-page #services .svc-card-grid .svc-tags,
  body.services-page #services #svc-card-slider .svc-tags {
    justify-content: center !important;
    gap: 3px !important;
    margin-bottom: 5px !important;
  }

  body.services-page #services .svc-card-grid .svc-tags span,
  body.services-page #services #svc-card-slider .svc-tags span {
    min-height: 0 !important;
    padding: 2px 5px !important;
    font-size: clamp(4.6px, 1.15vw, 6px) !important;
    line-height: 1 !important;
    border-radius: 999px !important;
  }

  body.services-page #services .svc-card-grid .svc-card-link,
  body.services-page #services #svc-card-slider .svc-card-link {
    font-size: clamp(5.8px, 1.45vw, 7.5px) !important;
    justify-content: center !important;
    margin-top: 0 !important;
    gap: 3px !important;
  }

  body.services-page #services .svc-card-slider-controls {
    display: none !important;
  }
}



/* =========================================================
   FINAL MOBILE FIX: service slider controls + team slider
   - What We Do: 2 cards visible + controls/dots below
   - Meet Our Growth Team: 1 card visible at a time + controls/dots
   - No hero/navbar/visual/process changes
========================================================= */
@media screen and (max-width: 768px) {
  body.services-page #services .svc-card-slider-wrap,
  body.services-page #team .svc-team-slider-wrap {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.services-page #services .svc-card-slider-controls,
  body.services-page #team .svc-team-slider-controls {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    width: 100% !important;
    margin: 18px auto 0 !important;
    padding: 0 !important;
  }

  body.services-page #services .svc-card-slider-btn,
  body.services-page #team .svc-card-slider-btn {
    width: 48px !important;
    height: 48px !important;
    flex: 0 0 48px !important;
    border-radius: 50% !important;
    border: 1.5px solid rgba(212,175,55,.38) !important;
    background: rgba(10,24,18,.44) !important;
    color: var(--gold) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 26px rgba(0,0,0,.18) !important;
    opacity: 1 !important;
  }

  body.services-page #services .svc-card-slider-btn i,
  body.services-page #team .svc-card-slider-btn i {
    font-size: 28px !important;
    line-height: 1 !important;
  }

  body.services-page #services .svc-card-slider-btn:disabled,
  body.services-page #team .svc-card-slider-btn:disabled {
    opacity: .45 !important;
  }

  body.services-page #services .svc-card-slider-dots,
  body.services-page #team .svc-card-slider-dots {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    min-width: 104px !important;
  }

  body.services-page #services .svc-card-slider-dot,
  body.services-page #team .svc-card-slider-dot {
    width: 12px !important;
    height: 12px !important;
    flex: 0 0 12px !important;
    border-radius: 999px !important;
    border: 0 !important;
    padding: 0 !important;
    background: rgba(212,175,55,.34) !important;
    box-shadow: none !important;
    opacity: 1 !important;
  }

  body.services-page #services .svc-card-slider-dot.is-active,
  body.services-page #team .svc-card-slider-dot.is-active {
    width: 58px !important;
    flex-basis: 58px !important;
    background: var(--gold) !important;
  }

  body.services-page #team .svc-team-grid,
  body.services-page #team #svc-team-slider {
    display: flex !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 14px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 0 8px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    overscroll-behavior-x: contain !important;
  }

  body.services-page #team .svc-team-grid::-webkit-scrollbar,
  body.services-page #team #svc-team-slider::-webkit-scrollbar {
    display: none !important;
  }

  body.services-page #team .svc-team-grid .svc-team-card,
  body.services-page #team #svc-team-slider .svc-team-card {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
    border-radius: 22px !important;
    background: #fff !important;
    overflow: hidden !important;
    box-shadow: 0 16px 34px rgba(0,0,0,.24) !important;
  }

  body.services-page #team .svc-team-grid .svc-team-media,
  body.services-page #team #svc-team-slider .svc-team-media {
    height: clamp(270px, 62vw, 360px) !important;
    border-radius: 22px 22px 0 0 !important;
  }

  body.services-page #team .svc-team-grid .svc-team-info,
  body.services-page #team #svc-team-slider .svc-team-info {
    padding: 14px 14px 16px !important;
  }

  body.services-page #team .svc-team-grid .svc-team-info h3,
  body.services-page #team #svc-team-slider .svc-team-info h3 {
    font-size: 15px !important;
    line-height: 1.1 !important;
    margin-bottom: 4px !important;
  }

  body.services-page #team .svc-team-grid .svc-team-info p,
  body.services-page #team #svc-team-slider .svc-team-info p {
    font-size: 11px !important;
    line-height: 1.2 !important;
  }

  body.services-page #team .svc-team-grid .svc-team-tags,
  body.services-page #team #svc-team-slider .svc-team-tags {
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 9px !important;
    margin-top: 12px !important;
  }

  body.services-page #team .svc-team-grid .svc-team-tags span,
  body.services-page #team #svc-team-slider .svc-team-tags span {
    padding: 5px 11px !important;
    font-size: 9px !important;
    line-height: 1 !important;
    min-height: 22px !important;
  }
}



/* =========================================================
   FINAL SIZE FIX: compact mobile slider controls + smaller team cards
   - Only mobile controls + Meet Our Growth Team card sizing
========================================================= */
@media screen and (max-width: 768px) {
  body.services-page #services .svc-card-slider-controls,
  body.services-page #team .svc-team-slider-controls {
    gap: 9px !important;
    margin: 12px auto 0 !important;
    max-width: 210px !important;
    transform: scale(.88) !important;
    transform-origin: center center !important;
  }

  body.services-page #services .svc-card-slider-btn,
  body.services-page #team .svc-card-slider-btn {
    width: 38px !important;
    height: 38px !important;
    flex: 0 0 38px !important;
    border-width: 1.2px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 7px 18px rgba(0,0,0,.16) !important;
  }

  body.services-page #services .svc-card-slider-btn i,
  body.services-page #team .svc-card-slider-btn i {
    font-size: 21px !important;
  }

  body.services-page #services .svc-card-slider-dots,
  body.services-page #team .svc-card-slider-dots {
    gap: 7px !important;
    min-width: 74px !important;
  }

  body.services-page #services .svc-card-slider-dot,
  body.services-page #team .svc-card-slider-dot {
    width: 8px !important;
    height: 8px !important;
    flex: 0 0 8px !important;
  }

  body.services-page #services .svc-card-slider-dot.is-active,
  body.services-page #team .svc-card-slider-dot.is-active {
    width: 40px !important;
    flex-basis: 40px !important;
  }

  body.services-page #team .svc-team-grid,
  body.services-page #team #svc-team-slider {
    gap: 34px !important;
    padding: 0 7% 6px !important;
    align-items: stretch !important;
  }

  body.services-page #team .svc-team-grid .svc-team-card,
  body.services-page #team #svc-team-slider .svc-team-card {
    flex: 0 0 86% !important;
    width: 86% !important;
    min-width: 86% !important;
    max-width: 86% !important;
    border-radius: 17px !important;
    box-shadow: 0 12px 26px rgba(0,0,0,.22) !important;
  }

  body.services-page #team .svc-team-grid .svc-team-media,
  body.services-page #team #svc-team-slider .svc-team-media {
    height: clamp(190px, 47vw, 245px) !important;
    border-radius: 17px 17px 0 0 !important;
  }

  body.services-page #team .svc-team-grid .svc-team-info,
  body.services-page #team #svc-team-slider .svc-team-info {
    padding: 10px 12px 12px !important;
  }

  body.services-page #team .svc-team-grid .svc-team-info h3,
  body.services-page #team #svc-team-slider .svc-team-info h3 {
    font-size: 13px !important;
    line-height: 1.05 !important;
    margin-bottom: 3px !important;
  }

  body.services-page #team .svc-team-grid .svc-team-info p,
  body.services-page #team #svc-team-slider .svc-team-info p {
    font-size: 9.5px !important;
    line-height: 1.15 !important;
  }

  body.services-page #team .svc-team-grid .svc-team-tags,
  body.services-page #team #svc-team-slider .svc-team-tags {
    gap: 6px !important;
    margin-top: 8px !important;
  }

  body.services-page #team .svc-team-grid .svc-team-tags span,
  body.services-page #team #svc-team-slider .svc-team-tags span {
    padding: 4px 8px !important;
    font-size: 7.5px !important;
    min-height: 18px !important;
  }
}



/* =========================================================
   FINAL PATCH: Meet Our Growth Team mobile slider
   - Exactly 1 team card visible at a time
   - Keeps the team cards compact
   - No hero/navbar/services/visual/process changes
========================================================= */
@media screen and (max-width: 768px) {
  body.services-page #team .svc-team-slider-wrap {
    width: min(84vw, 340px) !important;
    max-width: min(84vw, 340px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow: hidden !important;
  }

  body.services-page #team .svc-team-grid,
  body.services-page #team #svc-team-slider {
    display: flex !important;
    flex-wrap: nowrap !important;
    grid-template-columns: none !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 14px !important;
    padding: 0 0 6px !important;
    margin: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    overscroll-behavior-x: contain !important;
  }

  body.services-page #team .svc-team-grid::-webkit-scrollbar,
  body.services-page #team #svc-team-slider::-webkit-scrollbar {
    display: none !important;
  }

  body.services-page #team .svc-team-grid .svc-team-card,
  body.services-page #team #svc-team-slider .svc-team-card {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
    border-radius: 17px !important;
  }

  body.services-page #team .svc-team-grid .svc-team-media,
  body.services-page #team #svc-team-slider .svc-team-media {
    height: clamp(185px, 52vw, 238px) !important;
    border-radius: 17px 17px 0 0 !important;
  }

  body.services-page #team .svc-team-grid .svc-team-info,
  body.services-page #team #svc-team-slider .svc-team-info {
    padding: 10px 12px 12px !important;
  }

  body.services-page #team .svc-team-slider-controls {
    max-width: 210px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}



/* ─────────────────────────────────────────────
   FINAL MOBILE TEAM CARD HEIGHT FIX
   Only increases Meet Our Growth Team card height on mobile.
───────────────────────────────────────────── */
@media screen and (max-width: 1279px) {
  .svc-team-slider-wrap {
    overflow: hidden !important;
  }

  .svc-team-grid .svc-team-card {
    min-height: 445px !important;
    height: auto !important;
  }

  .svc-team-grid .svc-team-media {
    height: 325px !important;
    min-height: 325px !important;
  }

  .svc-team-grid .svc-team-info {
    min-height: 120px !important;
    padding: 18px 16px 20px !important;
  }
}

@media screen and (max-width: 480px) {
  .svc-team-grid .svc-team-card {
    min-height: 425px !important;
  }

  .svc-team-grid .svc-team-media {
    height: 305px !important;
    min-height: 305px !important;
  }

  .svc-team-grid .svc-team-info {
    min-height: 120px !important;
  }
}


/* =========================================================
   SHRUTI FINAL PATCH — DITTO MOBILE FOR THESE 2 SECTIONS
   1) #process  : Our Simple Growth Process = 6 compact cards in one row
   2) #creative : Visual Growth System = image left + clean cards right
   Also adds smoother transitions without removing existing code.
========================================================= */
:root {
  --apex-smooth: cubic-bezier(.22, 1, .36, 1);
}

@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }

  body.services-page a,
  body.services-page button,
  body.services-page .svc-card,
  body.services-page .svc-step,
  body.services-page .svc-benefit,
  body.services-page .svc-orbit-card,
  body.services-page .svc-team-card,
  body.services-page .svc-image-box,
  body.services-page .svc-card-slider-dot,
  body.services-page .svc-card-slider-btn {
    transition:
      transform .28s var(--apex-smooth),
      box-shadow .28s var(--apex-smooth),
      border-color .28s var(--apex-smooth),
      background .28s var(--apex-smooth),
      color .22s ease,
      opacity .35s ease,
      filter .28s var(--apex-smooth) !important;
  }

  body.services-page .svc-reveal {
    transition: opacity .72s var(--apex-smooth), transform .72s var(--apex-smooth) !important;
    will-change: opacity, transform;
  }

  body.services-page .svc-benefit:hover,
  body.services-page .svc-step:hover,
  body.services-page .svc-orbit-card:hover {
    transform: translateY(-3px) !important;
  }
}

@media screen and (max-width: 768px) {
  /* Shared mobile section shell */
  body.services-page #creative.svc-section,
  body.services-page #process.svc-section {
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: hidden !important;
    background: #07100f !important;
    background-image: none !important;
  }

  body.services-page #creative .svc-container,
  body.services-page #process .svc-container {
    width: 98.6% !important;
    max-width: 98.6% !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  /* ================= VISUAL GROWTH SYSTEM — exact mobile look ================= */
  body.services-page #creative.svc-section {
    padding-top: 14px !important;
    padding-bottom: 16px !important;
  }

  body.services-page #creative .svc-split {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, .98fr) !important;
    gap: clamp(8px, 2.1vw, 12px) !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 !important;
  }

  body.services-page #creative .svc-split > * {
    min-width: 0 !important;
    width: 100% !important;
  }

  body.services-page #creative .svc-creative-visual {
    position: relative !important;
    width: 100% !important;
    height: clamp(138px, 31vw, 162px) !important;
    min-height: clamp(138px, 31vw, 162px) !important;
    margin: clamp(22px, 6vw, 34px) 0 0 !important;
    overflow: visible !important;
    transform: none !important;
  }

  body.services-page #creative .svc-large-image {
    width: 100% !important;
    height: clamp(128px, 28.6vw, 148px) !important;
    min-height: clamp(128px, 28.6vw, 148px) !important;
    border-radius: clamp(10px, 2.6vw, 15px) !important;
    border: 1px solid rgba(212,175,55,.34) !important;
    overflow: hidden !important;
    background: rgba(255,255,255,.05) !important;
    box-shadow: 0 12px 26px rgba(0,0,0,.34) !important;
  }

  body.services-page #creative .svc-large-image::before {
    inset: 5px !important;
    border-radius: clamp(8px, 2vw, 12px) !important;
    border-color: rgba(212,175,55,.26) !important;
  }

  body.services-page #creative .svc-large-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    filter: grayscale(100%) contrast(1.04) brightness(.86) !important;
  }

  body.services-page #creative .svc-orbit-card {
    display: block !important;
    position: absolute !important;
    z-index: 5 !important;
    width: clamp(62px, 17vw, 84px) !important;
    min-width: 0 !important;
    padding: clamp(5px, 1.35vw, 7px) clamp(6px, 1.55vw, 8px) !important;
    border-radius: clamp(7px, 2.2vw, 11px) !important;
    background: #fff !important;
    color: #17231D !important;
    border: 1px solid rgba(23,35,29,.10) !important;
    box-shadow: 0 9px 20px rgba(0,0,0,.28) !important;
  }

  body.services-page #creative .svc-orbit-one {
    top: clamp(9px, 2.4vw, 13px) !important;
    right: clamp(6px, 1.8vw, 9px) !important;
  }

  body.services-page #creative .svc-orbit-two {
    left: clamp(5px, 1.7vw, 9px) !important;
    bottom: clamp(4px, 1.5vw, 8px) !important;
  }

  body.services-page #creative .svc-orbit-card i {
    width: clamp(18px, 5.4vw, 25px) !important;
    height: clamp(18px, 5.4vw, 25px) !important;
    margin: 0 0 clamp(3px, .9vw, 5px) !important;
    border-radius: clamp(5px, 1.8vw, 8px) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #f8db70, var(--gold)) !important;
    color: #151006 !important;
    font-size: clamp(7px, 2.1vw, 10px) !important;
    line-height: 1 !important;
    box-shadow: none !important;
  }

  body.services-page #creative .svc-orbit-card strong {
    display: block !important;
    margin: 0 !important;
    color: #17231D !important;
    font-size: clamp(5.6px, 1.55vw, 7.5px) !important;
    line-height: 1.05 !important;
    font-weight: 900 !important;
    letter-spacing: -.035em !important;
  }

  body.services-page #creative .svc-orbit-card span {
    display: block !important;
    margin-top: 2px !important;
    color: #697268 !important;
    font-size: clamp(4.1px, 1.1vw, 5.4px) !important;
    line-height: 1.16 !important;
    font-weight: 700 !important;
  }

  body.services-page #creative .svc-section-kicker {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: clamp(5px, 1.4vw, 7px) !important;
    width: auto !important;
    margin: 0 0 clamp(5px, 1.4vw, 7px) !important;
    color: var(--gold) !important;
    text-align: left !important;
    font-size: clamp(4.7px, 1.45vw, 6.6px) !important;
    line-height: 1 !important;
    letter-spacing: .18em !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
  }

  body.services-page #creative .svc-section-kicker::before,
  body.services-page #creative .svc-section-kicker::after {
    content: '' !important;
    display: block !important;
    width: clamp(16px, 4.7vw, 23px) !important;
    height: 1px !important;
    background: var(--gold) !important;
    opacity: .78 !important;
  }

  body.services-page #creative .svc-section-title {
    max-width: 100% !important;
    margin: 0 !important;
    color: #fff !important;
    text-align: left !important;
    text-transform: none !important;
    font-size: clamp(15px, 4.15vw, 21px) !important;
    line-height: .98 !important;
    letter-spacing: -.065em !important;
    font-weight: 900 !important;
  }

  body.services-page #creative .svc-section-title span {
    display: block !important;
    color: var(--gold) !important;
  }

  body.services-page #creative .svc-section-copy {
    max-width: 100% !important;
    margin: clamp(5px, 1.4vw, 7px) 0 0 !important;
    color: rgba(236,241,233,.72) !important;
    text-align: left !important;
    font-size: clamp(4.9px, 1.32vw, 6.8px) !important;
    line-height: 1.33 !important;
    font-weight: 600 !important;
  }

  body.services-page #creative .svc-benefits {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: clamp(5px, 1.45vw, 7px) !important;
    width: 100% !important;
    margin: clamp(7px, 1.9vw, 10px) 0 0 !important;
    padding: 0 !important;
  }

  body.services-page #creative .svc-benefit {
    display: grid !important;
    grid-template-columns: clamp(22px, 6vw, 31px) minmax(0, 1fr) !important;
    align-items: center !important;
    justify-items: start !important;
    gap: clamp(5px, 1.6vw, 8px) !important;
    min-height: clamp(31px, 8.9vw, 46px) !important;
    height: auto !important;
    padding: clamp(4px, 1.4vw, 7px) clamp(6px, 1.9vw, 10px) !important;
    border-radius: clamp(7px, 2.1vw, 11px) !important;
    background: #fff !important;
    color: #17231D !important;
    border: 1px solid rgba(23,35,29,.08) !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.22) !important;
    text-align: left !important;
  }

  body.services-page #creative .svc-benefit i {
    width: clamp(22px, 6vw, 31px) !important;
    height: clamp(22px, 6vw, 31px) !important;
    border-radius: clamp(6px, 1.8vw, 9px) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #f8db70, var(--gold)) !important;
    color: #151006 !important;
    font-size: clamp(8px, 2.4vw, 12px) !important;
    box-shadow: none !important;
  }

  body.services-page #creative .svc-benefit strong {
    display: block !important;
    margin: 0 0 2px !important;
    color: #17231D !important;
    font-size: clamp(5.7px, 1.55vw, 8px) !important;
    line-height: 1.08 !important;
    font-weight: 900 !important;
    letter-spacing: -.035em !important;
  }

  body.services-page #creative .svc-benefit span {
    display: block !important;
    color: #606d63 !important;
    font-size: clamp(4.25px, 1.12vw, 5.8px) !important;
    line-height: 1.22 !important;
    font-weight: 700 !important;
  }

  /* ================= OUR SIMPLE GROWTH PROCESS — exact mobile look ================= */
  body.services-page #process.svc-section {
    padding-top: 13px !important;
    padding-bottom: 16px !important;
  }

  body.services-page #process .svc-process-panel {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  body.services-page #process .svc-process-panel::before,
  body.services-page #process .svc-process-panel::after {
    display: none !important;
    content: none !important;
  }

  body.services-page #process .svc-process-head {
    max-width: 100% !important;
    margin: 0 auto clamp(13px, 3.2vw, 18px) !important;
    padding: 0 !important;
    text-align: center !important;
  }

  body.services-page #process .svc-process-kicker {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: clamp(5px, 1.4vw, 7px) !important;
    margin: 0 0 clamp(4px, 1.2vw, 6px) !important;
    color: var(--gold) !important;
    font-size: clamp(4.6px, 1.4vw, 6.4px) !important;
    line-height: 1 !important;
    letter-spacing: .18em !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
  }

  body.services-page #process .svc-process-kicker::before,
  body.services-page #process .svc-process-kicker::after {
    content: '' !important;
    display: block !important;
    width: clamp(18px, 5vw, 26px) !important;
    height: 1px !important;
    background: var(--gold) !important;
    opacity: .78 !important;
    flex: 0 0 auto !important;
  }

  body.services-page #process .svc-process-title {
    margin: 0 0 clamp(6px, 1.55vw, 8px) !important;
    text-align: center !important;
    text-transform: uppercase !important;
    font-size: clamp(20px, 5.75vw, 30px) !important;
    line-height: .83 !important;
    letter-spacing: -.075em !important;
    font-weight: 900 !important;
  }

  body.services-page #process .svc-process-title-line {
    display: block !important;
    white-space: nowrap !important;
  }

  body.services-page #process .svc-process-title .svc-white { color: #fff !important; }
  body.services-page #process .svc-process-title .svc-gold { color: var(--gold) !important; }

  body.services-page #process .svc-process-sub {
    max-width: 80% !important;
    margin: 0 auto !important;
    color: rgba(255,255,255,.72) !important;
    text-align: center !important;
    font-size: clamp(4.7px, 1.28vw, 6.5px) !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
  }

  body.services-page #process .svc-process-grid.svc-process-grid-exact {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: clamp(5px, 1.65vw, 9px) !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: visible !important;
    grid-auto-flow: row !important;
    scroll-snap-type: none !important;
  }

  body.services-page #process .svc-process-grid-exact .svc-step {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: clamp(58px, 13.5vw, 70px) !important;
    height: auto !important;
    padding: clamp(6px, 1.65vw, 9px) clamp(4px, 1.35vw, 7px) !important;
    border-radius: clamp(7px, 2.05vw, 11px) !important;
    background: linear-gradient(180deg, #ffffff 0%, #f7f7f1 100%) !important;
    color: #17231D !important;
    border: 1px solid rgba(23,35,29,.08) !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.18) !important;
    transform: none !important;
    text-align: left !important;
    overflow: hidden !important;
  }

  body.services-page #process .svc-process-grid-exact .svc-step::before,
  body.services-page #process .svc-process-grid-exact .svc-step::after {
    display: none !important;
    content: none !important;
  }

  body.services-page #process .svc-process-grid-exact .svc-step-num {
    width: clamp(15px, 4.35vw, 22px) !important;
    height: clamp(15px, 4.35vw, 22px) !important;
    margin: 0 0 clamp(4px, 1.3vw, 7px) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #f8db70, var(--gold)) !important;
    color: #17231D !important;
    font-size: clamp(4.6px, 1.35vw, 6.8px) !important;
    line-height: 1 !important;
    font-weight: 900 !important;
  }

  body.services-page #process .svc-process-grid-exact .svc-step h3 {
    margin: 0 0 clamp(2px, .85vw, 4px) !important;
    color: #17231D !important;
    font-size: clamp(5.5px, 1.45vw, 7.6px) !important;
    line-height: 1.06 !important;
    font-weight: 900 !important;
    letter-spacing: -.035em !important;
  }

  body.services-page #process .svc-process-grid-exact .svc-step p {
    margin: 0 !important;
    color: #626e66 !important;
    font-size: clamp(3.9px, 1.02vw, 5.3px) !important;
    line-height: 1.28 !important;
    font-weight: 700 !important;
  }
}

@media screen and (max-width: 420px) {
  body.services-page #creative .svc-container,
  body.services-page #process .svc-container {
    width: 98% !important;
    max-width: 98% !important;
  }

  body.services-page #creative .svc-split {
    gap: 7px !important;
  }

  body.services-page #process .svc-process-grid.svc-process-grid-exact {
    gap: 4px !important;
  }
}



/* Team section — about.html style, scoped only to #team */
body.services-page #team.svc-team-section {
  padding: clamp(42px, 5vw, 76px) 0 !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(245,199,68,.055), transparent 24%),
    linear-gradient(180deg, rgba(7,22,15,.20), rgba(3,12,8,.10)) !important;
  overflow: hidden !important;
}

body.services-page #team .svc-container {
  width: 95% !important;
  max-width: 1480px !important;
  margin: 0 auto !important;
}

body.services-page #team .svc-team-head {
  max-width: 920px !important;
  margin: 0 auto clamp(24px, 3vw, 34px) !important;
  text-align: center !important;
}

body.services-page #team .svc-team-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 0 12px !important;
  color: var(--gold) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
}

body.services-page #team .svc-team-kicker::before,
body.services-page #team .svc-team-kicker::after {
  content: "" !important;
  width: 20px !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: var(--gold) !important;
}

body.services-page #team .svc-team-title {
  margin: 0 0 14px !important;
  color: #fff !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(30px, 4vw, 52px) !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
  letter-spacing: -.045em !important;
  text-transform: none !important;
  text-shadow: 0 10px 30px rgba(0,0,0,.30) !important;
}

body.services-page #team .svc-team-gold { color: var(--gold) !important; }

body.services-page #team .svc-team-sub {
  max-width: 730px !important;
  margin: 0 auto !important;
  color: var(--muted) !important;
  font-size: clamp(14px, 1.3vw, 17px) !important;
  line-height: 1.8 !important;
}

body.services-page #team .svc-team-slider-wrap {
  width: 100% !important;
  max-width: none !important;
  margin: 0 auto !important;
  overflow: visible !important;
}

body.services-page #team #svc-team-slider {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(14px, 1.7vw, 22px) !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  scroll-snap-type: none !important;
}

body.services-page #team .svc-team-card {
  min-width: 0 !important;
  width: 100% !important;
  overflow: hidden !important;
  position: relative !important;
  border-radius: 22px !important;
  background: #fff !important;
  border: 1px solid rgba(227,210,161,.72) !important;
  box-shadow: 0 18px 52px rgba(0,0,0,.20) !important;
  transform: none !important;
}

body.services-page #team .svc-team-card::before {
  content: "" !important;
  position: absolute !important;
  right: -60px !important;
  top: -55px !important;
  width: 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: rgba(214,177,58,.10) !important;
  pointer-events: none !important;
}

body.services-page #team .svc-team-media {
  position: relative !important;
  height: clamp(280px, 26vw, 400px) !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 22px 22px 0 0 !important;
  background: linear-gradient(135deg, #11291b 0%, #07150f 55%, #0d2316 100%) !important;
}

body.services-page #team .svc-team-media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
}

body.services-page #team .svc-team-media::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.05) 45%, rgba(0,0,0,.12)) !important;
  pointer-events: none !important;
}

body.services-page #team .svc-image-fallback {
  display: grid !important;
  place-items: center !important;
  color: rgba(255,255,255,.76) !important;
}

body.services-page #team .svc-image-box.has-image .svc-image-fallback {
  display: none !important;
}

body.services-page #team .svc-team-info {
  padding: 13px 16px 16px !important;
  background: #fff !important;
  border-top: 2px solid var(--gold) !important;
  text-align: center !important;
}

body.services-page #team .svc-team-info h3 {
  margin: 0 0 4px !important;
  color: #1b281f !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
  letter-spacing: -.02em !important;
}

body.services-page #team .svc-team-info p {
  margin: 0 0 12px !important;
  color: #99a09a !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
  font-weight: 600 !important;
}

body.services-page #team .svc-team-tags {
  display: flex !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 !important;
}

body.services-page #team .svc-team-tags span {
  min-height: 0 !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(195,155,45,.58) !important;
  background: #fff !important;
  color: #c39b2d !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

body.services-page #team .svc-team-slider-controls { display: flex !important; }

@media (max-width: 768px) {
  body.services-page #team.svc-team-section { padding: 34px 0 40px !important; }
  body.services-page #team .svc-team-head { margin-bottom: 18px !important; }
  body.services-page #team .svc-team-kicker { font-size: 7px !important; gap: 5px !important; }
  body.services-page #team .svc-team-kicker::before,
  body.services-page #team .svc-team-kicker::after { width: 12px !important; height: 1px !important; }
  body.services-page #team .svc-team-title { font-size: clamp(18px, 6vw, 28px) !important; margin-bottom: 8px !important; }
  body.services-page #team .svc-team-sub { font-size: 7px !important; line-height: 1.45 !important; max-width: 92% !important; }
  body.services-page #team #svc-team-slider { display: flex !important; grid-template-columns: none !important; gap: 14px !important; }
  body.services-page #team .svc-team-card { border-radius: 7px !important; }
  body.services-page #team .svc-team-card::before { width: 60px !important; height: 60px !important; right: -24px !important; top: -20px !important; }
  body.services-page #team .svc-team-media { height: 96px !important; border-radius: 7px 7px 0 0 !important; }
  body.services-page #team .svc-team-info { padding: 8px !important; text-align: left !important; }
  body.services-page #team .svc-team-info h3 { font-size: 6.8px !important; margin-bottom: 3px !important; }
  body.services-page #team .svc-team-info p { font-size: 4.8px !important; line-height: 1.2 !important; margin-bottom: 6px !important; }
  body.services-page #team .svc-team-tags { justify-content: flex-start !important; gap: 3px !important; }
  body.services-page #team .svc-team-tags span { padding: 3px 4px !important; font-size: 3.8px !important; }
}

/* ===== services head style 2 ===== */
/* ── MOBILE NAVBAR: same desktop-style single-row navigation ── */
@media (max-width: 991px) {
  .apex-nav,
  .apex-nav.nav-scrolled,
  .apex-nav.is-sticky {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 99999 !important;
    overflow: visible !important;
    padding: 7px 0 !important;
  }

  .apex-nav .nav-inner,
  .apex-nav.nav-scrolled .nav-inner,
  .apex-nav.is-sticky .nav-inner {
    width: 95% !important;
    max-width: 95% !important;
    min-height: 38px !important;
    height: auto !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    gap: clamp(6px, 1.5vw, 14px) !important;
    overflow: visible !important;
  }

  .apex-nav .nav-left,
  .apex-nav.nav-scrolled .nav-left,
  .apex-nav.is-sticky .nav-left {
    flex: 0 0 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  .apex-nav .brand,
  .apex-nav .nav-left .brand {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0 !important;
  }

  .apex-nav .brand-logo,
  .apex-nav.nav-scrolled .brand-logo,
  .apex-nav.is-sticky .brand-logo {
    width: auto !important;
    height: clamp(27px, 6.8vw, 42px) !important;
    max-width: clamp(74px, 20vw, 128px) !important;
    object-fit: contain !important;
    mix-blend-mode: lighten !important;
    filter: drop-shadow(0 2px 6px rgba(0,0,0,.32)) !important;
  }

  .apex-nav .nav-right,
  .apex-nav.nav-scrolled .nav-right,
  .apex-nav.is-sticky .nav-right {
    width: auto !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0 !important;
  }

  .apex-nav .nav-links,
  .apex-nav.nav-scrolled .nav-links,
  .apex-nav.is-sticky .nav-links {
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    gap: clamp(1px, .6vw, 7px) !important;
    overflow: visible !important;
  }

  .apex-nav .nav-links a,
  .apex-nav.nav-scrolled .nav-links a,
  .apex-nav.is-sticky .nav-links a {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: clamp(2px, .45vw, 5px) !important;
    padding: 6px clamp(3px, .75vw, 10px) !important;
    border-radius: 6px !important;
    background: transparent !important;
    color: #fff !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: clamp(7px, 1.55vw, 13px) !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
  }

  .apex-nav .nav-links a i,
  .apex-nav.nav-scrolled .nav-links a i,
  .apex-nav.is-sticky .nav-links a i {
    color: inherit !important;
    font-size: clamp(7px, 1.5vw, 13px) !important;
    line-height: 1 !important;
  }

  .apex-nav .nav-links a.active::after,
  .apex-nav.nav-scrolled .nav-links a.active::after,
  .apex-nav.is-sticky .nav-links a.active::after {
    width: clamp(18px, 4vw, 38px) !important;
    height: 2px !important;
    bottom: -4px !important;
  }

  .nav-toggle,
  .apex-nav .nav-toggle,
  .apex-nav.nav-scrolled .nav-toggle,
  .apex-nav.is-sticky .nav-toggle,
  .nav-mobile,
  .nav-right > .btn-cta,
  .apex-nav.nav-scrolled .nav-right > .btn-cta,
  .apex-nav.is-sticky .nav-right > .btn-cta {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  .lamp-wrap {
    display: block !important;
    position: fixed !important;
    top: -8px !important;
    left: clamp(80px, 22vw, 160px) !important;
    width: clamp(100px, 20vw, 200px) !important;
    overflow: hidden !important;
    z-index: 100000 !important;
    pointer-events: none !important;
  }

  .lamp-img {
    width: 100% !important;
    transform: translateY(-38%) !important;
    margin-bottom: -28% !important;
  }

  .lamp-wrap.lamp-scrolled,
  .apex-nav.is-sticky .lamp-wrap {
    display: none !important;
  }

  .apex-nav.is-sticky,
  .apex-nav.nav-scrolled {
    background: linear-gradient(180deg, rgba(7,17,15,.96), rgba(7,17,15,.92)) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    box-shadow: 0 6px 20px rgba(0,0,0,.45) !important;
    border-bottom: 1px solid rgba(212,175,55,.14) !important;
  }
}

@media (max-width: 480px) {
  .apex-nav,
  .apex-nav.nav-scrolled,
  .apex-nav.is-sticky {
    padding: 6px 0 !important;
  }

  .apex-nav .nav-inner,
  .apex-nav.nav-scrolled .nav-inner,
  .apex-nav.is-sticky .nav-inner {
    width: 96% !important;
    max-width: 96% !important;
    gap: 4px !important;
  }

  .apex-nav .brand-logo,
  .apex-nav.nav-scrolled .brand-logo,
  .apex-nav.is-sticky .brand-logo {
    height: clamp(24px, 6.2vw, 30px) !important;
    max-width: clamp(62px, 17vw, 82px) !important;
  }

  .apex-nav .nav-links,
  .apex-nav.nav-scrolled .nav-links,
  .apex-nav.is-sticky .nav-links {
    gap: 0 !important;
  }

  .apex-nav .nav-links a,
  .apex-nav.nav-scrolled .nav-links a,
  .apex-nav.is-sticky .nav-links a {
    gap: 2px !important;
    padding: 5px clamp(2px, .65vw, 4px) !important;
    font-size: clamp(6.2px, 1.72vw, 8.2px) !important;
  }

  .apex-nav .nav-links a i,
  .apex-nav.nav-scrolled .nav-links a i,
  .apex-nav.is-sticky .nav-links a i {
    font-size: clamp(6.2px, 1.7vw, 8.2px) !important;
  }

  .lamp-wrap {
    left: clamp(60px, 18vw, 100px) !important;
    width: clamp(80px, 18vw, 120px) !important;
  }
}

@media (max-width: 360px) {
  .apex-nav .brand-logo,
  .apex-nav.nav-scrolled .brand-logo,
  .apex-nav.is-sticky .brand-logo {
    height: 22px !important;
    max-width: 56px !important;
  }

  .apex-nav .nav-links a,
  .apex-nav.nav-scrolled .nav-links a,
  .apex-nav.is-sticky .nav-links a {
    padding-left: 1.5px !important;
    padding-right: 1.5px !important;
    font-size: 5.8px !important;
  }

  .apex-nav .nav-links a i,
  .apex-nav.nav-scrolled .nav-links a i,
  .apex-nav.is-sticky .nav-links a i {
    font-size: 5.8px !important;
  }
}

/* ===== services trailing style 1 ===== */
@media (max-width: 768px) {
  body.services-page #team .svc-team-grid,
  #svc-team-slider {
    display: flex !important;
    grid-template-columns: none !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    gap: 14px !important;
    padding-bottom: 8px !important;
    padding-left: 6% !important;
    padding-right: 6% !important;
    justify-content: flex-start !important;
  }

  body.services-page #team .svc-team-grid::-webkit-scrollbar,
  #svc-team-slider::-webkit-scrollbar {
    display: none !important;
  }

  body.services-page #team .svc-team-grid .svc-team-card,
  #svc-team-slider .svc-team-card,
  body.services-page #team .svc-team-card {
    flex: 0 0 88% !important;
    width: 88% !important;
    min-width: 88% !important;
    max-width: 88% !important;
    scroll-snap-align: center !important;
    height: auto !important;
    min-height: unset !important;
  }

  body.services-page #team .svc-team-info {
    padding-bottom: 18px !important;
  }

  body.services-page #team .svc-team-slider-controls,
  .svc-team-slider-controls {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 16px !important;
    margin-top: 18px !important;
  }
}

/* ===== services trailing style 2 ===== */
body.services-page #services .svc-card-slider-controls,
  body.services-page .svc-card-slider-controls,
  body.services-page .svc-card-slider-btn {
    display: none !important;
  }

/* ===== services trailing style 3 ===== */
body.services-page #team.section {
  padding: clamp(62px, 8vw, 120px) 0;
  position: relative;
  background:
    radial-gradient(circle at 12% 0%, rgba(245,199,68,.055), transparent 24%),
    linear-gradient(180deg, rgba(7, 22, 15, .20), rgba(3, 12, 8, .10));
}

body.services-page #team .container {
  width: 95%;
  max-width: 1480px;
  margin: 0 auto;
}

body.services-page #team .section-head-center {
  text-align: center;
  max-width: 790px;
  margin: 0 auto 38px;
}

body.services-page #team .section-head-center .section-text {
  margin: 0 auto;
}

body.services-page #team .mini-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--gold-2);
  font-size: 12px;
  line-height: 1;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-weight: 800;
  margin-bottom: 16px;
  justify-content: center;
}

body.services-page #team .mini-label::before,
body.services-page #team .mini-label::after {
  content: "";
  width: 20px;
  height: 2px;
  border-radius: 100px;
  background: var(--gold);
}

body.services-page #team .section-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(30px, 4vw, 52px) !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
  color: #fff !important;
  margin: 0 0 clamp(14px, 2vw, 22px) !important;
  letter-spacing: -.045em !important;
  text-shadow: 0 10px 30px rgba(0,0,0,.30);
}

body.services-page #team .section-title span {
  color: var(--gold-2);
}

body.services-page #team .section-text {
  color: var(--muted);
  font-size: clamp(14px, 1.3vw, 17px);
  line-height: 1.8;
  max-width: 730px;
}

/* ===== services trailing style 4 ===== */
/* ================= TEAM — exact copy from about.html ================= */

    .team-row {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 22px;
      margin-top: 36px;
    }

    .team-card {
      overflow: hidden;
      position: relative;
      background: linear-gradient(180deg, #fffefb 0%, #f7f5ee 100%);
      border: 1px solid rgba(227, 210, 161, .72);
      box-shadow: 0 18px 52px rgba(0,0,0,.20);
      border-radius: 26px;
      isolation: isolate;
      transition: transform .28s ease, box-shadow .28s ease;
    }

    .team-card::before {
      content: "";
      position: absolute;
      width: 180px;
      height: 180px;
      border-radius: 50%;
      right: -70px;
      top: -60px;
      background: rgba(214, 177, 58, .10);
      z-index: 0;
    }

    .team-card:hover {
      transform: translateY(-9px);
      box-shadow: 0 28px 64px rgba(0,0,0,.28);
    }

    .team-photo {
      height: 312px;
      position: relative;
      overflow: hidden;
      padding: 18px;
      display: flex;
      align-items: flex-end;
      justify-content: center;
      background:
        radial-gradient(circle at 18% 18%, rgba(245,199,68,.24), transparent 24%),
        radial-gradient(circle at 82% 20%, rgba(255,255,255,.22), transparent 16%),
        linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.02)),
        linear-gradient(135deg, #193220 0%, #0d1b13 55%, #102416 100%);
      background-size: cover;
      background-position: center;
    }

    .team-card:nth-child(1) .team-photo {
      background:
        radial-gradient(circle at 18% 18%, rgba(245,199,68,.22), transparent 24%),
        radial-gradient(circle at 82% 20%, rgba(255,255,255,.22), transparent 16%),
        linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.02)),
        linear-gradient(135deg, #18301f 0%, #0e1c14 52%, #132919 100%);
    }

    .team-card:nth-child(2) .team-photo {
      background:
        radial-gradient(circle at 20% 15%, rgba(245,199,68,.22), transparent 24%),
        radial-gradient(circle at 82% 18%, rgba(255,255,255,.24), transparent 16%),
        linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.02)),
        linear-gradient(135deg, #20351d 0%, #112014 52%, #182b18 100%);
    }

    .team-card:nth-child(3) .team-photo {
      background:
        radial-gradient(circle at 18% 18%, rgba(245,199,68,.20), transparent 24%),
        radial-gradient(circle at 84% 18%, rgba(255,255,255,.23), transparent 16%),
        linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.02)),
        linear-gradient(135deg, #173021 0%, #0c1b15 52%, #11281b 100%);
    }

    .team-card:nth-child(4) .team-photo {
      background:
        radial-gradient(circle at 18% 18%, rgba(245,199,68,.22), transparent 24%),
        radial-gradient(circle at 82% 20%, rgba(255,255,255,.22), transparent 16%),
        linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.02)),
        linear-gradient(135deg, #1a3220 0%, #0f1d15 52%, #142a1a 100%);
    }

    .team-photo::before {
      content: "";
      position: absolute;
      left: 50%;
      bottom: 44px;
      width: 200px;
      height: 200px;
      border-radius: 50%;
      transform: translateX(-50%);
      background: radial-gradient(circle, rgba(245,199,68,.24), rgba(245,199,68,.06) 54%, transparent 70%);
      filter: blur(2px);
      opacity: .95;
    }

    .team-photo::after {
      content: "";
      position: absolute;
      left: 18px;
      right: 18px;
      bottom: 18px;
      height: 3px;
      border-radius: 999px;
      background: linear-gradient(90deg, rgba(245,199,68,.16), rgba(245,199,68,.92), rgba(245,199,68,.16));
      opacity: .9;
    }

    .team-photo img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center top;
      display: block;
      z-index: 1;
    }

    .team-photo-inner {
      position: relative;
      z-index: 2;
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 16px;
      margin-bottom: 12px;
    }

    .team-avatar-mark {
      width: 138px;
      height: 138px;
      border-radius: 38px;
      display: grid;
      place-items: center;
      font-size: 44px;
      font-weight: 900;
      color: #fff;
      letter-spacing: -.04em;
      background:
        linear-gradient(145deg, rgba(255,255,255,.18), rgba(255,255,255,.06)),
        linear-gradient(135deg, rgba(245,199,68,.62), rgba(16,37,23,.25));
      border: 1px solid rgba(255,255,255,.22);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.30), 0 20px 42px rgba(0,0,0,.26);
      backdrop-filter: blur(8px);
    }

    .team-card:nth-child(2) .team-avatar-mark {
      background:
        linear-gradient(145deg, rgba(255,255,255,.18), rgba(255,255,255,.06)),
        linear-gradient(135deg, rgba(98, 147, 77, .58), rgba(245,199,68,.28));
    }

    .team-card:nth-child(3) .team-avatar-mark {
      background:
        linear-gradient(145deg, rgba(255,255,255,.18), rgba(255,255,255,.06)),
        linear-gradient(135deg, rgba(85, 132, 118, .55), rgba(245,199,68,.26));
    }

    .team-role-pill {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 9px 16px;
      border-radius: 999px;
      background: rgba(255,255,255,.12);
      border: 1px solid rgba(255,255,255,.14);
      color: rgba(255,255,255,.96);
      font-size: 12px;
      font-weight: 800;
      line-height: 1;
      backdrop-filter: blur(10px);
    }

    .team-badge {
      position: absolute;
      left: 18px;
      top: 18px;
      z-index: 3;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 9px 12px;
      border-radius: 999px;
      background: rgba(255,255,255,.14);
      border: 1px solid rgba(255,255,255,.14);
      backdrop-filter: blur(14px);
      color: #fff;
      font-size: 11px;
      font-weight: 900;
      letter-spacing: .02em;
      box-shadow: 0 10px 24px rgba(0,0,0,.14);
    }

    .team-badge::before {
      content: "";
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #D4AF37;
      box-shadow: 0 0 0 5px rgba(245,199,68,.16);
    }

    .team-info {
      position: relative;
      z-index: 1;
      padding: 22px 22px 24px;
      border-top: 1px solid rgba(0,0,0,.06);
      background: linear-gradient(180deg, rgba(255,255,255,.60), rgba(255,255,255,.90));
    }

    .team-info h3 {
      color: #111;
      font-size: 23px;
      font-weight: 900;
      margin-bottom: 6px;
      letter-spacing: -.03em;
    }

    .team-info p {
      color: #6d746d;
      font-size: 14px;
      font-weight: 700;
      margin-bottom: 16px;
      line-height: 1.5;
    }

    .team-tags {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
    }

    .team-tags span {
      padding: 8px 12px;
      border-radius: 999px;
      background: #f5eedb;
      border: 1px solid #e6d49c;
      color: #8b6916;
      font-size: 11px;
      font-weight: 900;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.75);
    }

    /* Responsive — same as about.html */
    @media (max-width: 991px) {
      .team-row { grid-template-columns: repeat(2, 1fr); }
      .team-photo { height: 265px; }
    }

    @media (max-width: 767px) {
      .team-row { grid-template-columns: 1fr; gap: 18px; }
      .team-photo { height: 290px; }
    }

    @media (max-width: 480px) {
      .team-photo { height: 260px; }
      .team-info h3 { font-size: 20px; }
      .team-info p { font-size: 13px; }
    }

/* ===== services trailing style 5 ===== */
.mobile-slider-controls {
    display: none;
  }

  @media (max-width: 720px) {
    .services-grid.mobile-smooth-slider,
    #team .team-row.mobile-smooth-slider,
    .testimonial-row.mobile-smooth-slider,
    .testimonial-all-reviews.mobile-smooth-slider {
      width: 100% !important;
      max-width: 100% !important;
      display: flex !important;
      flex-wrap: nowrap !important;
      grid-template-columns: none !important;
      grid-auto-flow: unset !important;
      gap: 0 !important;
      overflow-x: auto !important;
      overflow-y: hidden !important;
      scroll-snap-type: x mandatory !important;
      scroll-snap-stop: always !important;
      scroll-behavior: smooth !important;
      -webkit-overflow-scrolling: touch !important;
      overscroll-behavior-x: contain !important;
      scrollbar-width: none !important;
      padding: 0 0 16px !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
    }

    .services-grid.mobile-smooth-slider::-webkit-scrollbar,
    #team .team-row.mobile-smooth-slider::-webkit-scrollbar,
    .testimonial-row.mobile-smooth-slider::-webkit-scrollbar,
    .testimonial-all-reviews.mobile-smooth-slider::-webkit-scrollbar {
      display: none !important;
    }

    .services-grid.mobile-smooth-slider > *,
    #team .team-row.mobile-smooth-slider > *,
    .testimonial-row.mobile-smooth-slider > * {
      flex: 0 0 100% !important;
      width: 100% !important;
      min-width: 100% !important;
      max-width: 100% !important;
      margin: 0 !important;
      scroll-snap-align: start !important;
      scroll-snap-stop: always !important;
      transform: none !important;
    }

    .services-grid.mobile-smooth-slider > .service-card {
      min-height: 170px !important;
      padding: 20px !important;
      border-radius: 18px !important;
    }

    .services-grid.mobile-smooth-slider .service-card .card-icon {
      width: 38px !important;
      height: 38px !important;
      border-radius: 12px !important;
      font-size: 16px !important;
      margin-bottom: 12px !important;
    }

    .services-grid.mobile-smooth-slider .service-card h3 {
      font-size: 16px !important;
      line-height: 1.16 !important;
      margin-bottom: 8px !important;
    }

    .services-grid.mobile-smooth-slider .service-card p {
      font-size: 12px !important;
      line-height: 1.55 !important;
    }

    .services-grid.mobile-smooth-slider .service-link {
      margin-top: 12px !important;
      font-size: 11px !important;
    }

    .services-grid.mobile-smooth-slider .service-card::after {
      right: 18px !important;
      bottom: 10px !important;
      font-size: 46px !important;
    }

    #team .team-row.mobile-smooth-slider {
      margin-top: 30px !important;
    }

    #team .team-row.mobile-smooth-slider > .team-card {
      border-radius: 18px !important;
      overflow: hidden !important;
    }

    #team .team-row.mobile-smooth-slider .team-photo {
      height: 270px !important;
      padding: 0 !important;
    }

    #team .team-row.mobile-smooth-slider .team-photo img {
      width: 100% !important;
      height: 100% !important;
      object-fit: cover !important;
      object-position: center !important;
    }

    #team .team-row.mobile-smooth-slider .team-info {
      padding: 14px 16px 16px !important;
      text-align: center !important;
    }

    #team .team-row.mobile-smooth-slider .team-info h3 {
      font-size: 18px !important;
      line-height: 1.12 !important;
      margin-bottom: 5px !important;
    }

    #team .team-row.mobile-smooth-slider .team-info p {
      font-size: 12px !important;
      line-height: 1.35 !important;
      margin-bottom: 12px !important;
    }

    #team .team-row.mobile-smooth-slider .team-tags {
      justify-content: center !important;
      gap: 7px !important;
    }

    #team .team-row.mobile-smooth-slider .team-tags span {
      padding: 6px 9px !important;
      font-size: 9px !important;
    }

    .testimonial-row.mobile-smooth-slider > .testimonial-card,
    .featured-review-grid.mobile-smooth-slider > .featured-review,
    .mini-review-grid.mobile-smooth-slider > .mini-review {
      min-height: 185px !important;
      padding: 22px !important;
      border-radius: 18px !important;
    }

    /* One common testimonial slider on mobile: featured + mini reviews together */
    .testimonial-all-reviews.mobile-smooth-slider {
      margin-top: 14px !important;
      padding: 0 0 16px !important;
    }

    .testimonial-all-reviews.mobile-smooth-slider > .featured-review-grid,
    .testimonial-all-reviews.mobile-smooth-slider > .mini-review-grid {
      display: contents !important;
    }

    .testimonial-all-reviews.mobile-smooth-slider .featured-review,
    .testimonial-all-reviews.mobile-smooth-slider .mini-review {
      flex: 0 0 100% !important;
      width: 100% !important;
      min-width: 100% !important;
      max-width: 100% !important;
      margin: 0 !important;
      scroll-snap-align: start !important;
      scroll-snap-stop: always !important;
      transform: none !important;
      min-height: 185px !important;
      padding: 22px !important;
      border-radius: 18px !important;
    }

    .testimonial-all-reviews.mobile-smooth-slider .featured-review::before,
    .testimonial-all-reviews.mobile-smooth-slider .mini-review::before {
      font-size: 48px !important;
      margin-bottom: 8px !important;
    }

    .testimonial-all-reviews.mobile-smooth-slider .featured-review p,
    .testimonial-all-reviews.mobile-smooth-slider .mini-review p {
      font-size: 12px !important;
      line-height: 1.6 !important;
      margin-bottom: 14px !important;
    }

    .testimonial-all-reviews.mobile-smooth-slider .review-footer {
      gap: 10px !important;
    }

    .testimonial-all-reviews.mobile-smooth-slider .review-avatar {
      width: 38px !important;
      height: 38px !important;
    }

    .testimonial-all-reviews.mobile-smooth-slider .review-person strong {
      font-size: 13px !important;
    }

    .testimonial-all-reviews.mobile-smooth-slider .review-person small {
      font-size: 10px !important;
    }

    .testimonial-all-reviews.mobile-smooth-slider .review-stars {
      font-size: 10px !important;
    }

    .testimonial-all-reviews.mobile-smooth-slider .platform-badge {
      width: 28px !important;
      height: 28px !important;
      font-size: 14px !important;
    }

    .featured-review-grid.mobile-smooth-slider .featured-review::before,
    .mini-review-grid.mobile-smooth-slider .mini-review::before {
      font-size: 48px !important;
      margin-bottom: 8px !important;
    }

    .testimonial-row.mobile-smooth-slider .testimonial-card p,
    .featured-review-grid.mobile-smooth-slider .featured-review p,
    .mini-review-grid.mobile-smooth-slider .mini-review p {
      font-size: 12px !important;
      line-height: 1.6 !important;
      margin-bottom: 14px !important;
    }

    .featured-review-grid.mobile-smooth-slider .review-footer,
    .mini-review-grid.mobile-smooth-slider .review-footer {
      gap: 10px !important;
    }

    .featured-review-grid.mobile-smooth-slider .review-avatar,
    .mini-review-grid.mobile-smooth-slider .review-avatar {
      width: 38px !important;
      height: 38px !important;
    }

    .featured-review-grid.mobile-smooth-slider .review-person strong,
    .mini-review-grid.mobile-smooth-slider .review-person strong {
      font-size: 13px !important;
    }

    .featured-review-grid.mobile-smooth-slider .review-person small,
    .mini-review-grid.mobile-smooth-slider .review-person small {
      font-size: 10px !important;
    }

    .featured-review-grid.mobile-smooth-slider .review-stars,
    .mini-review-grid.mobile-smooth-slider .review-stars {
      font-size: 10px !important;
    }

    .featured-review-grid.mobile-smooth-slider .platform-badge,
    .mini-review-grid.mobile-smooth-slider .platform-badge {
      width: 28px !important;
      height: 28px !important;
      font-size: 14px !important;
    }

    .mobile-slider-controls {
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 12px !important;
      margin: 2px 0 18px !important;
    }

    .mobile-slider-btn {
      width: 36px !important;
      height: 36px !important;
      border-radius: 50% !important;
      border: 1px solid rgba(245,199,68,.50) !important;
      background: rgba(255,255,255,.08) !important;
      color: #f5c744 !important;
      display: grid !important;
      place-items: center !important;
      font-size: 20px !important;
      font-weight: 900 !important;
      line-height: 1 !important;
      cursor: pointer !important;
      backdrop-filter: blur(10px) !important;
      -webkit-tap-highlight-color: transparent !important;
    }

    .mobile-slider-dots {
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 7px !important;
    }

    .mobile-slider-dot {
      width: 7px !important;
      height: 7px !important;
      border: 0 !important;
      padding: 0 !important;
      border-radius: 999px !important;
      background: rgba(255,255,255,.34) !important;
      cursor: pointer !important;
      transition: width .25s ease, background .25s ease !important;
    }

    .mobile-slider-dot.active {
      width: 23px !important;
      background: linear-gradient(90deg, #f5c744, #c39b2d) !important;
    }
  }

/* ===== services trailing style 6 ===== */
@media (max-width: 720px) {
    .foundation-carousel-controls,
    .mobile-slider-controls {
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 10px !important;
      width: max-content !important;
      max-width: 100% !important;
      margin: 8px auto 18px !important;
      padding: 0 !important;
    }

    .foundation-carousel-btn,
    .mobile-slider-btn {
      width: 40px !important;
      height: 40px !important;
      min-width: 40px !important;
      min-height: 40px !important;
      padding: 0 !important;
      border-radius: 50% !important;
      border: 1px solid rgba(195, 155, 45, .48) !important;
      background: rgba(7, 22, 15, .58) !important;
      color: #c39b2d !important;
      display: grid !important;
      place-items: center !important;
      font-size: 0 !important;
      font-weight: 900 !important;
      line-height: 1 !important;
      cursor: pointer !important;
      box-shadow: inset 0 0 18px rgba(245, 199, 68, .035) !important;
      backdrop-filter: none !important;
      -webkit-tap-highlight-color: transparent !important;
      appearance: none !important;
      position: relative !important;
    }

    .foundation-carousel-btn::before,
    .mobile-slider-btn::before {
      display: block !important;
      color: #c39b2d !important;
      font-size: 28px !important;
      font-weight: 400 !important;
      line-height: .82 !important;
      margin-top: -2px !important;
    }

    .foundation-prev::before,
    .mobile-slider-prev::before {
      content: "‹" !important;
      transform: translateX(-1px) !important;
    }

    .foundation-next::before,
    .mobile-slider-next::before {
      content: "›" !important;
      transform: translateX(1px) !important;
    }

    .foundation-carousel-dots,
    .mobile-slider-dots {
      height: 40px !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 7px !important;
      padding: 0 2px !important;
      margin: 0 !important;
    }

    .foundation-carousel-dot,
    .mobile-slider-dot {
      width: 6px !important;
      height: 6px !important;
      min-width: 6px !important;
      min-height: 6px !important;
      padding: 0 !important;
      border: 0 !important;
      border-radius: 999px !important;
      background: rgba(195, 155, 45, .45) !important;
      opacity: 1 !important;
      cursor: pointer !important;
      transition: width .25s ease, background .25s ease, opacity .25s ease !important;
      appearance: none !important;
    }

    .foundation-carousel-dot.active,
    .mobile-slider-dot.active {
      width: 22px !important;
      background: #f5c744 !important;
    }
  }

/* ===== services trailing style 7 ===== */
@media (max-width: 720px) {
    #team .team-row.mobile-smooth-slider .team-photo,
    #team .team-photo {
      height: 340px !important;
      min-height: 340px !important;
      max-height: 340px !important;
      padding: 0 !important;
      overflow: hidden !important;
      background: #fff !important;
      border-bottom: 2px solid rgba(245, 199, 68, .72) !important;
    }

    #team .team-row.mobile-smooth-slider .team-photo img,
    #team .team-photo img {
      width: 100% !important;
      height: 100% !important;
      min-height: 100% !important;
      max-height: 100% !important;
      object-fit: cover !important;
      object-position: center 22% !important;
      display: block !important;
      border-radius: 0 !important;
    }
  }

  @media (max-width: 420px) {
    #team .team-row.mobile-smooth-slider .team-photo,
    #team .team-photo {
      height: 315px !important;
      min-height: 315px !important;
      max-height: 315px !important;
    }
  }

/* ===== services trailing style 8 ===== */
@media (max-width: 720px) {
    #team .section-head-center {
      max-width: 100% !important;
      padding: 0 6px !important;
    }

    #team .section-title {
      width: 100% !important;
      max-width: 100% !important;
      white-space: nowrap !important;
      word-break: normal !important;
      overflow-wrap: normal !important;
      font-size: clamp(24px, 6.25vw, 32px) !important;
      line-height: 1.05 !important;
      letter-spacing: -.055em !important;
      margin-bottom: 10px !important;
    }

    #team .section-title span {
      display: inline !important;
      white-space: nowrap !important;
    }

    #team .section-text {
      width: 100% !important;
      max-width: 100% !important;
      white-space: nowrap !important;
      word-break: normal !important;
      overflow-wrap: normal !important;
      font-size: clamp(9.5px, 2.35vw, 12px) !important;
      line-height: 1.35 !important;
      margin: 0 auto !important;
    }
  }

  @media (max-width: 390px) {
    #team .section-title {
      font-size: clamp(21px, 6vw, 24px) !important;
      letter-spacing: -.06em !important;
    }

    #team .section-text {
      font-size: 9px !important;
      letter-spacing: -.02em !important;
    }
  }

/* ===== services trailing style 9 ===== */
@media (max-width: 720px) {
    .foundation-carousel-controls,
    .mobile-slider-controls {
      width: 100% !important;
      max-width: 100% !important;
      min-width: 0 !important;
      margin: 14px auto 38px !important;
      padding: 0 !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 11px !important;
      position: static !important;
      left: auto !important;
      right: auto !important;
      top: auto !important;
      bottom: auto !important;
      transform: none !important;
      float: none !important;
      clear: both !important;
      z-index: 5 !important;
    }

    .foundation-carousel-btn,
    .mobile-slider-btn {
      width: 40px !important;
      height: 40px !important;
      min-width: 40px !important;
      min-height: 40px !important;
      padding: 0 !important;
      margin: 0 !important;
      border-radius: 50% !important;
      border: 1px solid rgba(195, 155, 45, .55) !important;
      background: rgba(7, 22, 15, .72) !important;
      color: #c39b2d !important;
      display: grid !important;
      place-items: center !important;
      font-size: 0 !important;
      line-height: 1 !important;
      box-shadow: inset 0 0 18px rgba(245, 199, 68, .04) !important;
      appearance: none !important;
      -webkit-appearance: none !important;
      flex: 0 0 40px !important;
    }

    .foundation-carousel-btn::before,
    .mobile-slider-btn::before {
      display: block !important;
      color: #c39b2d !important;
      font-size: 28px !important;
      font-weight: 400 !important;
      line-height: .82 !important;
      margin-top: -2px !important;
    }

    .foundation-prev::before,
    .mobile-slider-prev::before {
      content: "‹" !important;
      transform: translateX(-1px) !important;
    }

    .foundation-next::before,
    .mobile-slider-next::before {
      content: "›" !important;
      transform: translateX(1px) !important;
    }

    .foundation-carousel-dots,
    .mobile-slider-dots {
      height: 40px !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 7px !important;
      padding: 0 2px !important;
      margin: 0 !important;
      flex: 0 0 auto !important;
    }

    .foundation-carousel-dot,
    .mobile-slider-dot {
      width: 6px !important;
      height: 6px !important;
      min-width: 6px !important;
      min-height: 6px !important;
      padding: 0 !important;
      margin: 0 !important;
      border: 0 !important;
      border-radius: 999px !important;
      background: rgba(195, 155, 45, .45) !important;
      opacity: 1 !important;
      appearance: none !important;
      -webkit-appearance: none !important;
      flex: 0 0 6px !important;
    }

    .foundation-carousel-dot.active,
    .mobile-slider-dot.active {
      width: 22px !important;
      flex-basis: 22px !important;
      background: #f5c744 !important;
    }

    footer,
    .footer {
      margin-top: 0 !important;
    }
  }

/* ===== services trailing style 10 ===== */
@media screen and (max-width: 768px) {
  body.services-page {
    overflow-x: clip !important;
  }

  body.services-page main > #creative.svc-section,
  body.services-page main > #process.svc-section {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow-x: clip !important;
    box-sizing: border-box !important;
  }

  body.services-page #creative .svc-container,
  body.services-page #process .svc-container {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    box-sizing: border-box !important;
  }

  /* Same 2-column split — just constrain children */
  body.services-page #creative .svc-split {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: clamp(6px, 1.6vw, 10px) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.services-page #creative .svc-split > * {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body.services-page #creative .svc-creative-visual {
    overflow: hidden !important;
    max-width: 100% !important;
  }

  body.services-page #creative .svc-large-image {
    max-width: 100% !important;
    overflow: hidden !important;
  }

  body.services-page #creative .svc-orbit-card {
    max-width: 42% !important;
  }

  body.services-page #creative .svc-section-title,
  body.services-page #creative .svc-section-copy,
  body.services-page #creative .svc-benefit strong,
  body.services-page #creative .svc-benefit span {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  body.services-page #creative .svc-section-title {
    font-size: clamp(10px, 2.85vw, 15px) !important;
    line-height: 1.05 !important;
  }

  body.services-page #creative .svc-section-copy {
    font-size: clamp(6px, 1.55vw, 8px) !important;
    line-height: 1.4 !important;
  }

  body.services-page #creative .svc-benefit {
    min-width: 0 !important;
    padding: clamp(5px, 1.4vw, 8px) clamp(6px, 1.6vw, 9px) !important;
    gap: clamp(5px, 1.3vw, 8px) !important;
    grid-template-columns: clamp(18px, 5vw, 28px) minmax(0, 1fr) !important;
  }

  body.services-page #creative .svc-benefit i {
    width: clamp(18px, 5vw, 28px) !important;
    height: clamp(18px, 5vw, 28px) !important;
    font-size: clamp(8px, 2vw, 11px) !important;
  }

  body.services-page #creative .svc-benefit strong {
    font-size: clamp(6px, 1.55vw, 8px) !important;
  }

  body.services-page #creative .svc-benefit span {
    font-size: clamp(5px, 1.3vw, 7px) !important;
  }

  /* Same 6-card row — tighter gaps + smaller text so all fit */
  body.services-page #process .svc-process-panel {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    overflow-x: clip !important;
    box-sizing: border-box !important;
  }

  body.services-page #process .svc-process-head {
    max-width: 100% !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
  }

  body.services-page #process .svc-process-title,
  body.services-page #process .svc-process-sub {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  body.services-page #process .svc-process-title {
    font-size: clamp(13px, 3.8vw, 18px) !important;
    line-height: 1 !important;
  }

  body.services-page #process .svc-process-sub {
    font-size: clamp(6.5px, 1.7vw, 9px) !important;
    line-height: 1.35 !important;
  }

  body.services-page #process .svc-process-grid.svc-process-grid-exact {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: clamp(2px, 0.65vw, 4px) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  body.services-page #process .svc-process-grid-exact .svc-step {
    min-width: 0 !important;
    max-width: 100% !important;
    padding: clamp(4px, 1.1vw, 6px) clamp(2px, 0.7vw, 4px) !important;
    min-height: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.services-page #process .svc-process-grid-exact .svc-step-num {
    width: clamp(14px, 3.8vw, 20px) !important;
    height: clamp(14px, 3.8vw, 20px) !important;
    font-size: clamp(4.5px, 1.2vw, 6px) !important;
    margin-bottom: clamp(2px, 0.6vw, 4px) !important;
  }

  body.services-page #process .svc-process-grid-exact .svc-step h3 {
    font-size: clamp(4.8px, 1.28vw, 6.5px) !important;
    line-height: 1.1 !important;
    margin-bottom: 2px !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  body.services-page #process .svc-process-grid-exact .svc-step p {
    font-size: clamp(4px, 1.05vw, 5.5px) !important;
    line-height: 1.22 !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }
}

/* ===== services trailing style 11 ===== */
@media screen and (max-width: 768px) {
  body.services-page #team.section {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: clip !important;
    box-sizing: border-box !important;
  }

  body.services-page #team .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    box-sizing: border-box !important;
  }

  body.services-page #team .section-head-center {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  body.services-page #team .mini-label {
    max-width: 100% !important;
    font-size: clamp(9px, 2.2vw, 11px) !important;
  }

  body.services-page #team .section-title,
  body.services-page #team .section-title span {
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    font-size: clamp(20px, 5.4vw, 28px) !important;
    line-height: 1.06 !important;
  }

  body.services-page #team .section-text {
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    padding: 0 2px !important;
    font-size: clamp(10px, 2.55vw, 13px) !important;
    line-height: 1.5 !important;
  }
}

/* ===== services trailing style 12 ===== */
.lamp-wrap {
    transform: translateX(clamp(24px, 5vw, 100px)) !important;
  }

/* =========================================================
   FINAL NAV LOGO ALIGN FIX — logo starts with 95% page/cards
   Only navbar left alignment changed.
========================================================= */
body.services-page .apex-nav .nav-inner,
body.services-page .apex-nav.is-sticky .nav-inner,
body.services-page .apex-nav.nav-scrolled .nav-inner {
  width: 95vw !important;
  max-width: 95vw !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

body.services-page .nav-left {
  margin-left: 0 !important;
  transform: none !important;
}

/* ===== services trailing style 13 ===== */
@media (min-width: 768px) {
    body.services-page #team .team-photo {
      height: 385px !important;
    }
  }

/* ===== services trailing style 14 ===== */
body.services-page {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: clip !important;
  }

  body.services-page .apex-nav {
    width: 100vw !important;
    max-width: 100vw !important;
    left: 0 !important;
    right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.services-page .apex-nav .nav-inner,
  body.services-page .apex-nav.is-sticky .nav-inner,
  body.services-page .apex-nav.nav-scrolled .nav-inner,
  body.services-page .hero-section.services-page-hero,
  body.services-page main > .svc-section,
  body.services-page #team.section,
  body.services-page .apex-footer {
    width: 95vw !important;
    max-width: 95vw !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  body.services-page .services-page-hero > .site-wrap,
  body.services-page main > .svc-section > .svc-container,
  body.services-page #team.section > .container,
  body.services-page .apex-footer > .footer-v2-container {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  @media (max-width: 767px) {
    body.services-page .apex-nav .nav-inner,
    body.services-page .apex-nav.is-sticky .nav-inner,
    body.services-page .apex-nav.nav-scrolled .nav-inner,
    body.services-page .hero-section.services-page-hero,
    body.services-page main > .svc-section,
    body.services-page #team.section,
    body.services-page .apex-footer {
      width: 95vw !important;
      max-width: 95vw !important;
    }

    body.services-page .services-page-hero > .site-wrap,
    body.services-page main > .svc-section > .svc-container,
    body.services-page #team.section > .container,
    body.services-page .apex-footer > .footer-v2-container {
      width: 100% !important;
      max-width: 100% !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
  }

/* ===== services trailing style 15 ===== */
/* Team section shell — matches about.html .section */
body.services-page #team.section {
  padding: clamp(62px, 8vw, 120px) 0 !important;
  position: relative !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(245,199,68,.055), transparent 24%),
    linear-gradient(180deg, rgba(7, 22, 15, .20), rgba(3, 12, 8, .10)) !important;
}

body.services-page #team .container {
  width: 95% !important;
  max-width: 1480px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.services-page #team .mini-label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: var(--gold-2) !important;
  font-size: 12px !important;
  line-height: 1 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
}

body.services-page #team .mini-label::before,
body.services-page #team .mini-label::after {
  content: "" !important;
  width: 20px !important;
  height: 2px !important;
  border-radius: 100px !important;
  background: var(--gold) !important;
}

body.services-page #team .section-head-center {
  text-align: center !important;
}

body.services-page #team .reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .72s ease, transform .72s ease;
}

body.services-page #team .reveal.show {
  opacity: 1;
  transform: translateY(0);
}

/* ================= EXACT TEAM SECTION (UPDATED) ================= */
    body.services-page #team .section-head-center{
      max-width: 980px !important;
      margin: 0 auto 34px !important;
    }

body.services-page #team .mini-label{
      justify-content: center;
      margin-bottom: 14px !important;
      font-size: 12px !important;
      letter-spacing: .14em !important;
    }

body.services-page #team .section-title{
      text-transform: uppercase;
      font-size: clamp(38px, 5.3vw, 72px) !important;
      line-height: .98 !important;
      letter-spacing: -.055em !important;
      margin-bottom: 12px !important;
    }

body.services-page #team .section-text{
      max-width: 760px;
      margin: 0 auto;
      color: rgba(255,255,255,.74) !important;
      font-size: 16px !important;
      font-weight: 600;
      line-height: 1.75;
    }

body.services-page #team .team-row{
      display: grid !important;
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
      gap: 14px !important;
      margin-top: 34px !important;
      align-items: stretch;
    }

body.services-page #team .team-card{
      position: relative;
      overflow: hidden;
      border-radius: 22px !important;
      background: #fff !important;
      border: 1px solid rgba(255,255,255,.12) !important;
      box-shadow: 0 18px 48px rgba(0,0,0,.26) !important;
      transform: none !important;
      isolation: isolate;
    }

body.services-page #team .team-card::before{
      display: none !important;
    }

body.services-page #team .team-card:hover{
      transform: translateY(-4px) !important;
      box-shadow: 0 24px 60px rgba(0,0,0,.32) !important;
    }

body.services-page #team .team-photo{
      position: relative;
      height: 258px !important;
      padding: 0 !important;
      display: block !important;
      overflow: hidden;
      background:
        radial-gradient(circle at 16% 18%, rgba(245,199,68,.14), transparent 22%),
        radial-gradient(circle at 82% 22%, rgba(255,255,255,.08), transparent 15%),
        linear-gradient(135deg, #11291b 0%, #07150f 55%, #0d2316 100%) !important;
    }

body.services-page #team .team-photo::before{
      display: none !important;
    }

body.services-page #team .team-photo::after{
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(180deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,.05) 45%, rgba(0,0,0,.12) 100%),
        radial-gradient(circle at 50% 0%, rgba(245,199,68,.10), transparent 24%);
      pointer-events: none;
      z-index: 1;
    }

body.services-page #team .team-photo img{
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center top;
      display: block;
      position: relative;
      z-index: 0;
    }

body.services-page #team .team-photo-placeholder{
      position: absolute;
      inset: 0;
      display: grid;
      place-items: center;
      text-align: center;
      padding: 18px;
      color: rgba(255,255,255,.74);
      font-size: 12px;
      line-height: 1.5;
      font-weight: 700;
      letter-spacing: .02em;
      z-index: 0;
    }

body.services-page #team .team-badge,
    body.services-page #team .team-photo-inner,
    body.services-page #team .team-avatar-mark,
    body.services-page #team .team-role-pill{
      display: none !important;
    }

body.services-page #team .team-info{
      position: relative;
      z-index: 2;
      padding: 14px 18px 18px !important;
      border-top: 2px solid var(--gold) !important;
      background: #fff !important;
      text-align: center;
    }

body.services-page #team .team-info h3{
      margin: 0 0 5px !important;
      color: #1b281f !important;
      font-size: 18px !important;
      line-height: 1.2 !important;
      font-weight: 900 !important;
      letter-spacing: -.02em;
    }

body.services-page #team .team-info p{
      margin: 0 0 14px !important;
      color: #99a09a !important;
      font-size: 12px !important;
      line-height: 1.45 !important;
      font-weight: 600 !important;
    }

body.services-page #team .team-tags{
      display: flex !important;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      gap: 9px !important;
    }

body.services-page #team .team-tags span{
      padding: 7px 13px !important;
      border-radius: 999px !important;
      background: #fff !important;
      border: 1px solid rgba(195,155,45,.58) !important;
      color: #c39b2d !important;
      font-size: 10px !important;
      line-height: 1 !important;
      font-weight: 800 !important;
      text-transform: uppercase;
      letter-spacing: 0;
      box-shadow: none !important;
    }

@media (max-width: 991px) {
      body.services-page #team .team-row {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      }
    }

@media (max-width: 767px) {
      body.services-page #team .section-title {
        font-size: clamp(32px, 10.5vw, 48px) !important;
      }

      body.services-page #team .team-row {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
      }

      body.services-page #team .team-photo {
        height: 250px !important;
      }
    }

/* Team cards slightly smaller update */
    body.services-page #team .team-row{
      width: 94% !important;
      max-width: 1360px !important;
      margin: 30px auto 0 !important;
      gap: 16px !important;
    }

body.services-page #team .team-card{
      border-radius: 20px !important;
    }

body.services-page #team .team-photo{
      height: 228px !important;
    }

body.services-page #team .team-photo-placeholder{
      font-size: 11px !important;
      padding: 16px !important;
    }

body.services-page #team .team-info{
      padding: 12px 16px 16px !important;
    }

body.services-page #team .team-info h3{
      font-size: 16px !important;
      margin-bottom: 4px !important;
    }

body.services-page #team .team-info p{
      font-size: 11px !important;
      margin-bottom: 12px !important;
    }

body.services-page #team .team-tags{
      gap: 8px !important;
    }

body.services-page #team .team-tags span{
      padding: 6px 12px !important;
      font-size: 9px !important;
    }

@media (max-width: 991px) {
      body.services-page #team .team-row {
        width: 100% !important;
        max-width: none !important;
      }
      body.services-page #team .team-photo {
        height: 220px !important;
      }
    }

@media (max-width: 767px) {
      body.services-page #team .team-row {
        width: 100% !important;
      }
      body.services-page #team .team-photo {
        height: 240px !important;
      }
    }

/* ===== Team cards: only image part longer + slightly reduced width ===== */
    body.services-page #team .team-row{
      width: 90% !important;
      max-width: 1320px !important;
      margin-left: auto !important;
      margin-right: auto !important;
      gap: 34px !important;
    }

body.services-page #team .team-card{
      min-height: auto !important;
      height: auto !important;
    }

body.services-page #team .team-photo{
      height: 335px !important;
    }

body.services-page #team .team-info{
      padding: 12px 16px 16px !important;
    }

@media (max-width: 1180px) {
      body.services-page #team .team-row {
        width: 94% !important;
        max-width: none !important;
        gap: 28px !important;
      }

      body.services-page #team .team-card {
        min-height: auto !important;
        height: auto !important;
      }

      body.services-page #team .team-photo {
        height: 300px !important;
      }
    }

@media (max-width: 720px) {
      body.services-page #team .team-row {
        width: 94% !important;
        gap: 22px !important;
      }

      body.services-page #team .team-card {
        min-height: auto !important;
        height: auto !important;
      }

      body.services-page #team .team-photo {
        height: 270px !important;
      }

      body.services-page #team .team-info {
        padding: 12px 16px 16px !important;
      }
    }

/* ===== FINAL TEAM GAP + 95% SCREEN WIDTH UPDATE ===== */
    body.services-page #team .container{
      width: 95vw !important;
      max-width: 1480px !important;
      margin-left: auto !important;
      margin-right: auto !important;
    }

body.services-page #team .team-row{
      width: 100% !important;
      max-width: none !important;
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
      gap: clamp(18px, 1.8vw, 32px) !important;
      margin: 30px auto 0 !important;
      align-items: stretch !important;
    }

@media (max-width: 991px) {
      body.services-page #team .team-row {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 26px !important;
      }
    }

@media (max-width: 767px) {
      body.services-page #team .container {
        width: 95vw !important;
      }

      body.services-page #team .team-row {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
      }
    }

/* ===== FINAL ONLY TEAM CARDS WIDTH + HEIGHT FIX ===== */
    @media (min-width: 768px){
      body.services-page #team .team-row {
        width: 90% !important;
        max-width: 1320px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        gap: clamp(34px, 3vw, 52px) !important;
      }

      body.services-page #team .team-photo {
        height: 355px !important;
      }
    }

/* Only increases the desktop gap between team cards and keeps the row at 95% screen width */
    @media (min-width: 768px){
      body.services-page #team .container {
        width: 95vw !important;
        max-width: 1480px !important;
        margin-left: auto !important;
        margin-right: auto !important;
      }

      body.services-page #team .team-row {
        width: 100% !important;
        max-width: none !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: clamp(18px, 2vw, 36px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
      }
    }

@media (max-width: 720px) {
    body.services-page #team .team-row.mobile-smooth-slider .team-photo,
    body.services-page #team .team-photo {
      height: auto !important;
      min-height: 0 !important;
      background: #0f1712 !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      overflow: hidden !important;
    }

    body.services-page #team .team-row.mobile-smooth-slider .team-photo img,
    body.services-page #team .team-photo img {
      width: 100% !important;
      height: auto !important;
      max-height: none !important;
      object-fit: contain !important;
      object-position: center center !important;
      display: block !important;
    }
  }

@media (max-width: 420px) {
    body.services-page #team .team-row.mobile-smooth-slider .team-photo,
    body.services-page #team .team-photo {
      height: auto !important;
      min-height: 0 !important;
    }

    body.services-page #team .team-row.mobile-smooth-slider .team-photo img,
    body.services-page #team .team-photo img {
      width: 100% !important;
      height: auto !important;
      object-fit: contain !important;
      object-position: center center !important;
    }
  }

@media (max-width: 720px) {
    .services-grid.mobile-smooth-slider,
    body.services-page #team .team-row.mobile-smooth-slider,
    .testimonial-row.mobile-smooth-slider,
    .testimonial-all-reviews.mobile-smooth-slider {
      width: 100% !important;
      max-width: 100% !important;
      display: flex !important;
      flex-wrap: nowrap !important;
      grid-template-columns: none !important;
      grid-auto-flow: unset !important;
      gap: 0 !important;
      overflow-x: auto !important;
      overflow-y: hidden !important;
      scroll-snap-type: x mandatory !important;
      scroll-snap-stop: always !important;
      scroll-behavior: smooth !important;
      -webkit-overflow-scrolling: touch !important;
      overscroll-behavior-x: contain !important;
      scrollbar-width: none !important;
      padding: 0 0 16px !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
    }

    .services-grid.mobile-smooth-slider::-webkit-scrollbar,
    body.services-page #team .team-row.mobile-smooth-slider::-webkit-scrollbar,
    .testimonial-row.mobile-smooth-slider::-webkit-scrollbar,
    .testimonial-all-reviews.mobile-smooth-slider::-webkit-scrollbar {
      display: none !important;
    }

    .services-grid.mobile-smooth-slider > *,
    body.services-page #team .team-row.mobile-smooth-slider > *,
    .testimonial-row.mobile-smooth-slider > * {
      flex: 0 0 100% !important;
      width: 100% !important;
      min-width: 100% !important;
      max-width: 100% !important;
      margin: 0 !important;
      scroll-snap-align: start !important;
      scroll-snap-stop: always !important;
      transform: none !important;
    }

    .services-grid.mobile-smooth-slider > .service-card {
      min-height: 170px !important;
      padding: 20px !important;
      border-radius: 18px !important;
    }

    .services-grid.mobile-smooth-slider .service-card .card-icon {
      width: 38px !important;
      height: 38px !important;
      border-radius: 12px !important;
      font-size: 16px !important;
      margin-bottom: 12px !important;
    }

    .services-grid.mobile-smooth-slider .service-card h3 {
      font-size: 16px !important;
      line-height: 1.16 !important;
      margin-bottom: 8px !important;
    }

    .services-grid.mobile-smooth-slider .service-card p {
      font-size: 12px !important;
      line-height: 1.55 !important;
    }

    .services-grid.mobile-smooth-slider .service-link {
      margin-top: 12px !important;
      font-size: 11px !important;
    }

    .services-grid.mobile-smooth-slider .service-card::after {
      right: 18px !important;
      bottom: 10px !important;
      font-size: 46px !important;
    }

    body.services-page #team .team-row.mobile-smooth-slider {
      margin-top: 30px !important;
    }

    body.services-page #team .team-row.mobile-smooth-slider > .team-card {
      border-radius: 18px !important;
      overflow: hidden !important;
    }

    body.services-page #team .team-row.mobile-smooth-slider .team-photo {
      height: 270px !important;
      padding: 0 !important;
    }

    body.services-page #team .team-row.mobile-smooth-slider .team-photo img {
      width: 100% !important;
      height: 100% !important;
      object-fit: cover !important;
      object-position: center !important;
    }

    body.services-page #team .team-row.mobile-smooth-slider .team-info {
      padding: 14px 16px 16px !important;
      text-align: center !important;
    }

    body.services-page #team .team-row.mobile-smooth-slider .team-info h3 {
      font-size: 18px !important;
      line-height: 1.12 !important;
      margin-bottom: 5px !important;
    }

    body.services-page #team .team-row.mobile-smooth-slider .team-info p {
      font-size: 12px !important;
      line-height: 1.35 !important;
      margin-bottom: 12px !important;
    }

    body.services-page #team .team-row.mobile-smooth-slider .team-tags {
      justify-content: center !important;
      gap: 7px !important;
    }

    body.services-page #team .team-row.mobile-smooth-slider .team-tags span {
      padding: 6px 9px !important;
      font-size: 9px !important;
    }

    .testimonial-row.mobile-smooth-slider > .testimonial-card,
    .featured-review-grid.mobile-smooth-slider > .featured-review,
    .mini-review-grid.mobile-smooth-slider > .mini-review {
      min-height: 185px !important;
      padding: 22px !important;
      border-radius: 18px !important;
    }

    /* One common testimonial slider on mobile: featured + mini reviews together */
    .testimonial-all-reviews.mobile-smooth-slider {
      margin-top: 14px !important;
      padding: 0 0 16px !important;
    }

    .testimonial-all-reviews.mobile-smooth-slider > .featured-review-grid,
    .testimonial-all-reviews.mobile-smooth-slider > .mini-review-grid {
      display: contents !important;
    }

    .testimonial-all-reviews.mobile-smooth-slider .featured-review,
    .testimonial-all-reviews.mobile-smooth-slider .mini-review {
      flex: 0 0 100% !important;
      width: 100% !important;
      min-width: 100% !important;
      max-width: 100% !important;
      margin: 0 !important;
      scroll-snap-align: start !important;
      scroll-snap-stop: always !important;
      transform: none !important;
      min-height: 185px !important;
      padding: 22px !important;
      border-radius: 18px !important;
    }

    .testimonial-all-reviews.mobile-smooth-slider .featured-review::before,
    .testimonial-all-reviews.mobile-smooth-slider .mini-review::before {
      font-size: 48px !important;
      margin-bottom: 8px !important;
    }

    .testimonial-all-reviews.mobile-smooth-slider .featured-review p,
    .testimonial-all-reviews.mobile-smooth-slider .mini-review p {
      font-size: 12px !important;
      line-height: 1.6 !important;
      margin-bottom: 14px !important;
    }

    .testimonial-all-reviews.mobile-smooth-slider .review-footer {
      gap: 10px !important;
    }

    .testimonial-all-reviews.mobile-smooth-slider .review-avatar {
      width: 38px !important;
      height: 38px !important;
    }

    .testimonial-all-reviews.mobile-smooth-slider .review-person strong {
      font-size: 13px !important;
    }

    .testimonial-all-reviews.mobile-smooth-slider .review-person small {
      font-size: 10px !important;
    }

    .testimonial-all-reviews.mobile-smooth-slider .review-stars {
      font-size: 10px !important;
    }

    .testimonial-all-reviews.mobile-smooth-slider .platform-badge {
      width: 28px !important;
      height: 28px !important;
      font-size: 14px !important;
    }

    .featured-review-grid.mobile-smooth-slider .featured-review::before,
    .mini-review-grid.mobile-smooth-slider .mini-review::before {
      font-size: 48px !important;
      margin-bottom: 8px !important;
    }

    .testimonial-row.mobile-smooth-slider .testimonial-card p,
    .featured-review-grid.mobile-smooth-slider .featured-review p,
    .mini-review-grid.mobile-smooth-slider .mini-review p {
      font-size: 12px !important;
      line-height: 1.6 !important;
      margin-bottom: 14px !important;
    }

    .featured-review-grid.mobile-smooth-slider .review-footer,
    .mini-review-grid.mobile-smooth-slider .review-footer {
      gap: 10px !important;
    }

    .featured-review-grid.mobile-smooth-slider .review-avatar,
    .mini-review-grid.mobile-smooth-slider .review-avatar {
      width: 38px !important;
      height: 38px !important;
    }

    .featured-review-grid.mobile-smooth-slider .review-person strong,
    .mini-review-grid.mobile-smooth-slider .review-person strong {
      font-size: 13px !important;
    }

    .featured-review-grid.mobile-smooth-slider .review-person small,
    .mini-review-grid.mobile-smooth-slider .review-person small {
      font-size: 10px !important;
    }

    .featured-review-grid.mobile-smooth-slider .review-stars,
    .mini-review-grid.mobile-smooth-slider .review-stars {
      font-size: 10px !important;
    }

    .featured-review-grid.mobile-smooth-slider .platform-badge,
    .mini-review-grid.mobile-smooth-slider .platform-badge {
      width: 28px !important;
      height: 28px !important;
      font-size: 14px !important;
    }

    .mobile-slider-controls {
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 12px !important;
      margin: 2px 0 18px !important;
    }

    .mobile-slider-btn {
      width: 36px !important;
      height: 36px !important;
      border-radius: 50% !important;
      border: 1px solid rgba(245,199,68,.50) !important;
      background: rgba(255,255,255,.08) !important;
      color: #f5c744 !important;
      display: grid !important;
      place-items: center !important;
      font-size: 20px !important;
      font-weight: 900 !important;
      line-height: 1 !important;
      cursor: pointer !important;
      backdrop-filter: blur(10px) !important;
      -webkit-tap-highlight-color: transparent !important;
    }

    .mobile-slider-dots {
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 7px !important;
    }

    .mobile-slider-dot {
      width: 7px !important;
      height: 7px !important;
      border: 0 !important;
      padding: 0 !important;
      border-radius: 999px !important;
      background: rgba(255,255,255,.34) !important;
      cursor: pointer !important;
      transition: width .25s ease, background .25s ease !important;
    }

    .mobile-slider-dot.active {
      width: 23px !important;
      background: linear-gradient(90deg, #f5c744, #c39b2d) !important;
    }
  }

@media (max-width: 720px) {
    body.services-page #team .team-row,
    body.services-page #team .team-row.mobile-smooth-slider {
      width: 100% !important;
      max-width: 100% !important;
      margin: 22px auto 0 !important;
      gap: 0 !important;
      padding: 0 0 12px !important;
      scroll-padding-left: 7% !important;
      scroll-padding-right: 7% !important;
      align-items: flex-start !important;
    }

    body.services-page #team .team-row.mobile-smooth-slider > .team-card,
    body.services-page #team .team-row > .team-card {
      flex: 0 0 86% !important;
      width: 86% !important;
      min-width: 86% !important;
      max-width: 360px !important;
      margin-left: 7% !important;
      margin-right: 7% !important;
      border-radius: 16px !important;
      overflow: hidden !important;
      min-height: 0 !important;
      height: auto !important;
    }

    body.services-page #team .team-row.mobile-smooth-slider .team-photo,
    body.services-page #team .team-photo {
      height: 198px !important;
      min-height: 198px !important;
      padding: 0 !important;
    }

    body.services-page #team .team-row.mobile-smooth-slider .team-photo img,
    body.services-page #team .team-photo img {
      width: 100% !important;
      height: 100% !important;
      object-fit: cover !important;
      object-position: center top !important;
    }

    body.services-page #team .team-row.mobile-smooth-slider .team-info,
    body.services-page #team .team-info {
      padding: 10px 13px 13px !important;
      text-align: center !important;
    }

    body.services-page #team .team-row.mobile-smooth-slider .team-info h3,
    body.services-page #team .team-info h3 {
      font-size: 16px !important;
      line-height: 1.08 !important;
      margin-bottom: 4px !important;
    }

    body.services-page #team .team-row.mobile-smooth-slider .team-info p,
    body.services-page #team .team-info p {
      font-size: 10.5px !important;
      line-height: 1.25 !important;
      margin-bottom: 10px !important;
    }

    body.services-page #team .team-row.mobile-smooth-slider .team-tags,
    body.services-page #team .team-tags {
      gap: 6px !important;
      justify-content: center !important;
    }

    body.services-page #team .team-row.mobile-smooth-slider .team-tags span,
    body.services-page #team .team-tags span {
      padding: 5px 8px !important;
      font-size: 7.8px !important;
      line-height: 1 !important;
    }
  }

@media (max-width: 420px) {
    body.services-page #team .team-row,
    body.services-page #team .team-row.mobile-smooth-slider {
      scroll-padding-left: 8% !important;
      scroll-padding-right: 8% !important;
    }

    body.services-page #team .team-row.mobile-smooth-slider > .team-card,
    body.services-page #team .team-row > .team-card {
      flex-basis: 84% !important;
      width: 84% !important;
      min-width: 84% !important;
      max-width: 330px !important;
      margin-left: 8% !important;
      margin-right: 8% !important;
    }

    body.services-page #team .team-row.mobile-smooth-slider .team-photo,
    body.services-page #team .team-photo {
      height: 176px !important;
      min-height: 176px !important;
    }

    body.services-page #team .team-row.mobile-smooth-slider .team-info,
    body.services-page #team .team-info {
      padding: 9px 11px 12px !important;
    }

    body.services-page #team .team-row.mobile-smooth-slider .team-info h3,
    body.services-page #team .team-info h3 {
      font-size: 15px !important;
    }

    body.services-page #team .team-row.mobile-smooth-slider .team-info p,
    body.services-page #team .team-info p {
      font-size: 10px !important;
      margin-bottom: 9px !important;
    }

    body.services-page #team .team-row.mobile-smooth-slider .team-tags span,
    body.services-page #team .team-tags span {
      padding: 5px 7px !important;
      font-size: 7.4px !important;
    }
  }

@media (min-width: 768px) {
    /* --- Team section --- */
    body.services-page #team {
      padding-left: 2.5% !important;
      padding-right: 2.5% !important;
    }
    body.services-page #team .container {
      width: 100% !important;
      max-width: 100% !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
    body.services-page #team .team-row {
      width: 100% !important;
      max-width: 100% !important;
    }

    /* --- Key Facts / Success section --- */
    section.success-exact-section {
      padding-left: 2.5% !important;
      padding-right: 2.5% !important;
    }
    section.success-exact-section > .success-panel.container,
    section.success-exact-section .success-panel {
      width: 100% !important;
      max-width: 100% !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
    }

    /* --- Stats strip --- */
    .stats-strip {
      padding-left: 2.5% !important;
      padding-right: 2.5% !important;
    }
    .stats-strip > .container {
      width: 100% !important;
      max-width: 100% !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
    .stats-strip .stats-box {
      width: 100% !important;
      max-width: 100% !important;
    }
  }

@media (max-width: 767px) {
    body section.hero,
    body section.stats-strip,
    body section.section,
    body section.section#story,
    body section.foundation-exact-section,
    body section.success-exact-section,
    body section#services,
    body sectionbody.services-page #team,
    body section.testimonial-section,
    body footer.footer {
      padding-left: 2.5% !important;
      padding-right: 2.5% !important;
      box-sizing: border-box !important;
    }
    body section.hero > .container,
    body section.stats-strip > .container,
    body section.section > .container,
    body section.section#story > .container,
    body section.foundation-exact-section > .container,
    body section.success-exact-section > .container,
    body section.success-exact-section > .success-panel.container,
    body section.success-exact-section .success-panel,
    body section#services > .container,
    body sectionbody.services-page #team > .container,
    body section.testimonial-section > .container,
    body footer.footer > .container,
    .stats-strip .stats-box {
      width: 100% !important;
      max-width: 100% !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
    }

    /* process-wrap wider on mobile */
    .container.process-wrap {
      padding-left: 10px !important;
      padding-right: 10px !important;
    }
  }

@media (max-width: 720px) {
    /* Team slider image was cutting on mobile, so image height is now natural and full visible */
    body.services-page #team .team-row.mobile-smooth-slider .team-photo,
    body.services-page #team .team-photo {
      height: auto !important;
      min-height: 0 !important;
      max-height: none !important;
      padding: 0 !important;
      display: block !important;
      overflow: hidden !important;
      background: #fff !important;
      border-bottom: 2px solid rgba(245, 199, 68, .72) !important;
    }

    body.services-page #team .team-row.mobile-smooth-slider .team-photo img,
    body.services-page #team .team-photo img {
      width: 100% !important;
      height: auto !important;
      min-height: 0 !important;
      max-height: none !important;
      object-fit: contain !important;
      object-position: center center !important;
      display: block !important;
      border-radius: 0 !important;
    }

    /* Same no-crop behavior for image cards inside mobile sliders */
    .mobile-smooth-slider .card-img {
      height: auto !important;
      min-height: 0 !important;
      max-height: none !important;
      overflow: hidden !important;
      background: #fff !important;
    }

    .mobile-smooth-slider .card-img img {
      width: 100% !important;
      height: auto !important;
      min-height: 0 !important;
      max-height: none !important;
      object-fit: contain !important;
      object-position: center center !important;
      display: block !important;
    }
  }

@media (max-width: 720px) {
    body.services-page #team .team-row.mobile-smooth-slider .team-photo,
    body.services-page #team .team-photo {
      height: 340px !important;
      min-height: 340px !important;
      max-height: 340px !important;
      padding: 0 !important;
      overflow: hidden !important;
      background: #fff !important;
      border-bottom: 2px solid rgba(245, 199, 68, .72) !important;
    }

    body.services-page #team .team-row.mobile-smooth-slider .team-photo img,
    body.services-page #team .team-photo img {
      width: 100% !important;
      height: 100% !important;
      min-height: 100% !important;
      max-height: 100% !important;
      object-fit: cover !important;
      object-position: center 22% !important;
      display: block !important;
      border-radius: 0 !important;
    }
  }

@media (max-width: 420px) {
    body.services-page #team .team-row.mobile-smooth-slider .team-photo,
    body.services-page #team .team-photo {
      height: 315px !important;
      min-height: 315px !important;
      max-height: 315px !important;
    }
  }

@media (max-width: 720px) {
    body.services-page #team .section-head-center {
      max-width: 100% !important;
      padding: 0 6px !important;
    }

    body.services-page #team .section-title {
      width: 100% !important;
      max-width: 100% !important;
      white-space: nowrap !important;
      word-break: normal !important;
      overflow-wrap: normal !important;
      font-size: clamp(24px, 6.25vw, 32px) !important;
      line-height: 1.05 !important;
      letter-spacing: -.055em !important;
      margin-bottom: 10px !important;
    }

    body.services-page #team .section-title span {
      display: inline !important;
      white-space: nowrap !important;
    }

    body.services-page #team .section-text {
      width: 100% !important;
      max-width: 100% !important;
      white-space: nowrap !important;
      word-break: normal !important;
      overflow-wrap: normal !important;
      font-size: clamp(9.5px, 2.35vw, 12px) !important;
      line-height: 1.35 !important;
      margin: 0 auto !important;
    }
  }

@media (max-width: 390px) {
    body.services-page #team .section-title {
      font-size: clamp(21px, 6vw, 24px) !important;
      letter-spacing: -.06em !important;
    }

    body.services-page #team .section-text {
      font-size: 9px !important;
      letter-spacing: -.02em !important;
    }
  }

@media (min-width: 721px) {
    main #story + section.foundation-exact-section .section-title,
    #services .section-title,
    #services + section .process-wrap .section-title,
    section.success-exact-section .section-title,
    body.services-page #team .section-title {
      font-family: 'Montserrat', sans-serif !important;
      font-size: clamp(30px, 4vw, 52px) !important;
      font-weight: 800 !important;
      line-height: 1.12 !important;
      color: #fff !important;
      margin: 0 0 clamp(14px, 2vw, 22px) !important;
      letter-spacing: -.02em !important;
    }

    main #story + section.foundation-exact-section .section-title span,
    #services .section-title span,
    #services + section .process-wrap .section-title span,
    section.success-exact-section .section-title span,
    body.services-page #team .section-title span {
      font-family: inherit !important;
      font-size: inherit !important;
      font-weight: inherit !important;
      line-height: inherit !important;
      letter-spacing: inherit !important;
      color: var(--gold-2) !important;
    }
  }

@media (max-width: 720px) {
    /* Service slider ke baad gap thoda sa kam */
    #services {
      padding-bottom: 22px !important;
    }

    #services + section {
      padding-top: 18px !important;
      padding-bottom: 30px !important;
    }

    /* Team slider aur testimonials ke beech gap thoda sa kam */
    body.services-page #team {
      padding-bottom: 22px !important;
    }

    body.services-page #team + .testimonial-section {
      padding-top: 18px !important;
    }

    /* Testimonials slider ke baad footer se pehle halka gap */
    .testimonial-section {
      padding-bottom: 16px !important;
      margin-bottom: 0 !important;
    }

    .testimonial-section + footer.footer {
      margin-top: 0 !important;
      padding-top: 20px !important;
    }

    /* Slider controls ke around gap thoda sa kam */
    .foundation-carousel-controls,
    .mobile-slider-controls {
      margin-top: 14px !important;
      margin-bottom: 18px !important;
    }

    .services-grid.mobile-smooth-slider,
    body.services-page #team .team-row.mobile-smooth-slider,
    .testimonial-all-reviews.mobile-smooth-slider,
    .featured-review-grid.mobile-smooth-slider,
    .mini-review-grid.mobile-smooth-slider,
    .testimonial-row.mobile-smooth-slider {
      padding-bottom: 12px !important;
    }

    .testimonial-section .mobile-slider-controls {
      margin-top: 14px !important;
      margin-bottom: 14px !important;
    }
  }

.hero,
  .section,
  main > .section:nth-of-type(even),
  #story,
  #services,
  body.services-page #team,
  .foundation-exact-section,
  .success-exact-section,
  .testimonial-section,
  .footer,
  footer.footer{
    background-color: var(--bg) !important;
    background-image:
      radial-gradient(ellipse 380px 300px at 96% 80%, rgba(0,0,0,.12) 0%, transparent 70%) !important;
    color: var(--text-light) !important;
  }

.cards-grid.foundation-slider,
  .services-grid.mobile-smooth-slider,
  body.services-page #team .team-row.mobile-smooth-slider,
  .testimonial-all-reviews.mobile-smooth-slider,
  .featured-review-grid.mobile-smooth-slider,
  .mini-review-grid.mobile-smooth-slider,
  .testimonial-row.mobile-smooth-slider{
    scroll-behavior: smooth !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-x: contain !important;
  }

@media (max-width: 720px) {
    .cards-grid.foundation-slider > *,
    .services-grid.mobile-smooth-slider > *,
    body.services-page #team .team-row.mobile-smooth-slider > *,
    .testimonial-all-reviews.mobile-smooth-slider > *,
    .featured-review-grid.mobile-smooth-slider > *,
    .mini-review-grid.mobile-smooth-slider > *,
    .testimonial-row.mobile-smooth-slider > * {
      scroll-snap-align: center !important;
    }

    .reveal {
      transition-duration: .62s !important;
      transform: translate3d(0, 18px, 0) !important;
    }

    .reveal.show {
      transform: translate3d(0, 0, 0) !important;
    }
  }

@media (max-width: 720px) {
    body.services-page #team .team-row.mobile-smooth-slider {
      gap: 10px !important;
      padding: 0 0 16px !important;
      scroll-padding-left: 0 !important;
    }

    body.services-page #team .team-row.mobile-smooth-slider > .team-card {
      flex: 0 0 calc((100% - 10px) / 2) !important;
      width: calc((100% - 10px) / 2) !important;
      min-width: calc((100% - 10px) / 2) !important;
      max-width: calc((100% - 10px) / 2) !important;
      scroll-snap-align: start !important;
      border-radius: 16px !important;
    }

    body.services-page #team .team-row.mobile-smooth-slider .team-photo {
      height: 180px !important;
      min-height: 180px !important;
      padding: 0 !important;
    }

    body.services-page #team .team-row.mobile-smooth-slider .team-photo img {
      width: 100% !important;
      height: 100% !important;
      object-fit: cover !important;
      object-position: center !important;
    }

    body.services-page #team .team-row.mobile-smooth-slider .team-info {
      min-height: 118px !important;
      padding: 11px 8px 12px !important;
      text-align: center !important;
    }

    body.services-page #team .team-row.mobile-smooth-slider .team-info h3 {
      font-size: 12px !important;
      line-height: 1.16 !important;
      margin-bottom: 4px !important;
      white-space: normal !important;
    }

    body.services-page #team .team-row.mobile-smooth-slider .team-info p {
      font-size: 8px !important;
      line-height: 1.3 !important;
      margin-bottom: 9px !important;
    }

    body.services-page #team .team-row.mobile-smooth-slider .team-tags {
      justify-content: center !important;
      gap: 4px !important;
    }

    body.services-page #team .team-row.mobile-smooth-slider .team-tags span {
      padding: 4px 5px !important;
      font-size: 6px !important;
      line-height: 1 !important;
    }
  }

@media (max-width: 720px) {
    body.services-page #team .container {
      width: 95% !important;
      max-width: 95% !important;
      margin-left: auto !important;
      margin-right: auto !important;
      overflow: visible !important;
    }

    body.services-page #team .team-row,
    body.services-page #team .team-row.mobile-smooth-slider {
      width: 100% !important;
      max-width: 100% !important;
      display: flex !important;
      flex-wrap: nowrap !important;
      gap: 10px !important;
      margin: 22px 0 0 !important;
      padding: 0 0 16px !important;
      overflow-x: auto !important;
      overflow-y: hidden !important;
      scroll-snap-type: x mandatory !important;
      scroll-padding: 0 !important;
      scrollbar-width: none !important;
      box-sizing: border-box !important;
      align-items: stretch !important;
    }

    body.services-page #team .team-row::-webkit-scrollbar,
    body.services-page #team .team-row.mobile-smooth-slider::-webkit-scrollbar {
      display: none !important;
    }

    body.services-page #team .team-row > .team-card,
    body.services-page #team .team-row.mobile-smooth-slider > .team-card {
      flex: 0 0 calc((100% - 10px) / 2) !important;
      width: calc((100% - 10px) / 2) !important;
      min-width: calc((100% - 10px) / 2) !important;
      max-width: calc((100% - 10px) / 2) !important;
      margin: 0 !important;
      box-sizing: border-box !important;
      scroll-snap-align: start !important;
      scroll-snap-stop: always !important;
      border-radius: 16px !important;
      overflow: hidden !important;
      transform: none !important;
    }

    body.services-page #team .team-row > .team-card:hover,
    body.services-page #team .team-row.mobile-smooth-slider > .team-card:hover {
      transform: none !important;
    }

    body.services-page #team .team-row .team-photo,
    body.services-page #team .team-row.mobile-smooth-slider .team-photo {
      width: 100% !important;
      height: 180px !important;
      min-height: 180px !important;
      max-height: 180px !important;
      padding: 0 !important;
      display: block !important;
      overflow: hidden !important;
      background: #0f1712 !important;
      border-bottom: 2px solid rgba(245, 199, 68, .72) !important;
    }

    body.services-page #team .team-row .team-photo img,
    body.services-page #team .team-row.mobile-smooth-slider .team-photo img {
      width: 100% !important;
      height: 100% !important;
      min-height: 100% !important;
      max-height: 100% !important;
      display: block !important;
      object-fit: cover !important;
      object-position: center 22% !important;
      border-radius: 0 !important;
    }

    body.services-page #team .team-row .team-info,
    body.services-page #team .team-row.mobile-smooth-slider .team-info {
      min-height: 118px !important;
      padding: 11px 7px 12px !important;
      text-align: center !important;
      overflow: hidden !important;
      box-sizing: border-box !important;
    }

    body.services-page #team .team-row .team-info h3,
    body.services-page #team .team-row.mobile-smooth-slider .team-info h3 {
      width: 100% !important;
      max-width: 100% !important;
      margin: 0 0 4px !important;
      font-size: 11.5px !important;
      line-height: 1.18 !important;
      white-space: normal !important;
      overflow-wrap: anywhere !important;
    }

    body.services-page #team .team-row .team-info p,
    body.services-page #team .team-row.mobile-smooth-slider .team-info p {
      margin: 0 0 9px !important;
      font-size: 7.5px !important;
      line-height: 1.3 !important;
      white-space: normal !important;
    }

    body.services-page #team .team-row .team-tags,
    body.services-page #team .team-row.mobile-smooth-slider .team-tags {
      display: flex !important;
      flex-wrap: wrap !important;
      justify-content: center !important;
      gap: 4px !important;
    }

    body.services-page #team .team-row .team-tags span,
    body.services-page #team .team-row.mobile-smooth-slider .team-tags span {
      padding: 4px 5px !important;
      font-size: 5.8px !important;
      line-height: 1 !important;
      white-space: nowrap !important;
    }

    body.services-page #team .mobile-slider-controls {
      width: 100% !important;
      max-width: 100% !important;
      margin-left: auto !important;
      margin-right: auto !important;
    }
  }

@media (max-width: 420px) {
    body.services-page #team .team-row .team-photo,
    body.services-page #team .team-row.mobile-smooth-slider .team-photo {
      height: 165px !important;
      min-height: 165px !important;
      max-height: 165px !important;
    }

    body.services-page #team .team-row .team-info,
    body.services-page #team .team-row.mobile-smooth-slider .team-info {
      min-height: 112px !important;
      padding: 10px 6px 11px !important;
    }

    body.services-page #team .team-row .team-info h3,
    body.services-page #team .team-row.mobile-smooth-slider .team-info h3 {
      font-size: 10.5px !important;
    }

    body.services-page #team .team-row .team-info p,
    body.services-page #team .team-row.mobile-smooth-slider .team-info p {
      font-size: 7px !important;
    }

    body.services-page #team .team-row .team-tags span,
    body.services-page #team .team-row.mobile-smooth-slider .team-tags span {
      padding: 4px !important;
      font-size: 5.3px !important;
    }
  }

/* ===== services trailing style 16 ===== */
@media (max-width: 720px) {
  body.services-page .mobile-slider-btn {
    position: relative !important;
    overflow: hidden !important;
    font-size: 0 !important;
    line-height: 0 !important;
  }

  body.services-page .mobile-slider-btn::before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 9px !important;
    height: 9px !important;
    margin: 0 !important;
    display: block !important;
    border-top: 2px solid #f5c744 !important;
    border-right: 2px solid #f5c744 !important;
    line-height: 0 !important;
    box-sizing: border-box !important;
  }

  body.services-page .mobile-slider-prev::before {
    transform: translate(-42%, -50%) rotate(-135deg) !important;
  }

  body.services-page .mobile-slider-next::before {
    transform: translate(-58%, -50%) rotate(45deg) !important;
  }
}

/* ===== services trailing style 17 ===== */


/* ===== FINAL FIX: remove green gap between team image and text ===== */
body.services-page #team .team-card,
body.services-page .team-card {
  min-height: 0 !important;
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
}

body.services-page #team .team-photo,
body.services-page .team-card .team-photo {
  position: relative !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  height: 280px !important;
  min-height: 280px !important;
  max-height: 280px !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  display: block !important;
  background: #0f1712 !important;
}

body.services-page #team .team-photo::before,
body.services-page #team .team-photo::after,
body.services-page .team-card .team-photo::before {
  display: none !important;
}

body.services-page #team .team-photo img,
body.services-page .team-card .team-photo img {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block !important;
  border-radius: 0 !important;
}

body.services-page #team .team-info,
body.services-page .team-card .team-info {
  flex: 1 1 auto !important;
  margin: 0 !important;
  border-top: 2px solid var(--gold, #D4AF37) !important;
}

@media (max-width: 991px) {
  body.services-page #team .team-photo,
  body.services-page .team-card .team-photo {
    height: 240px !important;
    min-height: 240px !important;
    max-height: 240px !important;
  }
}

@media (max-width: 720px) {
  body.services-page #team .team-photo,
  body.services-page #team .team-row.mobile-smooth-slider .team-photo,
  body.services-page .team-card .team-photo {
    height: 180px !important;
    min-height: 180px !important;
    max-height: 180px !important;
  }
}