/* ===== results 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: 5;
    }

    .hero-section > .site-wrap {
      width: 95%;
      max-width: none;
      margin: 0 auto;
      padding: 0;
    }

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

    /* ══ NAVBAR ══ */
    .apex-header {
      position: sticky;
      top: 0;
      z-index: 9999;
      background: transparent;
      overflow: visible;
    }

    

    /* ══ 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: 999;
      width: auto;
      max-width: none;
      margin: 0;
      line-height: 0;
      transform: none;
    }
    .dashboard-graph-img {
      position: relative;
      z-index: 999;
      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: 999;
      margin: 0;
      pointer-events: none;
      line-height: 0;
    }
    .hero-woman img {
      position: relative;
      z-index: 999;
      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: 8;
      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) {
      .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) {
      .wwd-container { width: min(100% - 24px, 1320px); }

      /* ── 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) {
      .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); }
      
      .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; }
    }

    /* ════════════════════════════════
       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);
      padding-top: calc(clamp(48px, 5vw, 64px) + 80px);
      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); }
    }

    /* ════════════════════════════════
       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.08fr 1.31fr .92fr;
      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 { 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: transparent !important;
  border-bottom: none;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  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 .cr-chart-image {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.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 {
  color: var(--apex-white-text) !important;
}

/* cr-stat-value: gold on the dark desktop card */
.cr-stat-value {
  color: var(--gold) !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 {
  color: var(--apex-white-muted) !important;
}

/* cr-stat-label: muted light on the dark desktop card */
.cr-stat-label {
  color: rgba(236,241,233,.72) !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 70% !important;
    width: 70% !important;
    min-width: 70% !important;
    max-width: 70% !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(128px, 36vw, 175px) !important;
    top: -2px !important;
    left: clamp(74px, 21vw, 116px) !important;
    z-index: 6 !important;
    overflow: hidden !important;
  }

  .lamp-img {
    transform: translateY(-40%) !important;
    margin-bottom: -30% !important;
    filter: drop-shadow(0 7px 16px rgba(0,0,0,.35)) !important;
  }

  .apex-nav,
  .apex-nav.nav-scrolled,
  .apex-nav.is-sticky {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    padding: 5px 0 4px !important;
    background: transparent !important;
    box-shadow: none !important;
    border-bottom: 0 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    animation: none !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: #07100f !important;
    border-bottom: 1px solid rgba(212,175,55,.14) !important;
    box-shadow: 0 7px 18px rgba(0,0,0,.25) !important;
  }

  .apex-nav.is-sticky {
    padding: 3px 10px 3px !important;
    min-height: 31px !important;
    background: rgba(7,16,15,.96) !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.02fr 1.48fr .92fr !important;
    gap: 7px !important;
    align-items: stretch !important;
  }
  .footer-v2-panel,
  .footer-v2-brand-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-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 {
  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 {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  animation: none !important;
  will-change: auto !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,
  .apex-nav.nav-scrolled,
  .apex-nav.is-sticky {
    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::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;
  }
}

    /* Clean header after removed sections */
    .clean-top-header {
      position: sticky;
      top: 0;
      z-index: 1000;
      background: transparent;
    }
    .clean-top-header .apex-nav {
      position: relative;
    }
    .clean-top-header .apex-nav.is-sticky {
      position: relative;
    }

    /* Lamp restored in top header */
    .clean-top-header { overflow: visible; }
    .clean-top-header .lamp-wrap { display: block; }
    .clean-top-header .lamp-img { display: block; }

/* ════════════════════════════════
   ADDED AFTER HERO: HOW IT WORKS + PERFORMANCE BREAKDOWN
════════════════════════════════ */
.result-process-section {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  padding: clamp(26px, 3.4vw, 48px) 0 clamp(60px, 6vw, 86px);
  background:
    radial-gradient(ellipse 760px 420px at 50% 45%, rgba(212,175,55,.055), transparent 68%),
    radial-gradient(ellipse 760px 460px at 0% 18%, rgba(0,0,0,.14), transparent 65%),
    radial-gradient(ellipse 760px 460px at 100% 70%, rgba(0,0,0,.16), transparent 66%),
    var(--bg);
  color: #fff;
}
.result-process-section::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: radial-gradient(ellipse 850px 250px at 50% 0%, rgba(212,175,55,.08), transparent 72%);
  pointer-events: none;
}
.rp-container {
  width: 95%;
  max-width: none;
  margin: 0 auto;
}
.rp-steps-panel {
  position: relative;
  width: 100%;
  min-height: 182px;
  border: 1px solid rgba(212,175,55,.23);
  border-radius: 10px;
  background:
    radial-gradient(ellipse 650px 220px at 50% 0%, rgba(212,175,55,.045), transparent 72%),
    linear-gradient(180deg, rgba(4,14,14,.62), rgba(7,19,17,.72));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 18px 48px rgba(0,0,0,.14);
  padding: 27px clamp(28px, 4vw, 76px) 28px;
}
.rp-steps-title {
  margin: 0 0 24px;
  text-align: center;
  color: var(--gold);
  font-size: 11px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: .58em;
  text-transform: uppercase;
}
.rp-steps-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(26px, 4vw, 72px);
  align-items: center;
}
.rp-step {
  position: relative;
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
}
.rp-step:not(:last-child)::after {
  content: '';
  position: absolute;
  top: 50%;
  right: calc(clamp(26px, 4vw, 72px) * -1 + 8px);
  width: clamp(42px, 5.6vw, 118px);
  height: 1px;
  transform: translateY(-50%);
  background: linear-gradient(90deg, rgba(212,175,55,.08), rgba(212,175,55,.68), rgba(212,175,55,.08));
}
.rp-step-icon {
  width: 58px;
  height: 58px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--gold);
  font-size: 24px;
  border: 1px solid rgba(212,175,55,.34);
  background: radial-gradient(ellipse at 32% 22%, rgba(212,175,55,.20), rgba(212,175,55,.055) 58%, rgba(2,11,11,.50) 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 0 26px rgba(212,175,55,.055);
}
.rp-step-num {
  display: block;
  margin: 0 0 6px;
  color: var(--gold);
  font-size: 11px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: .12em;
}
.rp-step-name {
  margin: 0 0 7px;
  color: #f6f3ea;
  font-size: 15px;
  line-height: 1.1;
  font-weight: 900;
  letter-spacing: -.035em;
}
.rp-step-copy {
  margin: 0;
  color: rgba(236,241,233,.68);
  font-size: 12.5px;
  line-height: 1.35;
  font-weight: 700;
}
.rp-heading-block {
  text-align: center;
  max-width: 900px;
  margin: clamp(72px, 7vw, 92px) auto clamp(46px, 4.5vw, 56px);
}
.rp-eyebrow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-bottom: 18px;
  color: var(--gold);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .48em;
  text-transform: uppercase;
}
.rp-eyebrow::before,
.rp-eyebrow::after {
  content: '';
  width: 90px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(212,175,55,.55), transparent);
}
.rp-eyebrow i {
  font-size: 11px;
  text-shadow: 0 0 16px rgba(212,175,55,.75);
}
.rp-main-title {
  margin: 0;
  font-family: 'Montserrat', sans-serif;
  font-size: clamp(42px, 5.4vw, 66px);
  line-height: .98;
  font-weight: 900;
  letter-spacing: -.055em;
  color: #f6f3ea;
  text-shadow: 0 12px 28px rgba(0,0,0,.26);
}
.rp-main-title span {
  color: var(--gold);
}
.rp-subtitle {
  margin: 22px auto 0;
  color: rgba(236,241,233,.72);
  font-size: 15px;
  line-height: 1.55;
  font-weight: 600;
}
.rp-metrics-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
}
.rp-metric-card {
  min-height: 183px;
  padding: 23px 24px 22px;
  border-radius: 10px;
  border: 1px solid rgba(212,175,55,.21);
  background:
    radial-gradient(ellipse 240px 120px at 20% 0%, rgba(212,175,55,.06), transparent 70%),
    linear-gradient(180deg, rgba(3,16,15,.50), rgba(7,19,17,.72));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 18px 38px rgba(0,0,0,.16);
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.rp-metric-card:hover {
  transform: translateY(-4px);
  border-color: rgba(212,175,55,.38);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 24px 48px rgba(0,0,0,.24), 0 0 28px rgba(212,175,55,.06);
}
.rp-metric-icon {
  width: 46px;
  height: 46px;
  margin-bottom: 19px;
  border-radius: 9px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--gold);
  font-size: 22px;
  border: 1px solid rgba(212,175,55,.35);
  background: radial-gradient(ellipse at 28% 20%, rgba(212,175,55,.24), rgba(212,175,55,.09) 62%, rgba(2,11,11,.42) 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}
.rp-metric-name {
  margin: 0 0 11px;
  color: rgba(236,241,233,.82);
  font-size: 12.8px;
  line-height: 1;
  font-weight: 900;
}
.rp-progress {
  width: 100%;
  height: 6px;
  border-radius: 999px;
  background: rgba(236,241,233,.13);
  overflow: hidden;
}
.rp-progress span {
  display: block;
  height: 100%;
  width: var(--rp-value, 80%);
  border-radius: inherit;
  background: linear-gradient(90deg, #e0bc41, #f0cf55);
  box-shadow: 0 0 18px rgba(212,175,55,.28);
}
.rp-percent {
  margin-top: 10px;
  color: var(--gold);
  font-size: clamp(28px, 2.8vw, 35px);
  line-height: .95;
  font-weight: 900;
  letter-spacing: -.055em;
}

@media (max-width: 1199px) {
  .rp-steps-panel { padding-inline: clamp(22px, 3vw, 36px); }
  .rp-steps-grid { gap: 26px; }
  .rp-step:not(:last-child)::after { display: none; }
  .rp-step-name { font-size: 14px; }
  .rp-step-copy { font-size: 11.5px; }
}
@media (max-width: 991px) {
  .rp-steps-grid,
  .rp-metrics-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rp-steps-panel { min-height: auto; }
  .rp-heading-block { margin-top: 54px; }
}
@media (max-width: 575px) {
  .result-process-section { padding-top: 24px; }
  .rp-container { width: 90%; }
  .rp-steps-title { letter-spacing: .36em; line-height: 1.4; }
  .rp-steps-grid,
  .rp-metrics-grid { grid-template-columns: 1fr; }
  .rp-step { grid-template-columns: 54px 1fr; }
  .rp-step-icon { width: 54px; height: 54px; }
  .rp-eyebrow { gap: 10px; letter-spacing: .25em; font-size: 10px; }
  .rp-eyebrow::before,
  .rp-eyebrow::after { width: 42px; }
  .rp-main-title { font-size: clamp(34px, 12vw, 46px); }
  .rp-subtitle { font-size: 13px; }
  .rp-metric-card { min-height: 170px; }
}

/* ═════════════════════════════════════════════════════════════
   FINAL OVERRIDE: match provided Real Clients + Performance sections
═════════════════════════════════════════════════════════════ */
.client-results-section {
  position: relative !important;
  overflow: hidden !important;
  padding: clamp(42px, 4.8vw, 70px) 0 clamp(56px, 6vw, 84px) !important;
  background:
    radial-gradient(ellipse 520px 360px at 0% 100%, rgba(212,175,55,.16), transparent 65%),
    radial-gradient(ellipse 720px 420px at 50% -8%, rgba(212,175,55,.07), transparent 64%),
    linear-gradient(180deg, #06100f 0%, #050d0c 100%) !important;
}
.client-results-section::before {
  background:
    linear-gradient(rgba(255,255,255,.014) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.012) 1px, transparent 1px) !important;
  background-size: 36px 36px !important;
  opacity: .12 !important;
  mask-image: radial-gradient(ellipse at center, black 0%, transparent 76%) !important;
}
.client-results-section::after {
  content: '';
  position: absolute;
  left: -8%;
  bottom: -20px;
  width: 40%;
  height: 180px;
  background: radial-gradient(ellipse at center, rgba(212,175,55,.22), transparent 70%);
  filter: blur(18px);
  pointer-events: none;
}
.cr-container {
  width: min(100% - 48px, 1340px) !important;
}
.cr-hero-panel {
  min-height: 460px !important;
  grid-template-columns: minmax(0, 1fr) minmax(440px, 1.05fr) !important;
  gap: clamp(28px, 4vw, 56px) !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}
.cr-hero-copy {
  align-self: center;
}
.cr-eyebrow {
  gap: 10px !important;
  margin-bottom: 16px !important;
  font-size: 12px !important;
  letter-spacing: .24em !important;
}
.cr-title {
  margin: 0 0 16px !important;
  font-size: clamp(60px, 7vw, 96px) !important;
  line-height: .94 !important;
  letter-spacing: -.06em !important;
}
.cr-title-icon {
  width: 46px !important;
  height: 46px !important;
  margin-left: 12px !important;
  transform: translateY(-8px) !important;
  border-radius: 10px !important;
  border: 1px solid rgba(212,175,55,.72) !important;
  background: rgba(8,16,14,.55) !important;
  box-shadow: 0 0 20px rgba(212,175,55,.12), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.cr-subtitle {
  margin: 0 0 28px !important;
  max-width: 440px !important;
  color: rgba(236,241,233,.8) !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
}
.cr-socials {
  gap: 12px !important;
}
.cr-social {
  width: 44px !important;
  height: 44px !important;
  border-radius: 11px !important;
  border: 1px solid rgba(255,255,255,.78) !important;
  background: linear-gradient(180deg, #ffffff, #f2f2ef) !important;
  color: #d1a734 !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.95) !important;
}
.cr-social:hover {
  transform: translateY(-3px) !important;
  background: linear-gradient(180deg, #ffffff, #f7f4ea) !important;
  border-color: rgba(255,255,255,.92) !important;
}
.cr-chart-wrap {
  min-height: 420px !important;
  justify-content: flex-end !important;
}
.cr-chart-orbit,
.cr-chart-orbit::before,
.cr-chart-orbit::after {
  border-color: rgba(212,175,55,.06) !important;
}
.cr-chart-orbit {
  width: 420px !important;
  height: 420px !important;
  right: 48px !important;
}
.cr-live-charts {
  width: min(580px, 100%) !important;
  min-height: 400px !important;
  grid-template-columns: minmax(0, 1fr) 190px !important;
  gap: 16px !important;
  filter: drop-shadow(0 24px 34px rgba(0,0,0,.34)) !important;
}
.cr-live-main,
.cr-mini-chart {
  border: 1px solid rgba(212,175,55,.38) !important;
  background:
    radial-gradient(ellipse 240px 120px at 30% 0%, rgba(212,175,55,.14), transparent 64%),
    linear-gradient(180deg, rgba(7,17,15,.98), rgba(5,12,11,.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 16px 34px rgba(0,0,0,.26),
    0 0 28px rgba(212,175,55,.06) !important;
}
.cr-live-main {
  min-height: 320px !important;
  border-radius: 18px !important;
  padding: 16px 16px 14px !important;
}
.cr-live-main::after {
  content: '';
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: -2px;
  height: 10px;
  background: radial-gradient(ellipse at center, rgba(212,175,55,.65), transparent 70%);
  filter: blur(6px);
  pointer-events: none;
}
.cr-mini-chart {
  border-radius: 16px !important;
}
.cr-chart-head,
.cr-mini-head {
  color: rgba(247,244,235,.88) !important;
  font-size: 11px !important;
  letter-spacing: .11em !important;
}
.cr-chart-head em {
  padding: 7px 10px !important;
  font-size: 9px !important;
}
.cr-line-chart {
  height: 188px !important;
  margin-top: 12px !important;
}
.cr-grid-lines path {
  stroke: rgba(255,255,255,.07) !important;
}
.cr-growth-line {
  stroke-width: 5 !important;
}
.cr-live-kpis {
  position: relative;
  z-index: 2;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px !important;
  margin-top: 10px !important;
}
.cr-live-kpis span {
  min-height: 52px;
  padding: 10px 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  border-radius: 12px;
  border: 1px solid rgba(212,175,55,.18);
  background: rgba(13,22,20,.88);
  color: rgba(236,241,233,.72);
  font-size: 11px;
  line-height: 1.15;
}
.cr-live-kpis strong {
  color: #f0cd56;
  font-size: 14px;
  line-height: 1;
  font-weight: 900;
}
.cr-live-side {
  display: grid !important;
  grid-template-rows: 1fr 1fr !important;
  gap: 14px !important;
}
.cr-bars-chart,
.cr-donut-chart {
  padding: 16px 16px 14px !important;
}
.cr-animated-bars {
  height: 120px !important;
  gap: 12px !important;
  align-items: flex-end !important;
  padding: 8px 10px 2px !important;
}
.cr-animated-bars span {
  flex: 1 !important;
  border-radius: 8px 8px 4px 4px !important;
  background: linear-gradient(180deg, #ffe78b 0%, #e1c251 48%, #caa12d 100%) !important;
  box-shadow: 0 0 16px rgba(236,205,93,.28) !important;
}
.cr-donut-chart {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}
.cr-donut-svg {
  width: 92px !important;
  height: 92px !important;
  margin-top: 6px !important;
}
.cr-donut-bg {
  stroke: rgba(255,255,255,.12) !important;
  stroke-width: 12 !important;
  fill: none !important;
}
.cr-donut-fill {
  stroke: #e1bc46 !important;
  stroke-width: 12 !important;
  filter: drop-shadow(0 0 10px rgba(212,175,55,.28));
}
.cr-donut-chart strong {
  margin-top: -62px !important;
  font-size: 20px !important;
  line-height: 1 !important;
  color: #f7f4eb !important;
}

.result-process-section {
  position: relative !important;
  overflow: hidden !important;
  padding: clamp(20px, 3vw, 34px) 0 clamp(60px, 6vw, 90px) !important;
  background:
    radial-gradient(ellipse 760px 420px at 50% 40%, rgba(212,175,55,.055), transparent 68%),
    linear-gradient(180deg, #07100f 0%, #050d0c 100%) !important;
}
.rp-container {
  width: min(100% - 48px, 1360px) !important;
}
.rp-steps-panel {
  border-radius: 14px !important;
  border: 1px solid rgba(212,175,55,.26) !important;
  background:
    radial-gradient(ellipse 720px 220px at 50% 0%, rgba(212,175,55,.06), transparent 72%),
    linear-gradient(180deg, rgba(6,17,15,.78), rgba(7,17,15,.9)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03), 0 18px 40px rgba(0,0,0,.18) !important;
  padding: 24px clamp(24px, 4vw, 56px) 26px !important;
}
.rp-steps-title {
  margin-bottom: 24px !important;
  color: var(--gold) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .52em !important;
}
.rp-steps-grid {
  gap: 28px !important;
}
.rp-step {
  grid-template-columns: 58px 1fr !important;
  gap: 16px !important;
}
.rp-step:not(:last-child)::after {
  width: 34px !important;
  right: -18px !important;
  background: linear-gradient(90deg, rgba(212,175,55,.22), rgba(212,175,55,.72)) !important;
}
.rp-step-icon {
  width: 54px !important;
  height: 54px !important;
  font-size: 22px !important;
  border-color: rgba(212,175,55,.30) !important;
  background: radial-gradient(ellipse at 32% 22%, rgba(212,175,55,.16), rgba(212,175,55,.05) 62%, rgba(2,11,11,.36) 100%) !important;
}
.rp-step-num {
  margin-bottom: 6px !important;
  font-size: 12px !important;
}
.rp-step-name {
  font-size: 15px !important;
  margin-bottom: 6px !important;
}
.rp-step-copy {
  color: rgba(236,241,233,.74) !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
  font-weight: 600 !important;
}
.rp-heading-block {
  margin: clamp(58px, 6vw, 82px) auto clamp(38px, 4vw, 52px) !important;
}
.rp-eyebrow {
  gap: 12px !important;
  margin-bottom: 16px !important;
  font-size: 11px !important;
  letter-spacing: .42em !important;
}
.rp-eyebrow::before,
.rp-eyebrow::after {
  width: 94px !important;
}
.rp-main-title {
  font-size: clamp(54px, 6vw, 86px) !important;
  line-height: .95 !important;
  letter-spacing: -.06em !important;
}
.rp-subtitle {
  margin-top: 16px !important;
  max-width: 680px !important;
  font-size: 15px !important;
  color: rgba(236,241,233,.72) !important;
}
.rp-metrics-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
}
.rp-metric-card {
  min-height: 180px !important;
  padding: 20px 20px 18px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(212,175,55,.34) !important;
  background: linear-gradient(180deg, #ffffff 0%, #faf8f2 100%) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.75),
    0 18px 36px rgba(0,0,0,.16),
    0 0 26px rgba(212,175,55,.22) !important;
}
.rp-metric-icon {
  width: 42px !important;
  height: 42px !important;
  margin-bottom: 16px !important;
  border-radius: 999px !important;
  color: #c89d2c !important;
  font-size: 18px !important;
  border: 1px solid rgba(212,175,55,.22) !important;
  background: linear-gradient(180deg, #ffffff 0%, #fbf7ed 100%) !important;
  box-shadow: 0 8px 18px rgba(212,175,55,.10) !important;
}
.rp-metric-name {
  margin-bottom: 12px !important;
  color: #2a2a28 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}
.rp-progress {
  height: 6px !important;
  background: #e2e2de !important;
}
.rp-progress span {
  background: linear-gradient(90deg, #c99d2e, #e3bf4a) !important;
  box-shadow: 0 0 12px rgba(212,175,55,.22) !important;
}
.rp-percent {
  margin-top: 16px !important;
  color: #c39929 !important;
  font-size: clamp(38px, 3.4vw, 48px) !important;
  line-height: .92 !important;
}

@media (max-width: 991px) {
  .cr-hero-panel {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }
  .cr-chart-wrap {
    justify-content: flex-start !important;
  }
  .cr-live-charts {
    width: min(520px, 100%) !important;
  }
  .rp-steps-grid,
  .rp-metrics-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 575px) {
  .cr-container,
  .rp-container {
    width: calc(100% - 24px) !important;
  }
  .cr-title {
    font-size: clamp(36px, 11vw, 54px) !important;
  }
  .cr-title-icon {
    width: 38px !important;
    height: 38px !important;
    font-size: 18px !important;
  }
  .cr-live-charts {
    grid-template-columns: 1fr !important;
  }
  .cr-live-side {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: auto !important;
  }
  .rp-steps-grid,
  .rp-metrics-grid {
    grid-template-columns: 1fr !important;
  }
  .rp-main-title {
    font-size: clamp(36px, 12vw, 52px) !important;
  }
}

/* ════════════════════════════════
   ADDED: Premium Creative Result Sections
   Only new unique classes, old layout untouched
════════════════════════════════ */
.apx-new-section {
  position: relative;
  padding: clamp(60px, 7vw, 105px) 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 9% 20%, rgba(212,175,55,.11), transparent 25%),
    radial-gradient(circle at 88% 18%, rgba(58,92,52,.22), transparent 28%),
    linear-gradient(180deg, #07180f 0%, #102317 50%, #07130d 100%);
}
.apx-new-section::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(rgba(255,255,255,.014) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.014) 1px, transparent 1px);
  background-size: 54px 54px;
  opacity: .55;
  mask-image: linear-gradient(to bottom, transparent, #000 18%, #000 82%, transparent);
}
.apx-new-wrap {
  width: 95%;
  max-width: 1480px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.apx-new-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 430px);
  gap: clamp(24px, 4vw, 66px);
  align-items: end;
  margin-bottom: clamp(26px, 3.8vw, 48px);
}
.apx-new-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #d4af37;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .24em;
  text-transform: uppercase;
  margin-bottom: 13px;
}
.apx-new-kicker::before,
.apx-new-kicker::after {
  content: "";
  width: 28px;
  height: 2px;
  border-radius: 99px;
  background: linear-gradient(90deg, rgba(212,175,55,.12), #d4af37);
}
.apx-new-title {
  margin: 0;
  color: #fff;
  font-size: clamp(36px, 4.6vw, 72px);
  line-height: .9;
  letter-spacing: -.06em;
  font-weight: 900;
  text-transform: uppercase;
}
.apx-new-title span { color: #d4af37; }
.apx-new-copy {
  margin: 0;
  color: rgba(225,233,224,.78);
  font-size: clamp(13px, 1.04vw, 16px);
  line-height: 1.75;
}

/* Section 1: Campaign Command Center */
.apx-command-grid {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  gap: clamp(20px, 3vw, 38px);
  align-items: stretch;
}
.apx-command-left,
.apx-command-board,
.apx-wall-card,
.apx-wall-summary {
  border: 1px solid rgba(212,175,55,.20);
  box-shadow: 0 30px 90px rgba(0,0,0,.34);
  overflow: hidden;
}
.apx-command-left {
  border-radius: 32px;
  padding: clamp(22px, 3vw, 42px);
  background:
    linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.03)),
    linear-gradient(180deg, rgba(24,40,29,.94), rgba(7,18,12,.98));
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.apx-pill {
  width: max-content;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 999px;
  padding: 9px 14px;
  border: 1px solid rgba(212,175,55,.24);
  background: rgba(212,175,55,.11);
  color: #f1d46a;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.apx-command-left h3 {
  margin: 18px 0 14px;
  color: #fff;
  font-size: clamp(30px, 3.9vw, 58px);
  line-height: .96;
  letter-spacing: -.055em;
  font-weight: 900;
}
.apx-command-left h3 span { color: #d4af37; }
.apx-command-left p {
  margin: 0;
  max-width: 580px;
  color: rgba(225,233,224,.78);
  font-size: 14px;
  line-height: 1.78;
}
.apx-command-list {
  margin-top: 28px;
  display: grid;
  gap: 12px;
}
.apx-command-list li {
  list-style: none;
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: 12px;
  align-items: center;
  padding: 14px;
  border-radius: 18px;
  background: rgba(0,0,0,.19);
  border: 1px solid rgba(255,255,255,.08);
}
.apx-command-list i {
  width: 48px;
  height: 48px;
  border-radius: 16px;
  background: linear-gradient(135deg, #d4af37, #8b6417);
  color: #111;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}
.apx-command-list strong {
  display: block;
  color: #fff;
  font-size: 13px;
  margin-bottom: 4px;
}
.apx-command-list span {
  color: rgba(225,233,224,.65);
  font-size: 11px;
  line-height: 1.5;
}
.apx-command-board {
  border-radius: 32px;
  padding: clamp(18px, 2.4vw, 28px);
  background: linear-gradient(180deg, #faf6ea, #e8e0d0);
  color: #17231d;
  position: relative;
}
.apx-board-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}
.apx-board-title strong {
  display: block;
  color: #17231d;
  font-size: clamp(22px, 2.4vw, 34px);
  line-height: .95;
  letter-spacing: -.04em;
  font-weight: 900;
  text-transform: uppercase;
}
.apx-board-title span {
  display: block;
  margin-top: 7px;
  color: #716848;
  font-size: 12px;
  font-weight: 700;
}
.apx-board-live {
  border-radius: 999px;
  padding: 10px 14px;
  background: rgba(23,35,29,.08);
  color: #17231d;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
}
.apx-dashboard {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 14px;
}
.apx-chart-card,
.apx-mini-card,
.apx-feed-card {
  border-radius: 24px;
  background: rgba(255,255,255,.74);
  border: 1px solid rgba(23,35,29,.09);
  box-shadow: 0 16px 36px rgba(23,35,29,.08);
}
.apx-chart-card {
  padding: 18px;
  min-height: 300px;
}
.apx-chart-card h4,
.apx-feed-card h4 {
  margin: 0 0 12px;
  color: #17231d;
  font-size: 15px;
  font-weight: 900;
}
.apx-line-chart {
  height: 190px;
  border-radius: 20px;
  background:
    linear-gradient(rgba(23,35,29,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(23,35,29,.06) 1px, transparent 1px);
  background-size: 42px 42px;
  position: relative;
  overflow: hidden;
}
.apx-line-chart svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.apx-line-chart polyline {
  fill: none;
  stroke: #d4af37;
  stroke-width: 7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.apx-chart-stats {
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.apx-chart-stats div {
  padding: 10px;
  border-radius: 14px;
  background: rgba(23,35,29,.06);
}
.apx-chart-stats strong {
  display: block;
  color: #a1781c;
  font-size: 18px;
  font-weight: 900;
}
.apx-chart-stats span {
  display: block;
  margin-top: 4px;
  color: #716848;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 800;
}
.apx-side-stack {
  display: grid;
  gap: 14px;
}
.apx-mini-card {
  padding: 16px;
}
.apx-mini-card i {
  width: 38px;
  height: 38px;
  border-radius: 14px;
  background: rgba(212,175,55,.17);
  color: #9c7418;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
}
.apx-mini-card strong {
  display: block;
  margin: 12px 0 8px;
  color: #17231d;
  font-size: 19px;
  font-weight: 900;
}
.apx-meter {
  height: 8px;
  border-radius: 999px;
  background: rgba(23,35,29,.09);
  overflow: hidden;
}
.apx-meter span {
  display: block;
  height: 100%;
  width: var(--w);
  border-radius: inherit;
  background: linear-gradient(90deg, #d4af37, #f1d46a);
}
.apx-feed-card {
  grid-column: 1 / -1;
  padding: 18px;
}
.apx-feed-row {
  display: grid;
  grid-template-columns: 34px 1fr auto;
  gap: 10px;
  align-items: center;
  padding: 10px 0;
  border-top: 1px solid rgba(23,35,29,.08);
}
.apx-feed-row:first-of-type { border-top: 0; }
.apx-feed-row b {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #17231d;
  color: #d4af37;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
}
.apx-feed-row strong {
  display: block;
  color: #17231d;
  font-size: 12px;
}
.apx-feed-row span {
  display: block;
  color: #716848;
  font-size: 10px;
  margin-top: 3px;
}
.apx-feed-row em {
  font-style: normal;
  color: #9f781d;
  font-size: 11px;
  font-weight: 900;
}

/* Section 2: Results Wall */
.apx-wall-section {
  background:
    radial-gradient(circle at 82% 16%, rgba(212,175,55,.11), transparent 24%),
    radial-gradient(circle at 16% 86%, rgba(58,92,52,.22), transparent 28%),
    linear-gradient(180deg, #07130d 0%, #102317 52%, #06120d 100%);
}
.apx-wall-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
  gap: clamp(20px, 3vw, 38px);
  align-items: stretch;
}
.apx-mosaic {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-auto-rows: 118px;
  gap: 14px;
}
.apx-wall-card {
  border-radius: 26px;
  padding: 18px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.03)),
    rgba(16,35,23,.92);
  position: relative;
}
.apx-wall-card.light {
  background: linear-gradient(180deg, #f9f5eb, #e8e0d1);
  color: #17231d;
}
.apx-wall-card.big { grid-column: span 3; grid-row: span 2; }
.apx-wall-card.tall { grid-column: span 2; grid-row: span 2; }
.apx-wall-card.small { grid-column: span 2; }
.apx-wall-card.wide { grid-column: span 4; }
.apx-wall-card .tag {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #d4af37;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.apx-wall-card.light .tag { color: #9c7418; }
.apx-wall-card h3,
.apx-wall-card h4 {
  margin: 12px 0 8px;
  color: #fff;
  font-size: clamp(22px, 2.5vw, 40px);
  line-height: .96;
  letter-spacing: -.045em;
  font-weight: 900;
}
.apx-wall-card h4 { font-size: 20px; }
.apx-wall-card.light h3,
.apx-wall-card.light h4 { color: #17231d; }
.apx-wall-card p {
  margin: 0;
  color: rgba(225,233,224,.68);
  font-size: 12px;
  line-height: 1.62;
}
.apx-wall-card.light p { color: #716848; }
.apx-screen-placeholder {
  height: 132px;
  margin-top: 14px;
  border-radius: 20px;
  border: 1px dashed rgba(23,35,29,.22);
  background:
    radial-gradient(circle at 24% 22%, rgba(212,175,55,.22), transparent 25%),
    repeating-linear-gradient(135deg, rgba(23,35,29,.055) 0 10px, transparent 10px 20px);
  display: grid;
  place-items: center;
  text-align: center;
  color: #6d5d35;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.apx-social-bubbles {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}
.apx-social-bubbles span {
  width: max-content;
  max-width: 100%;
  padding: 8px 11px;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
}
.apx-wall-card.light .apx-social-bubbles span {
  background: rgba(23,35,29,.07);
  color: #17231d;
}
.apx-rank-list {
  display: grid;
  gap: 9px;
  margin-top: 12px;
}
.apx-rank-list div {
  display: grid;
  grid-template-columns: 28px 1fr auto;
  gap: 8px;
  align-items: center;
  padding: 8px;
  border-radius: 13px;
  background: rgba(0,0,0,.16);
}
.apx-rank-list b {
  color: #d4af37;
  font-size: 11px;
}
.apx-rank-list span {
  color: rgba(255,255,255,.82);
  font-size: 11px;
  font-weight: 800;
}
.apx-rank-list em {
  color: #d4af37;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}
.apx-wall-summary {
  border-radius: 32px;
  padding: clamp(22px, 3vw, 42px);
  background:
    linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.03)),
    rgba(14,32,20,.92);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.apx-wall-summary h3 {
  margin: 18px 0 14px;
  color: #fff;
  font-size: clamp(30px, 3.6vw, 56px);
  line-height: .95;
  letter-spacing: -.052em;
  text-transform: uppercase;
  font-weight: 900;
}
.apx-wall-summary h3 span { color: #d4af37; }
.apx-wall-summary p {
  margin: 0;
  color: rgba(225,233,224,.78);
  font-size: 14px;
  line-height: 1.75;
}
.apx-summary-points {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin-top: 26px;
}
.apx-summary-points div {
  padding: 15px;
  border-radius: 18px;
  background: rgba(0,0,0,.18);
  border: 1px solid rgba(255,255,255,.08);
}
.apx-summary-points i {
  color: #d4af37;
  font-size: 20px;
}
.apx-summary-points strong {
  display: block;
  color: #fff;
  font-size: 13px;
  margin: 10px 0 5px;
}
.apx-summary-points span {
  color: rgba(225,233,224,.62);
  font-size: 11px;
  line-height: 1.5;
}
.apx-bottom-note {
  margin-top: 28px;
  padding: 16px 18px;
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(212,175,55,.18), rgba(255,255,255,.04));
  border: 1px solid rgba(212,175,55,.18);
  color: #f0d56b;
  font-size: 13px;
  line-height: 1.65;
  font-weight: 700;
}

@media (max-width: 991px) {
  .apx-new-head,
  .apx-command-grid,
  .apx-wall-layout,
  .apx-dashboard {
    grid-template-columns: 1fr;
  }
  .apx-mosaic {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: auto;
  }
  .apx-wall-card.big,
  .apx-wall-card.tall,
  .apx-wall-card.small,
  .apx-wall-card.wide {
    grid-column: span 2;
    grid-row: auto;
  }
}
@media (max-width: 575px) {
  .apx-new-section {
    padding: 44px 0;
  }
  .apx-new-wrap {
    width: calc(100% - 24px);
  }
  .apx-new-title,
  .apx-command-left h3,
  .apx-wall-summary h3 {
    font-size: clamp(32px, 10vw, 44px);
  }
  .apx-command-left,
  .apx-command-board,
  .apx-wall-card,
  .apx-wall-summary {
    border-radius: 22px;
  }
  .apx-command-left,
  .apx-wall-summary {
    padding: 16px;
  }
  .apx-chart-stats,
  .apx-summary-points {
    grid-template-columns: 1fr;
  }
  .apx-mosaic {
    grid-template-columns: 1fr;
  }
  .apx-wall-card.big,
  .apx-wall-card.tall,
  .apx-wall-card.small,
  .apx-wall-card.wide {
    grid-column: span 1;
  }
  .apx-media-window {
    min-height: 220px;
  }
}

    /* == SAFE GLOBAL MONTSERRAT FONT ONLY - NO SIZE/COLOR/LAYOUT CHANGE == */
    body,
    body :not(i):not(.bi):not([class^="bi-"]):not([class*=" bi-"]) {
      font-family: 'Montserrat', sans-serif !important;
    }

/* ===== results head style 2 ===== */
html:not(.lamp-css-ready) .lamp-wrap:not(.apex-header-lamp) {
    visibility: hidden !important;
    opacity: 0 !important;
  }
html:not(.lamp-css-ready) .apex-header-lamp.lamp-wrap {
    visibility: visible !important;
    opacity: 1 !important;
  }

/* ===== results head style 3 ===== */
/* ── 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;
  }
}

/* ===== results trailing style 1 ===== */
/* Mobile hero: shift text and image slightly downward */
@media (max-width: 767px) {
  .hero-section > .site-wrap {
    padding-top: 12px !important;
  }

  .hero-grid {
    min-height: 198px !important;
    padding-top: 12px !important;
    align-items: start !important;
  }

  .hero-left {
    padding-top: 12px !important;
    transform: translateY(12px) !important;
  }

  .hero-right,
  .hero-visual {
    min-height: 198px !important;
    height: 198px !important;
  }

  .hero-visual {
    transform: translateY(12px) !important;
  }
}

@media (max-width: 430px) {
  .hero-grid {
    min-height: 210px !important;
    padding-top: 10px !important;
  }

  .hero-left,
  .hero-right,
  .hero-visual {
    min-height: 210px !important;
    height: 210px !important;
  }

  .hero-left {
    transform: translateY(10px) !important;
  }

  .hero-visual {
    transform: translateY(10px) !important;
  }
}

/* ===== results trailing style 2 ===== */
/* Mobile hero text/social/buttons: shift upper side only */
@media (max-width: 767px) {
  .hero-section > .site-wrap {
    padding-top: 0 !important;
  }

  .hero-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  .hero-grid {
    padding-top: 0 !important;
    align-items: start !important;
  }

  .hero-left {
    padding-top: 0 !important;
    transform: translateY(-12px) !important;
  }

  .hero-copy {
    margin-top: 0 !important;
  }
}

@media (max-width: 430px) {
  .hero-left {
    padding-top: 0 !important;
    transform: translateY(-14px) !important;
  }
}

/* ===== results trailing style 3 ===== */
/* FINAL MOBILE HERO SMALLER + FIXED
   Only mobile hero area changed. Desktop/tablet kept same. */
@media (max-width: 767px) {
  .hero-section {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    overflow: hidden !important;
  }

  .hero-section > .site-wrap {
    width: 100% !important;
    padding: 0 10px !important;
  }

  .hero-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  .hero-grid {
    grid-template-columns: 47% 53% !important;
    min-height: 184px !important;
    height: 184px !important;
    gap: 0 !important;
    padding-top: 0 !important;
    align-items: start !important;
  }

  .hero-left {
    min-height: 184px !important;
    height: 184px !important;
    padding: 4px 0 0 2px !important;
    justify-content: flex-start !important;
    transform: translateY(16px) !important; /* shifted a little more downward on mobile */
  }

  .hero-copy {
    margin: 0 0 8px !important;
  }

  .hero-title {
    margin: 0 0 3px !important;
    line-height: .82 !important;
  }

  .hero-line,
  .hero-line:nth-child(2) {
    font-size: clamp(20px, 6.2vw, 27px) !important;
    line-height: .82 !important;
    letter-spacing: -.055em !important;
    margin-bottom: .16em !important;
    white-space: nowrap !important;
  }

  .hero-rule {
    width: 32px !important;
    height: 1.5px !important;
    margin: 7px 0 5px !important;
  }

  .hero-sub {
    font-size: clamp(7px, 2vw, 9px) !important;
    line-height: 1.15 !important;
    letter-spacing: .055em !important;
  }

  .socials {
    gap: 7px !important;
    margin: 0 0 10px !important;
  }

  .s-box {
    width: 28px !important;
    height: 28px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
  }

  .hero-btns {
    gap: 7px !important;
  }

  .btn-primary-hero,
  .btn-ghost-hero {
    padding: 7px 11px !important;
    font-size: 6.8px !important;
    line-height: 1 !important;
    min-height: 0 !important;
    border-radius: 999px !important;
  }

  .btn-primary-hero i,
  .btn-ghost-hero i {
    font-size: 7px !important;
  }

  .hero-right,
  .hero-visual {
    min-height: 184px !important;
    height: 184px !important;
    transform: none !important;
  }

  .hero-visual {
    overflow: visible !important;
  }

  .db-card {
    left: -22px !important;
    bottom: 38px !important;
    width: clamp(118px, 35vw, 150px) !important;
  }

  .dashboard-graph-img {
    max-height: 150px !important;
  }

  .arch-ring {
    width: 132px !important;
    height: 132px !important;
    right: -6px !important;
    bottom: 24px !important;
    opacity: .7 !important;
  }

  .hero-woman {
    right: -12px !important;
    bottom: 0 !important;
  }

  .hero-woman img {
    width: clamp(105px, 31vw, 132px) !important;
    max-height: 188px !important;
  }

  .feature-strip {
    margin-top: 0 !important;
    border-radius: 8px !important;
  }
}

@media (max-width: 430px) {
  .hero-grid {
    min-height: 174px !important;
    height: 174px !important;
  }

  .hero-left,
  .hero-right,
  .hero-visual {
    min-height: 174px !important;
    height: 174px !important;
  }

  .hero-line,
  .hero-line:nth-child(2) {
    font-size: clamp(19px, 5.8vw, 24px) !important;
  }

  .hero-sub {
    font-size: 7px !important;
  }

  .s-box {
    width: 27px !important;
    height: 27px !important;
    font-size: 13px !important;
  }

  .btn-primary-hero,
  .btn-ghost-hero {
    padding: 6px 10px !important;
    font-size: 6.4px !important;
  }

  .db-card {
    left: -24px !important;
    bottom: 36px !important;
    width: 128px !important;
  }

  .hero-woman img {
    width: 112px !important;
    max-height: 174px !important;
  }
}

@media (max-width: 360px) {
  .hero-line,
  .hero-line:nth-child(2) {
    font-size: 18px !important;
  }

  .s-box {
    width: 25px !important;
    height: 25px !important;
    font-size: 12px !important;
  }

  .btn-primary-hero,
  .btn-ghost-hero {
    padding: 6px 8px !important;
    font-size: 6px !important;
  }
}

/* ===== results trailing style 4 ===== */
/* FINAL MOBILE LAMP FIX: smaller + slightly left on mobile only */
@media (max-width: 767px) {
  .lamp-wrap {
    display: block !important;
    width: clamp(105px, 31vw, 145px) !important;
    left: clamp(54px, 16vw, 92px) !important;
    top: -3px !important;
    z-index: 6 !important;
  }

  .lamp-img {
    transform: translateY(-40%) !important;
    margin-bottom: -30% !important;
    filter: drop-shadow(0 6px 14px rgba(0,0,0,.34)) !important;
  }
}

@media (max-width: 430px) {
  .lamp-wrap {
    width: clamp(100px, 30vw, 122px) !important;
    left: clamp(46px, 14vw, 62px) !important;
    top: -3px !important;
  }
}

@media (max-width: 360px) {
  .lamp-wrap {
    width: 96px !important;
    left: 38px !important;
  }
}

/* ===== results trailing style 5 ===== */
/* FINAL ABOUT SECTION MOBILE MATCH
   Only the About / Who We Are section is changed on mobile. Desktop/tablet and all other sections stay same. */
@media (max-width: 767px) {
  .about-section {
    padding: 22px 0 24px !important;
    overflow: hidden !important;
    background:
      radial-gradient(ellipse 300px 210px at 18% 44%, rgba(212,175,55,.035), transparent 68%),
      radial-gradient(ellipse 360px 220px at 92% 4%, rgba(212,175,55,.045), transparent 66%),
      linear-gradient(180deg, #0a1209 0%, #0d1610 100%) !important;
  }

  .about-section > .site-wrap {
    width: calc(100% - 18px) !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 auto !important;
  }

  .about-two-col {
    display: grid !important;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr) !important;
    gap: 8px !important;
    align-items: center !important;
    text-align: left !important;
  }

  .about-left-vis {
    order: 1 !important;
    min-height: clamp(168px, 46vw, 210px) !important;
    height: clamp(168px, 46vw, 210px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
  }

  .about-right-copy {
    order: 2 !important;
    min-width: 0 !important;
    text-align: left !important;
    align-items: flex-start !important;
    transform: none !important;
  }

  .scene3d {
    width: clamp(136px, 38vw, 184px) !important;
    height: clamp(136px, 38vw, 184px) !important;
    border-radius: 50% !important;
    overflow: hidden !important;
  }

  .scene3d-bg {
    background: radial-gradient(ellipse at 42% 36%, rgba(31,49,35,.82) 0%, rgba(9,18,12,.96) 66%) !important;
  }

  .scene3d-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center bottom !important;
  }

  .founded-badge {
    top: 6px !important;
    right: -2px !important;
    padding: 5px 7px !important;
    gap: 5px !important;
    border-radius: 7px !important;
  }

  .about-badge .ab-icon,
  .founded-badge .ab-icon {
    width: 17px !important;
    height: 17px !important;
    min-width: 17px !important;
    border-radius: 5px !important;
    font-size: 7px !important;
  }

  .founded-badge .ab-val {
    font-size: 8.5px !important;
    line-height: .95 !important;
  }

  .founded-badge .ab-lbl {
    font-size: 4.4px !important;
    line-height: 1 !important;
    letter-spacing: .08em !important;
  }

  .rating-badge {
    left: 0 !important;
    bottom: 7px !important;
    padding: 6px 7px !important;
    gap: 3px !important;
    border-radius: 8px !important;
  }

  .rating-badge .rb-stars {
    gap: 1px !important;
    font-size: 6.5px !important;
    line-height: 1 !important;
  }

  .rating-badge .rb-score {
    font-size: 12px !important;
    line-height: .9 !important;
  }

  .rating-badge .rb-score span,
  .rating-badge .rb-lbl {
    font-size: 5px !important;
    line-height: 1 !important;
  }

  .about-eyebrow-row {
    justify-content: flex-start !important;
    margin: 0 0 6px !important;
    gap: 6px !important;
  }

  .eyebrow-line-sm {
    width: 18px !important;
    height: 1px !important;
  }

  .eyebrow-label {
    font-size: clamp(4.8px, 1.35vw, 6.2px) !important;
    letter-spacing: .2em !important;
    line-height: 1 !important;
  }

  .about-heading {
    font-size: clamp(16px, 5.1vw, 24px) !important;
    line-height: .98 !important;
    letter-spacing: -.045em !important;
    margin: 0 0 7px !important;
    text-align: left !important;
  }

  .about-para {
    max-width: 100% !important;
    font-size: clamp(5.4px, 1.45vw, 7.1px) !important;
    line-height: 1.48 !important;
    margin: 0 0 8px !important;
    text-align: left !important;
  }

  .about-features {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 4px 6px !important;
    margin: 0 0 9px !important;
    padding: 0 !important;
  }

  .about-features li {
    font-size: clamp(4.7px, 1.3vw, 6.3px) !important;
    line-height: 1.15 !important;
    gap: 3px !important;
    text-align: left !important;
    white-space: nowrap !important;
  }

  .about-features li i {
    font-size: 6.2px !important;
    line-height: 1 !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;
    justify-content: stretch !important;
  }

  .about-section .ab-stat {
    min-width: 0 !important;
    width: auto !important;
    padding: 5px 5px !important;
    gap: 4px !important;
    border-radius: 8px !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }

  .about-section .ab-stat-icon {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 7px !important;
    color: #d4af37 !important;
    background: radial-gradient(ellipse at 35% 30%, #556947 0%, #233721 64%, #102018 100%) !important;
    box-shadow: 0 4px 8px rgba(0,0,0,.22) !important;
  }

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

  .ab-stat-lbl {
    font-size: 4.5px !important;
    line-height: 1.1 !important;
    margin-top: 1px !important;
    white-space: nowrap !important;
  }

  .ab-team-pill {
    width: 100% !important;
    padding: 5px 6px !important;
    border-radius: 8px !important;
    gap: 5px !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    align-items: center !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;
    line-height: 1 !important;
  }

  .ab-team-text {
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }

  .ab-team-text strong {
    font-size: 5.4px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }

  .ab-team-text span {
    font-size: 4.5px !important;
    line-height: 1.1 !important;
    white-space: nowrap !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.4px !important;
    line-height: 1 !important;
    gap: 2px !important;
    white-space: nowrap !important;
  }

  .ab-btn-gold i,
  .ab-btn-ghost i {
    font-size: 4.8px !important;
  }
}

@media (max-width: 430px) {
  .about-section > .site-wrap {
    width: calc(100% - 16px) !important;
  }

  .about-two-col {
    grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr) !important;
    gap: 7px !important;
  }

  .about-left-vis {
    min-height: 166px !important;
    height: 166px !important;
  }

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

  .about-heading {
    font-size: 16px !important;
  }

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

  .about-features li {
    font-size: 4.35px !important;
    gap: 2.5px !important;
  }

  .about-section .ab-stat {
    padding: 4px 4px !important;
  }

  .ab-team-pill {
    gap: 4px !important;
    padding: 4px 5px !important;
  }

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

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

  .ab-btn-gold,
  .ab-btn-ghost {
    padding: 3.5px 5px !important;
    font-size: 4px !important;
  }
}

@media (max-width: 360px) {
  .about-section > .site-wrap {
    width: calc(100% - 12px) !important;
  }

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

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

  .about-left-vis {
    min-height: 150px !important;
    height: 150px !important;
  }

  .about-heading {
    font-size: 14.5px !important;
  }

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

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

/* FINAL FIX: reduce mobile height of about stats cards and bottom wide team card only */
@media (max-width: 767px) {
  .about-bottom-bar {
    gap: 4px !important;
  }

  .about-section .ab-stats {
    gap: 4px !important;
  }

  .about-section .ab-stat {
    height: 40px !important;
    min-height: 40px !important;
    padding: 3px 4px !important;
    gap: 3px !important;
    border-radius: 7px !important;
    align-items: center !important;
    overflow: hidden !important;
  }

  .about-section .ab-stat-icon {
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    font-size: 6px !important;
  }

  .about-section .ab-stat-num {
    font-size: 8.8px !important;
    line-height: .95 !important;
  }

  .about-section .ab-stat-lbl {
    font-size: 4px !important;
    line-height: 1.05 !important;
    margin-top: 0 !important;
  }

  .about-section .ab-team-pill {
    min-height: 34px !important;
    height: 34px !important;
    padding: 3px 5px !important;
    gap: 4px !important;
    border-radius: 7px !important;
    align-items: center !important;
    overflow: hidden !important;
  }

  .about-section .ab-av {
    width: 12px !important;
    height: 12px !important;
    margin-left: -4px !important;
    font-size: 3.6px !important;
  }

  .about-section .ab-team-text strong {
    font-size: 4.9px !important;
    line-height: 1 !important;
  }

  .about-section .ab-team-text span {
    font-size: 4px !important;
    line-height: 1 !important;
  }

  .about-section .ab-team-btns {
    gap: 3px !important;
  }

  .about-section .ab-btn-gold,
  .about-section .ab-btn-ghost {
    padding: 3px 5px !important;
    font-size: 3.8px !important;
    line-height: 1 !important;
  }
}

@media (max-width: 430px) {
  .about-section .ab-stat {
    height: 36px !important;
    min-height: 36px !important;
    padding: 3px 3px !important;
  }

  .about-section .ab-team-pill {
    height: 31px !important;
    min-height: 31px !important;
    padding: 3px 4px !important;
  }
}

/* =========================================================
   FINAL PATCH: What We Do mobile slider / carousel
   - Desktop/tablet stays unchanged
   - Mobile shows exactly 2 service cards per slide
   - Arrows + dots remain visible on mobile
========================================================= */
@media (max-width: 767px) {
  .wwd-section .wwd-container {
    overflow: hidden !important;
  }

  .wwd-section .wwd-services-grid {
    --wwd-slide-gap: 10px;
    display: flex !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    flex-wrap: nowrap !important;
    gap: var(--wwd-slide-gap) !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 14px 0 8px !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;
  }

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

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

  .wwd-section .wwd-services-grid .wwd-card,
  .wwd-section .wwd-services-grid .wwd-card-1,
  .wwd-section .wwd-services-grid .wwd-card-2,
  .wwd-section .wwd-services-grid .wwd-card-3,
  .wwd-section .wwd-services-grid .wwd-card-4,
  .wwd-section .wwd-services-grid .wwd-card-5,
  .wwd-section .wwd-services-grid .wwd-card-6 {
    flex: 0 0 calc((100% - var(--wwd-slide-gap)) / 2) !important;
    width: calc((100% - var(--wwd-slide-gap)) / 2) !important;
    min-width: calc((100% - var(--wwd-slide-gap)) / 2) !important;
    max-width: calc((100% - var(--wwd-slide-gap)) / 2) !important;
    min-height: 258px !important;
    grid-column: auto !important;
    grid-row: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    align-content: stretch !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    padding: 12px 10px 11px !important;
    border-radius: 10px !important;
    scroll-snap-align: none !important;
    scroll-snap-stop: always !important;
    overflow: hidden !important;
  }

  /* Start each slide from card 1, 3 and 5 = 2 cards per slide */
  .wwd-section .wwd-services-grid .wwd-card-1,
  .wwd-section .wwd-services-grid .wwd-card-3,
  .wwd-section .wwd-services-grid .wwd-card-5 {
    scroll-snap-align: start !important;
  }

  .wwd-section .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 10px !important;
    position: relative !important;
    z-index: 2 !important;
  }

  .wwd-section .wwd-services-grid .wwd-card-icon,
  .wwd-section .wwd-services-grid .wwd-large-card .wwd-card-icon,
  .wwd-section .wwd-services-grid .wwd-small-card > .wwd-card-icon,
  .wwd-section .wwd-services-grid .wwd-compact-card > .wwd-card-icon {
    grid-column: auto !important;
    grid-row: auto !important;
    width: 40px !important;
    height: 40px !important;
    flex: 0 0 40px !important;
    border-radius: 9px !important;
    font-size: 17px !important;
    margin: 0 0 10px !important;
    position: relative !important;
    z-index: 2 !important;
  }

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

  .wwd-section .wwd-services-grid .wwd-card-content {
    grid-column: auto !important;
    grid-row: auto !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    position: relative !important;
    z-index: 2 !important;
  }

  .wwd-section .wwd-services-grid .wwd-title,
  .wwd-section .wwd-services-grid .wwd-small-card .wwd-title,
  .wwd-section .wwd-services-grid .wwd-compact-card .wwd-title {
    margin: 0 0 6px !important;
    padding: 0 !important;
    font-size: clamp(11px, 2.7vw, 13px) !important;
    line-height: 1.14 !important;
    color: #17201a !important;
    letter-spacing: -.02em !important;
  }

  .wwd-section .wwd-services-grid .wwd-desc,
  .wwd-section .wwd-services-grid .wwd-large-card .wwd-desc,
  .wwd-section .wwd-services-grid .wwd-small-card .wwd-desc,
  .wwd-section .wwd-services-grid .wwd-compact-card .wwd-desc {
    margin: 0 !important;
    padding: 0 !important;
    color: #4b554c !important;
    font-size: clamp(9px, 2.25vw, 10.5px) !important;
    line-height: 1.42 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 5 !important;
    line-clamp: 5 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  .wwd-section .wwd-services-grid .wwd-tags,
  .wwd-section .wwd-services-grid .wwd-card-content .wwd-tags {
    grid-column: auto !important;
    grid-row: auto !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
    margin: 9px 0 0 !important;
    padding: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
    position: relative !important;
    z-index: 2 !important;
  }

  .wwd-section .wwd-services-grid .wwd-tags span {
    min-height: 18px !important;
    padding: 3px 6px !important;
    border-radius: 5px !important;
    font-size: clamp(7px, 1.85vw, 8.3px) !important;
    line-height: 1.05 !important;
    font-weight: 800 !important;
    white-space: normal !important;
  }

  .wwd-section .wwd-services-grid .wwd-card-link,
  .wwd-section .wwd-services-grid .wwd-small-card .wwd-card-link,
  .wwd-section .wwd-services-grid .wwd-compact-card .wwd-card-link {
    grid-column: auto !important;
    grid-row: auto !important;
    display: inline-flex !important;
    position: static !important;
    width: fit-content !important;
    margin: auto 0 0 !important;
    padding-top: 10px !important;
    gap: 5px !important;
    color: #b8860b !important;
    font-size: clamp(8.5px, 2.1vw, 10px) !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
    z-index: 2 !important;
  }

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

  .wwd-section .wwd-services-grid .wwd-number {
    display: block !important;
    top: auto !important;
    right: 9px !important;
    bottom: 8px !important;
    font-size: 28px !important;
    line-height: 1 !important;
    color: rgba(23,35,29,.07) !important;
  }

  .wwd-section .wwd-services-grid .wwd-platforms,
  .wwd-section .wwd-services-grid .wwd-mini-icons {
    position: static !important;
    top: auto !important;
    right: auto !important;
    display: flex !important;
    align-items: center !important;
    margin-left: auto !important;
    max-width: none !important;
    overflow: visible !important;
    z-index: 3 !important;
  }

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

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

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

  .wwd-section .wwd-services-grid .wwd-mini-icons span {
    min-width: 28px !important;
    padding: 4px 3px 3px !important;
    border-radius: 6px !important;
    font-size: 6px !important;
    line-height: 1 !important;
    gap: 2px !important;
  }

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

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

  .wwd-section .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;
    padding: 0 !important;
    cursor: pointer !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.22) !important;
  }

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

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

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

  .wwd-section .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-section .wwd-mobile-carousel-dot.is-active {
    width: 22px !important;
    background: var(--gold) !important;
  }
}

@media (max-width: 430px) {
  .wwd-section .wwd-services-grid {
    --wwd-slide-gap: 8px;
  }

  .wwd-section .wwd-services-grid .wwd-card,
  .wwd-section .wwd-services-grid .wwd-card-1,
  .wwd-section .wwd-services-grid .wwd-card-2,
  .wwd-section .wwd-services-grid .wwd-card-3,
  .wwd-section .wwd-services-grid .wwd-card-4,
  .wwd-section .wwd-services-grid .wwd-card-5,
  .wwd-section .wwd-services-grid .wwd-card-6 {
    min-height: 250px !important;
    padding: 11px 9px 10px !important;
  }

  .wwd-section .wwd-services-grid .wwd-card-icon,
  .wwd-section .wwd-services-grid .wwd-large-card .wwd-card-icon,
  .wwd-section .wwd-services-grid .wwd-small-card > .wwd-card-icon,
  .wwd-section .wwd-services-grid .wwd-compact-card > .wwd-card-icon {
    width: 38px !important;
    height: 38px !important;
    flex-basis: 38px !important;
    font-size: 16px !important;
  }
}

/* =====================================================
   FINAL FIX: 7. HOW IT WORKS MOBILE SLIDER / CAROUSEL
   Desktop stays same. Mobile becomes smooth swipe slider.
===================================================== */
@media (max-width: 767px) {
  .wwd-section .wwd-steps-panel {
    width: 100% !important;
    max-width: 470px !important;
    margin: 16px auto 20px !important;
    padding: 14px 10px 16px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
  }

  .wwd-section .wwd-steps-title {
    margin-bottom: 12px !important;
    font-size: 9px !important;
    letter-spacing: .32em !important;
    text-align: center !important;
  }

  .wwd-section .wwd-steps-grid {
    display: flex !important;
    grid-template-columns: none !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    width: 100% !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;
    touch-action: pan-x !important;
    padding: 0 !important;
  }

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

  .wwd-section .wwd-step {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    min-height: 98px !important;
    scroll-snap-align: center !important;
    display: grid !important;
    grid-template-columns: 46px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 8px 10px !important;
    text-align: left !important;
    border: 0 !important;
  }

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

  .wwd-section .wwd-step-icon {
    width: 42px !important;
    height: 42px !important;
    flex: 0 0 42px !important;
    font-size: 17px !important;
    border-radius: 50% !important;
  }

  .wwd-section .wwd-step-num {
    margin: 0 0 3px !important;
    font-size: 8.5px !important;
    line-height: 1 !important;
  }

  .wwd-section .wwd-step-name {
    margin: 0 0 4px !important;
    font-size: 12.5px !important;
    line-height: 1.15 !important;
  }

  .wwd-section .wwd-step-desc {
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 8.8px !important;
    line-height: 1.35 !important;
  }

  .wwd-section .wwd-steps-carousel-controls {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    margin-top: 8px !important;
  }

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

  .wwd-section .wwd-step-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 .22s ease, background .22s ease !important;
  }

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

  .wwd-section .wwd-step-arrow {
    width: 28px !important;
    height: 28px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    border: 1px solid rgba(212,175,55,.45) !important;
    background: rgba(212,175,55,.08) !important;
    color: var(--gold) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    font-size: 14px !important;
    line-height: 1 !important;
  }

  .wwd-section .wwd-step-arrow:disabled {
    opacity: .38 !important;
    cursor: default !important;
  }
}

@media (max-width: 390px) {
  .wwd-section .wwd-steps-panel {
    padding: 12px 8px 14px !important;
  }

  .wwd-section .wwd-step {
    grid-template-columns: 40px minmax(0, 1fr) !important;
    gap: 10px !important;
    min-height: 92px !important;
    padding: 7px 8px !important;
  }

  .wwd-section .wwd-step-icon {
    width: 38px !important;
    height: 38px !important;
    flex-basis: 38px !important;
    font-size: 15px !important;
  }

  .wwd-section .wwd-step-name {
    font-size: 12px !important;
  }

  .wwd-section .wwd-step-desc {
    font-size: 8.2px !important;
  }
}

@media (min-width: 768px) {
  .wwd-section .wwd-steps-carousel-controls {
    display: none !important;
  }
}

/* =====================================================
   FINAL FIX: Client Results + Pricing mobile sliders
   Desktop: 3-column grid. Mobile: one-card swipe slider.
===================================================== */
@media (max-width: 768px) {
  .client-results-section {
    overflow: hidden !important;
  }

  .client-results-section .cr-results-head {
    align-items: center !important;
    gap: 12px !important;
    margin-top: 14px !important;
  }

  .client-results-section .cr-section-sub,
  .cr-section-sub {
    font-size: 11px !important;
    line-height: 1.35 !important;
  }

  .client-results-section .cr-nav-arrows,
  .cr-nav-arrows {
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    gap: 10px !important;
  }

  .client-results-section .cr-cards-grid,
  .cr-cards-grid {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 12px 0 0 !important;
    padding: 8px 0 10px !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;
  }

  .client-results-section .cr-cards-grid:active,
  .cr-cards-grid:active {
    cursor: grabbing !important;
  }

  .client-results-section .cr-cards-grid::-webkit-scrollbar,
  .cr-cards-grid::-webkit-scrollbar {
    display: none !important;
  }

  .client-results-section .cr-card,
  .client-results-section .cr-card:nth-child(n),
  .cr-cards-grid .cr-card {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    min-height: 350px !important;
    height: auto !important;
    padding: 22px 20px 18px !important;
    border-radius: 16px !important;
    scroll-snap-align: center !important;
    scroll-snap-stop: always !important;
    overflow: hidden !important;
  }

  .client-results-section .cr-client-top,
  .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,
  .cr-avatar,
  .cr-avatar.blue,
  .cr-avatar.purple {
    width: 48px !important;
    height: 48px !important;
    flex: 0 0 48px !important;
    font-size: 11px !important;
  }

  .client-results-section .cr-client-name,
  .cr-client-name {
    font-size: 14px !important;
    line-height: 1.1 !important;
  }

  .client-results-section .cr-client-type,
  .cr-client-type {
    font-size: 10px !important;
    margin-top: 3px !important;
  }

  .client-results-section .cr-metrics-box,
  .cr-metrics-box {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
    margin-bottom: 14px !important;
  }

  .client-results-section .cr-mini-label,
  .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,
  .cr-mini-value,
  .cr-mini-value.gold {
    font-size: 26px !important;
    line-height: .9 !important;
  }

  .client-results-section .cr-growth-grid,
  .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,
  .cr-growth-grid > div {
    min-height: 52px !important;
    padding: 9px 6px !important;
  }

  .client-results-section .cr-growth-value,
  .cr-growth-value {
    font-size: 11px !important;
  }

  .client-results-section .cr-growth-value.green,
  .cr-growth-value.green {
    color: var(--success) !important;
  }

  .client-results-section .cr-growth-label,
  .cr-growth-label {
    font-size: 7.5px !important;
    margin-top: 4px !important;
  }

  .client-results-section .cr-case-chart,
  .cr-case-chart {
    height: 86px !important;
    margin: 8px 0 14px !important;
  }

  .client-results-section .cr-case-platform,
  .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,
  .cr-tiny-note {
    font-size: 11px !important;
  }

  .client-results-section .cr-card-bottom::after,
  .cr-card-bottom::after {
    min-height: 36px !important;
    padding: 0 14px !important;
    border-radius: 10px !important;
    font-size: 9px !important;
  }

  .cr-slider-dots {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    margin: 4px auto 0 !important;
  }

  .cr-slider-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;
  }

  .cr-slider-dot.is-active {
    width: 20px !important;
    background: var(--gold) !important;
  }

  .packages-section {
    overflow: hidden !important;
  }

  .packages-section .pkg-cards,
  .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 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;
    overscroll-behavior-x: contain !important;
    scrollbar-width: none !important;
    cursor: grab !important;
  }

  .packages-section .pkg-cards:active,
  .pkg-cards:active {
    cursor: grabbing !important;
  }

  .packages-section .pkg-cards::-webkit-scrollbar,
  .pkg-cards::-webkit-scrollbar {
    display: none !important;
  }

  .packages-section .pkg-card,
  .packages-section .pkg-card.is-featured,
  .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;
    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;
    overflow: visible !important;
  }

  .pkg-mobile-slider-controls {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    margin: 6px auto 0 !important;
  }
}

@media (min-width: 769px) {
  .cr-slider-dots {
    display: none !important;
  }

  .client-results-section .cr-cards-grid,
  .cr-cards-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
    cursor: default !important;
  }

  .client-results-section .cr-card,
  .cr-cards-grid .cr-card {
    flex: none !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 360px !important;
    height: auto !important;
    scroll-snap-align: unset !important;
  }

  .client-results-section .cr-nav-arrows,
  .cr-nav-arrows {
    display: none !important;
  }

  .packages-section .pkg-cards,
  .pkg-cards {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
    cursor: default !important;
  }

  .packages-section .pkg-card,
  .pkg-card {
    flex: none !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    scroll-snap-align: unset !important;
  }

  .pkg-mobile-slider-controls {
    display: none !important;
  }
}

/* =====================================================
   FINAL FIX: Testimonials mobile slider + layout
   Desktop: masonry grid. Mobile: one card swipe slider.
===================================================== */
@media (max-width: 768px) {
  .testimonials-section {
    overflow: hidden !important;
    padding: 48px 0 40px !important;
  }

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

  .testimonials-section .tst-eyebrow {
    margin-bottom: 10px !important;
    gap: 8px !important;
    font-size: 9px !important;
    letter-spacing: .22em !important;
  }

  .testimonials-section .tst-eyebrow i {
    font-size: 8px !important;
  }

  .testimonials-section .tst-line {
    width: 42px !important;
    height: 1px !important;
  }

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

  .testimonials-section .tst-title {
    margin: 0 0 8px !important;
    font-size: clamp(24px, 6.2vw, 32px) !important;
    line-height: 1.05 !important;
    letter-spacing: -.055em !important;
    white-space: normal !important;
  }

  .testimonials-section .tst-subtitle {
    font-size: 12px !important;
    line-height: 1.45 !important;
    color: rgba(236,241,233,.72) !important;
    max-width: 320px !important;
    margin: 0 auto !important;
  }

  .testimonials-section .tst-rating-panel {
    display: grid !important;
    grid-template-columns: 88px minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    gap: 12px 16px !important;
    align-items: center !important;
    min-height: auto !important;
    height: auto !important;
    margin: 0 0 18px !important;
    padding: 18px 16px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(212,175,55,.42) !important;
    background: linear-gradient(120deg, #ffffff 0%, #fbfaf6 62%, #f3efe6 100%) !important;
    color: #15231d !important;
    box-shadow: 0 14px 28px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.98) !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 !important;
    padding: 0 !important;
    border: 0 !important;
    text-align: center !important;
    align-items: center !important;
  }

  .testimonials-section .tst-score {
    font-size: 42px !important;
    line-height: .88 !important;
    color: #111 !important;
    text-shadow: none !important;
  }

  .testimonials-section .tst-score-stars,
  .testimonials-section .tst-score-note {
    display: none !important;
  }

  .testimonials-section .tst-bars {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    padding: 0 !important;
    display: grid !important;
    gap: 7px !important;
    border: 0 !important;
  }

  .testimonials-section .tst-bar-row:nth-child(n+4) {
    display: none !important;
  }

  .testimonials-section .tst-bar-row {
    display: grid !important;
    grid-template-columns: 22px minmax(0, 1fr) 30px !important;
    align-items: center !important;
    gap: 8px !important;
    color: #1f2a25 !important;
    font-size: 10px !important;
    font-weight: 800 !important;
  }

  .testimonials-section .tst-bar-row span:first-child i {
    color: #d4af37 !important;
    font-size: 8px !important;
  }

  .testimonials-section .tst-bar-track {
    height: 6px !important;
    border-radius: 99px !important;
    background: #e6e3dc !important;
    overflow: hidden !important;
  }

  .testimonials-section .tst-bar-fill {
    background: linear-gradient(90deg, #d4af37, #f0cf57) !important;
    box-shadow: none !important;
  }

  .testimonials-section .tst-platforms {
    display: none !important;
  }

  .testimonials-section .tst-masonry {
    display: flex !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    gap: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 0 10px !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;
  }

  .testimonials-section .tst-masonry:active {
    cursor: grabbing !important;
  }

  .testimonials-section .tst-masonry::-webkit-scrollbar {
    display: none !important;
  }

  .testimonials-section .tst-masonry > article,
  .testimonials-section .tst-card,
  .testimonials-section .tst-card-featured,
  .testimonials-section .tst-card-wide {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    min-height: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
    scroll-snap-align: center !important;
    scroll-snap-stop: always !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
  }

  .testimonials-section .tst-masonry > article::before,
  .testimonials-section .tst-card::before,
  .testimonials-section .tst-card::after {
    display: none !important;
    content: none !important;
  }

  .testimonials-section .tst-card-quote {
    display: block !important;
    color: #d4af37 !important;
    font-size: 34px !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 22px 22px 0 !important;
    border: 1px solid rgba(212,175,55,.48) !important;
    border-bottom: 0 !important;
    border-radius: 18px 18px 0 0 !important;
    background: linear-gradient(180deg, #fffef9 0%, #f7f6f0 100%) !important;
  }

  .testimonials-section .tst-text {
    margin: 0 !important;
    padding: 0 22px !important;
    max-width: none !important;
    color: #3a423c !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
    font-weight: 600 !important;
    border-left: 1px solid rgba(212,175,55,.48) !important;
    border-right: 1px solid rgba(212,175,55,.48) !important;
    background: linear-gradient(180deg, #f7f6f0 0%, #f7f6f0 100%) !important;
  }

  .testimonials-section .tst-text strong {
    color: #151a16 !important;
    font-weight: 800 !important;
  }

  .testimonials-section .tst-bold-line {
    display: block !important;
    margin: 0 !important;
    padding: 0 22px 22px !important;
    color: #3a423c !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    font-weight: 700 !important;
    border: 1px solid rgba(212,175,55,.48) !important;
    border-top: 0 !important;
    border-radius: 0 0 18px 18px !important;
    background: linear-gradient(180deg, #f7f6f0 0%, #efeee6 100%) !important;
    box-shadow: 0 16px 34px rgba(0,0,0,.22) !important;
  }

  .testimonials-section .tst-card:not(:has(.tst-bold-line)) .tst-text:last-of-type {
    padding-bottom: 22px !important;
    border-bottom: 1px solid rgba(212,175,55,.48) !important;
    border-radius: 0 0 18px 18px !important;
    box-shadow: 0 16px 34px rgba(0,0,0,.22) !important;
  }

  .testimonials-section .tst-author {
    margin: 0 !important;
    padding: 0 4px !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 10px !important;
  }

  .testimonials-section .tst-author-left {
    gap: 10px !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }

  .testimonials-section .tst-avatar {
    width: 42px !important;
    height: 42px !important;
    flex: 0 0 42px !important;
    font-size: 11px !important;
  }

  .testimonials-section .tst-author-name {
    color: #ffffff !important;
    font-size: 13px !important;
    line-height: 1.1 !important;
    font-weight: 900 !important;
    max-width: none !important;
  }

  .testimonials-section .tst-author-role {
    color: rgba(236,241,233,.62) !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    margin-top: 2px !important;
    max-width: none !important;
  }

  .testimonials-section .tst-mini-stars {
    gap: 2px !important;
    margin-top: 5px !important;
    color: #d4af37 !important;
    font-size: 9px !important;
  }

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

  .testimonials-section .tst-growth-pill {
    min-height: 28px !important;
    padding: 0 10px !important;
    gap: 4px !important;
    border-radius: 999px !important;
    font-size: 9px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    background: rgba(46,204,113,.14) !important;
    border: 1px solid rgba(46,204,113,.35) !important;
    color: #2ecc71 !important;
  }

  .testimonials-section .tst-growth-pill i {
    font-size: 10px !important;
  }

  .testimonials-section .tst-social {
    width: 30px !important;
    height: 30px !important;
    flex: 0 0 30px !important;
    font-size: 14px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
  }

  .testimonials-section .tst-mobile-slider-controls {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    margin-top: 14px !important;
  }

  .testimonials-section .tst-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 .2s ease, background .2s ease !important;
  }

  .testimonials-section .tst-mobile-dot.is-active {
    width: 24px !important;
    background: var(--gold) !important;
  }
}

@media (min-width: 769px) {
  .testimonials-section .tst-mobile-slider-controls {
    display: none !important;
  }
}

/* =====================================================
   FINAL FIX: Insights section mobile layout
   Restores readable cards, featured post, and 2x2 grid.
===================================================== */
@media (max-width: 768px) {
  .insights-section {
    padding: 48px 0 36px !important;
    overflow: hidden !important;
  }

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

  .insights-section .insights-eyebrow {
    justify-content: center !important;
    margin: 0 0 12px !important;
    gap: 8px !important;
    font-size: 9px !important;
    letter-spacing: .22em !important;
    line-height: 1 !important;
  }

  .insights-section .insights-eyebrow i {
    font-size: 8px !important;
  }

  .insights-section .insights-top {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 14px !important;
    margin: 0 0 22px !important;
  }

  .insights-section .insights-title {
    margin: 0 0 8px !important;
    max-width: 100% !important;
    font-size: clamp(26px, 6.8vw, 34px) !important;
    line-height: 1.06 !important;
    letter-spacing: -.055em !important;
  }

  .insights-section .insights-subtitle {
    max-width: 300px !important;
    margin: 0 auto !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    color: rgba(236,241,233,.72) !important;
  }

  .insights-section .insights-view-btn {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 18px !important;
    gap: 8px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    justify-content: center !important;
  }

  .insights-section .insights-view-btn i {
    font-size: 12px !important;
  }

  .insights-section .insights-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: stretch !important;
    margin: 0 !important;
  }

  .insights-section .insights-featured {
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 16px 14px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(212,175,55,.38) !important;
    background:
      radial-gradient(ellipse 220px 180px at 88% 42%, rgba(212,175,55,.12), transparent 68%),
      linear-gradient(145deg, rgba(22,43,35,.96), rgba(9,24,19,.98)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 18px 36px rgba(0,0,0,.30) !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(72px, .42fr) !important;
    grid-template-rows: auto auto auto auto !important;
    gap: 10px 10px !important;
    overflow: hidden !important;
  }

  .insights-section .insights-meta-row {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
    overflow: visible !important;
  }

  .insights-section .insights-pill {
    min-height: 22px !important;
    padding: 4px 9px !important;
    gap: 4px !important;
    border-radius: 999px !important;
    font-size: 8.5px !important;
    line-height: 1 !important;
  }

  .insights-section .insights-pill i {
    font-size: 8px !important;
  }

  .insights-section .insights-date,
  .insights-section .insights-read {
    gap: 4px !important;
    font-size: 8.5px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  .insights-section .insights-date i,
  .insights-section .insights-read i {
    font-size: 8px !important;
  }

  .insights-section .insights-feature-copy {
    grid-column: 1 !important;
    grid-row: 2 !important;
    max-width: none !important;
    align-self: start !important;
  }

  .insights-section .insights-card-title {
    margin: 0 0 8px !important;
    font-size: clamp(14px, 3.8vw, 17px) !important;
    line-height: 1.12 !important;
    letter-spacing: -.04em !important;
    color: #fff !important;
  }

  .insights-section .insights-card-text {
    margin: 0 !important;
    max-width: none !important;
    font-size: 10.5px !important;
    line-height: 1.5 !important;
    color: rgba(236,241,233,.72) !important;
  }

  .insights-section .insights-phone-stage {
    grid-column: 2 !important;
    grid-row: 2 / span 2 !important;
    width: 100% !important;
    min-width: 72px !important;
    height: auto !important;
    min-height: 120px !important;
    align-self: stretch !important;
  }

  .insights-section .insights-phone-stage::after {
    width: 70% !important;
    height: 12px !important;
    bottom: 8px !important;
  }

  .insights-section .insights-podium {
    width: 78% !important;
    height: 12px !important;
    bottom: 8px !important;
  }

  .insights-section .insights-phone {
    width: 54px !important;
    height: 92px !important;
    border-radius: 12px !important;
    padding: 5px 4px !important;
    border-width: 2px !important;
    transform: rotate(-10deg) translateY(-4px) !important;
  }

  .insights-section .insights-phone::before {
    width: 16px !important;
    height: 2px !important;
    top: 4px !important;
  }

  .insights-section .insights-phone-screen {
    border-radius: 8px !important;
    padding: 12px 5px 7px !important;
    gap: 3px !important;
  }

  .insights-section .insights-phone-bar {
    width: 6px !important;
    border-radius: 2px 2px 0 0 !important;
  }

  .insights-section .insights-phone-arrow {
    right: 0 !important;
    bottom: 18px !important;
    width: 44px !important;
    height: 44px !important;
  }

  .insights-section .insights-author {
    grid-column: 1 !important;
    grid-row: 3 !important;
    gap: 8px !important;
    align-self: end !important;
  }

  .insights-section .insights-avatar {
    width: 30px !important;
    height: 30px !important;
    flex: 0 0 30px !important;
    font-size: 9px !important;
    border-width: 1px !important;
  }

  .insights-section .insights-author strong {
    font-size: 10px !important;
    margin-bottom: 2px !important;
    line-height: 1.1 !important;
    color: #fff !important;
  }

  .insights-section .insights-author span {
    font-size: 8.5px !important;
    line-height: 1.15 !important;
    color: rgba(236,241,233,.62) !important;
  }

  .insights-section .insights-read-full {
    grid-column: 1 / -1 !important;
    grid-row: 4 !important;
    width: 100% !important;
    min-height: 34px !important;
    height: auto !important;
    padding: 0 14px !important;
    border-radius: 8px !important;
    font-size: 10px !important;
    gap: 6px !important;
    justify-content: center !important;
  }

  .insights-section .insights-read-full i {
    font-size: 11px !important;
  }

  .insights-section .insights-side-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    min-width: 0 !important;
    justify-content: flex-start !important;
  }

  .insights-section .insights-post {
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    border-radius: 12px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    align-items: stretch !important;
    overflow: hidden !important;
    border: 1px solid rgba(212,175,55,.28) !important;
    background: rgba(255,255,255,.04) !important;
    box-shadow: 0 10px 22px rgba(0,0,0,.22) !important;
  }

  .insights-section .insights-post-media {
    width: 100% !important;
    height: 58px !important;
    min-height: 58px !important;
    border-radius: 12px !important;
    font-size: 24px !important;
  }

  .insights-section .insights-post-copy {
    display: none !important;
  }

  .insights-section .insights-bottom-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-top: 16px !important;
  }

  .insights-section .insights-cat-card,
  .insights-section .insights-newsletter {
    min-width: 0 !important;
    width: auto !important;
    min-height: 168px !important;
    height: auto !important;
    padding: 16px 14px 14px !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
  }

  .insights-section .insights-cat-icon {
    width: 38px !important;
    height: 38px !important;
    margin-bottom: 12px !important;
    border-radius: 8px !important;
    font-size: 16px !important;
  }

  .insights-section .insights-cat-title {
    margin: 0 0 6px !important;
    font-size: 13px !important;
    line-height: 1.1 !important;
    color: #fff !important;
  }

  .insights-section .insights-cat-text {
    margin: 0 0 10px !important;
    font-size: 10px !important;
    line-height: 1.4 !important;
    color: rgba(236,241,233,.68) !important;
    flex: 1 1 auto !important;
  }

  .insights-section .insights-cat-link {
    margin-top: auto !important;
    font-size: 10px !important;
    gap: 4px !important;
    color: var(--gold) !important;
  }

  .insights-section .insights-cat-link i {
    font-size: 11px !important;
  }

  .insights-section .insights-newsletter {
    grid-column: auto !important;
  }

  .insights-section .insights-newsletter-head {
    grid-template-columns: 34px minmax(0, 1fr) !important;
    gap: 10px !important;
    margin-bottom: 10px !important;
  }

  .insights-section .insights-envelope {
    width: 32px !important;
    height: 32px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
  }

  .insights-section .insights-news-title {
    margin: 0 0 4px !important;
    font-size: 12px !important;
    line-height: 1.15 !important;
    color: var(--gold) !important;
  }

  .insights-section .insights-news-text {
    font-size: 9px !important;
    line-height: 1.35 !important;
    color: rgba(236,241,233,.68) !important;
  }

  .insights-section .insights-form {
    gap: 8px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .insights-section .insights-form input {
    min-height: 34px !important;
    height: 34px !important;
    padding: 0 10px !important;
    border-radius: 6px !important;
    font-size: 10px !important;
  }

  .insights-section .insights-form button {
    min-height: 34px !important;
    height: 34px !important;
    border-radius: 6px !important;
    gap: 5px !important;
    font-size: 10px !important;
  }

  .insights-section .insights-form button i {
    font-size: 11px !important;
  }

  .insights-section .insights-safe {
    margin-top: 8px !important;
    gap: 4px !important;
    font-size: 8.5px !important;
    line-height: 1.2 !important;
    color: #2ecc71 !important;
  }

  .insights-section .insights-safe i {
    font-size: 9px !important;
  }
}

@media (max-width: 430px) {
  .insights-section .insights-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .insights-section .insights-featured {
    grid-template-columns: 1fr minmax(88px, .38fr) !important;
    padding: 14px 12px !important;
  }

  .insights-section .insights-side-list {
    flex-direction: row !important;
    gap: 8px !important;
  }

  .insights-section .insights-post {
    flex: 1 1 0 !important;
  }

  .insights-section .insights-post-media {
    height: 52px !important;
    min-height: 52px !important;
    font-size: 20px !important;
  }

  .insights-section .insights-bottom-grid {
    gap: 8px !important;
  }

  .insights-section .insights-cat-card,
  .insights-section .insights-newsletter {
    min-height: 150px !important;
    padding: 14px 12px 12px !important;
  }
}

/* =====================================================
   FINAL FIX: Footer mobile layout
   Restores stacked panels with readable typography.
===================================================== */
@media (max-width: 768px) {
  .apex-footer.apex-footer-v2 {
    margin-top: 0 !important;
    padding: 28px 0 18px !important;
    overflow: hidden !important;
    background:
      radial-gradient(ellipse 520px 260px at 8% 0%, rgba(212,175,55,.08), transparent 58%),
      radial-gradient(ellipse 420px 220px at 92% 20%, rgba(46,204,113,.05), transparent 60%),
      linear-gradient(180deg, #071210 0%, #06110f 100%) !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-container {
    width: min(100% - 24px, 520px) !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-main {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    align-items: stretch !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-panel,
  .apex-footer.apex-footer-v2 .footer-v2-brand-panel,
  .apex-footer.apex-footer-v2 .footer-v2-links-panel,
  .apex-footer.apex-footer-v2 .footer-v2-contact-panel {
    grid-column: 1 !important;
    grid-row: auto !important;
    min-width: 0 !important;
    min-height: auto !important;
    height: auto !important;
    padding: 20px 18px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(212,175,55,.28) !important;
    background:
      radial-gradient(ellipse 320px 120px at 50% -18%, rgba(212,175,55,.08), transparent 62%),
      linear-gradient(145deg, rgba(20,35,30,.92), rgba(6,18,16,.96)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 14px 32px rgba(0,0,0,.24) !important;
    overflow: hidden !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-brand-panel {
    justify-content: flex-start !important;
    padding: 22px 18px 20px !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-logo {
    gap: 12px !important;
    margin-bottom: 16px !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-logo-mark {
    width: 48px !important;
    height: 48px !important;
    border-radius: 10px !important;
    font-size: 24px !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-logo-text strong {
    font-size: 16px !important;
    line-height: 1 !important;
    letter-spacing: .22em !important;
    color: #fff !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-logo-text span {
    margin-top: 5px !important;
    font-size: 8.5px !important;
    letter-spacing: .32em !important;
    color: #fff !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-about {
    max-width: none !important;
    margin: 0 0 18px !important;
    font-size: 11.5px !important;
    line-height: 1.65 !important;
    color: rgba(255,255,255,.82) !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-socials {
    gap: 12px !important;
    margin-bottom: 16px !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-socials a {
    width: 36px !important;
    height: 36px !important;
    border-radius: 8px !important;
    font-size: 17px !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-trust {
    gap: 7px !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    color: rgba(255,255,255,.78) !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-trust i {
    font-size: 14px !important;
    color: #2ecc71 !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-links-panel {
    padding: 20px 18px !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-links-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 0 18px !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-block + .footer-v2-block {
    margin-top: 20px !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-title {
    margin: 0 0 12px !important;
    font-size: 10px !important;
    line-height: 1 !important;
    letter-spacing: .17em !important;
    color: var(--gold) !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-list a {
    min-height: 28px !important;
    gap: 8px !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
    color: rgba(236,241,233,.78) !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-list a::before {
    font-size: 9px !important;
    color: var(--gold) !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-platforms i {
    width: auto !important;
    font-size: 12px !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-contact-panel {
    padding: 20px 18px 18px !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-contact-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-bottom: 12px !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-contact-card {
    min-height: 54px !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    gap: 8px !important;
    padding: 8px !important;
    border-radius: 8px !important;
    background: rgba(0,0,0,.18) !important;
    border: 1px solid rgba(212,175,55,.14) !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-contact-icon {
    width: 30px !important;
    height: 30px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-contact-label {
    margin-bottom: 2px !important;
    font-size: 8.5px !important;
    line-height: 1 !important;
    color: rgba(236,241,233,.55) !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-contact-value {
    font-size: 10px !important;
    line-height: 1.2 !important;
    color: #fff !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-hours {
    margin-top: 0 !important;
    padding: 12px 12px 10px !important;
    border-radius: 8px !important;
    max-width: none !important;
    background: rgba(0,0,0,.16) !important;
    border: 1px solid rgba(212,175,55,.16) !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-hours-head {
    gap: 6px !important;
    margin-bottom: 8px !important;
    font-size: 10px !important;
    line-height: 1 !important;
    color: var(--gold) !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-hours-head i {
    width: 18px !important;
    height: 18px !important;
    font-size: 10px !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-hour-row {
    gap: 8px !important;
    margin-top: 6px !important;
    font-size: 9.5px !important;
    line-height: 1.2 !important;
    color: rgba(236,241,233,.72) !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-hour-row strong {
    color: var(--gold) !important;
    font-size: 9.5px !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-bottom {
    min-height: auto !important;
    height: auto !important;
    margin-top: 12px !important;
    padding: 14px 12px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    justify-items: center !important;
    align-items: center !important;
    text-align: center !important;
    border-radius: 8px !important;
    font-size: 10px !important;
    line-height: 1.35 !important;
    color: rgba(236,241,233,.68) !important;
    background: rgba(0,0,0,.18) !important;
    border: 1px solid rgba(212,175,55,.14) !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-policies {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px 10px !important;
    white-space: normal !important;
    justify-content: center !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-policies a {
    font-size: 9.5px !important;
    color: rgba(236,241,233,.72) !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-business {
    justify-self: center !important;
    gap: 5px !important;
    white-space: normal !important;
    font-size: 9.5px !important;
    color: rgba(236,241,233,.72) !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-business i {
    font-size: 11px !important;
    color: #2ecc71 !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-dot {
    font-size: 8px !important;
    color: rgba(212,175,55,.58) !important;
  }
}

@media (min-width: 769px) {
  .apex-footer.apex-footer-v2 .footer-v2-main {
    display: grid !important;
    grid-template-columns: 1.08fr 1.31fr .92fr !important;
    gap: 16px !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-panel,
  .apex-footer.apex-footer-v2 .footer-v2-brand-panel,
  .apex-footer.apex-footer-v2 .footer-v2-links-panel,
  .apex-footer.apex-footer-v2 .footer-v2-contact-panel {
    min-height: auto !important;
    height: auto !important;
    padding: 29px 28px !important;
    border-radius: 10px !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-brand-panel {
    padding: 50px 35px 36px !important;
  }
}

/* =====================================================
   FINAL FIX: About team pill — compact mobile layout
   Row 1: avatars + text. Row 2: both buttons visible.
===================================================== */
@media (max-width: 768px) {
  .about-section .ab-team-pill,
  .ab-team-pill {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    gap: 8px 10px !important;
    width: 100% !important;
    min-height: auto !important;
    height: auto !important;
    padding: 10px 12px !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.05) !important;
    border: 1px solid rgba(255,255,255,.1) !important;
    overflow: visible !important;
  }

  .about-section .ab-avatars,
  .ab-avatars {
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    align-self: center !important;
  }

  .about-section .ab-av,
  .ab-av {
    width: 24px !important;
    height: 24px !important;
    margin-left: -5px !important;
    border: 1.5px solid rgba(10,18,9,.9) !important;
    border-radius: 50% !important;
    font-size: 6px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    color: #fff !important;
    box-shadow: 0 3px 8px rgba(0,0,0,.24) !important;
  }

  .about-section .ab-av:first-child,
  .ab-av:first-child {
    margin-left: 0 !important;
  }

  .about-section .ab-team-text,
  .ab-team-text {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  .about-section .ab-team-text strong,
  .ab-team-text strong {
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    color: #fff !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
  }

  .about-section .ab-team-text span,
  .ab-team-text span {
    font-size: 8.5px !important;
    line-height: 1.2 !important;
    color: rgba(255,255,255,.65) !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
  }

  .about-section .ab-team-btns,
  .ab-team-btns {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
  }

  .about-section .ab-btn-gold,
  .about-section .ab-btn-ghost,
  .ab-btn-gold,
  .ab-btn-ghost {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    flex: 0 0 auto !important;
    min-height: 0 !important;
    padding: 6px 10px !important;
    border-radius: 50px !important;
    font-size: 8.5px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    gap: 4px !important;
    white-space: nowrap !important;
  }

  .about-section .ab-btn-gold,
  .ab-btn-gold {
    background: linear-gradient(135deg, #d4af37, #b88a2f) !important;
    color: #071105 !important;
    border: 1px solid rgba(212,175,55,.8) !important;
    box-shadow: 0 4px 12px rgba(212,175,55,.18) !important;
  }

  .about-section .ab-btn-ghost,
  .ab-btn-ghost {
    background: rgba(255,255,255,.08) !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.2) !important;
    font-weight: 600 !important;
  }

  .about-section .ab-btn-gold i,
  .about-section .ab-btn-ghost i,
  .ab-btn-gold i,
  .ab-btn-ghost i {
    font-size: 8.5px !important;
    line-height: 1 !important;
  }
}

@media (max-width: 390px) {
  .about-section .ab-team-pill,
  .ab-team-pill {
    gap: 7px 8px !important;
    padding: 9px 10px !important;
    border-radius: 16px !important;
  }

  .about-section .ab-av,
  .ab-av {
    width: 22px !important;
    height: 22px !important;
    margin-left: -4px !important;
    font-size: 5.5px !important;
  }

  .about-section .ab-team-text strong,
  .ab-team-text strong {
    font-size: 9px !important;
  }

  .about-section .ab-team-text span,
  .ab-team-text span {
    font-size: 8px !important;
  }

  .about-section .ab-team-btns,
  .ab-team-btns {
    gap: 6px !important;
  }

  .about-section .ab-btn-gold,
  .about-section .ab-btn-ghost,
  .ab-btn-gold,
  .ab-btn-ghost {
    padding: 5px 8px !important;
    font-size: 8px !important;
    gap: 3px !important;
  }

  .about-section .ab-btn-gold i,
  .about-section .ab-btn-ghost i,
  .ab-btn-gold i,
  .ab-btn-ghost i {
    font-size: 8px !important;
  }
}

/* =====================================================
   FINAL FIX: Center Conversion donut chart
===================================================== */
.client-results-section .cr-donut-chart,
.cr-donut-chart {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  min-height: auto !important;
  height: auto !important;
  padding: 12px 10px 14px !important;
  position: relative !important;
}

.client-results-section .cr-donut-chart .cr-mini-head,
.cr-donut-chart .cr-mini-head {
  width: 100% !important;
  justify-content: center !important;
  text-align: center !important;
  margin: 0 0 4px !important;
}

.client-results-section .cr-donut-svg,
.cr-donut-chart .cr-donut-svg {
  display: block !important;
  width: 72px !important;
  height: 72px !important;
  margin: 4px auto 0 !important;
}

.client-results-section .cr-donut-chart strong,
.cr-donut-chart strong {
  position: relative !important;
  left: auto !important;
  bottom: auto !important;
  transform: none !important;
  margin: -40px auto 8px !important;
  padding: 0 !important;
  width: 100% !important;
  text-align: center !important;
  color: #f7f4eb !important;
  font-size: 16px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  z-index: 2 !important;
}

.client-results-section .cr-bars-chart,
.cr-bars-chart {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  min-height: auto !important;
  height: auto !important;
  padding: 12px 10px !important;
}

.client-results-section .cr-bars-chart .cr-mini-head,
.cr-bars-chart .cr-mini-head {
  width: 100% !important;
  justify-content: center !important;
  text-align: center !important;
}

.client-results-section .cr-animated-bars,
.cr-bars-chart .cr-animated-bars {
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width: 768px) {
  .client-results-section .cr-live-side,
  .cr-live-side {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    align-items: stretch !important;
  }

  .client-results-section .cr-mini-chart,
  .cr-mini-chart {
    min-height: 96px !important;
    height: auto !important;
    padding: 10px 8px !important;
    border-radius: 10px !important;
  }

  .client-results-section .cr-donut-svg,
  .cr-donut-chart .cr-donut-svg {
    width: 58px !important;
    height: 58px !important;
    margin: 6px auto 0 !important;
  }

  .client-results-section .cr-donut-chart strong,
  .cr-donut-chart strong {
    margin-top: -32px !important;
    margin-bottom: 6px !important;
    font-size: 13px !important;
  }

  .client-results-section .cr-animated-bars,
  .cr-bars-chart .cr-animated-bars {
    height: 36px !important;
    margin-top: 8px !important;
  }
}

/* =====================================================
   FINAL FIX: Compact Client Results mobile slider
===================================================== */
@media (max-width: 768px) {
  .client-results-section .cr-container {
    width: min(100% - 20px, 400px) !important;
  }

  .client-results-section .cr-section-title,
  .cr-section-title {
    font-size: 18px !important;
    margin-bottom: 2px !important;
  }

  .client-results-section .cr-section-sub,
  .cr-section-sub {
    font-size: 9.5px !important;
  }

  .client-results-section .cr-nav-arrows button,
  .cr-nav-arrows button {
    width: 28px !important;
    height: 28px !important;
    font-size: 12px !important;
  }

  .client-results-section .cr-cards-grid,
  .cr-cards-grid {
    gap: 10px !important;
    margin: 8px 0 0 !important;
    padding: 6px 12px 8px !important;
    scroll-padding-inline: 12px !important;
  }

  .client-results-section .cr-card,
  .client-results-section .cr-card:nth-child(n),
  .cr-cards-grid .cr-card {
    flex: 0 0 82% !important;
    width: 82% !important;
    min-width: 82% !important;
    max-width: 82% !important;
    min-height: 248px !important;
    padding: 14px 14px 12px !important;
    border-radius: 14px !important;
  }

  .client-results-section .cr-client-top,
  .cr-client-top {
    gap: 8px !important;
    margin-bottom: 10px !important;
    padding-right: 32px !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: 34px !important;
    height: 34px !important;
    flex: 0 0 34px !important;
    font-size: 8px !important;
  }

  .client-results-section .cr-client-name,
  .cr-client-name {
    font-size: 11px !important;
  }

  .client-results-section .cr-client-type,
  .cr-client-type {
    font-size: 8px !important;
    margin-top: 2px !important;
  }

  .client-results-section .cr-metrics-box,
  .cr-metrics-box {
    gap: 10px !important;
    margin-bottom: 8px !important;
  }

  .client-results-section .cr-mini-label,
  .cr-mini-label {
    font-size: 7px !important;
    margin-bottom: 3px !important;
  }

  .client-results-section .cr-mini-value,
  .client-results-section .cr-mini-value.gold,
  .cr-mini-value,
  .cr-mini-value.gold {
    font-size: 18px !important;
  }

  .client-results-section .cr-growth-grid,
  .cr-growth-grid {
    gap: 5px !important;
    margin: 0 0 8px !important;
  }

  .client-results-section .cr-growth-grid > div,
  .cr-growth-grid > div {
    min-height: 38px !important;
    padding: 6px 4px !important;
  }

  .client-results-section .cr-growth-value,
  .cr-growth-value {
    font-size: 9px !important;
  }

  .client-results-section .cr-growth-label,
  .cr-growth-label {
    font-size: 6.5px !important;
    margin-top: 2px !important;
  }

  .client-results-section .cr-case-chart,
  .cr-case-chart {
    height: 58px !important;
    margin: 4px 0 8px !important;
  }

  .client-results-section .cr-case-platform,
  .cr-case-platform {
    width: 26px !important;
    height: 26px !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    top: 12px !important;
    right: 12px !important;
  }

  .client-results-section .cr-tiny-note,
  .cr-tiny-note {
    font-size: 8px !important;
  }

  .client-results-section .cr-card-bottom::after,
  .cr-card-bottom::after {
    min-height: 28px !important;
    padding: 0 10px !important;
    border-radius: 8px !important;
    font-size: 7.5px !important;
  }

  .client-results-section .cr-slider-dots,
  .cr-slider-dots {
    gap: 5px !important;
    margin: 2px auto 0 !important;
  }

  .client-results-section .cr-slider-dot,
  .cr-slider-dot {
    width: 5px !important;
    height: 5px !important;
  }

  .client-results-section .cr-slider-dot.is-active,
  .cr-slider-dot.is-active {
    width: 16px !important;
  }

  .client-results-section .cr-main-cta,
  .cr-main-cta {
    min-height: 38px !important;
    padding: 0 16px !important;
    font-size: 10px !important;
    margin-top: 12px !important;
  }
}

@media (max-width: 390px) {
  .client-results-section .cr-card,
  .cr-cards-grid .cr-card {
    flex: 0 0 86% !important;
    width: 86% !important;
    min-width: 86% !important;
    max-width: 86% !important;
    min-height: 232px !important;
    padding: 12px 12px 10px !important;
  }

  .client-results-section .cr-mini-value,
  .cr-mini-value,
  .cr-mini-value.gold {
    font-size: 16px !important;
  }

  .client-results-section .cr-case-chart,
  .cr-case-chart {
    height: 50px !important;
  }
}

/* =====================================================
   FINAL FIX: Compact Pricing mobile slider (portrait)
===================================================== */
@media (max-width: 768px) {
  .packages-section .pkg-container,
  .pkg-container {
    width: min(100% - 20px, 340px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .packages-section .pkg-cards,
  .pkg-cards {
    gap: 10px !important;
    margin: 10px auto 0 !important;
    padding: 6px 12px 8px !important;
    scroll-padding-inline: 12px !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
  }

  .packages-section .pkg-card,
  .packages-section .pkg-card.is-featured,
  .pkg-card,
  .pkg-card.is-featured {
    flex: 0 0 82% !important;
    width: 82% !important;
    min-width: 82% !important;
    max-width: 82% !important;
    min-height: auto !important;
    height: auto !important;
    padding: 16px 14px 14px !important;
    border-radius: 14px !important;
    transform: none !important;
    text-align: center !important;
    align-items: center !important;
  }

  .packages-section .pkg-popular,
  .pkg-popular {
    min-width: 96px !important;
    height: 20px !important;
    padding: 0 8px !important;
    border-radius: 0 0 6px 6px !important;
    font-size: 6.5px !important;
    gap: 3px !important;
  }

  .packages-section .pkg-popular i,
  .pkg-popular i {
    font-size: 6px !important;
  }

  .packages-section .pkg-plan-icon,
  .pkg-plan-icon {
    width: 30px !important;
    height: 30px !important;
    font-size: 13px !important;
    margin: 0 auto 8px !important;
    border-radius: 8px !important;
  }

  .packages-section .pkg-card h3,
  .pkg-card h3 {
    font-size: 11px !important;
    line-height: 1.1 !important;
    margin-bottom: 3px !important;
    letter-spacing: .05em !important;
  }

  .packages-section .pkg-plan-sub,
  .pkg-plan-sub {
    font-size: 8.5px !important;
    line-height: 1.3 !important;
    margin-bottom: 6px !important;
    min-height: 0 !important;
  }

  .packages-section .pkg-small-line,
  .pkg-small-line {
    width: 24px !important;
    height: 2px !important;
    margin: 0 auto 6px !important;
  }

  .packages-section .pkg-price-row,
  .pkg-price-row {
    justify-content: center !important;
    gap: 4px !important;
    margin-bottom: 1px !important;
  }

  .packages-section .pkg-currency,
  .pkg-currency {
    font-size: 12px !important;
    padding-top: 4px !important;
  }

  .packages-section .pkg-price,
  .pkg-price {
    font-size: 30px !important;
    line-height: .9 !important;
  }

  .packages-section .pkg-onetime,
  .pkg-onetime {
    font-size: 8px !important;
    margin-bottom: 8px !important;
  }

  .packages-section .pkg-followers,
  .pkg-followers {
    min-height: 30px !important;
    height: auto !important;
    gap: 6px !important;
    padding: 6px 8px !important;
    margin: 0 auto 10px !important;
    border-radius: 6px !important;
    width: 100% !important;
    justify-content: center !important;
  }

  .packages-section .pkg-followers i,
  .pkg-followers i {
    font-size: 11px !important;
  }

  .packages-section .pkg-followers strong,
  .pkg-followers strong {
    font-size: 9px !important;
    line-height: 1.15 !important;
  }

  .packages-section .pkg-list,
  .pkg-list {
    width: 100% !important;
    gap: 5px !important;
    margin-bottom: 10px !important;
    text-align: left !important;
  }

  .packages-section .pkg-list li,
  .pkg-list li {
    font-size: 8px !important;
    line-height: 1.25 !important;
    gap: 5px !important;
  }

  .packages-section .pkg-list li i,
  .pkg-list li i {
    font-size: 9px !important;
  }

  .packages-section .pkg-card-btn,
  .pkg-card-btn {
    width: 100% !important;
    min-height: 30px !important;
    padding: 0 10px !important;
    font-size: 9px !important;
    border-radius: 7px !important;
    gap: 4px !important;
    justify-content: center !important;
  }

  .packages-section .pkg-card-btn i,
  .pkg-card-btn i {
    font-size: 9px !important;
  }

  .packages-section .pkg-mobile-slider-controls,
  .pkg-mobile-slider-controls {
    gap: 8px !important;
    margin: 4px auto 0 !important;
  }

  .packages-section .pkg-mobile-slider-btn,
  .pkg-mobile-slider-btn {
    width: 28px !important;
    height: 28px !important;
    font-size: 12px !important;
    border-width: 1px !important;
  }

  .packages-section .pkg-mobile-slider-dots,
  .pkg-mobile-slider-dots {
    gap: 5px !important;
  }

  .packages-section .pkg-mobile-dot,
  .pkg-mobile-dot {
    width: 5px !important;
    height: 5px !important;
  }

  .packages-section .pkg-mobile-dot.is-active,
  .pkg-mobile-dot.is-active {
    width: 16px !important;
  }

  .packages-section .pkg-benefits-bar,
  .pkg-benefits-bar {
    margin-top: 12px !important;
    gap: 6px !important;
  }

  .packages-section .pkg-benefit,
  .pkg-benefit {
    padding: 8px 6px !important;
    gap: 6px !important;
  }

  .packages-section .pkg-benefit strong,
  .pkg-benefit strong {
    font-size: 8px !important;
  }

  .packages-section .pkg-benefit span,
  .pkg-benefit span {
    font-size: 7px !important;
  }
}

@media (max-width: 390px) {
  .packages-section .pkg-container,
  .pkg-container {
    width: min(100% - 16px, 300px) !important;
  }

  .packages-section .pkg-card,
  .pkg-card,
  .pkg-card.is-featured {
    flex: 0 0 86% !important;
    width: 86% !important;
    min-width: 86% !important;
    max-width: 86% !important;
    padding: 14px 12px 12px !important;
  }

  .packages-section .pkg-price,
  .pkg-price {
    font-size: 26px !important;
  }

  .packages-section .pkg-list li,
  .pkg-list li {
    font-size: 7.5px !important;
  }
}

/* =====================================================
   FINAL FIX: Client Results hero panel — mobile desktop-like
   Restores two-column hero + readable charts + white stats bar
===================================================== */
@media (max-width: 768px) {
  .client-results-section .cr-container,
  .cr-container {
    width: min(100% - 20px, 400px) !important;
    max-width: 400px !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  .client-results-section .cr-hero-panel,
  .cr-hero-panel {
    min-height: auto !important;
    height: auto !important;
    display: grid !important;
    grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr) !important;
    gap: 10px !important;
    padding: 16px 14px !important;
    align-items: center !important;
    text-align: left !important;
    border-radius: 12px !important;
    overflow: visible !important;
  }

  .cr-hero-copy {
    min-width: 0 !important;
    text-align: left !important;
  }

  .cr-eyebrow {
    justify-content: flex-start !important;
    gap: 6px !important;
    margin: 0 0 8px !important;
    font-size: 7px !important;
    line-height: 1 !important;
    letter-spacing: .2em !important;
    white-space: nowrap !important;
  }

  .cr-eyebrow i {
    font-size: 5px !important;
  }

  .cr-title {
    margin: 0 0 6px !important;
    font-size: clamp(16px, 4.6vw, 21px) !important;
    line-height: .94 !important;
    letter-spacing: -.05em !important;
    text-align: left !important;
  }

  .cr-title-icon {
    width: 20px !important;
    height: 20px !important;
    margin-left: 4px !important;
    transform: translateY(-2px) !important;
    border-radius: 5px !important;
    font-size: 10px !important;
  }

  .cr-subtitle {
    max-width: none !important;
    margin: 0 0 10px !important;
    font-size: 9px !important;
    line-height: 1.45 !important;
    text-align: left !important;
    color: rgba(236,241,233,.78) !important;
  }

  .cr-socials {
    justify-content: flex-start !important;
    gap: 6px !important;
    flex-wrap: nowrap !important;
  }

  .client-results-section .cr-social,
  .cr-social {
    width: 26px !important;
    height: 26px !important;
    border-radius: 6px !important;
    font-size: 11px !important;
  }

  .cr-chart-wrap {
    min-height: auto !important;
    height: auto !important;
    display: block !important;
    justify-content: center !important;
    align-items: stretch !important;
    overflow: visible !important;
  }

  .cr-chart-orbit,
  .cr-chart-orbit::before,
  .cr-chart-orbit::after,
  .cr-bars,
  .cr-arrow-line {
    display: none !important;
  }

  .client-results-section .cr-live-charts,
  .cr-live-charts {
    width: 100% !important;
    max-width: 100% !important;
    min-height: auto !important;
    height: auto !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.42fr) minmax(68px, .58fr) !important;
    gap: 6px !important;
    align-items: stretch !important;
    filter: drop-shadow(0 10px 18px rgba(0,0,0,.28)) !important;
  }

  .client-results-section .cr-live-main,
  .cr-live-main {
    min-height: 148px !important;
    height: auto !important;
    padding: 8px 8px 7px !important;
    border-radius: 10px !important;
  }

  .cr-chart-head,
  .cr-mini-head {
    gap: 4px !important;
    font-size: 7px !important;
    line-height: 1 !important;
    letter-spacing: .06em !important;
  }

  .cr-chart-head em {
    padding: 3px 5px !important;
    gap: 2px !important;
    font-size: 6px !important;
    border-radius: 999px !important;
  }

  .cr-line-chart {
    height: 68px !important;
    margin-top: 5px !important;
  }

  .cr-growth-line {
    stroke-width: 2.5 !important;
  }

  .cr-live-kpis {
    gap: 4px !important;
    margin-top: 4px !important;
  }

  .cr-live-kpis span {
    min-height: 26px !important;
    padding: 4px 3px !important;
    border-radius: 5px !important;
    font-size: 5.5px !important;
    line-height: 1.1 !important;
  }

  .cr-live-kpis strong {
    font-size: 7.5px !important;
  }

  .client-results-section .cr-live-side,
  .cr-live-side {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 6px !important;
    align-items: stretch !important;
  }

  .client-results-section .cr-mini-chart,
  .cr-mini-chart {
    min-height: 68px !important;
    height: auto !important;
    padding: 7px 6px !important;
    border-radius: 8px !important;
  }

  .client-results-section .cr-animated-bars,
  .cr-bars-chart .cr-animated-bars {
    height: 30px !important;
    margin-top: 5px !important;
    gap: 3px !important;
  }

  .client-results-section .cr-animated-bars span,
  .cr-animated-bars span {
    width: 6px !important;
    border-radius: 3px 3px 1px 1px !important;
  }

  .client-results-section .cr-donut-svg,
  .cr-donut-chart .cr-donut-svg {
    width: 44px !important;
    height: 44px !important;
    margin: 4px auto 0 !important;
  }

  .client-results-section .cr-donut-chart strong,
  .cr-donut-chart strong {
    margin-top: -24px !important;
    margin-bottom: 4px !important;
    font-size: 11px !important;
    line-height: 1 !important;
  }

  /* White stats bar — matches desktop reference */
  .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,
  .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,
  .cr-stat:first-child {
    border-left: 0 !important;
  }

  .client-results-section .cr-stat i,
  .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,
  .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,
  .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;
  }
}

@media (max-width: 390px) {
  .client-results-section .cr-hero-panel,
  .cr-hero-panel {
    padding: 14px 12px !important;
    gap: 8px !important;
  }

  .cr-title {
    font-size: 15px !important;
  }

  .cr-subtitle {
    font-size: 8px !important;
  }

  .client-results-section .cr-social,
  .cr-social {
    width: 24px !important;
    height: 24px !important;
    font-size: 10px !important;
  }

  .client-results-section .cr-live-main,
  .cr-live-main {
    min-height: 136px !important;
    padding: 7px 6px 6px !important;
  }

  .cr-line-chart {
    height: 60px !important;
  }

  .client-results-section .cr-mini-chart,
  .cr-mini-chart {
    min-height: 62px !important;
    padding: 6px 5px !important;
  }

  .client-results-section .cr-stat-value,
  .cr-stat-value {
    font-size: clamp(8.8px, 2.25vw, 10.8px) !important;
  }

  .client-results-section .cr-stat-label,
  .cr-stat-label {
    font-size: clamp(3.8px, 1vw, 4.9px) !important;
  }
}

/* =====================================================
   FINAL FIX: Testimonials mobile — pixel-perfect layout
   Matches reference: centered header, rating card,
   white quote card, dark author row, slider dots.
===================================================== */
@media (max-width: 768px) {
  .testimonials-section {
    overflow: hidden !important;
    padding: 44px 0 36px !important;
  }

  .testimonials-section .tst-container {
    width: min(100% - 24px, 400px) !important;
    max-width: 400px !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  /* —— Header —— */
  .testimonials-section .tst-eyebrow {
    justify-content: center !important;
    margin-bottom: 12px !important;
    gap: 8px !important;
    font-size: 9px !important;
    letter-spacing: .24em !important;
    text-align: center !important;
  }

  .testimonials-section .tst-eyebrow i {
    font-size: 7px !important;
  }

  .testimonials-section .tst-line {
    width: 40px !important;
    height: 1px !important;
    background: rgba(212,175,55,.45) !important;
  }

  .testimonials-section .tst-head {
    margin: 0 auto 20px !important;
    max-width: 100% !important;
    text-align: center !important;
  }

  .testimonials-section .tst-title {
    margin: 0 0 10px !important;
    font-size: clamp(26px, 6.8vw, 34px) !important;
    line-height: 1.04 !important;
    letter-spacing: -.055em !important;
    white-space: normal !important;
    text-align: center !important;
    color: #f7f4eb !important;
  }

  .testimonials-section .tst-title span {
    display: block !important;
    color: var(--gold) !important;
    margin-top: 2px !important;
  }

  .testimonials-section .tst-subtitle {
    font-size: 12px !important;
    line-height: 1.5 !important;
    color: rgba(236,241,233,.72) !important;
    max-width: 300px !important;
    margin: 0 auto !important;
    text-align: center !important;
  }

  /* —— Rating summary card —— */
  .testimonials-section .tst-rating-panel {
    display: grid !important;
    grid-template-columns: 76px minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    gap: 10px 14px !important;
    align-items: center !important;
    min-height: auto !important;
    height: auto !important;
    margin: 0 0 16px !important;
    padding: 16px 14px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(212,175,55,.38) !important;
    background: linear-gradient(125deg, #ffffff 0%, #fbfaf6 55%, #f2efe6 100%) !important;
    color: #15231d !important;
    box-shadow: 0 12px 26px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.98) !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 !important;
    padding: 0 !important;
    border: 0 !important;
    text-align: center !important;
    align-items: center !important;
  }

  .testimonials-section .tst-score {
    font-size: 44px !important;
    line-height: .86 !important;
    color: #111 !important;
    letter-spacing: -.06em !important;
    text-shadow: none !important;
  }

  .testimonials-section .tst-score-stars,
  .testimonials-section .tst-score-note {
    display: none !important;
  }

  .testimonials-section .tst-bars {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    padding: 0 !important;
    display: grid !important;
    gap: 8px !important;
    border: 0 !important;
  }

  .testimonials-section .tst-bar-row:nth-child(n+4) {
    display: none !important;
  }

  .testimonials-section .tst-bar-row {
    display: grid !important;
    grid-template-columns: 24px minmax(0, 1fr) 32px !important;
    align-items: center !important;
    gap: 8px !important;
    color: #1f2a25 !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
  }

  .testimonials-section .tst-bar-row span:first-child i {
    color: #d4af37 !important;
    font-size: 8px !important;
  }

  .testimonials-section .tst-bar-track {
    height: 7px !important;
    border-radius: 99px !important;
    background: #e4e1d8 !important;
    overflow: hidden !important;
  }

  .testimonials-section .tst-bar-fill {
    background: linear-gradient(90deg, #d4af37, #f0cf57) !important;
    box-shadow: none !important;
    border-radius: 99px !important;
  }

  .testimonials-section .tst-platforms {
    display: none !important;
  }

  /* —— Slider track —— */
  .testimonials-section .tst-masonry {
    display: flex !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    gap: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 0 8px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth !important;
    scroll-padding-inline: 0 !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-x: contain !important;
    scrollbar-width: none !important;
    cursor: grab !important;
  }

  .testimonials-section .tst-masonry:active {
    cursor: grabbing !important;
  }

  .testimonials-section .tst-masonry::-webkit-scrollbar {
    display: none !important;
  }

  .testimonials-section .tst-masonry > article,
  .testimonials-section .tst-card,
  .testimonials-section .tst-card-featured,
  .testimonials-section .tst-card-wide {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    min-height: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
    scroll-snap-align: center !important;
    scroll-snap-stop: always !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    row-gap: 0 !important;
    grid-column: auto !important;
    grid-row: auto !important;
  }

  .testimonials-section .tst-masonry > article::before,
  .testimonials-section .tst-card::before,
  .testimonials-section .tst-card::after {
    display: none !important;
    content: none !important;
  }

  /* —— White quote card (single seamless unit, no gaps) —— */
  .testimonials-section .tst-card-quote,
  .testimonials-section .tst-card-featured .tst-card-quote,
  .testimonials-section .tst-card-wide .tst-card-quote {
    display: block !important;
    color: #d4af37 !important;
    font-size: 32px !important;
    line-height: 1 !important;
    margin: 0 !important;
    margin-bottom: 0 !important;
    padding: 20px 20px 8px !important;
    border: 1px solid rgba(212,175,55,.42) !important;
    border-bottom: 0 !important;
    border-radius: 16px 16px 0 0 !important;
    background: #f8f7f1 !important;
    box-shadow: none !important;
  }

  .testimonials-section .tst-text,
  .testimonials-section .tst-card-featured .tst-text,
  .testimonials-section .tst-card-wide .tst-text {
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 20px 16px !important;
    max-width: none !important;
    color: #3a423c !important;
    font-size: 13px !important;
    line-height: 1.68 !important;
    font-weight: 600 !important;
    border-left: 1px solid rgba(212,175,55,.42) !important;
    border-right: 1px solid rgba(212,175,55,.42) !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    background: #f8f7f1 !important;
    box-shadow: none !important;
  }

  .testimonials-section .tst-text strong {
    color: #151a16 !important;
    font-weight: 800 !important;
  }

  .testimonials-section .tst-bold-line {
    display: block !important;
    margin: 0 !important;
    margin-top: 0 !important;
    padding: 14px 20px 20px !important;
    color: #3a423c !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    font-weight: 700 !important;
    border: 1px solid rgba(212,175,55,.42) !important;
    border-top: 1px solid rgba(0,0,0,.08) !important;
    border-radius: 0 0 16px 16px !important;
    background: #f8f7f1 !important;
    box-shadow: 0 14px 30px rgba(0,0,0,.2) !important;
  }

  .testimonials-section .tst-card:not(:has(.tst-bold-line)) .tst-text:last-of-type {
    padding-bottom: 20px !important;
    border-bottom: 1px solid rgba(212,175,55,.42) !important;
    border-radius: 0 0 16px 16px !important;
    box-shadow: 0 14px 30px rgba(0,0,0,.2) !important;
  }

  /* —— Author row on dark background (only gap below quote card) —— */
  .testimonials-section .tst-author {
    margin: 16px 0 0 !important;
    padding: 0 2px !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 10px !important;
    background: transparent !important;
  }

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

  .testimonials-section .tst-avatar {
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 44px !important;
    font-size: 12px !important;
    border-radius: 999px !important;
  }

  .testimonials-section .tst-author-name {
    color: #ffffff !important;
    font-size: 14px !important;
    line-height: 1.1 !important;
    font-weight: 900 !important;
    max-width: none !important;
  }

  .testimonials-section .tst-author-role {
    color: rgba(236,241,233,.62) !important;
    font-size: 10px !important;
    line-height: 1.25 !important;
    margin-top: 2px !important;
    max-width: none !important;
  }

  .testimonials-section .tst-mini-stars {
    gap: 2px !important;
    margin-top: 5px !important;
    color: #d4af37 !important;
    font-size: 9px !important;
  }

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

  .testimonials-section .tst-growth-pill {
    min-height: 30px !important;
    padding: 0 10px !important;
    gap: 4px !important;
    border-radius: 999px !important;
    font-size: 9px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    background: rgba(46,204,113,.16) !important;
    border: 1px solid rgba(46,204,113,.42) !important;
    color: #2ecc71 !important;
    font-weight: 800 !important;
  }

  .testimonials-section .tst-growth-pill i {
    font-size: 10px !important;
  }

  .testimonials-section .tst-social {
    width: 32px !important;
    height: 32px !important;
    flex: 0 0 32px !important;
    font-size: 15px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .testimonials-section .tst-social.instagram {
    color: #e4405f !important;
  }

  /* —— Slider dots —— */
  .testimonials-section .tst-mobile-slider-controls {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    margin-top: 16px !important;
  }

  .testimonials-section .tst-mobile-dot {
    width: 7px !important;
    height: 7px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(212,175,55,.32) !important;
    cursor: pointer !important;
    transition: width .22s ease, background .22s ease !important;
  }

  .testimonials-section .tst-mobile-dot.is-active {
    width: 26px !important;
    background: var(--gold) !important;
  }
}

@media (max-width: 390px) {
  .testimonials-section .tst-container {
    width: min(100% - 20px, 360px) !important;
  }

  .testimonials-section .tst-title {
    font-size: 24px !important;
  }

  .testimonials-section .tst-subtitle {
    font-size: 11px !important;
  }

  .testimonials-section .tst-rating-panel {
    padding: 14px 12px !important;
    gap: 8px 12px !important;
  }

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

  .testimonials-section .tst-text,
  .testimonials-section .tst-bold-line {
    font-size: 12px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .testimonials-section .tst-card-quote {
    padding: 16px 16px 0 !important;
    font-size: 28px !important;
  }

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

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

@media (min-width: 769px) {
  .testimonials-section .tst-mobile-slider-controls {
    display: none !important;
  }
}

/* =====================================================
   FINAL FIX: Insights + Footer — desktop layout on mobile
   Keeps 2-col insights grid, 2x2 category grid,
   3-col footer row, 2x2 contact cards, readable type.
===================================================== */
@media (max-width: 768px) {
  /* —— INSIGHTS —— */
  .insights-section {
    padding: 44px 0 0 !important;
    overflow: hidden !important;
  }

  .insights-section .insights-container {
    width: min(100% - 20px, 520px) !important;
    max-width: 520px !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  .insights-section .insights-eyebrow {
    justify-content: center !important;
    margin: 0 0 12px !important;
    gap: 8px !important;
    font-size: 9px !important;
    letter-spacing: .24em !important;
  }

  .insights-section .insights-eyebrow i {
    font-size: 7px !important;
  }

  .insights-section .insights-top {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin: 0 0 18px !important;
    text-align: left !important;
  }

  .insights-section .insights-top > div {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  .insights-section .insights-title {
    margin: 0 0 8px !important;
    max-width: none !important;
    font-size: clamp(22px, 5.8vw, 30px) !important;
    line-height: 1.05 !important;
    letter-spacing: -.055em !important;
    text-align: left !important;
  }

  .insights-section .insights-subtitle {
    max-width: none !important;
    margin: 0 !important;
    font-size: 11px !important;
    line-height: 1.5 !important;
    text-align: left !important;
    color: rgba(236,241,233,.72) !important;
  }

  .insights-section .insights-view-btn {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 96px !important;
    max-width: none !important;
    min-height: 34px !important;
    height: 34px !important;
    margin: 6px 0 0 !important;
    padding: 0 12px !important;
    gap: 5px !important;
    border-radius: 999px !important;
    font-size: 9px !important;
    white-space: nowrap !important;
    align-self: flex-start !important;
  }

  .insights-section .insights-view-btn i {
    font-size: 10px !important;
  }

  .insights-section .insights-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1.58fr) minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: stretch !important;
    margin: 0 !important;
  }

  .insights-section .insights-featured {
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 14px 12px !important;
    border-radius: 12px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(68px, .4fr) !important;
    grid-template-rows: auto auto auto auto !important;
    gap: 8px !important;
    overflow: hidden !important;
    border: 1px solid rgba(212,175,55,.36) !important;
    background:
      radial-gradient(ellipse 180px 140px at 88% 42%, rgba(212,175,55,.11), transparent 68%),
      linear-gradient(145deg, rgba(22,43,35,.96), rgba(9,24,19,.98)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 14px 28px rgba(0,0,0,.28) !important;
  }

  .insights-section .insights-meta-row {
    grid-column: 1 / -1 !important;
    gap: 5px !important;
    flex-wrap: wrap !important;
    overflow: visible !important;
  }

  .insights-section .insights-pill {
    min-height: 20px !important;
    padding: 3px 8px !important;
    font-size: 7.5px !important;
    gap: 3px !important;
  }

  .insights-section .insights-pill i {
    font-size: 7px !important;
  }

  .insights-section .insights-date,
  .insights-section .insights-read {
    font-size: 7.5px !important;
    gap: 3px !important;
  }

  .insights-section .insights-date i,
  .insights-section .insights-read i {
    font-size: 7px !important;
  }

  .insights-section .insights-feature-copy {
    grid-column: 1 !important;
    grid-row: 2 !important;
    max-width: none !important;
    align-self: start !important;
  }

  .insights-section .insights-card-title {
    margin: 0 0 6px !important;
    font-size: clamp(12px, 3.2vw, 15px) !important;
    line-height: 1.12 !important;
    color: #fff !important;
  }

  .insights-section .insights-card-text {
    margin: 0 !important;
    max-width: none !important;
    font-size: 9px !important;
    line-height: 1.45 !important;
    color: rgba(236,241,233,.7) !important;
  }

  .insights-section .insights-phone-stage {
    grid-column: 2 !important;
    grid-row: 2 / span 2 !important;
    width: 100% !important;
    min-height: 100px !important;
    height: auto !important;
  }

  .insights-section .insights-phone {
    width: 48px !important;
    height: 78px !important;
    border-radius: 10px !important;
    padding: 4px 3px !important;
    border-width: 2px !important;
    transform: rotate(-10deg) translateY(-3px) !important;
  }

  .insights-section .insights-phone-screen {
    padding: 10px 4px 6px !important;
    gap: 2px !important;
    border-radius: 7px !important;
  }

  .insights-section .insights-phone-bar {
    width: 5px !important;
  }

  .insights-section .insights-podium {
    width: 76% !important;
    height: 10px !important;
    bottom: 6px !important;
  }

  .insights-section .insights-phone-arrow {
    width: 36px !important;
    height: 36px !important;
    bottom: 14px !important;
    right: 0 !important;
  }

  .insights-section .insights-author {
    grid-column: 1 !important;
    grid-row: 3 !important;
    gap: 6px !important;
    align-self: end !important;
  }

  .insights-section .insights-avatar {
    width: 26px !important;
    height: 26px !important;
    flex: 0 0 26px !important;
    font-size: 8px !important;
  }

  .insights-section .insights-author strong {
    font-size: 9px !important;
    color: #fff !important;
  }

  .insights-section .insights-author span {
    font-size: 7.5px !important;
    color: rgba(236,241,233,.62) !important;
  }

  .insights-section .insights-read-full {
    grid-column: 1 / -1 !important;
    grid-row: 4 !important;
    width: 100% !important;
    min-height: 30px !important;
    height: 30px !important;
    padding: 0 10px !important;
    border-radius: 7px !important;
    font-size: 9px !important;
    gap: 4px !important;
    justify-content: center !important;
  }

  .insights-section .insights-read-full i {
    font-size: 9px !important;
  }

  .insights-section .insights-side-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    min-width: 0 !important;
  }

  .insights-section .insights-post {
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    border-radius: 10px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(212,175,55,.26) !important;
    background: rgba(255,255,255,.04) !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.2) !important;
  }

  .insights-section .insights-post-media {
    width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    border-radius: 10px !important;
    font-size: 22px !important;
  }

  .insights-section .insights-post-copy {
    display: none !important;
  }

  .insights-section .insights-bottom-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-top: 12px !important;
  }

  .insights-section .insights-cat-card,
  .insights-section .insights-newsletter {
    min-width: 0 !important;
    width: auto !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 14px 12px 12px !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
  }

  .insights-section .insights-cat-icon {
    width: 32px !important;
    height: 32px !important;
    margin-bottom: 8px !important;
    border-radius: 7px !important;
    font-size: 14px !important;
  }

  .insights-section .insights-cat-title {
    margin: 0 0 4px !important;
    font-size: 11px !important;
    line-height: 1.1 !important;
    color: #fff !important;
  }

  .insights-section .insights-cat-text {
    margin: 0 0 8px !important;
    font-size: 8.5px !important;
    line-height: 1.35 !important;
    color: rgba(236,241,233,.68) !important;
    flex: 1 1 auto !important;
  }

  .insights-section .insights-cat-link {
    margin-top: auto !important;
    font-size: 8.5px !important;
    gap: 3px !important;
    color: var(--gold) !important;
  }

  .insights-section .insights-newsletter-head {
    grid-template-columns: 28px minmax(0, 1fr) !important;
    gap: 8px !important;
    margin-bottom: 8px !important;
  }

  .insights-section .insights-envelope {
    width: 26px !important;
    height: 26px !important;
    border-radius: 6px !important;
    font-size: 12px !important;
  }

  .insights-section .insights-news-title {
    margin: 0 0 3px !important;
    font-size: 10px !important;
    line-height: 1.15 !important;
    color: var(--gold) !important;
  }

  .insights-section .insights-news-text {
    font-size: 7.5px !important;
    line-height: 1.3 !important;
    color: rgba(236,241,233,.68) !important;
  }

  .insights-section .insights-form {
    gap: 6px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .insights-section .insights-form input {
    min-height: 30px !important;
    height: 30px !important;
    padding: 0 8px !important;
    font-size: 8.5px !important;
    border-radius: 5px !important;
  }

  .insights-section .insights-form button {
    min-height: 30px !important;
    height: 30px !important;
    font-size: 8.5px !important;
    border-radius: 5px !important;
    gap: 4px !important;
  }

  .insights-section .insights-safe {
    margin-top: 6px !important;
    font-size: 7.5px !important;
    gap: 3px !important;
    color: #2ecc71 !important;
  }

  /* —— FOOTER (3-column desktop row) —— */
  .apex-footer.apex-footer-v2 {
    margin-top: 0 !important;
    padding: 16px 0 12px !important;
    overflow: hidden !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-container {
    width: min(100% - 20px, 520px) !important;
    max-width: 520px !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-main {
    display: grid !important;
    grid-template-columns: minmax(0, 1.02fr) minmax(0, 1.42fr) minmax(0, .92fr) !important;
    gap: 7px !important;
    align-items: stretch !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-panel,
  .apex-footer.apex-footer-v2 .footer-v2-brand-panel,
  .apex-footer.apex-footer-v2 .footer-v2-links-panel,
  .apex-footer.apex-footer-v2 .footer-v2-contact-panel {
    grid-column: auto !important;
    grid-row: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 12px 10px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    border: 1px solid rgba(212,175,55,.26) !important;
    background:
      radial-gradient(ellipse 200px 90px at 50% -18%, rgba(212,175,55,.08), transparent 62%),
      linear-gradient(145deg, rgba(20,35,30,.92), rgba(6,18,16,.96)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 22px rgba(0,0,0,.22) !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-brand-panel {
    justify-content: flex-start !important;
    padding: 12px 10px !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-logo {
    gap: 8px !important;
    margin-bottom: 8px !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-logo-mark {
    width: 30px !important;
    height: 30px !important;
    border-radius: 6px !important;
    font-size: 16px !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-logo-text strong {
    font-size: 10px !important;
    letter-spacing: .18em !important;
    color: #fff !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-logo-text span {
    margin-top: 2px !important;
    font-size: 5.5px !important;
    letter-spacing: .24em !important;
    color: #fff !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-about {
    max-width: none !important;
    margin: 0 0 10px !important;
    font-size: 7.5px !important;
    line-height: 1.5 !important;
    color: rgba(255,255,255,.8) !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-socials {
    gap: 6px !important;
    margin-bottom: 10px !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-socials a {
    width: 22px !important;
    height: 22px !important;
    border-radius: 5px !important;
    font-size: 11px !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-trust {
    gap: 4px !important;
    font-size: 7px !important;
    line-height: 1.25 !important;
    color: rgba(255,255,255,.76) !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-trust i {
    font-size: 8px !important;
    color: #2ecc71 !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-links-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr) !important;
    gap: 0 10px !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-block + .footer-v2-block {
    margin-top: 10px !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-title {
    margin: 0 0 6px !important;
    font-size: 7px !important;
    letter-spacing: .16em !important;
    color: var(--gold) !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-list a {
    min-height: 0 !important;
    padding: 3px 0 !important;
    gap: 4px !important;
    font-size: 7px !important;
    line-height: 1.2 !important;
    color: rgba(236,241,233,.76) !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-list a::before {
    font-size: 6px !important;
    color: var(--gold) !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-platforms i {
    font-size: 7px !important;
    width: auto !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-contact-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 5px !important;
    margin-bottom: 6px !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-contact-card {
    min-height: 0 !important;
    grid-template-columns: 22px minmax(0, 1fr) !important;
    gap: 4px !important;
    padding: 4px !important;
    border-radius: 5px !important;
    background: rgba(0,0,0,.16) !important;
    border: 1px solid rgba(212,175,55,.12) !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-contact-icon {
    width: 20px !important;
    height: 20px !important;
    border-radius: 4px !important;
    font-size: 9px !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-contact-label {
    margin-bottom: 1px !important;
    font-size: 6px !important;
    color: rgba(236,241,233,.55) !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-contact-value {
    font-size: 6.5px !important;
    line-height: 1.15 !important;
    color: #fff !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-hours {
    margin-top: 0 !important;
    padding: 7px 7px 6px !important;
    border-radius: 5px !important;
    max-width: none !important;
    background: rgba(0,0,0,.14) !important;
    border: 1px solid rgba(212,175,55,.14) !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-hours-head {
    gap: 4px !important;
    margin-bottom: 5px !important;
    font-size: 7px !important;
    color: var(--gold) !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-hours-head i {
    width: 12px !important;
    height: 12px !important;
    font-size: 7px !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-hour-row {
    gap: 4px !important;
    margin-top: 3px !important;
    font-size: 6.5px !important;
    color: rgba(236,241,233,.72) !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-hour-row strong {
    font-size: 6.5px !important;
    color: var(--gold) !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-bottom {
    min-height: 0 !important;
    height: auto !important;
    margin-top: 8px !important;
    padding: 8px 8px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
    gap: 6px !important;
    align-items: center !important;
    text-align: left !important;
    border-radius: 6px !important;
    font-size: 6.5px !important;
    line-height: 1.2 !important;
    color: rgba(236,241,233,.68) !important;
    background: rgba(0,0,0,.16) !important;
    border: 1px solid rgba(212,175,55,.12) !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-policies {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 4px !important;
    white-space: nowrap !important;
    justify-content: center !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-policies a {
    font-size: 6px !important;
    color: rgba(236,241,233,.72) !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-business {
    justify-self: end !important;
    gap: 3px !important;
    white-space: nowrap !important;
    font-size: 6px !important;
    color: rgba(236,241,233,.72) !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-business i {
    font-size: 7px !important;
    color: #2ecc71 !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-dot {
    font-size: 5px !important;
  }
}

@media (max-width: 390px) {
  .insights-section .insights-grid {
    grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr) !important;
    gap: 6px !important;
  }

  .insights-section .insights-title {
    font-size: 20px !important;
  }

  .insights-section .insights-view-btn {
    min-width: 86px !important;
    font-size: 8px !important;
    padding: 0 10px !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-main {
    gap: 5px !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-panel,
  .apex-footer.apex-footer-v2 .footer-v2-brand-panel,
  .apex-footer.apex-footer-v2 .footer-v2-links-panel,
  .apex-footer.apex-footer-v2 .footer-v2-contact-panel {
    padding: 10px 8px !important;
  }
}

/* =====================================================
   FINAL FIX: Footer contact overflow — smaller fit text
===================================================== */
@media (max-width: 768px) {
  .apex-footer.apex-footer-v2 .footer-v2-contact-panel {
    padding: 9px 7px !important;
    overflow: hidden !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-contact-panel > .footer-v2-title {
    font-size: 6px !important;
    margin: 0 0 5px !important;
    letter-spacing: .14em !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-contact-list {
    gap: 4px !important;
    margin-bottom: 5px !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-contact-card {
    min-width: 0 !important;
    min-height: 0 !important;
    grid-template-columns: 15px minmax(0, 1fr) !important;
    gap: 3px !important;
    padding: 3px !important;
    align-items: flex-start !important;
    overflow: hidden !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-contact-card > span:not(.footer-v2-contact-icon) {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    display: block !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-contact-icon {
    width: 13px !important;
    height: 13px !important;
    border-radius: 3px !important;
    font-size: 6.5px !important;
    flex-shrink: 0 !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-contact-label {
    display: block !important;
    margin-bottom: 1px !important;
    font-size: 4.8px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    color: rgba(236,241,233,.55) !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-contact-value {
    display: block !important;
    font-size: 4.6px !important;
    line-height: 1.15 !important;
    color: #fff !important;
    white-space: normal !important;
    overflow: hidden !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    max-width: 100% !important;
    text-overflow: ellipsis !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-hours {
    padding: 5px 5px 4px !important;
    overflow: hidden !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-hours-head {
    gap: 3px !important;
    margin-bottom: 3px !important;
    font-size: 5.2px !important;
    line-height: 1 !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-hours-head i {
    width: 10px !important;
    height: 10px !important;
    font-size: 5.5px !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-hour-row {
    gap: 3px !important;
    margin-top: 2px !important;
    font-size: 4.8px !important;
    line-height: 1.1 !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-hour-row strong {
    font-size: 4.8px !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-about {
    font-size: 6.5px !important;
    line-height: 1.4 !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-list a {
    font-size: 6px !important;
    padding: 2px 0 !important;
    line-height: 1.15 !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-title {
    font-size: 6px !important;
    margin-bottom: 5px !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-bottom {
    font-size: 5.5px !important;
    padding: 6px 6px !important;
    gap: 4px !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-policies a,
  .apex-footer.apex-footer-v2 .footer-v2-business {
    font-size: 5px !important;
  }
}

/* =====================================================
   FINAL FIX: Insights — exact desktop layout on mobile
   Featured + side posts with text, 4-col bottom grid.
===================================================== */
@media (max-width: 768px) {
  .insights-section {
    padding: 40px 0 0 !important;
    overflow: hidden !important;
  }

  .insights-section .insights-container {
    width: min(100% - 20px, 520px) !important;
    max-width: 520px !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  .insights-section .insights-eyebrow {
    justify-content: center !important;
    margin: 0 0 14px !important;
    gap: 8px !important;
    font-size: 8.5px !important;
    letter-spacing: .28em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
  }

  .insights-section .insights-eyebrow i {
    font-size: 7px !important;
  }

  .insights-section .insights-top {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin: 0 0 16px !important;
    text-align: left !important;
  }

  .insights-section .insights-top > div {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  .insights-section .insights-title {
    margin: 0 0 8px !important;
    max-width: none !important;
    font-size: clamp(20px, 5.4vw, 28px) !important;
    line-height: 1.06 !important;
    letter-spacing: -.055em !important;
    text-align: left !important;
    color: #fbfaf5 !important;
  }

  .insights-section .insights-title span {
    color: var(--gold) !important;
  }

  .insights-section .insights-subtitle {
    max-width: none !important;
    margin: 0 !important;
    font-size: 10px !important;
    line-height: 1.55 !important;
    text-align: left !important;
    color: rgba(236,241,233,.68) !important;
  }

  .insights-section .insights-view-btn {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 92px !important;
    min-height: 32px !important;
    height: 32px !important;
    margin: 4px 0 0 !important;
    padding: 0 12px !important;
    gap: 5px !important;
    border-radius: 999px !important;
    font-size: 8.5px !important;
    white-space: nowrap !important;
    align-self: flex-start !important;
    border: 1.5px solid rgba(212,175,55,.82) !important;
    color: #f4d058 !important;
    background: rgba(10,22,18,.45) !important;
  }

  .insights-section .insights-view-btn i {
    font-size: 9px !important;
  }

  /* Main 2-column grid — same as desktop */
  .insights-section .insights-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1.55fr) minmax(0, .95fr) !important;
    gap: 8px !important;
    align-items: stretch !important;
    margin: 0 !important;
  }

  /* Featured article card */
  .insights-section .insights-featured {
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 12px 10px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(212,175,55,.34) !important;
    background:
      radial-gradient(ellipse 160px 120px at 88% 48%, rgba(212,175,55,.12), transparent 65%),
      linear-gradient(145deg, rgba(22,43,35,.95), rgba(9,24,19,.97)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 14px 28px rgba(0,0,0,.3) !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(62px, .38fr) !important;
    grid-template-rows: auto auto auto auto !important;
    gap: 8px !important;
    overflow: hidden !important;
  }

  .insights-section .insights-meta-row {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    gap: 5px !important;
    flex-wrap: wrap !important;
    overflow: visible !important;
  }

  .insights-section .insights-pill {
    min-height: 18px !important;
    padding: 3px 7px !important;
    font-size: 7px !important;
    gap: 3px !important;
    border-radius: 999px !important;
  }

  .insights-section .insights-pill i {
    font-size: 6px !important;
  }

  .insights-section .insights-date,
  .insights-section .insights-read {
    font-size: 7px !important;
    gap: 3px !important;
    color: rgba(236,241,233,.58) !important;
  }

  .insights-section .insights-date i,
  .insights-section .insights-read i {
    font-size: 6px !important;
  }

  .insights-section .insights-feature-copy {
    grid-column: 1 !important;
    grid-row: 2 !important;
    max-width: none !important;
    align-self: start !important;
  }

  .insights-section .insights-card-title {
    margin: 0 0 6px !important;
    font-size: clamp(11px, 2.9vw, 14px) !important;
    line-height: 1.14 !important;
    letter-spacing: -.04em !important;
    color: #fff !important;
    font-weight: 900 !important;
  }

  .insights-section .insights-card-text {
    margin: 0 !important;
    max-width: none !important;
    font-size: 8px !important;
    line-height: 1.5 !important;
    color: rgba(236,241,233,.68) !important;
  }

  .insights-section .insights-phone-stage {
    grid-column: 2 !important;
    grid-row: 2 / span 2 !important;
    width: 100% !important;
    min-height: 90px !important;
    height: auto !important;
    align-self: stretch !important;
  }

  .insights-section .insights-phone {
    width: 44px !important;
    height: 72px !important;
    border-radius: 9px !important;
    padding: 4px 3px !important;
    border-width: 2px !important;
    transform: rotate(-10deg) translateY(-3px) !important;
  }

  .insights-section .insights-phone-screen {
    padding: 9px 4px 5px !important;
    gap: 2px !important;
    border-radius: 6px !important;
  }

  .insights-section .insights-phone-bar {
    width: 5px !important;
  }

  .insights-section .insights-podium {
    width: 72% !important;
    height: 9px !important;
    bottom: 5px !important;
  }

  .insights-section .insights-phone-arrow {
    width: 32px !important;
    height: 32px !important;
    bottom: 12px !important;
    right: 0 !important;
  }

  .insights-section .insights-author {
    grid-column: 1 !important;
    grid-row: 3 !important;
    gap: 6px !important;
    align-self: end !important;
    display: flex !important;
    align-items: center !important;
  }

  .insights-section .insights-avatar {
    width: 24px !important;
    height: 24px !important;
    flex: 0 0 24px !important;
    font-size: 8px !important;
    border-radius: 999px !important;
  }

  .insights-section .insights-author strong {
    font-size: 8px !important;
    color: #fff !important;
    display: block !important;
    margin-bottom: 1px !important;
  }

  .insights-section .insights-author span {
    font-size: 7px !important;
    color: rgba(236,241,233,.55) !important;
  }

  .insights-section .insights-read-full {
    grid-column: 1 / -1 !important;
    grid-row: 4 !important;
    width: 100% !important;
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 10px !important;
    border-radius: 6px !important;
    font-size: 8.5px !important;
    gap: 4px !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #f8d967, #d4af37 55%, #bd8e2f) !important;
    color: #151005 !important;
    font-weight: 900 !important;
    border: 1px solid rgba(255,224,134,.75) !important;
  }

  .insights-section .insights-read-full i {
    font-size: 9px !important;
  }

  /* Side posts — desktop icon + text layout */
  .insights-section .insights-side-list {
    display: grid !important;
    grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
    min-width: 0 !important;
  }

  .insights-section .insights-post {
    position: relative !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 7px !important;
    border-radius: 8px !important;
    border: 1px solid rgba(212,175,55,.30) !important;
    background: linear-gradient(145deg, rgba(18,34,28,.94), rgba(8,22,18,.98)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 20px rgba(0,0,0,.24) !important;
    display: grid !important;
    grid-template-columns: 30px minmax(0, 1fr) !important;
    gap: 6px !important;
    align-items: start !important;
    overflow: hidden !important;
  }

  .insights-section .insights-post-media {
    position: relative !important;
    z-index: 2 !important;
    width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    border-radius: 6px !important;
    font-size: 13px !important;
    flex-shrink: 0 !important;
    box-shadow: 0 6px 14px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.1) !important;
  }

  .insights-section .insights-post-media.youtube {
    background: linear-gradient(145deg, #ff0000, #8d0202) !important;
  }

  .insights-section .insights-post-media.tiktok {
    background: linear-gradient(145deg, #252525, #070707) !important;
  }

  .insights-section .insights-post-media.instagram {
    background: linear-gradient(145deg, #f77737, #c13584 45%, #833ab4 100%) !important;
  }

  .insights-section .insights-post-copy {
    display: block !important;
    position: relative !important;
    z-index: 2 !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  .insights-section .insights-post-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 3px !important;
    margin-bottom: 4px !important;
    overflow: hidden !important;
  }

  .insights-section .insights-post-meta .insights-pill {
    min-height: 12px !important;
    height: auto !important;
    padding: 2px 5px !important;
    font-size: 5.5px !important;
    line-height: 1 !important;
  }

  .insights-section .insights-post-meta .insights-date,
  .insights-section .insights-post-meta .insights-read {
    font-size: 5.5px !important;
  }

  .insights-section .insights-post-title {
    margin: 0 0 5px !important;
    color: #fff !important;
    font-size: 7px !important;
    line-height: 1.22 !important;
    font-weight: 900 !important;
    letter-spacing: -.02em !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  .insights-section .insights-post-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    color: #e7bd39 !important;
    font-size: 6.5px !important;
    font-weight: 900 !important;
  }

  .insights-section .insights-post-link i {
    font-size: 7px !important;
  }

  /* Bottom row — 4 columns like desktop */
  .insights-section .insights-bottom-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 7px !important;
    margin-top: 12px !important;
  }

  .insights-section .insights-cat-card,
  .insights-section .insights-newsletter {
    min-width: 0 !important;
    width: auto !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 10px 6px 8px !important;
    border-radius: 8px !important;
    border: 1px solid rgba(212,175,55,.28) !important;
    overflow: hidden !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 20px rgba(0,0,0,.22) !important;
  }

  .insights-section .insights-cat-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }

  .insights-section .insights-cat-card.growth {
    background: linear-gradient(145deg, rgba(19,58,37,.84), rgba(7,29,21,.98)) !important;
  }

  .insights-section .insights-cat-card.marketing {
    background: linear-gradient(145deg, rgba(93,54,20,.88), rgba(25,21,12,.98)) !important;
  }

  .insights-section .insights-cat-card.social {
    background: linear-gradient(145deg, rgba(19,55,78,.86), rgba(8,24,30,.98)) !important;
  }

  .insights-section .insights-cat-icon {
    width: 26px !important;
    height: 26px !important;
    margin-bottom: 6px !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    color: var(--gold) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .insights-section .insights-cat-title {
    margin: 0 0 4px !important;
    font-size: 8.5px !important;
    line-height: 1.1 !important;
    color: #fff !important;
    font-weight: 900 !important;
  }

  .insights-section .insights-cat-text {
    margin: 0 0 6px !important;
    font-size: 6px !important;
    line-height: 1.35 !important;
    color: rgba(236,241,233,.68) !important;
    flex: 1 1 auto !important;
  }

  .insights-section .insights-cat-link {
    margin-top: auto !important;
    font-size: 6.5px !important;
    gap: 2px !important;
    color: var(--gold) !important;
    font-weight: 900 !important;
  }

  .insights-section .insights-cat-link i {
    font-size: 7px !important;
  }

  .insights-section .insights-newsletter {
    display: flex !important;
    flex-direction: column !important;
    background: linear-gradient(145deg, rgba(18,34,28,.94), rgba(8,22,18,.98)) !important;
    border-color: rgba(212,175,55,.42) !important;
  }

  .insights-section .insights-newsletter-head {
    display: grid !important;
    grid-template-columns: 22px minmax(0, 1fr) !important;
    gap: 6px !important;
    margin-bottom: 6px !important;
    align-items: start !important;
  }

  .insights-section .insights-envelope {
    width: 20px !important;
    height: 20px !important;
    border-radius: 5px !important;
    font-size: 10px !important;
    color: var(--gold) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .insights-section .insights-news-title {
    margin: 0 0 2px !important;
    font-size: 7.5px !important;
    line-height: 1.15 !important;
    color: var(--gold) !important;
    font-weight: 900 !important;
  }

  .insights-section .insights-news-text {
    font-size: 5.5px !important;
    line-height: 1.3 !important;
    color: rgba(236,241,233,.68) !important;
  }

  .insights-section .insights-form {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 5px !important;
    margin-top: auto !important;
  }

  .insights-section .insights-form input {
    min-height: 26px !important;
    height: 26px !important;
    padding: 0 6px !important;
    font-size: 7px !important;
    border-radius: 5px !important;
    background: rgba(0,0,0,.25) !important;
    border: 1px solid rgba(212,175,55,.2) !important;
    color: #fff !important;
  }

  .insights-section .insights-form button {
    min-height: 26px !important;
    height: 26px !important;
    padding: 0 8px !important;
    font-size: 7px !important;
    border-radius: 5px !important;
    gap: 3px !important;
    background: linear-gradient(135deg, #f8d967, #d4af37) !important;
    color: #151005 !important;
    font-weight: 900 !important;
  }

  .insights-section .insights-form button i {
    font-size: 7px !important;
  }

  .insights-section .insights-safe {
    margin-top: 5px !important;
    gap: 3px !important;
    font-size: 5.5px !important;
    line-height: 1.2 !important;
    color: #2ecc71 !important;
  }

  .insights-section .insights-safe i {
    font-size: 6px !important;
  }
}

@media (max-width: 390px) {
  .insights-section .insights-grid {
    grid-template-columns: minmax(0, 1.52fr) minmax(0, 1fr) !important;
    gap: 6px !important;
  }

  .insights-section .insights-title {
    font-size: 18px !important;
  }

  .insights-section .insights-view-btn {
    min-width: 82px !important;
    font-size: 7.5px !important;
    padding: 0 9px !important;
  }

  .insights-section .insights-bottom-grid {
    gap: 5px !important;
  }

  .insights-section .insights-cat-text,
  .insights-section .insights-news-text {
    font-size: 5px !important;
  }
}

/* =====================================================
   FINAL FIX: Insights grid — desktop 2-col on mobile
   Featured left | side posts stacked right column
===================================================== */
@media (max-width: 768px) {
  .insights-section .insights-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1.58fr) minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: stretch !important;
  }

  .insights-section .insights-featured {
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 12px 10px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(212,175,55,.34) !important;
    background:
      radial-gradient(ellipse 140px 110px at 88% 46%, rgba(212,175,55,.12), transparent 65%),
      linear-gradient(145deg, rgba(22,43,35,.95), rgba(9,24,19,.97)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 14px 28px rgba(0,0,0,.3) !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(58px, .36fr) !important;
    grid-template-rows: auto auto auto auto !important;
    gap: 8px !important;
    overflow: hidden !important;
  }

  .insights-section .insights-meta-row {
    grid-column: 1 / -1 !important;
    gap: 4px !important;
    flex-wrap: wrap !important;
  }

  .insights-section .insights-pill {
    min-height: 17px !important;
    padding: 2px 6px !important;
    font-size: 6.5px !important;
  }

  .insights-section .insights-date,
  .insights-section .insights-read {
    font-size: 6.5px !important;
  }

  .insights-section .insights-feature-copy {
    grid-column: 1 !important;
    grid-row: 2 !important;
    align-self: start !important;
  }

  .insights-section .insights-card-title {
    margin: 0 0 5px !important;
    font-size: clamp(10px, 2.8vw, 13px) !important;
    line-height: 1.12 !important;
    color: #fff !important;
    font-weight: 900 !important;
  }

  .insights-section .insights-card-text {
    font-size: 7.5px !important;
    line-height: 1.45 !important;
    color: rgba(236,241,233,.68) !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 4 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  .insights-section .insights-phone-stage {
    grid-column: 2 !important;
    grid-row: 2 / span 2 !important;
    min-height: 88px !important;
    align-self: stretch !important;
  }

  .insights-section .insights-phone {
    width: 42px !important;
    height: 68px !important;
    border-radius: 8px !important;
    padding: 3px !important;
    border-width: 2px !important;
    transform: rotate(-10deg) translateY(-2px) !important;
  }

  .insights-section .insights-phone-screen {
    padding: 8px 3px 4px !important;
    gap: 2px !important;
    border-radius: 5px !important;
  }

  .insights-section .insights-phone-bar {
    width: 4px !important;
  }

  .insights-section .insights-podium {
    width: 70% !important;
    height: 8px !important;
    bottom: 4px !important;
  }

  .insights-section .insights-phone-arrow {
    width: 28px !important;
    height: 28px !important;
    bottom: 10px !important;
    right: 0 !important;
  }

  .insights-section .insights-author {
    grid-column: 1 !important;
    grid-row: 3 !important;
    gap: 5px !important;
    align-self: end !important;
  }

  .insights-section .insights-avatar {
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px !important;
    font-size: 7px !important;
  }

  .insights-section .insights-author strong {
    font-size: 7.5px !important;
    color: #fff !important;
  }

  .insights-section .insights-author span {
    font-size: 6.5px !important;
    color: rgba(236,241,233,.55) !important;
  }

  .insights-section .insights-read-full {
    grid-column: 1 / -1 !important;
    grid-row: 4 !important;
    width: 100% !important;
    min-height: 26px !important;
    height: 26px !important;
    padding: 0 8px !important;
    border-radius: 5px !important;
    font-size: 7.5px !important;
    gap: 3px !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #f8d967, #d4af37 55%, #bd8e2f) !important;
    color: #151005 !important;
    font-weight: 900 !important;
    border: 1px solid rgba(255,224,134,.75) !important;
  }

  /* Right column — posts stacked one under another */
  .insights-section .insights-side-list {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    gap: 7px !important;
    min-width: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }

  .insights-section .insights-post {
    flex: 1 1 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 7px !important;
    display: grid !important;
    grid-template-columns: 28px minmax(0, 1fr) !important;
    gap: 5px !important;
    align-items: start !important;
    border-radius: 7px !important;
    border: 1px solid rgba(212,175,55,.30) !important;
    background: linear-gradient(145deg, rgba(18,34,28,.94), rgba(8,22,18,.98)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 8px 16px rgba(0,0,0,.22) !important;
    overflow: hidden !important;
  }

  .insights-section .insights-post-media {
    width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    border-radius: 5px !important;
    font-size: 12px !important;
    flex-shrink: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff !important;
    box-shadow: 0 5px 12px rgba(0,0,0,.28) !important;
  }

  .insights-section .insights-post-media.youtube {
    background: linear-gradient(145deg, #ff0000, #8d0202) !important;
  }

  .insights-section .insights-post-media.tiktok {
    background: linear-gradient(145deg, #252525, #070707) !important;
  }

  .insights-section .insights-post-media.instagram {
    background: linear-gradient(145deg, #f77737, #c13584 45%, #833ab4 100%) !important;
  }

  .insights-section .insights-post-copy {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  .insights-section .insights-post-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 2px !important;
    margin-bottom: 3px !important;
    overflow: hidden !important;
  }

  .insights-section .insights-post-meta .insights-pill {
    min-height: 11px !important;
    padding: 1px 4px !important;
    font-size: 5px !important;
    line-height: 1 !important;
  }

  .insights-section .insights-post-meta .insights-date,
  .insights-section .insights-post-meta .insights-read {
    font-size: 5px !important;
    white-space: nowrap !important;
  }

  .insights-section .insights-post-title {
    margin: 0 0 3px !important;
    font-size: 6.5px !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
    color: #fff !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  .insights-section .insights-post-link {
    font-size: 5.5px !important;
    gap: 2px !important;
    color: #e7bd39 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }

  .insights-section .insights-post-link i {
    font-size: 6px !important;
  }
}

@media (max-width: 390px) {
  .insights-section .insights-grid {
    grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr) !important;
    gap: 6px !important;
  }

  .insights-section .insights-card-title {
    font-size: 9.5px !important;
  }

  .insights-section .insights-post-title {
    font-size: 6px !important;
  }
}

/* =====================================================
   FINAL FIX: Footer bottom bar on mobile
   © line | policies | tagline — same row as desktop
===================================================== */
@media (max-width: 768px) {
  .insights-section {
    overflow: visible !important;
    padding-bottom: 16px !important;
  }

  .apex-footer.apex-footer-v2 {
    overflow: visible !important;
    padding-bottom: 14px !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-container {
    overflow: visible !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-bottom,
  .footer-v2-bottom {
    display: grid !important;
    visibility: visible !important;
    opacity: 1 !important;
    min-height: 34px !important;
    height: auto !important;
    margin-top: 10px !important;
    padding: 8px 8px !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
    gap: 5px !important;
    align-items: center !important;
    justify-items: stretch !important;
    text-align: left !important;
    border-radius: 6px !important;
    border: 1px solid rgba(212,175,55,.18) !important;
    background: rgba(15,30,25,.65) !important;
    color: rgba(255,255,255,.55) !important;
    font-size: 6.5px !important;
    line-height: 1.2 !important;
    overflow: visible !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-bottom > div:first-child,
  .footer-v2-bottom > div:first-child {
    min-width: 0 !important;
    font-size: 6px !important;
    color: rgba(255,255,255,.5) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-policies,
  .footer-v2-policies {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    gap: 3px !important;
    white-space: nowrap !important;
    min-width: 0 !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-policies a,
  .footer-v2-policies a {
    font-size: 6px !important;
    color: rgba(255,255,255,.72) !important;
    white-space: nowrap !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-dot,
  .footer-v2-dot {
    font-size: 5px !important;
    color: rgba(212,175,55,.58) !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-business,
  .footer-v2-business {
    justify-self: end !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    font-size: 6px !important;
    color: rgba(255,255,255,.5) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-business i,
  .footer-v2-business i {
    font-size: 7px !important;
    color: #2ecc71 !important;
    flex-shrink: 0 !important;
  }
}

@media (max-width: 390px) {
  .apex-footer.apex-footer-v2 .footer-v2-bottom,
  .footer-v2-bottom {
    padding: 7px 6px !important;
    gap: 4px !important;
    font-size: 5.5px !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-bottom > div:first-child,
  .footer-v2-bottom > div:first-child {
    font-size: 5.5px !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-policies a,
  .footer-v2-policies a {
    font-size: 5.5px !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-business,
  .footer-v2-business {
    font-size: 5.5px !important;
  }
}

/* =====================================================
   FINAL FIX: Package benefits bar on mobile
   4-column row with icon + title + subtitle visible
===================================================== */
@media (max-width: 768px) {
  .packages-section .pkg-benefits-bar,
  .pkg-benefits-bar {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    width: 100% !important;
    min-height: auto !important;
    height: auto !important;
    margin: 14px auto 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    border-radius: 10px !important;
    border: 1px solid rgba(212,175,55,.28) !important;
    background: linear-gradient(180deg, #ffffff 0%, #f4f3ee 100%) !important;
    box-shadow: 0 10px 22px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.98) !important;
    overflow: hidden !important;
  }

  .packages-section .pkg-benefit,
  .pkg-benefit {
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 10px 6px !important;
    gap: 5px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    border-left: 1px solid rgba(212,175,55,.22) !important;
    border-top: 0 !important;
    border-right: 0 !important;
    color: #121712 !important;
    overflow: hidden !important;
  }

  .packages-section .pkg-benefit:first-child,
  .pkg-benefit:first-child {
    border-left: 0 !important;
  }

  .packages-section .pkg-benefit:nth-child(odd),
  .packages-section .pkg-benefit:nth-child(n+3),
  .pkg-benefit:nth-child(odd),
  .pkg-benefit:nth-child(n+3) {
    border-top: 0 !important;
    border-right: 0 !important;
  }

  .packages-section .pkg-benefit > i,
  .pkg-benefit > i {
    width: auto !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
    font-size: 18px !important;
    color: #d4af37 !important;
    text-align: center !important;
    line-height: 1 !important;
  }

  .packages-section .pkg-benefit > div,
  .pkg-benefit > div {
    min-width: 0 !important;
    width: 100% !important;
    flex: 0 1 auto !important;
    overflow: hidden !important;
  }

  .packages-section .pkg-benefit strong,
  .pkg-benefit strong {
    display: block !important;
    color: #151a15 !important;
    font-size: 8.5px !important;
    line-height: 1.15 !important;
    font-weight: 900 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
  }

  .packages-section .pkg-benefit span,
  .pkg-benefit span {
    display: block !important;
    margin-top: 2px !important;
    color: #555c54 !important;
    font-size: 6.8px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    overflow-wrap: anywhere !important;
  }
}

@media (max-width: 390px) {
  .packages-section .pkg-benefit,
  .pkg-benefit {
    padding: 8px 5px !important;
    gap: 5px !important;
  }

  .packages-section .pkg-benefit > i,
  .pkg-benefit > i {
    font-size: 16px !important;
  }

  .packages-section .pkg-benefit strong,
  .pkg-benefit strong {
    font-size: 7px !important;
  }

  .packages-section .pkg-benefit span,
  .pkg-benefit span {
    font-size: 6px !important;
  }
}

/* =====================================================
   FINAL FIX: What We Do service card icons on mobile
   Restore centered gold icons inside dark icon boxes
===================================================== */
@media (max-width: 767px) {
  .wwd-section .wwd-services-grid .wwd-card,
  .wwd-section .wwd-services-grid .wwd-card-1,
  .wwd-section .wwd-services-grid .wwd-card-2,
  .wwd-section .wwd-services-grid .wwd-card-3,
  .wwd-section .wwd-services-grid .wwd-card-4,
  .wwd-section .wwd-services-grid .wwd-card-5,
  .wwd-section .wwd-services-grid .wwd-card-6,
  .wwd-section .wwd-services-grid .wwd-large-card,
  .wwd-section .wwd-services-grid .wwd-small-card,
  .wwd-section .wwd-services-grid .wwd-compact-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    align-content: stretch !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    overflow: hidden !important;
  }

  .wwd-section .wwd-services-grid .wwd-icon-row,
  .wwd-section .wwd-services-grid .wwd-small-card > .wwd-card-icon,
  .wwd-section .wwd-services-grid .wwd-compact-card > .wwd-card-icon,
  .wwd-section .wwd-services-grid .wwd-large-card .wwd-card-icon,
  .wwd-section .wwd-services-grid .wwd-card-icon {
    grid-column: auto !important;
    grid-row: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: flex-start !important;
    flex-shrink: 0 !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    max-width: 40px !important;
    max-height: 40px !important;
    flex: 0 0 40px !important;
    border-radius: 9px !important;
    font-size: 17px !important;
    line-height: 1 !important;
    text-align: center !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    position: relative !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .wwd-section .wwd-services-grid .wwd-icon-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-width: none !important;
    margin: 0 0 10px !important;
  }

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

  .wwd-section .wwd-services-grid .wwd-card-content,
  .wwd-section .wwd-services-grid .wwd-small-card .wwd-card-content,
  .wwd-section .wwd-services-grid .wwd-compact-card .wwd-card-content {
    grid-column: auto !important;
    grid-row: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }

  .wwd-section .wwd-services-grid .wwd-card-icon > i,
  .wwd-section .wwd-services-grid .wwd-card-icon i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    font-size: inherit !important;
    text-align: center !important;
    position: static !important;
    transform: none !important;
  }

  .wwd-section .wwd-services-grid .wwd-card-icon > i::before,
  .wwd-section .wwd-services-grid .wwd-card-icon i::before {
    display: block !important;
    line-height: 1 !important;
    margin: 0 !important;
    transform: none !important;
  }
}

@media (max-width: 430px) {
  .wwd-section .wwd-services-grid .wwd-icon-row,
  .wwd-section .wwd-services-grid .wwd-small-card > .wwd-card-icon,
  .wwd-section .wwd-services-grid .wwd-compact-card > .wwd-card-icon,
  .wwd-section .wwd-services-grid .wwd-large-card .wwd-card-icon,
  .wwd-section .wwd-services-grid .wwd-card-icon {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    max-width: 36px !important;
    max-height: 36px !important;
    flex: 0 0 36px !important;
    font-size: 15px !important;
  }
}

/* =====================================================
   FINAL MOBILE FOOTER MATCH — only footer on mobile
   Desktop/tablet + all other sections untouched
===================================================== */
@media (max-width: 768px) {
  .apex-footer.apex-footer-v2 {
    margin-top: 0 !important;
    padding: 10px 0 12px !important;
    background:
      radial-gradient(ellipse 230px 65px at 16% 0%, rgba(212,175,55,.12), transparent 68%),
      radial-gradient(ellipse 230px 65px at 48% 0%, rgba(212,175,55,.12), transparent 68%),
      radial-gradient(ellipse 230px 65px at 82% 0%, rgba(212,175,55,.12), transparent 68%),
      #06110f !important;
    overflow: hidden !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-container {
    width: calc(100% - 14px) !important;
    max-width: 520px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-main {
    display: grid !important;
    grid-template-columns: minmax(0, 1.14fr) minmax(0, 1.38fr) minmax(0, .98fr) !important;
    gap: 6px !important;
    align-items: stretch !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-panel,
  .apex-footer.apex-footer-v2 .footer-v2-brand-panel,
  .apex-footer.apex-footer-v2 .footer-v2-links-panel,
  .apex-footer.apex-footer-v2 .footer-v2-contact-panel {
    grid-column: auto !important;
    grid-row: auto !important;
    min-width: 0 !important;
    min-height: 173px !important;
    height: auto !important;
    padding: 10px 9px !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    border: 1px solid rgba(212,175,55,.24) !important;
    background:
      radial-gradient(ellipse 115px 25px at 50% 0%, rgba(255,221,91,.60), transparent 72%),
      linear-gradient(145deg, rgba(12,29,23,.95), rgba(4,15,13,.98)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 8px 18px rgba(0,0,0,.24) !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-brand-panel {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding: 16px 11px 13px !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-logo {
    gap: 7px !important;
    margin: 0 0 9px !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-logo-mark {
    width: 25px !important;
    height: 25px !important;
    flex: 0 0 25px !important;
    border-radius: 5px !important;
    font-size: 13px !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-logo-text strong {
    font-size: 10.5px !important;
    line-height: .95 !important;
    letter-spacing: .18em !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-logo-text span {
    margin-top: 2px !important;
    font-size: 5.3px !important;
    line-height: 1 !important;
    letter-spacing: .24em !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-about {
    max-width: 125px !important;
    margin: 0 0 9px !important;
    font-size: 6.5px !important;
    line-height: 1.5 !important;
    color: rgba(255,255,255,.82) !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-socials {
    display: flex !important;
    gap: 6px !important;
    margin: 0 0 10px !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-socials a {
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
    border-radius: 4px !important;
    font-size: 9px !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-trust {
    gap: 4px !important;
    font-size: 5.6px !important;
    line-height: 1.2 !important;
    color: rgba(255,255,255,.76) !important;
    white-space: nowrap !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-trust i {
    font-size: 6.5px !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-links-panel {
    padding: 10px 11px !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-links-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr) !important;
    gap: 0 12px !important;
    align-items: start !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-block + .footer-v2-block {
    margin-top: 11px !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-title,
  .apex-footer.apex-footer-v2 .footer-v2-contact-panel > .footer-v2-title {
    margin: 0 0 7px !important;
    font-size: 6.6px !important;
    line-height: 1 !important;
    letter-spacing: .19em !important;
    color: var(--gold) !important;
    white-space: nowrap !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-list {
    border-top: 0 !important;
  }

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

  .apex-footer.apex-footer-v2 .footer-v2-list a {
    min-height: 0 !important;
    padding: 3.2px 0 !important;
    gap: 4px !important;
    font-size: 5.8px !important;
    line-height: 1.17 !important;
    color: rgba(236,241,233,.80) !important;
    white-space: nowrap !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-list a::before {
    font-size: 5px !important;
    color: var(--gold) !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-platforms i {
    width: 7px !important;
    min-width: 7px !important;
    font-size: 6.4px !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-contact-panel {
    padding: 10px 9px !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-contact-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 5px !important;
    margin: 0 0 7px !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-contact-card {
    min-height: 24px !important;
    height: 24px !important;
    display: grid !important;
    grid-template-columns: 18px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 3px 5px !important;
    border-radius: 4px !important;
    background: rgba(255,255,255,.045) !important;
    border: 1px solid rgba(255,255,255,.055) !important;
    overflow: hidden !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-contact-card > span:not(.footer-v2-contact-icon) {
    min-width: 0 !important;
    overflow: hidden !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-contact-icon {
    width: 16px !important;
    height: 16px !important;
    border-radius: 4px !important;
    font-size: 7px !important;
    flex: 0 0 16px !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-contact-label {
    display: block !important;
    margin: 0 0 1px !important;
    font-size: 4.8px !important;
    line-height: 1 !important;
    color: rgba(255,255,255,.58) !important;
    white-space: nowrap !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-contact-value {
    display: block !important;
    font-size: 5.1px !important;
    line-height: 1.1 !important;
    color: rgba(255,255,255,.90) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-hours {
    margin: 0 !important;
    padding: 7px 7px 6px !important;
    border-radius: 5px !important;
    background:
      radial-gradient(ellipse 90px 38px at 84% 100%, rgba(212,175,55,.16), transparent 64%),
      rgba(212,175,55,.075) !important;
    border: 1px solid rgba(212,175,55,.30) !important;
    overflow: hidden !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-hours-head {
    gap: 4px !important;
    margin: 0 0 6px !important;
    font-size: 5.8px !important;
    line-height: 1 !important;
    color: var(--gold) !important;
    white-space: nowrap !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-hours-head i {
    width: 10px !important;
    height: 10px !important;
    font-size: 5px !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-hour-row {
    display: flex !important;
    justify-content: space-between !important;
    gap: 5px !important;
    margin-top: 4px !important;
    font-size: 4.9px !important;
    line-height: 1.05 !important;
    color: rgba(255,255,255,.74) !important;
    white-space: nowrap !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-hour-row strong {
    font-size: 4.9px !important;
    color: var(--gold) !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-bottom {
    min-height: 24px !important;
    height: 24px !important;
    margin-top: 7px !important;
    padding: 0 8px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: center !important;
    justify-items: stretch !important;
    text-align: left !important;
    border-radius: 5px !important;
    border: 1px solid rgba(212,175,55,.16) !important;
    background: rgba(8,23,19,.76) !important;
    color: rgba(255,255,255,.56) !important;
    font-size: 5.4px !important;
    line-height: 1 !important;
    overflow: hidden !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-bottom > div:first-child {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-policies {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    min-width: 0 !important;
    white-space: nowrap !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-policies a {
    font-size: 5px !important;
    line-height: 1 !important;
    color: rgba(255,255,255,.70) !important;
    white-space: nowrap !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-dot {
    font-size: 4px !important;
    color: rgba(212,175,55,.55) !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-business {
    justify-self: end !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    min-width: 0 !important;
    font-size: 5px !important;
    line-height: 1 !important;
    color: rgba(255,255,255,.56) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-business i {
    font-size: 5.5px !important;
    flex-shrink: 0 !important;
  }
}

@media (max-width: 390px) {
  .apex-footer.apex-footer-v2 .footer-v2-container {
    width: calc(100% - 10px) !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-main {
    gap: 4px !important;
    grid-template-columns: minmax(0, 1.12fr) minmax(0, 1.36fr) minmax(0, .98fr) !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-panel,
  .apex-footer.apex-footer-v2 .footer-v2-brand-panel,
  .apex-footer.apex-footer-v2 .footer-v2-links-panel,
  .apex-footer.apex-footer-v2 .footer-v2-contact-panel {
    min-height: 164px !important;
    padding: 9px 7px !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-contact-card {
    height: 22px !important;
    min-height: 22px !important;
    grid-template-columns: 15px minmax(0, 1fr) !important;
    gap: 4px !important;
    padding: 3px 4px !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-contact-icon {
    width: 13px !important;
    height: 13px !important;
    font-size: 6px !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-list a {
    font-size: 5.2px !important;
    padding: 2.8px 0 !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-contact-value,
  .apex-footer.apex-footer-v2 .footer-v2-hour-row,
  .apex-footer.apex-footer-v2 .footer-v2-hour-row strong {
    font-size: 4.4px !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-bottom {
    gap: 4px !important;
    padding: 0 6px !important;
  }

  .apex-footer.apex-footer-v2 .footer-v2-policies {
    gap: 3px !important;
  }
}

/* ===== results trailing style 6 ===== */
/* FINAL UPDATE: Insights section mobile layout exactly like reference screenshot.
   Only this Insights/Tips part is changed on mobile. */
@media (max-width: 768px) {
  .insights-section {
    padding-top: 34px !important;
    padding-bottom: 12px !important;
    overflow: hidden !important;
  }

  .insights-section .insights-container {
    width: calc(100% - 20px) !important;
    max-width: 520px !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  .insights-section .insights-eyebrow,
  .insights-section .insights-top {
    text-align: left !important;
  }

  .insights-section .insights-top {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin-bottom: 12px !important;
  }

  .insights-section .insights-title {
    font-size: clamp(20px, 5.5vw, 28px) !important;
    line-height: 1.02 !important;
    margin-bottom: 6px !important;
  }

  .insights-section .insights-subtitle {
    max-width: 260px !important;
    font-size: 9px !important;
    line-height: 1.45 !important;
  }

  .insights-section .insights-view-btn {
    min-width: 92px !important;
    min-height: 30px !important;
    height: 30px !important;
    margin-top: 2px !important;
    padding: 0 10px !important;
    font-size: 8px !important;
    gap: 4px !important;
    white-space: nowrap !important;
  }

  /* Top area: big card left and 3 posts stacked right */
  .insights-section .insights-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1.58fr) minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: stretch !important;
  }

  .insights-section .insights-featured {
    min-width: 0 !important;
    min-height: 150px !important;
    height: auto !important;
    padding: 10px 9px !important;
    border-radius: 8px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 70px !important;
    grid-template-rows: auto minmax(0, 1fr) auto auto !important;
    gap: 6px 7px !important;
    overflow: hidden !important;
    background:
      radial-gradient(ellipse 150px 105px at 88% 48%, rgba(212,175,55,.12), transparent 65%),
      linear-gradient(145deg, rgba(22,43,35,.95), rgba(9,24,19,.97)) !important;
    border: 1px solid rgba(212,175,55,.34) !important;
  }

  .insights-section .insights-meta-row {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    gap: 4px !important;
    flex-wrap: nowrap !important;
    overflow: hidden !important;
  }

  .insights-section .insights-pill {
    min-height: 13px !important;
    padding: 2px 5px !important;
    font-size: 5.5px !important;
    line-height: 1 !important;
    gap: 2px !important;
  }

  .insights-section .insights-date,
  .insights-section .insights-read {
    font-size: 5.6px !important;
    line-height: 1 !important;
    gap: 2px !important;
    white-space: nowrap !important;
  }

  .insights-section .insights-feature-copy {
    grid-column: 1 !important;
    grid-row: 2 !important;
    align-self: start !important;
    max-width: none !important;
    overflow: hidden !important;
  }

  .insights-section .insights-card-title {
    margin: 0 0 5px !important;
    font-size: 14px !important;
    line-height: 1.03 !important;
    letter-spacing: -.04em !important;
    color: #fff !important;
    font-weight: 900 !important;
  }

  .insights-section .insights-card-text {
    font-size: 6.8px !important;
    line-height: 1.42 !important;
    color: rgba(236,241,233,.68) !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  .insights-section .insights-phone-stage {
    grid-column: 2 !important;
    grid-row: 2 / span 2 !important;
    width: 70px !important;
    min-height: 90px !important;
    height: 100% !important;
    align-self: stretch !important;
    justify-self: center !important;
  }

  .insights-section .insights-phone {
    width: 48px !important;
    height: 78px !important;
    border-radius: 10px !important;
    border-width: 2px !important;
    padding: 4px 3px !important;
    transform: rotate(-10deg) translateY(-3px) !important;
  }

  .insights-section .insights-phone::before { display: none !important; }

  .insights-section .insights-phone-screen {
    padding: 10px 4px 6px !important;
    gap: 2px !important;
    border-radius: 6px !important;
  }

  .insights-section .insights-phone-bar { width: 5px !important; }
  .insights-section .insights-podium { width: 64px !important; height: 9px !important; bottom: 7px !important; }
  .insights-section .insights-phone-stage::after { width: 76px !important; height: 14px !important; bottom: 5px !important; }

  .insights-section .insights-phone-arrow {
    width: 32px !important;
    height: 32px !important;
    right: 2px !important;
    bottom: 18px !important;
    border-right-width: 2px !important;
    border-top-width: 2px !important;
  }

  .insights-section .insights-phone-arrow::after {
    width: 7px !important;
    height: 7px !important;
    top: -5px !important;
    right: -4px !important;
    border-top-width: 2px !important;
    border-right-width: 2px !important;
  }

  .insights-section .insights-author {
    grid-column: 1 !important;
    grid-row: 3 !important;
    gap: 5px !important;
    align-self: end !important;
  }

  .insights-section .insights-avatar {
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px !important;
    font-size: 7px !important;
  }

  .insights-section .insights-author strong { font-size: 7px !important; margin-bottom: 1px !important; }
  .insights-section .insights-author span { font-size: 5.8px !important; }

  .insights-section .insights-read-full {
    grid-column: 1 / -1 !important;
    grid-row: 4 !important;
    width: 100% !important;
    min-height: 26px !important;
    height: 26px !important;
    border-radius: 4px !important;
    font-size: 7px !important;
    padding: 0 8px !important;
    gap: 3px !important;
  }

  .insights-section .insights-side-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 7px !important;
    height: 100% !important;
    min-width: 0 !important;
  }

  .insights-section .insights-post {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 7px !important;
    border-radius: 7px !important;
    display: grid !important;
    grid-template-columns: 30px minmax(0, 1fr) !important;
    gap: 6px !important;
    align-items: center !important;
    overflow: hidden !important;
  }

  .insights-section .insights-post-media {
    width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    border-radius: 5px !important;
    font-size: 13px !important;
  }

  .insights-section .insights-post-copy { min-width: 0 !important; overflow: hidden !important; padding: 0 !important; }
  .insights-section .insights-post-meta { gap: 2px !important; margin-bottom: 3px !important; flex-wrap: nowrap !important; overflow: hidden !important; }
  .insights-section .insights-post-meta .insights-pill { min-height: 10px !important; padding: 1px 4px !important; font-size: 4.7px !important; }
  .insights-section .insights-post-meta .insights-date,
  .insights-section .insights-post-meta .insights-read { font-size: 4.7px !important; }

  .insights-section .insights-post-title {
    margin: 0 0 3px !important;
    font-size: 6.8px !important;
    line-height: 1.12 !important;
    font-weight: 900 !important;
    color: #fff !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  .insights-section .insights-post-link { font-size: 5.3px !important; gap: 2px !important; }
  .insights-section .insights-post-link i { font-size: 5.5px !important; }

  /* Bottom row: 3 cards + newsletter in one line */
  .insights-section .insights-bottom-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
    margin-top: 8px !important;
    align-items: stretch !important;
  }

  .insights-section .insights-cat-card,
  .insights-section .insights-newsletter {
    min-width: 0 !important;
    min-height: 92px !important;
    height: auto !important;
    padding: 10px 6px 8px !important;
    border-radius: 6px !important;
    overflow: hidden !important;
  }

  .insights-section .insights-cat-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }

  .insights-section .insights-cat-icon {
    width: 26px !important;
    height: 26px !important;
    margin-bottom: 7px !important;
    border-radius: 5px !important;
    font-size: 12px !important;
  }

  .insights-section .insights-cat-title { margin: 0 0 4px !important; font-size: 7.8px !important; line-height: 1.1 !important; }
  .insights-section .insights-cat-text { margin: 0 0 6px !important; font-size: 5.2px !important; line-height: 1.35 !important; }
  .insights-section .insights-cat-link { margin-top: auto !important; font-size: 5.6px !important; gap: 2px !important; }
  .insights-section .insights-cat-link i { font-size: 5.8px !important; }

  .insights-section .insights-newsletter {
    display: flex !important;
    flex-direction: column !important;
    padding: 9px 6px 7px !important;
    background:
      radial-gradient(ellipse 120px 70px at 85% 0%, rgba(212,175,55,.20), transparent 60%),
      linear-gradient(145deg, rgba(74,48,14,.90), rgba(20,24,16,.98)) !important;
  }

  .insights-section .insights-newsletter-head {
    display: grid !important;
    grid-template-columns: 20px minmax(0, 1fr) !important;
    gap: 5px !important;
    margin-bottom: 5px !important;
    align-items: start !important;
  }

  .insights-section .insights-envelope {
    width: 19px !important;
    height: 19px !important;
    border-radius: 4px !important;
    font-size: 9px !important;
  }

  .insights-section .insights-news-title {
    margin: 0 0 2px !important;
    font-size: 6.8px !important;
    line-height: 1.1 !important;
    color: #fff !important;
  }

  .insights-section .insights-news-text {
    font-size: 4.8px !important;
    line-height: 1.25 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  .insights-section .insights-form { gap: 4px !important; margin-top: auto !important; }
  .insights-section .insights-form input { min-height: 20px !important; height: 20px !important; padding: 0 5px !important; font-size: 5.5px !important; border-radius: 4px !important; }
  .insights-section .insights-form button { min-height: 19px !important; height: 19px !important; font-size: 5.8px !important; border-radius: 4px !important; gap: 2px !important; }
  .insights-section .insights-safe { margin-top: 4px !important; font-size: 4.6px !important; line-height: 1.15 !important; gap: 2px !important; }
}

@media (max-width: 390px) {
  .insights-section .insights-container { width: calc(100% - 14px) !important; }
  .insights-section .insights-grid { gap: 5px !important; }
  .insights-section .insights-featured { grid-template-columns: minmax(0, 1fr) 58px !important; padding: 8px 7px !important; }
  .insights-section .insights-card-title { font-size: 11.5px !important; }
  .insights-section .insights-card-text { font-size: 5.8px !important; }
  .insights-section .insights-phone-stage { width: 58px !important; min-height: 78px !important; }
  .insights-section .insights-phone { width: 39px !important; height: 64px !important; }
  .insights-section .insights-post { grid-template-columns: 25px minmax(0, 1fr) !important; gap: 4px !important; padding: 5px !important; }
  .insights-section .insights-post-media { width: 25px !important; height: 25px !important; min-height: 25px !important; font-size: 10px !important; }
  .insights-section .insights-post-title { font-size: 5.8px !important; }
  .insights-section .insights-bottom-grid { gap: 4px !important; }
  .insights-section .insights-cat-card,
  .insights-section .insights-newsletter { min-height: 84px !important; padding: 8px 4px 6px !important; }
}

/* ===== results trailing style 7 ===== */
/* FINAL UPDATE: Real Clients mobile width only */
@media (max-width: 768px) {
  .client-results-section .cr-container {
    width: 92vw !important;
    max-width: 92vw !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .client-results-section .cr-hero-panel,
  .client-results-section .cr-top-stats {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* ===== results trailing style 8 ===== */
/* FINAL FIX: Testimonials mobile card bottom ko white rakho */
@media (max-width: 768px) {
  .testimonials-section .tst-card,
  .testimonials-section .tst-card-featured,
  .testimonials-section .tst-card-wide {
    background: transparent !important;
  }

  .testimonials-section .tst-bold-line,
  .testimonials-section .tst-card:not(:has(.tst-bold-line)) .tst-text:last-of-type {
    border-bottom: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  .testimonials-section .tst-author {
    margin: 0 !important;
    padding: 14px 18px 18px !important;
    background: #f8f7f1 !important;
    border: 1px solid rgba(212,175,55,.42) !important;
    border-top: 1px solid rgba(0,0,0,.08) !important;
    border-radius: 0 0 16px 16px !important;
    box-shadow: 0 14px 30px rgba(0,0,0,.20) !important;
  }

  .testimonials-section .tst-author-name {
    color: #151a16 !important;
  }

  .testimonials-section .tst-author-role {
    color: #59645c !important;
  }

  .testimonials-section .tst-social {
    background: rgba(255,255,255,.75) !important;
    border: 1px solid rgba(0,0,0,.10) !important;
  }

  .testimonials-section .tst-growth-pill {
    background: rgba(46,204,113,.12) !important;
    border-color: rgba(46,204,113,.35) !important;
  }
}

/* ===== results trailing style 9 ===== */
/* FINAL UPDATE: Testimonials mobile card height smaller only */
@media (max-width: 768px) {
  .testimonials-section .tst-card-quote,
  .testimonials-section .tst-card-featured .tst-card-quote,
  .testimonials-section .tst-card-wide .tst-card-quote {
    font-size: 24px !important;
    padding: 13px 18px 4px !important;
  }

  .testimonials-section .tst-text,
  .testimonials-section .tst-card-featured .tst-text,
  .testimonials-section .tst-card-wide .tst-text {
    font-size: 12px !important;
    line-height: 1.45 !important;
    padding: 0 18px 10px !important;
  }

  .testimonials-section .tst-bold-line {
    font-size: 12px !important;
    line-height: 1.35 !important;
    padding: 10px 18px 12px !important;
  }

  .testimonials-section .tst-card:not(:has(.tst-bold-line)) .tst-text:last-of-type {
    padding-bottom: 12px !important;
  }

  .testimonials-section .tst-author {
    padding: 10px 14px 12px !important;
    gap: 7px !important;
  }

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

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

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

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

  .testimonials-section .tst-mini-stars {
    margin-top: 3px !important;
    font-size: 8px !important;
  }

  .testimonials-section .tst-growth-pill {
    min-height: 24px !important;
    padding: 0 8px !important;
    gap: 3px !important;
    font-size: 7.5px !important;
  }

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

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

  .testimonials-section .tst-mobile-slider-controls {
    margin-top: 12px !important;
  }
}

/* ===== results trailing style 10 ===== */
/* FINAL UPDATE: Mobile testimonial slider arrows like reference only */
@media (max-width: 768px) {
  .testimonials-section .tst-mobile-slider-controls {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    margin-top: 12px !important;
    width: 100% !important;
  }

  .testimonials-section .tst-mobile-slider-btn {
    width: 30px !important;
    height: 30px !important;
    flex: 0 0 30px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    border: 1px solid rgba(212,175,55,.42) !important;
    background: rgba(7,16,15,.72) !important;
    color: rgba(212,175,55,.72) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
    transition: transform .18s ease, border-color .18s ease, color .18s ease, background .18s ease !important;
  }

  .testimonials-section .tst-mobile-slider-btn i {
    font-size: 15px !important;
    line-height: 1 !important;
  }

  .testimonials-section .tst-mobile-slider-btn:active {
    transform: scale(.94) !important;
  }

  .testimonials-section .tst-mobile-slider-btn:hover {
    border-color: rgba(212,175,55,.78) !important;
    color: var(--gold) !important;
    background: rgba(12,27,22,.92) !important;
  }

  .testimonials-section .tst-mobile-slider-dots {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    min-height: 30px !important;
  }

  .testimonials-section .tst-mobile-dot {
    width: 6px !important;
    height: 6px !important;
    min-width: 6px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(212,175,55,.34) !important;
    opacity: 1 !important;
    cursor: pointer !important;
    transition: width .22s ease, background .22s ease, opacity .22s ease !important;
  }

  .testimonials-section .tst-mobile-dot.is-active {
    width: 22px !important;
    min-width: 22px !important;
    height: 6px !important;
    background: var(--gold) !important;
  }
}

@media (max-width: 390px) {
  .testimonials-section .tst-mobile-slider-controls {
    gap: 8px !important;
    margin-top: 10px !important;
  }

  .testimonials-section .tst-mobile-slider-btn {
    width: 28px !important;
    height: 28px !important;
    flex-basis: 28px !important;
  }

  .testimonials-section .tst-mobile-dot {
    width: 5px !important;
    height: 5px !important;
    min-width: 5px !important;
  }

  .testimonials-section .tst-mobile-dot.is-active {
    width: 20px !important;
    min-width: 20px !important;
    height: 5px !important;
  }
}

@media (min-width: 769px) {
  .testimonials-section .tst-mobile-slider-controls {
    display: none !important;
  }
}

/* ===== results trailing style 11 ===== */
@media (max-width: 768px) {
  /* 1) White feature card: 95% of mobile screen width */
  .hero-section .feature-strip {
    width: 95vw !important;
    max-width: 95vw !important;
    min-width: 0 !important;
    margin-left: calc(50% - 47.5vw) !important;
    margin-right: calc(50% - 47.5vw) !important;
    overflow: hidden !important;
  }

  .hero-section .feature-strip .feat-inner {
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
  }

  .hero-section .feature-strip .feat-item {
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  /* 2) Move only the Choose Your Platform title slightly left on mobile */
  .packages-section .pkg-title {
    transform: translateX(-12px) !important;
  }

  /* 3) Mobile navbar sticky, transparent at top */
  .apex-nav {
    position: sticky !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 9999 !important;
    background: transparent !important;
    box-shadow: none !important;
    border-bottom: 0 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  /* Background comes only after scrolling */
  .apex-nav.nav-scrolled {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    background: transparent !important;
    border-bottom: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}

@media (max-width: 430px) {
  .packages-section .pkg-title {
    transform: translateX(-8px) !important;
  }
}

/* =====================================================
   MOBILE SCROLL FIX: remove hamburger/menu mark on scroll
   Added by ChatGPT
===================================================== */
@media (max-width: 991px) {
  .apex-nav.nav-scrolled .nav-toggle,
  .apex-nav.is-sticky .nav-toggle {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .apex-nav.nav-scrolled,
  .apex-nav.is-sticky {
    border-bottom: 0 !important;
  }

  .apex-nav.nav-scrolled::after,
  .apex-nav.is-sticky::after {
    display: none !important;
  }
}

/* ===== results trailing style 12 ===== */
@media (max-width: 768px) {
  /* White 100% Safe / Real People / Fast Delivery / Support card = 95% of screen */
  .packages-section .pkg-benefits-bar,
  .pkg-benefits-bar {
    width: 95vw !important;
    max-width: 95vw !important;
    min-width: 95vw !important;
    box-sizing: border-box !important;
    margin-left: calc(50% - 47.5vw) !important;
    margin-right: calc(50% - 47.5vw) !important;
  }

  /* Choose Your Platform heading slightly left on mobile */
  .packages-section .pkg-title,
  .pkg-title {
    transform: translateX(-26px) !important;
    will-change: transform !important;
  }
}

@media (max-width: 430px) {
  .packages-section .pkg-title,
  .pkg-title {
    transform: translateX(-18px) !important;
  }
}

/* ===== results trailing style 13 ===== */
/* FINAL LAMP SIZE FIX: lamp ko sirf thoda chota kiya hai, baaki code same hai */
.lamp-wrap {
  width: clamp(320px, 34vw, 620px) !important;
}

.lamp-img {
  transform: translateY(-32%) !important;
  margin-bottom: -26% !important;
}

@media (max-width: 767px) {
  .lamp-wrap {
    width: clamp(90px, 25vw, 125px) !important;
    left: clamp(50px, 15vw, 84px) !important;
    top: -3px !important;
  }
}

@media (max-width: 430px) {
  .lamp-wrap {
    width: clamp(82px, 24vw, 104px) !important;
    left: clamp(38px, 12vw, 54px) !important;
    top: -3px !important;
  }
}

@media (max-width: 360px) {
  .lamp-wrap {
    width: 82px !important;
    left: 34px !important;
  }
}

/* ===== results trailing style 14 ===== */
/* FINAL LAMP POSITION FIX — small, clean, and not covering logo/content */
.clean-top-header {
  overflow: visible !important;
}

.clean-top-header .lamp-wrap,
.lamp-wrap {
  display: block !important;
  position: absolute !important;
  top: 0px !important;
  left: clamp(115px, 14vw, 190px) !important;
  width: clamp(245px, 24vw, 345px) !important;
  height: auto !important;
  overflow: visible !important;
  z-index: 8 !important;
  pointer-events: none !important;
  line-height: 0 !important;
}

.clean-top-header .lamp-img,
.lamp-img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  transform: translateY(-32%) !important;
  margin: 0 auto -26% !important;
  mix-blend-mode: lighten !important;
  filter: drop-shadow(0 8px 18px rgba(0,0,0,.34)) !important;
}

.clean-top-header .apex-nav,
.clean-top-header .site-wrap {
  position: relative !important;
  z-index: 40 !important;
}

@media (max-width: 991px) {
  .clean-top-header .lamp-wrap,
  .lamp-wrap {
    width: clamp(150px, 34vw, 230px) !important;
    left: clamp(70px, 18vw, 135px) !important;
    top: 0px !important;
  }
  .clean-top-header .lamp-img,
  .lamp-img {
    transform: translateY(-32%) !important;
    margin-bottom: -26% !important;
  }
}

@media (max-width: 767px) {
  .clean-top-header .lamp-wrap,
  .lamp-wrap {
    width: clamp(92px, 26vw, 125px) !important;
    left: clamp(42px, 14vw, 72px) !important;
    top: 0px !important;
  }
  .clean-top-header .lamp-img,
  .lamp-img {
    transform: translateY(-18%) !important;
    margin-bottom: -14% !important;
  }
}

@media (max-width: 430px) {
  .clean-top-header .lamp-wrap,
  .lamp-wrap {
    width: 88px !important;
    left: 38px !important;
    top: 0px !important;
  }
}

/* ===== results trailing style 15 ===== */
/* Navbar must stay transparent until scroll class is added */
  .clean-top-header {
    background: transparent !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 9999 !important;
  }

  /* apex-nav inside clean-top-header stays relative — header itself is sticky */
  .clean-top-header .apex-nav,
  .clean-top-header .apex-nav.nav-scrolled,
  .clean-top-header .apex-nav.is-sticky {
    position: relative !important;
    top: auto !important;
  }

  .apex-nav:not(.nav-scrolled):not(.is-sticky),
  .clean-top-header .apex-nav:not(.nav-scrolled):not(.is-sticky) {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border-bottom: 0 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  .apex-nav:not(.nav-scrolled):not(.is-sticky)::after,
  .clean-top-header .apex-nav:not(.nav-scrolled):not(.is-sticky)::after {
    display: none !important;
  }

  /* Background appears only when user scrolls */
  .apex-nav.nav-scrolled,
  .apex-nav.is-sticky,
  .clean-top-header .apex-nav.nav-scrolled,
  .clean-top-header .apex-nav.is-sticky {
    background: transparent !important;
    border-bottom: none !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  .apex-nav.nav-scrolled::after,
  .apex-nav.is-sticky::after {
    display: block !important;
  }

  /* Logo slightly left */
  .apex-nav .nav-left,
  .clean-top-header .apex-nav .nav-left {
    margin-left: clamp(-28px, -1.5vw, -14px) !important;
  }

  .apex-nav .nav-inner,
  .clean-top-header .apex-nav .nav-inner {
    overflow: visible !important;
  }

  @media (max-width: 768px) {
    .apex-nav .nav-left,
    .clean-top-header .apex-nav .nav-left {
      margin-left: -10px !important;
    }

    .apex-nav:not(.nav-scrolled):not(.is-sticky) {
      background: transparent !important;
      background-color: transparent !important;
      box-shadow: none !important;
      border-bottom: 0 !important;
    }
  }

/* ===== results trailing style 16 ===== */
/* Page width: 95% on all main wrappers/sections */
  .clean-top-header > .site-wrap,
  .apex-nav .site-wrap,
  .site-wrap,
  .client-results-section .cr-container,
  .result-process-section .rp-container,
  .testimonials-section .tst-container,
  .apex-footer-v2 .footer-v2-container,
  .cr-container,
  .rp-container,
  .tst-container,
  .footer-v2-container {
    width: 95% !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Keep outer sections full background, but content stays 95% */
  .clean-top-header,
  .client-results-section,
  .result-process-section,
  .testimonials-section,
  .apex-footer-v2 {
    width: 100% !important;
    overflow-x: hidden !important;
  }

  /* Mobile/tablet pe bhi same 95%, koi 90% / calc width override nahi */
  @media (max-width: 991px) {
    .clean-top-header > .site-wrap,
    .apex-nav .site-wrap,
    .site-wrap,
    .client-results-section .cr-container,
    .result-process-section .rp-container,
    .testimonials-section .tst-container,
    .apex-footer-v2 .footer-v2-container,
    .cr-container,
    .rp-container,
    .tst-container,
    .footer-v2-container {
      width: 95% !important;
      max-width: none !important;
      margin-left: auto !important;
      margin-right: auto !important;
    }
  }

  @media (max-width: 575px) {
    .clean-top-header > .site-wrap,
    .apex-nav .site-wrap,
    .site-wrap,
    .client-results-section .cr-container,
    .result-process-section .rp-container,
    .testimonials-section .tst-container,
    .apex-footer-v2 .footer-v2-container,
    .cr-container,
    .rp-container,
    .tst-container,
    .footer-v2-container {
      width: 95% !important;
      max-width: none !important;
    }
  }

/* ===== results trailing style 17 ===== */
: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 {
    background: var(--bg) !important;
  }

  body {
    background: 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;
  }

  .client-results-section,
  .result-process-section,
  .packages-section,
  .testimonials-section,
  .apex-footer,
  .apex-footer-v2 {
    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;
    background-color: var(--bg) !important;
    color: var(--text-light) !important;
  }

  .client-results-section::before,
  .result-process-section::before,
  .packages-section::before,
  .testimonials-section::before,
  .apex-footer::before,
  .apex-footer-v2::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;
  }

  .apex-nav.nav-scrolled,
  .apex-nav.is-sticky,
  .clean-top-header .apex-nav.nav-scrolled,
  .clean-top-header .apex-nav.is-sticky {
    background: transparent !important;
    border-bottom-color: transparent !important;
  }

  @media (max-width: 768px) {
    body,
    .client-results-section,
    .result-process-section,
    .packages-section,
    .testimonials-section,
    .apex-footer,
    .apex-footer-v2 {
      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;
      background-color: var(--bg) !important;
    }
  }

/* ===== results trailing style 18 ===== */
/* ══ NAVBAR STICKY BACKGROUND ON SCROLL ══ */

/* Default: transparent, fixed at top */
.apex-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 9999 !important;
  background: transparent !important;
  overflow: visible !important;
  transition: background .25s ease, box-shadow .25s ease !important;
}

/* On scroll: dark background */
.apex-header.scrolled {
  background: linear-gradient(180deg, rgba(10,20,15,.96), rgba(7,16,13,.92)) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  box-shadow: 0 8px 28px rgba(0,0,0,.45) !important;
}

/* Keep apex-nav always relative inside header */
.apex-header .apex-nav,
.apex-header .apex-nav.nav-scrolled,
.apex-header .apex-nav.is-sticky {
  position: relative !important;
  top: auto !important;
  background: transparent !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
}

/* ===== results trailing style 19 ===== */
/* Navbar: lamp thoda upar + logo thodi badi */
.apex-header .lamp-wrap,
.clean-top-header .lamp-wrap,
.lamp-wrap {
  top: -18px !important;
}
.apex-header .lamp-img,
.clean-top-header .lamp-img,
.lamp-img {
  transform: translateY(-38%) !important;
}
.apex-header .brand-logo,
.clean-top-header .brand-logo,
.brand-logo {
  height: clamp(46px, 4.8vw, 60px) !important;
  max-width: min(270px, 36vw) !important;
}

@media (max-width: 768px) {
  .apex-header .lamp-wrap,
  .clean-top-header .lamp-wrap,
  .lamp-wrap {
    top: -10px !important;
  }
  .apex-header .lamp-img,
  .clean-top-header .lamp-img,
  .lamp-img {
    transform: translateY(-28%) !important;
  }
  .apex-header .brand-logo,
  .clean-top-header .brand-logo,
  .brand-logo {
    height: clamp(48px, 13vw, 58px) !important;
    max-width: min(230px, 62vw) !important;
  }
}

/* Mobile exact fixes */
@media (max-width: 768px) {
  /* Common mobile containers */
  .client-results-section .cr-container,
  .result-process-section .rp-container,
  .apx-new-section .apx-new-wrap,
  .testimonials-section .tst-container {
    width: 95% !important;
    max-width: 430px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* CLIENT RESULTS: 1 card at one time only */
  .client-results-section {
    padding-top: 42px !important;
    padding-bottom: 38px !important;
    overflow: hidden !important;
  }
  .client-results-section .cr-hero-panel,
  .client-results-section .cr-top-stats,
  .client-results-section .cr-main-cta,
  .client-results-section .cr-trust-line {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .client-results-section .cr-results-head {
    margin: 12px 0 12px !important;
    align-items: center !important;
  }
  .client-results-section .cr-cards-grid {
    display: flex !important;
    width: 100% !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 0 10px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    scroll-snap-type: x mandatory !important;
    scroll-padding-inline: 0 !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }
  .client-results-section .cr-cards-grid::-webkit-scrollbar { display: none !important; }
  .client-results-section .cr-card,
  .client-results-section .cr-card:nth-child(n),
  .cr-cards-grid .cr-card {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    min-height: 262px !important;
    padding: 16px 14px 13px !important;
    border-radius: 16px !important;
    scroll-snap-align: start !important;
    background: linear-gradient(135deg, #ffffff 0%, #fbfaf5 56%, #f0ece2 100%) !important;
    color: #111 !important;
    border: 1px solid rgba(212,175,55,.28) !important;
    box-shadow: 0 14px 30px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.98) !important;
    overflow: hidden !important;
  }
  .client-results-section .cr-client-top { gap: 8px !important; margin-bottom: 10px !important; padding-right: 34px !important; }
  .client-results-section .cr-avatar { width: 34px !important; height: 34px !important; flex-basis: 34px !important; font-size: 8px !important; }
  .client-results-section .cr-client-name { font-size: 11px !important; line-height: 1.08 !important; color: #151515 !important; }
  .client-results-section .cr-client-type { font-size: 7.5px !important; color: rgba(0,0,0,.58) !important; }
  .client-results-section .cr-case-platform { width: 28px !important; height: 28px !important; top: 13px !important; right: 13px !important; border-radius: 9px !important; background: #fff !important; }
  .client-results-section .cr-metrics-box { gap: 10px !important; margin: 0 0 9px !important; }
  .client-results-section .cr-mini-label { font-size: 6.5px !important; color: rgba(0,0,0,.54) !important; }
  .client-results-section .cr-mini-value { font-size: 20px !important; color: #111 !important; }
  .client-results-section .cr-mini-value.gold { color: #111 !important; }
  .client-results-section .cr-growth-grid { gap: 5px !important; margin-bottom: 8px !important; }
  .client-results-section .cr-growth-grid > div { min-height: 38px !important; padding: 6px 4px !important; border-radius: 5px !important; background: rgba(23,35,29,.035) !important; }
  .client-results-section .cr-growth-value { font-size: 8.5px !important; color: #111 !important; }
  .client-results-section .cr-growth-value.green { color: #2ecc71 !important; }
  .client-results-section .cr-growth-label { font-size: 5.8px !important; color: rgba(0,0,0,.55) !important; }
  .client-results-section .cr-case-chart { height: 58px !important; margin: 3px 0 8px !important; }
  .client-results-section .cr-case-chart::before { opacity: .45 !important; }
  .client-results-section .cr-card-bottom { min-height: 28px !important; align-items: end !important; }
  .client-results-section .cr-card-bottom span:first-child { display: none !important; }
  .client-results-section .cr-tiny-note { font-size: 7px !important; color: #111 !important; }
  .client-results-section .cr-card-bottom::after {
    min-height: 28px !important;
    padding: 0 12px !important;
    border-radius: 8px !important;
    font-size: 7.5px !important;
    right: 0 !important;
    bottom: 0 !important;
  }
  .client-results-section .cr-slider-dots {
    margin-top: 4px !important;
  }
  .client-results-section .cr-slider-dot {
    width: 7px !important;
    height: 7px !important;
    background: rgba(212,175,55,.34) !important;
  }
  .client-results-section .cr-slider-dot.is-active {
    width: 28px !important;
    background: var(--gold) !important;
  }

  /* HOW IT WORKS: same as provided reference */
  .result-process-section {
    padding: 18px 0 44px !important;
    background:
      radial-gradient(ellipse 420px 260px at 50% 0%, rgba(212,175,55,.08), transparent 66%),
      linear-gradient(180deg, #13241b 0%, #091711 100%) !important;
  }
  .result-process-section .rp-steps-panel {
    width: 100% !important;
    min-height: 186px !important;
    padding: 12px 20px 15px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(212,175,55,.45) !important;
    background: linear-gradient(145deg, rgba(7,20,15,.84), rgba(4,14,12,.94)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 14px 30px rgba(0,0,0,.22) !important;
    overflow: hidden !important;
  }
  .result-process-section .rp-steps-title {
    margin: 0 0 24px !important;
    text-align: center !important;
    color: var(--gold) !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: .45em !important;
  }
  .result-process-section .rp-steps-grid {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 0 !important;
    width: 100% !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;
  }
  .result-process-section .rp-steps-grid::-webkit-scrollbar { display: none !important; }
  .result-process-section .rp-step {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: 56px minmax(0, 1fr) !important;
    gap: 16px !important;
    align-items: center !important;
    scroll-snap-align: start !important;
  }
  .result-process-section .rp-step::after { display: none !important; }
  .result-process-section .rp-step-icon {
    width: 50px !important;
    height: 50px !important;
    border-radius: 999px !important;
    font-size: 20px !important;
    color: var(--gold) !important;
    border: 1px solid rgba(212,175,55,.45) !important;
    background: rgba(212,175,55,.07) !important;
  }
  .result-process-section .rp-step-num {
    display: block !important;
    margin: 0 0 4px !important;
    color: var(--gold) !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: .12em !important;
  }
  .result-process-section .rp-step-name {
    margin: 0 0 6px !important;
    color: #f8f6f0 !important;
    font-size: 15px !important;
    line-height: 1.08 !important;
    font-weight: 900 !important;
  }
  .result-process-section .rp-step-copy {
    margin: 0 !important;
    max-width: 310px !important;
    color: rgba(236,241,233,.68) !important;
    font-size: 9.5px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
  }
  .result-process-section .rp-steps-carousel-controls {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 26px !important;
    margin: 22px auto 0 !important;
  }
  .result-process-section .rp-step-arrow {
    width: 34px !important;
    height: 34px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(212,175,55,.72) !important;
    background: transparent !important;
    color: var(--gold) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 16px !important;
    cursor: pointer !important;
  }
  .result-process-section .rp-step-arrow:disabled {
    opacity: .45 !important;
  }
  .result-process-section .rp-step-dots { display: none !important; }

  /* PERFORMANCE BREAKDOWN exact mobile look */
  .result-process-section .rp-heading-block {
    margin: 36px auto 16px !important;
    text-align: center !important;
  }
  .result-process-section .rp-eyebrow {
    justify-content: center !important;
    margin-bottom: 6px !important;
    color: var(--gold) !important;
    font-size: 8px !important;
    line-height: 1 !important;
    letter-spacing: .28em !important;
  }
  .result-process-section .rp-eyebrow::before,
  .result-process-section .rp-eyebrow::after {
    display: none !important;
  }
  .result-process-section .rp-main-title {
    margin: 0 0 5px !important;
    text-align: center !important;
    color: #f7f4eb !important;
    font-size: clamp(31px, 9vw, 42px) !important;
    line-height: .92 !important;
    font-weight: 900 !important;
    letter-spacing: -.06em !important;
  }
  .result-process-section .rp-main-title span {
    display: block !important;
    color: var(--gold) !important;
  }
  .result-process-section .rp-subtitle {
    max-width: 330px !important;
    margin: 0 auto !important;
    color: rgba(236,241,233,.72) !important;
    font-size: 8.5px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
  }
  .result-process-section .rp-metrics-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 7px !important;
    width: 100% !important;
    margin: 0 auto !important;
  }
  .result-process-section .rp-metric-card {
    min-height: 70px !important;
    padding: 9px 7px 7px !important;
    border-radius: 7px !important;
    border: 1px solid rgba(212,175,55,.28) !important;
    background: linear-gradient(135deg, #ffffff 0%, #fbfaf6 58%, #f1ede3 100%) !important;
    color: #15231d !important;
    box-shadow: 0 9px 18px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.98) !important;
  }
  .result-process-section .rp-metric-icon {
    width: 16px !important;
    height: 16px !important;
    margin-bottom: 6px !important;
    border-radius: 999px !important;
    color: #b58a25 !important;
    font-size: 8px !important;
    background: rgba(212,175,55,.10) !important;
    border: 1px solid rgba(212,175,55,.22) !important;
  }
  .result-process-section .rp-metric-name {
    margin: 0 0 4px !important;
    color: #17231d !important;
    font-size: 6.4px !important;
    line-height: 1.1 !important;
    font-weight: 900 !important;
  }
  .result-process-section .rp-progress {
    height: 3px !important;
    margin: 0 0 5px !important;
    border-radius: 99px !important;
    background: #ece7d9 !important;
  }
  .result-process-section .rp-progress span {
    background: linear-gradient(90deg, #d4af37, #f0cf57) !important;
  }
  .result-process-section .rp-percent {
    color: #d4af37 !important;
    font-size: 19px !important;
    line-height: .9 !important;
    font-weight: 900 !important;
  }

  /* Campaign Command Center mobile: clean premium dashboard */
  .apx-new-section {
    padding: 36px 0 42px !important;
    background:
      radial-gradient(ellipse 520px 360px at 50% 0%, rgba(212,175,55,.08), transparent 62%),
      linear-gradient(180deg, #0b1c14 0%, #07120e 100%) !important;
    overflow: hidden !important;
  }
  .apx-new-section .apx-new-head {
    display: block !important;
    text-align: center !important;
    margin-bottom: 14px !important;
  }
  .apx-new-section .apx-new-kicker {
    justify-content: center !important;
    margin-bottom: 8px !important;
    font-size: 9px !important;
    letter-spacing: .24em !important;
  }
  .apx-new-section .apx-new-title {
    margin: 0 0 8px !important;
    font-size: clamp(30px, 9vw, 42px) !important;
    line-height: .94 !important;
    letter-spacing: -.06em !important;
  }
  .apx-new-section .apx-new-copy {
    max-width: 340px !important;
    margin: 0 auto !important;
    font-size: 10px !important;
    line-height: 1.5 !important;
  }
  .apx-new-section .apx-command-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  .apx-new-section .apx-command-left,
  .apx-new-section .apx-command-board {
    border-radius: 18px !important;
    padding: 16px !important;
  }
  .apx-new-section .apx-command-left {
    min-height: auto !important;
    background: linear-gradient(145deg, rgba(14,33,24,.96), rgba(6,18,13,.98)) !important;
    border: 1px solid rgba(212,175,55,.34) !important;
  }
  .apx-new-section .apx-pill { font-size: 8px !important; padding: 7px 9px !important; }
  .apx-new-section .apx-command-left h3 {
    margin: 12px 0 8px !important;
    font-size: 24px !important;
    line-height: .98 !important;
  }
  .apx-new-section .apx-command-left p { font-size: 10.5px !important; line-height: 1.5 !important; }
  .apx-new-section .apx-command-list { gap: 8px !important; margin-top: 14px !important; }
  .apx-new-section .apx-command-list li {
    grid-template-columns: 30px 1fr !important;
    gap: 9px !important;
    padding: 9px !important;
    border-radius: 12px !important;
  }
  .apx-new-section .apx-command-list i { width: 30px !important; height: 30px !important; font-size: 13px !important; }
  .apx-new-section .apx-command-list strong { font-size: 10px !important; }
  .apx-new-section .apx-command-list span { font-size: 8.5px !important; line-height: 1.35 !important; }
  .apx-new-section .apx-command-board {
    background: linear-gradient(135deg, #ffffff 0%, #fbfaf6 58%, #f0ece2 100%) !important;
    border: 1px solid rgba(212,175,55,.34) !important;
    box-shadow: 0 14px 30px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.98) !important;
  }
  .apx-new-section .apx-board-top { gap: 10px !important; margin-bottom: 12px !important; }
  .apx-new-section .apx-board-title strong { font-size: 22px !important; }
  .apx-new-section .apx-board-title span { font-size: 8.5px !important; }
  .apx-new-section .apx-board-live { padding: 8px 9px !important; font-size: 7px !important; }
  .apx-new-section .apx-dashboard {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  .apx-new-section .apx-chart-card { min-height: auto !important; padding: 12px !important; border-radius: 16px !important; }
  .apx-new-section .apx-line-chart { height: 130px !important; border-radius: 14px !important; }
  .apx-new-section .apx-chart-stats { gap: 6px !important; }
  .apx-new-section .apx-chart-stats div { padding: 8px !important; border-radius: 10px !important; }
  .apx-new-section .apx-chart-stats strong { font-size: 14px !important; }
  .apx-new-section .apx-chart-stats span { font-size: 7px !important; }
  .apx-new-section .apx-side-stack { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; }
  .apx-new-section .apx-mini-card { padding: 10px !important; border-radius: 14px !important; }
  .apx-new-section .apx-mini-card i { width: 28px !important; height: 28px !important; font-size: 12px !important; border-radius: 10px !important; }
  .apx-new-section .apx-mini-card strong { margin: 8px 0 7px !important; font-size: 10px !important; }
  .apx-new-section .apx-feed-card { padding: 12px !important; border-radius: 16px !important; }
  .apx-new-section .apx-feed-row { grid-template-columns: 28px 1fr auto !important; gap: 7px !important; padding: 8px 0 !important; }
  .apx-new-section .apx-feed-row b { width: 28px !important; height: 28px !important; font-size: 9px !important; }
  .apx-new-section .apx-feed-row strong { font-size: 9px !important; }
  .apx-new-section .apx-feed-row span { font-size: 7px !important; }
  .apx-new-section .apx-feed-row em { font-size: 8px !important; }

  /* CLIENT TESTIMONIALS: exact white card style */
  .testimonials-section {
    padding: 38px 0 46px !important;
    background:
      radial-gradient(ellipse 560px 380px at 50% 0%, rgba(212,175,55,.08), transparent 66%),
      linear-gradient(180deg, #13241b 0%, #07120e 100%) !important;
    overflow: hidden !important;
  }
  .testimonials-section .tst-eyebrow {
    justify-content: center !important;
    margin-bottom: 10px !important;
    gap: 8px !important;
    color: var(--gold) !important;
    font-size: 9px !important;
    letter-spacing: .23em !important;
  }
  .testimonials-section .tst-line { width: 36px !important; }
  .testimonials-section .tst-head { margin-bottom: 20px !important; text-align: center !important; }
  .testimonials-section .tst-title {
    margin: 0 0 10px !important;
    color: #f7f4eb !important;
    font-size: clamp(32px, 9.5vw, 43px) !important;
    line-height: .98 !important;
    letter-spacing: -.06em !important;
    text-align: center !important;
  }
  .testimonials-section .tst-title span { display: block !important; color: var(--gold) !important; }
  .testimonials-section .tst-subtitle {
    max-width: 330px !important;
    margin: 0 auto !important;
    color: rgba(236,241,233,.72) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    font-weight: 700 !important;
  }
  .testimonials-section .tst-rating-panel {
    display: grid !important;
    grid-template-columns: 82px minmax(0, 1fr) !important;
    gap: 12px !important;
    margin: 0 auto 16px !important;
    padding: 17px 16px !important;
    min-height: auto !important;
    border-radius: 16px !important;
    border: 1px solid rgba(212,175,55,.36) !important;
    background: linear-gradient(135deg, #ffffff 0%, #fbfaf6 58%, #eee9de 100%) !important;
    color: #17231d !important;
    box-shadow: 0 14px 30px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.98) !important;
  }
  .testimonials-section .tst-score-block { padding: 0 !important; border: 0 !important; align-items: center !important; justify-content: center !important; }
  .testimonials-section .tst-score { font-size: 52px !important; line-height: .9 !important; color: #111 !important; text-shadow: none !important; letter-spacing: -.08em !important; }
  .testimonials-section .tst-score-stars,
  .testimonials-section .tst-score-note,
  .testimonials-section .tst-platforms { display: none !important; }
  .testimonials-section .tst-bars { display: grid !important; gap: 8px !important; padding: 0 !important; border: 0 !important; }
  .testimonials-section .tst-bar-row:nth-child(n+4) { display: none !important; }
  .testimonials-section .tst-bar-row {
    display: grid !important;
    grid-template-columns: 24px minmax(0, 1fr) 34px !important;
    gap: 8px !important;
    align-items: center !important;
    color: #17231d !important;
    font-size: 10px !important;
    font-weight: 900 !important;
  }
  .testimonials-section .tst-bar-track { height: 7px !important; border-radius: 999px !important; background: #e4dfd4 !important; }
  .testimonials-section .tst-bar-fill { background: linear-gradient(90deg, #d4af37, #f0cf57) !important; box-shadow: none !important; }
  .testimonials-section .tst-masonry {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 0 8px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    scroll-snap-type: x mandatory !important;
    scroll-padding-inline: 0 !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }
  .testimonials-section .tst-masonry::-webkit-scrollbar { display: none !important; }
  .testimonials-section .tst-masonry > article,
  .testimonials-section .tst-card,
  .testimonials-section .tst-card-featured,
  .testimonials-section .tst-card-wide {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    scroll-snap-align: start !important;
    display: block !important;
    padding: 20px 18px 18px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(212,175,55,.36) !important;
    background: linear-gradient(135deg, #ffffff 0%, #fbfaf6 58%, #eee9de 100%) !important;
    color: #17231d !important;
    box-shadow: 0 14px 30px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.98) !important;
    overflow: hidden !important;
  }
  .testimonials-section .tst-card::before,
  .testimonials-section .tst-card::after { display: none !important; }
  .testimonials-section .tst-card-quote,
  .testimonials-section .tst-card-featured .tst-card-quote,
  .testimonials-section .tst-card-wide .tst-card-quote {
    display: block !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    color: var(--gold) !important;
    font-size: 32px !important;
    line-height: 1 !important;
    border: 0 !important;
    background: transparent !important;
  }
  .testimonials-section .tst-text,
  .testimonials-section .tst-card-featured .tst-text,
  .testimonials-section .tst-card-wide .tst-text {
    margin: 0 0 12px !important;
    padding: 0 !important;
    color: #2d3832 !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
    font-weight: 650 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .testimonials-section .tst-text strong { color: #111 !important; font-weight: 900 !important; }
  .testimonials-section .tst-bold-line {
    display: block !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    border: 0 !important;
    color: #2d3832 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .testimonials-section .tst-author {
    margin: 12px -18px -18px !important;
    padding: 14px 18px !important;
    border-top: 1px solid rgba(0,0,0,.08) !important;
    background: rgba(255,255,255,.38) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
  }
  .testimonials-section .tst-author-left { gap: 10px !important; min-width: 0 !important; flex: 1 1 auto !important; }
  .testimonials-section .tst-avatar { width: 44px !important; height: 44px !important; flex: 0 0 44px !important; font-size: 12px !important; }
  .testimonials-section .tst-author-name { color: #17231d !important; font-size: 14px !important; line-height: 1.05 !important; font-weight: 900 !important; }
  .testimonials-section .tst-author-role { color: #6d6654 !important; font-size: 9px !important; line-height: 1.2 !important; }
  .testimonials-section .tst-mini-stars { color: var(--gold) !important; font-size: 9px !important; margin-top: 4px !important; }
  .testimonials-section .tst-author-actions { display: flex !important; align-items: center !important; gap: 8px !important; flex: 0 0 auto !important; }
  .testimonials-section .tst-growth-pill {
    min-height: 30px !important;
    padding: 0 9px !important;
    border-radius: 999px !important;
    background: rgba(46,204,113,.14) !important;
    border: 1px solid rgba(46,204,113,.42) !important;
    color: #2ecc71 !important;
    font-size: 8px !important;
    white-space: nowrap !important;
  }
  .testimonials-section .tst-social { width: 30px !important; height: 30px !important; flex: 0 0 30px !important; background: #fff !important; border: 1px solid rgba(212,175,55,.18) !important; border-radius: 999px !important; }
  .testimonials-section .tst-mobile-slider-controls {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    margin-top: 12px !important;
  }
  .testimonials-section .tst-mobile-slider-btn {
    width: 34px !important;
    height: 34px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(212,175,55,.72) !important;
    background: transparent !important;
    color: var(--gold) !important;
  }
  .testimonials-section .tst-mobile-slider-dots { display: flex !important; align-items: center !important; gap: 7px !important; }
  .testimonials-section .tst-mobile-dot { width: 7px !important; height: 7px !important; background: rgba(212,175,55,.34) !important; }
  .testimonials-section .tst-mobile-dot.is-active { width: 28px !important; background: var(--gold) !important; }
}

@media (max-width: 390px) {
  .result-process-section .rp-step-name { font-size: 14px !important; }
  .result-process-section .rp-step-copy { font-size: 8.8px !important; }
  .result-process-section .rp-metrics-grid { gap: 5px !important; }
  .result-process-section .rp-metric-card { padding: 8px 5px 6px !important; }
  .result-process-section .rp-percent { font-size: 16px !important; }
  .testimonials-section .tst-title { font-size: 30px !important; }
  .testimonials-section .tst-subtitle { font-size: 12px !important; }
  .testimonials-section .tst-text { font-size: 12px !important; }
  .testimonials-section .tst-growth-pill { font-size: 7px !important; padding: 0 7px !important; }
}

/* ===== results trailing style 20 ===== */
.apex-header.scrolled .lamp-wrap,
  .apex-header.scrolled .lamp-glow,
  .clean-top-header.scrolled .lamp-wrap,
  .clean-top-header.scrolled .lamp-glow {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(-120%) !important;
  }

  .apex-header:not(.scrolled) .lamp-wrap,
  .clean-top-header:not(.scrolled) .lamp-wrap {
    opacity: 1 !important;
    visibility: visible !important;
  }

  .apex-header.scrolled .apex-nav,
  .clean-top-header.scrolled .apex-nav {
    z-index: 9999 !important;
  }

/* ===== results trailing style 21 ===== */
/* Normal/desktop screen only: result hero position */
  @media (min-width: 992px) {
    .client-results-section {
      padding-top: calc(clamp(48px, 5vw, 64px) + 40px) !important;
    }
  }

/* ===== results trailing style 22 ===== */
@media (max-width: 768px) {
    /* Is full result hero part ko mobile pe 85% screen width */
    .client-results-section .cr-container,
    .cr-container {
      width: 85vw !important;
      max-width: none !important;
      margin-left: auto !important;
      margin-right: auto !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
    }

    .client-results-section .cr-hero-panel,
    .client-results-section .cr-top-stats,
    .client-results-section .cr-results-head,
    .client-results-section .cr-cards-grid {
      width: 100% !important;
      max-width: 100% !important;
      margin-left: auto !important;
      margin-right: auto !important;
    }

    .client-results-section .cr-hero-panel {
      box-sizing: border-box !important;
    }
  }

/* ===== results trailing style 23 ===== */
@media (max-width: 768px) {
    /* Campaign Command Center ko mobile par reference image jaisa compact 2-column dashboard banaya */
    #campaign-command-center.apx-new-section {
      padding: 34px 0 42px !important;
      background:
        radial-gradient(ellipse 470px 260px at 50% 16%, rgba(212,175,55,.10), transparent 62%),
        radial-gradient(ellipse 360px 220px at 92% 62%, rgba(58,92,52,.18), transparent 66%),
        linear-gradient(180deg, #07190f 0%, #102719 48%, #07130d 100%) !important;
      overflow: hidden !important;
    }

    #campaign-command-center .apx-new-wrap {
      width: 92vw !important;
      max-width: 480px !important;
      margin: 0 auto !important;
      padding: 0 !important;
    }

    #campaign-command-center .apx-new-head {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) minmax(112px, .47fr) !important;
      align-items: end !important;
      gap: 12px !important;
      text-align: left !important;
      margin: 0 0 16px !important;
    }

    #campaign-command-center .apx-new-kicker {
      justify-content: flex-start !important;
      gap: 5px !important;
      margin: 0 0 6px !important;
      color: #d4af37 !important;
      font-size: clamp(5.5px, 1.55vw, 7px) !important;
      line-height: 1 !important;
      letter-spacing: .18em !important;
      white-space: nowrap !important;
    }

    #campaign-command-center .apx-new-kicker::before,
    #campaign-command-center .apx-new-kicker::after {
      width: 18px !important;
      height: 1px !important;
    }

    #campaign-command-center .apx-new-kicker i {
      font-size: 6px !important;
    }

    #campaign-command-center .apx-new-title {
      margin: 0 !important;
      max-width: 260px !important;
      color: #fff !important;
      font-size: clamp(24px, 7.7vw, 34px) !important;
      line-height: .88 !important;
      letter-spacing: -.07em !important;
      text-align: left !important;
      text-transform: uppercase !important;
      text-shadow: 0 10px 20px rgba(0,0,0,.26) !important;
    }

    #campaign-command-center .apx-new-title span {
      color: #d4af37 !important;
    }

    #campaign-command-center .apx-new-copy {
      align-self: end !important;
      max-width: 136px !important;
      margin: 0 0 4px auto !important;
      color: rgba(236,241,233,.74) !important;
      font-size: clamp(5.2px, 1.45vw, 6.4px) !important;
      line-height: 1.45 !important;
      font-weight: 600 !important;
      text-align: left !important;
    }

    #campaign-command-center .apx-command-grid {
      display: grid !important;
      grid-template-columns: minmax(0, .46fr) minmax(0, .54fr) !important;
      gap: 10px !important;
      align-items: stretch !important;
      width: 100% !important;
      margin: 0 !important;
    }

    #campaign-command-center .apx-command-left,
    #campaign-command-center .apx-command-board {
      min-width: 0 !important;
      border-radius: 11px !important;
      border: 1px solid rgba(212,175,55,.24) !important;
      box-shadow: 0 12px 34px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.05) !important;
      overflow: hidden !important;
    }

    #campaign-command-center .apx-command-left {
      min-height: 194px !important;
      padding: 12px 11px 11px !important;
      background:
        linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.025)),
        linear-gradient(180deg, rgba(24,40,29,.96), rgba(7,18,12,.99)) !important;
      display: flex !important;
      flex-direction: column !important;
      justify-content: space-between !important;
    }

    #campaign-command-center .apx-pill {
      width: max-content !important;
      max-width: 100% !important;
      padding: 4px 6px !important;
      border-radius: 999px !important;
      gap: 3px !important;
      font-size: clamp(4.2px, 1.16vw, 5.1px) !important;
      line-height: 1 !important;
      letter-spacing: .06em !important;
      color: #f1d46a !important;
      background: rgba(212,175,55,.11) !important;
      border: 1px solid rgba(212,175,55,.24) !important;
    }

    #campaign-command-center .apx-pill i { font-size: 5px !important; }

    #campaign-command-center .apx-command-left h3 {
      margin: 8px 0 5px !important;
      max-width: 150px !important;
      color: #fff !important;
      font-size: clamp(14.5px, 4.25vw, 18px) !important;
      line-height: .95 !important;
      letter-spacing: -.065em !important;
      font-weight: 900 !important;
    }

    #campaign-command-center .apx-command-left h3 span {
      color: #d4af37 !important;
    }

    #campaign-command-center .apx-command-left p {
      max-width: 145px !important;
      margin: 0 !important;
      color: rgba(225,233,224,.70) !important;
      font-size: clamp(4.4px, 1.22vw, 5.3px) !important;
      line-height: 1.42 !important;
      font-weight: 600 !important;
    }

    #campaign-command-center .apx-command-list {
      display: grid !important;
      gap: 5px !important;
      margin: 8px 0 0 !important;
      padding: 0 !important;
    }

    #campaign-command-center .apx-command-list li {
      display: grid !important;
      grid-template-columns: 18px minmax(0, 1fr) !important;
      gap: 5px !important;
      align-items: center !important;
      padding: 5px !important;
      border-radius: 7px !important;
      background: rgba(0,0,0,.19) !important;
      border: 1px solid rgba(255,255,255,.075) !important;
    }

    #campaign-command-center .apx-command-list i {
      width: 18px !important;
      height: 18px !important;
      border-radius: 6px !important;
      color: #111 !important;
      background: linear-gradient(135deg, #d4af37, #8b6417) !important;
      font-size: 7px !important;
    }

    #campaign-command-center .apx-command-list strong {
      margin: 0 0 1px !important;
      color: #fff !important;
      font-size: clamp(4.5px, 1.2vw, 5.4px) !important;
      line-height: 1.1 !important;
      font-weight: 900 !important;
    }

    #campaign-command-center .apx-command-list span {
      color: rgba(225,233,224,.62) !important;
      font-size: clamp(3.5px, 1vw, 4.25px) !important;
      line-height: 1.24 !important;
      font-weight: 600 !important;
    }

    #campaign-command-center .apx-command-board {
      min-height: 194px !important;
      padding: 9px !important;
      background: linear-gradient(135deg, #fffef9 0%, #fbfaf5 54%, #eee8dd 100%) !important;
      color: #17231d !important;
      border-color: rgba(212,175,55,.30) !important;
      box-shadow: 0 12px 34px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.98) !important;
    }

    #campaign-command-center .apx-board-top {
      display: flex !important;
      align-items: flex-start !important;
      justify-content: space-between !important;
      gap: 5px !important;
      margin: 0 0 7px !important;
    }

    #campaign-command-center .apx-board-title strong {
      color: #17231d !important;
      font-size: clamp(8.8px, 2.42vw, 11px) !important;
      line-height: .95 !important;
      letter-spacing: -.04em !important;
      font-weight: 900 !important;
      white-space: nowrap !important;
    }

    #campaign-command-center .apx-board-title span {
      margin-top: 3px !important;
      color: #716848 !important;
      font-size: clamp(3.6px, 1vw, 4.3px) !important;
      line-height: 1.1 !important;
      font-weight: 700 !important;
      white-space: nowrap !important;
    }

    #campaign-command-center .apx-board-live {
      padding: 4px 5px !important;
      border-radius: 999px !important;
      background: rgba(23,35,29,.08) !important;
      color: #17231d !important;
      font-size: clamp(3.5px, .95vw, 4.2px) !important;
      line-height: 1 !important;
      letter-spacing: .06em !important;
      white-space: nowrap !important;
      font-weight: 900 !important;
    }

    #campaign-command-center .apx-board-live i {
      font-size: 3.5px !important;
      vertical-align: 1px !important;
    }

    #campaign-command-center .apx-dashboard {
      display: grid !important;
      grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr) !important;
      gap: 6px !important;
      align-items: stretch !important;
    }

    #campaign-command-center .apx-chart-card,
    #campaign-command-center .apx-mini-card,
    #campaign-command-center .apx-feed-card {
      border-radius: 8px !important;
      background: rgba(255,255,255,.76) !important;
      border: 1px solid rgba(23,35,29,.08) !important;
      box-shadow: 0 7px 16px rgba(23,35,29,.08) !important;
      overflow: hidden !important;
    }

    #campaign-command-center .apx-chart-card {
      min-height: auto !important;
      padding: 7px !important;
    }

    #campaign-command-center .apx-chart-card h4,
    #campaign-command-center .apx-feed-card h4 {
      margin: 0 0 5px !important;
      color: #17231d !important;
      font-size: clamp(4.5px, 1.18vw, 5.4px) !important;
      line-height: 1.1 !important;
      font-weight: 900 !important;
      white-space: nowrap !important;
    }

    #campaign-command-center .apx-line-chart {
      height: 66px !important;
      border-radius: 7px !important;
      background-size: 19px 19px !important;
    }

    #campaign-command-center .apx-line-chart polyline {
      stroke-width: 6 !important;
    }

    #campaign-command-center .apx-chart-stats {
      margin-top: 5px !important;
      display: grid !important;
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      gap: 4px !important;
    }

    #campaign-command-center .apx-chart-stats div {
      padding: 4px 3px !important;
      border-radius: 5px !important;
      background: rgba(23,35,29,.055) !important;
    }

    #campaign-command-center .apx-chart-stats strong {
      color: #a1781c !important;
      font-size: clamp(5.7px, 1.55vw, 7px) !important;
      line-height: 1 !important;
      font-weight: 900 !important;
      white-space: nowrap !important;
    }

    #campaign-command-center .apx-chart-stats span {
      margin-top: 2px !important;
      color: #716848 !important;
      font-size: clamp(3.2px, .88vw, 3.9px) !important;
      line-height: 1 !important;
      font-weight: 800 !important;
      white-space: nowrap !important;
    }

    #campaign-command-center .apx-side-stack {
      display: grid !important;
      grid-template-columns: 1fr !important;
      grid-auto-rows: minmax(0, 1fr) !important;
      gap: 6px !important;
    }

    #campaign-command-center .apx-mini-card {
      padding: 7px !important;
      min-height: 0 !important;
      display: flex !important;
      flex-direction: column !important;
      justify-content: center !important;
    }

    #campaign-command-center .apx-mini-card i {
      width: 13px !important;
      height: 13px !important;
      border-radius: 999px !important;
      margin-bottom: 6px !important;
      background: rgba(212,175,55,.14) !important;
      color: #9c7418 !important;
      font-size: 5px !important;
    }

    #campaign-command-center .apx-mini-card strong {
      margin: 0 0 5px !important;
      color: #17231d !important;
      font-size: clamp(5.2px, 1.4vw, 6.2px) !important;
      line-height: 1.08 !important;
      font-weight: 900 !important;
    }

    #campaign-command-center .apx-meter {
      height: 4px !important;
      border-radius: 999px !important;
      background: rgba(23,35,29,.09) !important;
    }

    #campaign-command-center .apx-feed-card {
      grid-column: 1 / -1 !important;
      padding: 7px !important;
      margin: 0 !important;
    }

    #campaign-command-center .apx-feed-row {
      display: grid !important;
      grid-template-columns: 15px minmax(0, 1fr) auto !important;
      gap: 5px !important;
      align-items: center !important;
      padding: 4px 0 !important;
      border-top: 1px solid rgba(23,35,29,.08) !important;
    }

    #campaign-command-center .apx-feed-row b {
      width: 15px !important;
      height: 15px !important;
      color: #d4af37 !important;
      background: #17231d !important;
      font-size: 4.7px !important;
      line-height: 1 !important;
    }

    #campaign-command-center .apx-feed-row strong {
      color: #17231d !important;
      font-size: clamp(4.2px, 1.15vw, 5px) !important;
      line-height: 1.1 !important;
      font-weight: 900 !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
    }

    #campaign-command-center .apx-feed-row span {
      margin-top: 1px !important;
      color: #716848 !important;
      font-size: clamp(3.1px, .85vw, 3.8px) !important;
      line-height: 1.1 !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
    }

    #campaign-command-center .apx-feed-row em {
      color: #9f781d !important;
      font-size: clamp(3.6px, .98vw, 4.4px) !important;
      font-weight: 900 !important;
      white-space: nowrap !important;
    }
  }

  @media (max-width: 380px) {
    #campaign-command-center .apx-command-grid { gap: 8px !important; }
    #campaign-command-center .apx-command-left { padding: 10px 9px !important; }
    #campaign-command-center .apx-command-board { padding: 8px !important; }
    #campaign-command-center .apx-new-title { font-size: clamp(22px, 7.4vw, 30px) !important; }
    #campaign-command-center .apx-command-left h3 { font-size: clamp(13px, 4.1vw, 16px) !important; }
    #campaign-command-center .apx-line-chart { height: 58px !important; }
  }

/* ===== results trailing style 24 ===== */
@media (min-width: 992px) {
    .apex-header .lamp-wrap,
    .clean-top-header .lamp-wrap,
    .lamp-wrap {
      top: -8px !important;
    }

    .apex-header .lamp-img,
    .clean-top-header .lamp-img,
    .lamp-img {
      transform: translateY(-35%) !important;
    }

    .client-results-section {
      padding-top: calc(clamp(48px, 5vw, 64px) + 40px) !important;
    }
  }

/* ===== results trailing style 25 ===== */
@media (max-width: 768px) {
  /* common mobile width */
  .result-process-section .rp-container,
  #campaign-command-center .apx-new-wrap {
    width: 92vw !important;
    max-width: 480px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* ===== PERFORMANCE BREAKDOWN ===== */
  .result-process-section {
    padding: 18px 0 40px !important;
    background:
      radial-gradient(ellipse 430px 240px at 50% 0%, rgba(212,175,55,.08), transparent 64%),
      linear-gradient(180deg, #0c1b14 0%, #08130f 100%) !important;
  }

  .result-process-section .rp-steps-panel {
    min-height: 190px !important;
    padding: 14px 18px 16px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(212,175,55,.38) !important;
    background: linear-gradient(145deg, rgba(7,20,15,.90), rgba(4,14,12,.97)) !important;
  }

  .result-process-section .rp-steps-title {
    margin-bottom: 22px !important;
    font-size: 11px !important;
    letter-spacing: .42em !important;
  }

  .result-process-section .rp-step {
    grid-template-columns: 54px minmax(0, 1fr) !important;
    gap: 14px !important;
    align-items: center !important;
  }

  .result-process-section .rp-step-icon {
    width: 48px !important;
    height: 48px !important;
    font-size: 19px !important;
    background: rgba(212,175,55,.06) !important;
    border: 1px solid rgba(212,175,55,.34) !important;
  }

  .result-process-section .rp-step-num {
    font-size: 10px !important;
    margin-bottom: 6px !important;
  }

  .result-process-section .rp-step-name {
    font-size: 15px !important;
    line-height: 1.05 !important;
    margin-bottom: 5px !important;
  }

  .result-process-section .rp-step-copy {
    max-width: 270px !important;
    font-size: 10px !important;
    line-height: 1.38 !important;
    color: rgba(236,241,233,.7) !important;
  }

  .result-process-section .rp-steps-carousel-controls {
    gap: 24px !important;
    margin-top: 22px !important;
  }

  .result-process-section .rp-step-arrow {
    width: 36px !important;
    height: 36px !important;
  }

  .result-process-section .rp-heading-block {
    margin: 34px auto 14px !important;
  }

  .result-process-section .rp-eyebrow {
    margin-bottom: 8px !important;
    font-size: 7.8px !important;
    letter-spacing: .32em !important;
  }

  .result-process-section .rp-main-title {
    font-size: clamp(34px, 10.2vw, 44px) !important;
    line-height: .90 !important;
    letter-spacing: -.07em !important;
    margin-bottom: 6px !important;
  }

  .result-process-section .rp-subtitle {
    max-width: 290px !important;
    font-size: 8px !important;
    line-height: 1.35 !important;
  }

  .result-process-section .rp-metrics-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
    align-items: stretch !important;
  }

  .result-process-section .rp-metric-card {
    min-height: 86px !important;
    padding: 9px 8px 8px !important;
    border-radius: 8px !important;
    background: linear-gradient(135deg, #ffffff 0%, #fdfcf9 65%, #f2ede3 100%) !important;
    border: 1px solid rgba(212,175,55,.20) !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.98) !important;
  }

  .result-process-section .rp-metric-icon {
    width: 18px !important;
    height: 18px !important;
    margin-bottom: 7px !important;
    font-size: 8px !important;
    border-color: rgba(212,175,55,.18) !important;
    background: rgba(212,175,55,.08) !important;
  }

  .result-process-section .rp-metric-name {
    font-size: 6.8px !important;
    line-height: 1.08 !important;
    margin-bottom: 6px !important;
    letter-spacing: -.01em !important;
  }

  .result-process-section .rp-progress {
    height: 3px !important;
    margin-bottom: 6px !important;
    background: #ebe5d8 !important;
  }

  .result-process-section .rp-percent {
    font-size: 18px !important;
    line-height: .90 !important;
    color: #d1a92d !important;
  }

  /* ===== CAMPAIGN COMMAND CENTER ===== */
  #campaign-command-center.apx-new-section {
    padding: 30px 0 40px !important;
    background:
      radial-gradient(ellipse 520px 240px at 50% 0%, rgba(212,175,55,.09), transparent 62%),
      linear-gradient(180deg, #07190f 0%, #0f2417 48%, #07130d 100%) !important;
  }

  #campaign-command-center .apx-new-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(118px, .45fr) !important;
    gap: 12px !important;
    align-items: end !important;
    margin: 0 0 16px !important;
  }

  #campaign-command-center .apx-new-kicker {
    justify-content: flex-start !important;
    margin: 0 0 6px !important;
    gap: 5px !important;
    font-size: 6px !important;
    letter-spacing: .18em !important;
  }

  #campaign-command-center .apx-new-kicker::before,
  #campaign-command-center .apx-new-kicker::after {
    width: 18px !important;
  }

  #campaign-command-center .apx-new-title {
    max-width: 236px !important;
    margin: 0 !important;
    font-size: clamp(29px, 9.2vw, 40px) !important;
    line-height: .88 !important;
    letter-spacing: -.075em !important;
    text-transform: uppercase !important;
    text-align: left !important;
  }

  #campaign-command-center .apx-new-copy {
    align-self: start !important;
    max-width: 125px !important;
    margin: 10px 0 0 auto !important;
    font-size: 6px !important;
    line-height: 1.52 !important;
    text-align: left !important;
    color: rgba(236,241,233,.76) !important;
  }

  #campaign-command-center .apx-command-grid {
    display: grid !important;
    grid-template-columns: minmax(0, .45fr) minmax(0, .55fr) !important;
    gap: 10px !important;
    align-items: stretch !important;
  }

  #campaign-command-center .apx-command-left,
  #campaign-command-center .apx-command-board {
    min-height: 196px !important;
    border-radius: 14px !important;
    overflow: hidden !important;
  }

  #campaign-command-center .apx-command-left {
    padding: 12px 11px 10px !important;
    background:
      linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),
      linear-gradient(180deg, rgba(22,36,28,.98), rgba(8,18,13,.99)) !important;
    border: 1px solid rgba(212,175,55,.18) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 12px 28px rgba(0,0,0,.22) !important;
  }

  #campaign-command-center .apx-pill {
    padding: 4px 7px !important;
    font-size: 4.8px !important;
    gap: 4px !important;
  }

  #campaign-command-center .apx-command-left h3 {
    max-width: 152px !important;
    margin: 10px 0 6px !important;
    font-size: 14.5px !important;
    line-height: .94 !important;
    letter-spacing: -.065em !important;
  }

  #campaign-command-center .apx-command-left p {
    max-width: 144px !important;
    font-size: 4.7px !important;
    line-height: 1.45 !important;
    margin: 0 !important;
  }

  #campaign-command-center .apx-command-list {
    gap: 6px !important;
    margin-top: 8px !important;
  }

  #campaign-command-center .apx-command-list li {
    grid-template-columns: 20px minmax(0, 1fr) !important;
    gap: 6px !important;
    padding: 6px !important;
    border-radius: 8px !important;
    background: rgba(0,0,0,.18) !important;
  }

  #campaign-command-center .apx-command-list i {
    width: 20px !important;
    height: 20px !important;
    font-size: 7px !important;
    border-radius: 6px !important;
  }

  #campaign-command-center .apx-command-list strong {
    font-size: 4.9px !important;
    line-height: 1.1 !important;
    margin-bottom: 1px !important;
  }

  #campaign-command-center .apx-command-list span {
    font-size: 3.8px !important;
    line-height: 1.2 !important;
  }

  #campaign-command-center .apx-command-board {
    padding: 9px !important;
    background: linear-gradient(135deg, #fffefb 0%, #f9f7f0 55%, #ebe4d7 100%) !important;
    border: 1px solid rgba(212,175,55,.16) !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.98) !important;
  }

  #campaign-command-center .apx-board-top {
    margin-bottom: 7px !important;
    gap: 6px !important;
  }

  #campaign-command-center .apx-board-title strong {
    font-size: 10px !important;
    line-height: .96 !important;
    letter-spacing: -.04em !important;
  }

  #campaign-command-center .apx-board-title span {
    margin-top: 2px !important;
    font-size: 4px !important;
  }

  #campaign-command-center .apx-board-live {
    padding: 4px 6px !important;
    font-size: 4px !important;
    line-height: 1 !important;
  }

  #campaign-command-center .apx-dashboard {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr) !important;
    gap: 6px !important;
  }

  #campaign-command-center .apx-chart-card,
  #campaign-command-center .apx-mini-card,
  #campaign-command-center .apx-feed-card {
    background: rgba(255,255,255,.84) !important;
    border: 1px solid rgba(23,35,29,.08) !important;
    border-radius: 8px !important;
  }

  #campaign-command-center .apx-chart-card {
    padding: 8px !important;
  }

  #campaign-command-center .apx-chart-card h4,
  #campaign-command-center .apx-feed-card h4 {
    font-size: 5px !important;
    margin-bottom: 6px !important;
    line-height: 1.08 !important;
  }

  #campaign-command-center .apx-line-chart {
    height: 69px !important;
    border-radius: 7px !important;
    background-size: 18px 18px !important;
  }

  #campaign-command-center .apx-line-chart polyline {
    stroke-width: 6 !important;
  }

  #campaign-command-center .apx-chart-stats {
    gap: 4px !important;
    margin-top: 5px !important;
  }

  #campaign-command-center .apx-chart-stats div {
    padding: 4px 3px !important;
    border-radius: 5px !important;
  }

  #campaign-command-center .apx-chart-stats strong {
    font-size: 6px !important;
    line-height: 1 !important;
  }

  #campaign-command-center .apx-chart-stats span {
    font-size: 3.3px !important;
    line-height: 1 !important;
  }

  #campaign-command-center .apx-side-stack {
    gap: 6px !important;
  }

  #campaign-command-center .apx-mini-card {
    min-height: 0 !important;
    padding: 7px !important;
    justify-content: center !important;
  }

  #campaign-command-center .apx-mini-card i {
    width: 13px !important;
    height: 13px !important;
    margin-bottom: 6px !important;
    font-size: 5px !important;
  }

  #campaign-command-center .apx-mini-card strong {
    font-size: 6px !important;
    line-height: 1.08 !important;
    margin-bottom: 5px !important;
  }

  #campaign-command-center .apx-meter {
    height: 4px !important;
  }

  #campaign-command-center .apx-feed-card {
    grid-column: 1 / -1 !important;
    padding: 7px !important;
  }

  #campaign-command-center .apx-feed-row {
    grid-template-columns: 15px minmax(0, 1fr) auto !important;
    gap: 5px !important;
    padding: 4px 0 !important;
  }

  #campaign-command-center .apx-feed-row b {
    width: 15px !important;
    height: 15px !important;
    font-size: 4.7px !important;
  }

  #campaign-command-center .apx-feed-row strong {
    font-size: 4.5px !important;
    line-height: 1.1 !important;
  }

  #campaign-command-center .apx-feed-row span {
    font-size: 3.4px !important;
    line-height: 1.1 !important;
  }

  #campaign-command-center .apx-feed-row em {
    font-size: 4px !important;
    line-height: 1 !important;
  }
}

@media (max-width: 380px) {
  .result-process-section .rp-main-title {
    font-size: clamp(31px, 9.6vw, 40px) !important;
  }

  .result-process-section .rp-metrics-grid {
    gap: 6px !important;
  }

  .result-process-section .rp-metric-card {
    min-height: 80px !important;
    padding: 8px 6px 7px !important;
  }

  .result-process-section .rp-metric-name {
    font-size: 6.2px !important;
  }

  .result-process-section .rp-percent {
    font-size: 17px !important;
  }

  #campaign-command-center .apx-new-title {
    font-size: clamp(27px, 8.8vw, 36px) !important;
  }

  #campaign-command-center .apx-command-grid {
    gap: 8px !important;
  }

  #campaign-command-center .apx-command-left,
  #campaign-command-center .apx-command-board {
    min-height: 184px !important;
  }

  #campaign-command-center .apx-line-chart {
    height: 62px !important;
  }
}

/* ===== results trailing style 26 ===== */
@media (max-width: 1024px) {
  /* lamp shown on all screens — handled by final override below */

  .apex-header,
  .apex-nav {
    overflow: visible !important;
  }

  /* ===== client results cards: 1 at a time, no cut ===== */
  .client-results-section > .site-wrap,
  .client-results-section .site-wrap {
    width: 95vw !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .client-results-section {
    overflow: hidden !important;
  }

  .client-results-section .cr-cards-grid {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 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;
    padding: 0 0 8px !important;
    margin-top: 14px !important;
  }

  .client-results-section .cr-cards-grid::-webkit-scrollbar {
    display: none !important;
  }

  .client-results-section .cr-card,
  .client-results-section .cr-more-card {
    flex: 0 0 70% !important;
    width: 70% !important;
    min-width: 70% !important;
    max-width: 70% !important;
    scroll-snap-align: start !important;
    min-height: auto !important;
    border-radius: 18px !important;
    padding: 18px 16px 16px !important;
  }

  .client-results-section .cr-card-bottom {
    padding-top: 12px !important;
  }

  .client-results-section .cr-more-card {
    display: none !important;
  }

  .client-results-section .cr-nav-arrows {
    gap: 8px !important;
  }

  .client-results-section .cr-nav-arrows button {
    width: 36px !important;
    height: 36px !important;
  }

  /* ===== campaign command: exact mobile sizing + glow/shine ===== */
  #campaign-command-center.apx-new-section {
    padding: 28px 0 40px !important;
    background:
      radial-gradient(ellipse 520px 250px at 50% 8%, rgba(212,175,55,.12), transparent 60%),
      radial-gradient(ellipse 380px 180px at 50% 100%, rgba(212,175,55,.09), transparent 66%),
      linear-gradient(180deg, #07190f 0%, #0f2417 48%, #07130d 100%) !important;
  }

  #campaign-command-center .apx-new-wrap {
    width: 95vw !important;
    max-width: none !important;
    padding: 0 !important;
  }

  #campaign-command-center .apx-new-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(112px, .46fr) !important;
    gap: 12px !important;
    align-items: end !important;
    margin: 0 0 16px !important;
  }

  #campaign-command-center .apx-new-title {
    max-width: 250px !important;
    margin: 0 !important;
    font-size: clamp(30px, 8.8vw, 42px) !important;
    line-height: .88 !important;
    letter-spacing: -.075em !important;
    text-transform: uppercase !important;
    text-align: left !important;
  }

  #campaign-command-center .apx-new-copy {
    max-width: 132px !important;
    margin: 10px 0 0 auto !important;
    font-size: clamp(5.5px, 1.25vw, 6.8px) !important;
    line-height: 1.52 !important;
    text-align: left !important;
    color: rgba(236,241,233,.76) !important;
  }

  #campaign-command-center .apx-command-grid {
    display: grid !important;
    grid-template-columns: minmax(0, .45fr) minmax(0, .55fr) !important;
    gap: 10px !important;
    align-items: stretch !important;
  }

  #campaign-command-center .apx-command-left,
  #campaign-command-center .apx-command-board {
    min-height: 205px !important;
    border-radius: 14px !important;
    overflow: hidden !important;
  }

  #campaign-command-center .apx-command-left {
    padding: 12px 11px 10px !important;
    background:
      radial-gradient(ellipse 140px 80px at 50% 0%, rgba(212,175,55,.07), transparent 70%),
      linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),
      linear-gradient(180deg, rgba(22,36,28,.98), rgba(8,18,13,.99)) !important;
    border: 1px solid rgba(212,175,55,.20) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.04),
      0 12px 28px rgba(0,0,0,.22),
      0 0 22px rgba(212,175,55,.08) !important;
  }

  #campaign-command-center .apx-command-left h3 {
    max-width: 154px !important;
    margin: 10px 0 6px !important;
    font-size: clamp(14px, 3.4vw, 18px) !important;
    line-height: .94 !important;
    letter-spacing: -.065em !important;
  }

  #campaign-command-center .apx-command-left p {
    max-width: 146px !important;
    font-size: clamp(4.6px, 1.08vw, 5.8px) !important;
    line-height: 1.45 !important;
  }

  #campaign-command-center .apx-command-list {
    gap: 6px !important;
    margin-top: 8px !important;
  }

  #campaign-command-center .apx-command-list li {
    grid-template-columns: 20px minmax(0, 1fr) !important;
    gap: 6px !important;
    padding: 6px !important;
    border-radius: 8px !important;
    background: rgba(0,0,0,.18) !important;
  }

  #campaign-command-center .apx-command-list i {
    width: 20px !important;
    height: 20px !important;
    font-size: 7px !important;
    border-radius: 6px !important;
  }

  #campaign-command-center .apx-command-list strong {
    font-size: clamp(4.8px, 1.06vw, 5.8px) !important;
    line-height: 1.1 !important;
  }

  #campaign-command-center .apx-command-list span {
    font-size: clamp(3.7px, .9vw, 4.4px) !important;
    line-height: 1.2 !important;
  }

  #campaign-command-center .apx-command-board {
    padding: 9px !important;
    background:
      radial-gradient(ellipse 160px 80px at 50% 0%, rgba(255,255,255,.44), transparent 70%),
      linear-gradient(135deg, #fffefb 0%, #f9f7f0 55%, #ebe4d7 100%) !important;
    border: 1px solid rgba(212,175,55,.16) !important;
    box-shadow:
      0 10px 24px rgba(0,0,0,.18),
      inset 0 1px 0 rgba(255,255,255,.98),
      0 0 22px rgba(255,214,82,.12) !important;
  }

  #campaign-command-center .apx-board-title strong { font-size: clamp(9.4px, 2vw, 11px) !important; }
  #campaign-command-center .apx-board-title span { font-size: clamp(3.8px, .86vw, 4.5px) !important; }
  #campaign-command-center .apx-board-live { font-size: clamp(3.8px, .86vw, 4.5px) !important; }

  #campaign-command-center .apx-dashboard {
    grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr) !important;
    gap: 6px !important;
  }

  #campaign-command-center .apx-chart-card,
  #campaign-command-center .apx-mini-card,
  #campaign-command-center .apx-feed-card {
    background: rgba(255,255,255,.84) !important;
    border-radius: 8px !important;
    border: 1px solid rgba(23,35,29,.08) !important;
  }

  #campaign-command-center .apx-chart-card { padding: 8px !important; }
  #campaign-command-center .apx-chart-card h4,
  #campaign-command-center .apx-feed-card h4 { font-size: clamp(4.8px, 1.06vw, 5.7px) !important; margin-bottom: 6px !important; }
  #campaign-command-center .apx-line-chart { height: 68px !important; border-radius: 7px !important; background-size: 18px 18px !important; }
  #campaign-command-center .apx-line-chart polyline { stroke-width: 6 !important; }
  #campaign-command-center .apx-chart-stats { gap: 4px !important; margin-top: 5px !important; }
  #campaign-command-center .apx-chart-stats div { padding: 4px 3px !important; border-radius: 5px !important; }
  #campaign-command-center .apx-chart-stats strong { font-size: clamp(5.8px, 1.25vw, 6.8px) !important; }
  #campaign-command-center .apx-chart-stats span { font-size: clamp(3.2px, .75vw, 3.9px) !important; }
  #campaign-command-center .apx-mini-card { padding: 7px !important; }
  #campaign-command-center .apx-mini-card strong { font-size: clamp(5.6px, 1.2vw, 6.5px) !important; }
  #campaign-command-center .apx-feed-card { grid-column: 1 / -1 !important; padding: 7px !important; }
  #campaign-command-center .apx-feed-row { grid-template-columns: 15px minmax(0, 1fr) auto !important; gap: 5px !important; padding: 4px 0 !important; }
  #campaign-command-center .apx-feed-row b { width: 15px !important; height: 15px !important; font-size: 4.7px !important; }
  #campaign-command-center .apx-feed-row strong { font-size: clamp(4.4px, .96vw, 5.1px) !important; }
  #campaign-command-center .apx-feed-row span { font-size: clamp(3.3px, .72vw, 4px) !important; }
  #campaign-command-center .apx-feed-row em { font-size: clamp(3.8px, .82vw, 4.5px) !important; }

  /* ===== testimonials: smaller cards, remove extra white space ===== */
  .testimonials-section {
    padding: 36px 0 40px !important;
  }

  .testimonials-section .tst-container {
    width: 95vw !important;
    max-width: none !important;
  }

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

  .testimonials-section .tst-masonry {
    display: flex !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    gap: 14px !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;
    padding-bottom: 6px !important;
    margin-bottom: 12px !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: start !important;
    min-height: auto !important;
    height: auto !important;
    padding: 18px 18px 16px !important;
    border-radius: 18px !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: 0 0 10px !important;
  }

  .testimonials-section .tst-text,
  .testimonials-section .tst-card-featured .tst-text,
  .testimonials-section .tst-card-wide .tst-text {
    font-size: 11.6px !important;
    line-height: 1.58 !important;
    max-width: none !important;
  }

  .testimonials-section .tst-bold-line {
    margin-top: 8px !important;
  }

  .testimonials-section .tst-author {
    margin-top: 14px !important;
    padding-top: 14px !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 10px !important;
  }

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

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

  .testimonials-section .tst-author-name {
    font-size: 11.5px !important;
  }

  .testimonials-section .tst-author-role {
    font-size: 8.8px !important;
  }

  .testimonials-section .tst-author-actions {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
  }

  .testimonials-section .tst-growth-pill {
    margin-top: 0 !important;
    padding: 7px 10px !important;
    font-size: 9.5px !important;
    line-height: 1 !important;
  }

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

@media (max-width: 768px) {
  .client-results-section .cr-card,
  .client-results-section .cr-more-card {
    padding: 16px 14px 15px !important;
  }

  #campaign-command-center .apx-new-title {
    font-size: clamp(28px, 9vw, 38px) !important;
  }

  #campaign-command-center .apx-command-left,
  #campaign-command-center .apx-command-board {
    min-height: 194px !important;
  }

  #campaign-command-center .apx-line-chart {
    height: 62px !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) {
    padding: 16px 16px 14px !important;
  }
}

/* ===== results trailing style 27 ===== */
@media (max-width: 768px) {
  /* ===== HOW IT WORKS exact same ===== */
  .result-process-section {
    padding: 16px 0 34px !important;
    background:
      radial-gradient(ellipse 430px 210px at 50% 0%, rgba(212,175,55,.08), transparent 66%),
      linear-gradient(180deg, #0b1913 0%, #08110d 100%) !important;
  }

  .result-process-section .rp-container {
    width: 95vw !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  .result-process-section .rp-steps-panel {
    width: 100% !important;
    min-height: 214px !important;
    padding: 18px 20px 18px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(212,175,55,.34) !important;
    background:
      radial-gradient(ellipse 180px 70px at 50% 0%, rgba(212,175,55,.05), transparent 70%),
      linear-gradient(145deg, rgba(9,22,18,.96), rgba(5,15,12,.98)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.03),
      0 10px 24px rgba(0,0,0,.22) !important;
    overflow: hidden !important;
  }

  .result-process-section .rp-steps-title {
    margin: 0 0 26px !important;
    text-align: center !important;
    color: var(--gold) !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: .42em !important;
  }

  .result-process-section .rp-steps-grid {
    display: flex !important;
    gap: 0 !important;
    width: 100% !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;
  }

  .result-process-section .rp-steps-grid::-webkit-scrollbar {
    display: none !important;
  }

  .result-process-section .rp-step {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    scroll-snap-align: start !important;
    display: grid !important;
    grid-template-columns: 60px minmax(0, 1fr) !important;
    gap: 18px !important;
    align-items: center !important;
  }

  .result-process-section .rp-step::after { display: none !important; }

  .result-process-section .rp-step-icon {
    width: 54px !important;
    height: 54px !important;
    border-radius: 999px !important;
    font-size: 22px !important;
    color: var(--gold) !important;
    border: 1px solid rgba(212,175,55,.32) !important;
    background: rgba(212,175,55,.05) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.03) !important;
  }

  .result-process-section .rp-step-num {
    display: block !important;
    margin: 0 0 6px !important;
    color: var(--gold) !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: .12em !important;
  }

  .result-process-section .rp-step-name {
    margin: 0 0 8px !important;
    color: #f8f6ef !important;
    font-size: 15px !important;
    line-height: 1.06 !important;
    font-weight: 900 !important;
    letter-spacing: -.02em !important;
  }

  .result-process-section .rp-step-copy {
    margin: 0 !important;
    max-width: 100% !important;
    color: rgba(236,241,233,.72) !important;
    font-size: 8.8px !important;
    line-height: 1.45 !important;
    font-weight: 700 !important;
  }

  .result-process-section .rp-steps-carousel-controls {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 18px !important;
    margin: 22px auto 0 !important;
  }

  .result-process-section .rp-step-arrow {
    width: 40px !important;
    height: 40px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(212,175,55,.56) !important;
    background: transparent !important;
    color: var(--gold) !important;
    font-size: 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .result-process-section .rp-step-dots { display: none !important; }

  /* ===== CAMPAIGN COMMAND CENTER exact same ===== */
  #campaign-command-center.apx-new-section {
    padding: 26px 0 38px !important;
    background:
      radial-gradient(ellipse 520px 210px at 50% 6%, rgba(212,175,55,.10), transparent 62%),
      linear-gradient(180deg, #081811 0%, #0d2417 50%, #07120d 100%) !important;
  }

  #campaign-command-center .apx-new-wrap {
    width: 95vw !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  #campaign-command-center .apx-new-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(118px, .43fr) !important;
    align-items: start !important;
    gap: 12px !important;
    margin: 0 0 16px !important;
    text-align: left !important;
  }

  #campaign-command-center .apx-new-kicker {
    justify-content: flex-start !important;
    gap: 5px !important;
    margin: 0 0 7px !important;
    color: var(--gold) !important;
    font-size: 6px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: .18em !important;
    text-transform: uppercase !important;
  }

  #campaign-command-center .apx-new-kicker::before,
  #campaign-command-center .apx-new-kicker::after {
    width: 18px !important;
    height: 1px !important;
  }

  #campaign-command-center .apx-new-title {
    margin: 0 !important;
    max-width: 250px !important;
    color: #fff !important;
    font-size: clamp(30px, 8.6vw, 42px) !important;
    line-height: .86 !important;
    letter-spacing: -.07em !important;
    text-transform: uppercase !important;
    text-align: left !important;
  }

  #campaign-command-center .apx-new-title span {
    color: var(--gold) !important;
  }

  #campaign-command-center .apx-new-copy {
    align-self: start !important;
    max-width: 130px !important;
    margin: 10px 0 0 auto !important;
    color: rgba(236,241,233,.74) !important;
    font-size: 5.8px !important;
    line-height: 1.52 !important;
    font-weight: 700 !important;
    text-align: left !important;
  }

  #campaign-command-center .apx-command-grid {
    display: grid !important;
    grid-template-columns: minmax(0, .45fr) minmax(0, .55fr) !important;
    gap: 10px !important;
    align-items: stretch !important;
    width: 100% !important;
    margin: 0 !important;
  }

  #campaign-command-center .apx-command-left,
  #campaign-command-center .apx-command-board {
    min-width: 0 !important;
    min-height: 208px !important;
    border-radius: 14px !important;
    overflow: hidden !important;
  }

  #campaign-command-center .apx-command-left {
    padding: 12px 11px 10px !important;
    background:
      radial-gradient(ellipse 170px 70px at 50% 0%, rgba(212,175,55,.05), transparent 70%),
      linear-gradient(145deg, rgba(255,255,255,.05), rgba(255,255,255,.02)),
      linear-gradient(180deg, rgba(20,35,27,.97), rgba(7,16,13,.99)) !important;
    border: 1px solid rgba(212,175,55,.18) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.03), 0 12px 28px rgba(0,0,0,.22) !important;
  }

  #campaign-command-center .apx-pill {
    width: max-content !important;
    max-width: 100% !important;
    padding: 4px 7px !important;
    border-radius: 999px !important;
    font-size: 4.8px !important;
    line-height: 1 !important;
    letter-spacing: .06em !important;
    gap: 4px !important;
  }

  #campaign-command-center .apx-command-left h3 {
    margin: 10px 0 6px !important;
    max-width: 150px !important;
    color: #fff !important;
    font-size: 14.5px !important;
    line-height: .94 !important;
    letter-spacing: -.065em !important;
    font-weight: 900 !important;
  }

  #campaign-command-center .apx-command-left h3 span {
    color: var(--gold) !important;
  }

  #campaign-command-center .apx-command-left p {
    max-width: 145px !important;
    margin: 0 !important;
    color: rgba(225,233,224,.70) !important;
    font-size: 4.7px !important;
    line-height: 1.45 !important;
    font-weight: 600 !important;
  }

  #campaign-command-center .apx-command-list {
    display: grid !important;
    gap: 6px !important;
    margin: 8px 0 0 !important;
    padding: 0 !important;
  }

  #campaign-command-center .apx-command-list li {
    display: grid !important;
    grid-template-columns: 20px minmax(0, 1fr) !important;
    gap: 6px !important;
    align-items: center !important;
    padding: 6px !important;
    border-radius: 8px !important;
    background: rgba(0,0,0,.18) !important;
    border: 1px solid rgba(255,255,255,.06) !important;
  }

  #campaign-command-center .apx-command-list i {
    width: 20px !important;
    height: 20px !important;
    border-radius: 6px !important;
    font-size: 7px !important;
  }

  #campaign-command-center .apx-command-list strong {
    display: block !important;
    margin: 0 0 1px !important;
    color: #fff !important;
    font-size: 4.9px !important;
    line-height: 1.1 !important;
    font-weight: 900 !important;
  }

  #campaign-command-center .apx-command-list span {
    display: block !important;
    color: rgba(225,233,224,.63) !important;
    font-size: 3.8px !important;
    line-height: 1.22 !important;
    font-weight: 600 !important;
  }

  #campaign-command-center .apx-command-board {
    padding: 9px !important;
    background:
      radial-gradient(ellipse 180px 74px at 50% 0%, rgba(255,255,255,.42), transparent 72%),
      linear-gradient(135deg, #fffef9 0%, #fbfaf5 54%, #eee8dd 100%) !important;
    color: #17231d !important;
    border: 1px solid rgba(212,175,55,.18) !important;
    box-shadow: 0 12px 26px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.98) !important;
  }

  #campaign-command-center .apx-board-top {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 6px !important;
    margin: 0 0 7px !important;
  }

  #campaign-command-center .apx-board-title strong {
    color: #17231d !important;
    font-size: 10px !important;
    line-height: .96 !important;
    letter-spacing: -.04em !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }

  #campaign-command-center .apx-board-title span {
    margin-top: 2px !important;
    color: #716848 !important;
    font-size: 4px !important;
    line-height: 1.1 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
  }

  #campaign-command-center .apx-board-live {
    padding: 4px 6px !important;
    border-radius: 999px !important;
    font-size: 4px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    font-weight: 900 !important;
  }

  #campaign-command-center .apx-dashboard {
    display: grid !important;
    grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr) !important;
    gap: 6px !important;
    align-items: stretch !important;
  }

  #campaign-command-center .apx-chart-card,
  #campaign-command-center .apx-mini-card,
  #campaign-command-center .apx-feed-card {
    border-radius: 8px !important;
    background: rgba(255,255,255,.82) !important;
    border: 1px solid rgba(23,35,29,.07) !important;
    box-shadow: 0 6px 14px rgba(23,35,29,.07) !important;
    overflow: hidden !important;
  }

  #campaign-command-center .apx-chart-card {
    padding: 8px !important;
  }

  #campaign-command-center .apx-chart-card h4,
  #campaign-command-center .apx-feed-card h4 {
    margin: 0 0 6px !important;
    color: #17231d !important;
    font-size: 5px !important;
    line-height: 1.08 !important;
    font-weight: 900 !important;
  }

  #campaign-command-center .apx-line-chart {
    height: 68px !important;
    border-radius: 7px !important;
    background-size: 18px 18px !important;
  }

  #campaign-command-center .apx-line-chart polyline {
    stroke-width: 6 !important;
  }

  #campaign-command-center .apx-chart-stats {
    margin-top: 5px !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 4px !important;
  }

  #campaign-command-center .apx-chart-stats div {
    padding: 4px 3px !important;
    border-radius: 5px !important;
    background: rgba(23,35,29,.05) !important;
  }

  #campaign-command-center .apx-chart-stats strong {
    color: #a1781c !important;
    font-size: 6px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }

  #campaign-command-center .apx-chart-stats span {
    margin-top: 2px !important;
    color: #716848 !important;
    font-size: 3.3px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
  }

  #campaign-command-center .apx-side-stack {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }

  #campaign-command-center .apx-mini-card {
    padding: 7px !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
  }

  #campaign-command-center .apx-mini-card i {
    width: 13px !important;
    height: 13px !important;
    margin-bottom: 6px !important;
    font-size: 5px !important;
  }

  #campaign-command-center .apx-mini-card strong {
    margin: 0 0 5px !important;
    color: #17231d !important;
    font-size: 6px !important;
    line-height: 1.08 !important;
    font-weight: 900 !important;
  }

  #campaign-command-center .apx-meter {
    height: 4px !important;
    border-radius: 999px !important;
  }

  #campaign-command-center .apx-feed-card {
    grid-column: 1 / -1 !important;
    padding: 7px !important;
    margin: 0 !important;
  }

  #campaign-command-center .apx-feed-row {
    display: grid !important;
    grid-template-columns: 15px minmax(0, 1fr) auto !important;
    gap: 5px !important;
    align-items: center !important;
    padding: 4px 0 !important;
    border-top: 1px solid rgba(23,35,29,.08) !important;
  }

  #campaign-command-center .apx-feed-row b {
    width: 15px !important;
    height: 15px !important;
    font-size: 4.7px !important;
  }

  #campaign-command-center .apx-feed-row strong {
    color: #17231d !important;
    font-size: 4.5px !important;
    line-height: 1.1 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  #campaign-command-center .apx-feed-row span {
    margin-top: 1px !important;
    color: #716848 !important;
    font-size: 3.4px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  #campaign-command-center .apx-feed-row em {
    color: #9f781d !important;
    font-size: 4px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 380px) {
  .result-process-section .rp-step-name { font-size: 14px !important; }
  .result-process-section .rp-step-copy { font-size: 8.2px !important; }
  #campaign-command-center .apx-new-title { font-size: clamp(27px, 8.6vw, 36px) !important; }
  #campaign-command-center .apx-command-grid { gap: 8px !important; }
  #campaign-command-center .apx-command-left,
  #campaign-command-center .apx-command-board { min-height: 194px !important; }
  #campaign-command-center .apx-line-chart { height: 60px !important; }
}

/* ===== results trailing style 28 ===== */
/* Desktop: Real Clients section upar shift */
  @media (min-width: 992px) {
    .client-results-section {
      padding-top: calc(clamp(48px, 5vw, 64px) + 40px) !important;
    }
  }

  /* ── Real Clients hero panel: mobile pe card remove, normal background ── */
  @media (max-width: 768px) {
    .client-results-section .cr-hero-panel,
    .cr-hero-panel {
      border: none !important;
      border-radius: 0 !important;
      background: transparent !important;
      box-shadow: none !important;
      padding: 0 !important;
    }
  }

  /* ── LOGO: mobile pe chhota ── */
  @media (max-width: 768px) {
    .apex-header .brand-logo,
    .clean-top-header .brand-logo,
    .brand-logo {
      height: clamp(18px, 5vw, 24px) !important;
      max-width: min(100px, 30vw) !important;
      width: auto !important;
    }
  }

  @media (max-width: 480px) {
    .apex-header .brand-logo,
    .clean-top-header .brand-logo,
    .brand-logo {
      height: clamp(16px, 4.5vw, 20px) !important;
      max-width: min(85px, 28vw) !important;
      width: auto !important;
    }
  }

  /* ── LAMP: har screen pe show karo ── */
  .lamp-wrap,
  .apex-header .lamp-wrap,
  .clean-top-header .lamp-wrap {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: absolute !important;
    top: -18px !important;
    left: 0 !important;
    z-index: 6 !important;
    pointer-events: none !important;
    overflow: visible !important;
    width: clamp(320px, 34vw, 620px) !important;
  }
  .lamp-img {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    width: 100% !important;
    height: auto !important;
    transform: translateY(-32%) !important;
    margin-bottom: -26% !important;
  }

  @media (max-width: 991px) {
    .lamp-wrap,
    .apex-header .lamp-wrap,
    .clean-top-header .lamp-wrap {
      width: clamp(150px, 34vw, 230px) !important;
      left: clamp(70px, 18vw, 135px) !important;
      top: -10px !important;
    }
  }

  @media (max-width: 767px) {
    .lamp-wrap,
    .apex-header .lamp-wrap,
    .clean-top-header .lamp-wrap {
      width: clamp(92px, 26vw, 140px) !important;
      left: clamp(42px, 14vw, 72px) !important;
      top: -8px !important;
    }
  }

  @media (max-width: 480px) {
    .lamp-wrap,
    .apex-header .lamp-wrap,
    .clean-top-header .lamp-wrap {
      width: clamp(82px, 24vw, 110px) !important;
      left: clamp(36px, 12vw, 56px) !important;
    }
  }

  /* ── Campaign Command Center: height/width reduce (v2 — smaller) ── */
  #campaign-command-center.apx-new-section {
    padding: clamp(22px, 3vw, 38px) 0 !important;
  }
  #campaign-command-center .apx-new-head {
    margin-bottom: 14px !important;
  }
  #campaign-command-center .apx-new-title {
    font-size: clamp(24px, 3vw, 42px) !important;
    margin-bottom: 6px !important;
    line-height: 1 !important;
  }
  #campaign-command-center .apx-new-kicker {
    font-size: 9px !important;
    margin-bottom: 8px !important;
  }
  #campaign-command-center .apx-new-copy {
    font-size: clamp(10px, 0.9vw, 12px) !important;
    line-height: 1.5 !important;
  }
  #campaign-command-center .apx-command-grid {
    gap: 12px !important;
  }
  #campaign-command-center .apx-command-left {
    padding: clamp(14px, 1.6vw, 22px) !important;
    min-height: auto !important;
    border-radius: 20px !important;
  }
  #campaign-command-center .apx-command-left h3 {
    font-size: clamp(18px, 2vw, 28px) !important;
    margin: 8px 0 6px !important;
    line-height: 1.05 !important;
  }
  #campaign-command-center .apx-command-left p {
    font-size: clamp(9px, 0.85vw, 11px) !important;
    line-height: 1.5 !important;
  }
  #campaign-command-center .apx-command-list {
    gap: 6px !important;
    margin-top: 10px !important;
  }
  #campaign-command-center .apx-command-list li {
    padding: 7px 9px !important;
    grid-template-columns: 28px 1fr !important;
    gap: 8px !important;
    border-radius: 10px !important;
  }
  #campaign-command-center .apx-command-list i {
    width: 28px !important;
    height: 28px !important;
    font-size: 12px !important;
  }
  #campaign-command-center .apx-command-list strong {
    font-size: 10px !important;
    margin-bottom: 2px !important;
  }
  #campaign-command-center .apx-command-list span {
    font-size: 8px !important;
    line-height: 1.35 !important;
  }
  #campaign-command-center .apx-command-board {
    padding: clamp(12px, 1.5vw, 18px) !important;
    min-height: auto !important;
    border-radius: 20px !important;
  }
  #campaign-command-center .apx-board-top {
    margin-bottom: 8px !important;
    gap: 8px !important;
  }
  #campaign-command-center .apx-board-title strong {
    font-size: clamp(14px, 1.5vw, 18px) !important;
  }
  #campaign-command-center .apx-board-title span {
    font-size: 8px !important;
  }
  #campaign-command-center .apx-board-live {
    font-size: 7px !important;
    padding: 6px 8px !important;
  }
  #campaign-command-center .apx-line-chart {
    height: clamp(70px, 8vw, 110px) !important;
  }
  #campaign-command-center .apx-chart-stats {
    gap: 5px !important;
    margin-top: 6px !important;
  }
  #campaign-command-center .apx-chart-stats div {
    padding: 6px 8px !important;
    border-radius: 8px !important;
  }
  #campaign-command-center .apx-chart-stats strong {
    font-size: clamp(11px, 1.2vw, 15px) !important;
  }
  #campaign-command-center .apx-chart-stats span {
    font-size: 7px !important;
  }
  #campaign-command-center .apx-mini-card {
    padding: 8px 10px !important;
    border-radius: 12px !important;
  }
  #campaign-command-center .apx-mini-card i {
    width: 24px !important;
    height: 24px !important;
    font-size: 11px !important;
  }
  #campaign-command-center .apx-mini-card strong {
    font-size: 8px !important;
    margin: 5px 0 4px !important;
  }
  #campaign-command-center .apx-feed-card {
    padding: 10px !important;
    border-radius: 12px !important;
  }
  #campaign-command-center .apx-feed-row {
    padding: 5px 0 !important;
    gap: 6px !important;
    grid-template-columns: 22px 1fr auto !important;
  }
  #campaign-command-center .apx-feed-row b {
    width: 22px !important;
    height: 22px !important;
    font-size: 8px !important;
  }
  #campaign-command-center .apx-feed-row strong {
    font-size: 8px !important;
  }
  #campaign-command-center .apx-feed-row span {
    font-size: 7px !important;
  }
  #campaign-command-center .apx-feed-row em {
    font-size: 8px !important;
  }

  /* ── 95% WIDTH — every container, every breakpoint ── */
  .site-wrap,
  .hero-section > .site-wrap,
  .wwd-container,
  .cr-container,
  .pkg-container,
  .tst-container,
  .insights-container,
  .footer-v2-container,
  .results-container,
  .rp-container,
  .apx-new-wrap {
    width: 95% !important;
    max-width: none !important;
    min-width: 0 !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: 991px) {
    .site-wrap,
    .hero-section > .site-wrap,
    .wwd-container,
    .cr-container,
    .pkg-container,
    .tst-container,
    .insights-container,
    .footer-v2-container,
    .results-container,
    .rp-container,
    .apx-new-wrap {
      width: 95% !important;
      max-width: none !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
  }

  @media (max-width: 768px) {
    .site-wrap,
    .hero-section > .site-wrap,
    .wwd-container,
    .cr-container,
    .pkg-container,
    .tst-container,
    .insights-container,
    .footer-v2-container,
    .results-container,
    .rp-container,
    .apx-new-wrap {
      width: 95% !important;
      max-width: none !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
  }

  @media (max-width: 480px) {
    .site-wrap,
    .hero-section > .site-wrap,
    .wwd-container,
    .cr-container,
    .pkg-container,
    .tst-container,
    .insights-container,
    .footer-v2-container,
    .results-container,
    .rp-container,
    .apx-new-wrap {
      width: 95% !important;
      max-width: none !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
  }

  /* ── cr-title-icon: mobile pe agli line pe ── */
  @media (max-width: 768px) {
    .cr-title-icon {
      display: block !important;
      margin-top: 6px !important;
      margin-left: 0 !important;
      width: 22px !important;
      height: 22px !important;
      font-size: 11px !important;
    }

    .cr-subtitle {
      font-size: 8.5px !important;
      line-height: 1.5 !important;
      margin: 0 0 14px !important;
      white-space: nowrap !important;
    }

    /* cr-title bada */
    .cr-title {
      font-size: clamp(22px, 6.5vw, 28px) !important;
    }
  }

  /* ══ LAMP FINAL ABSOLUTE FIX ══
     Desktop: medium size, centered above logo
     Mobile:  small, not covering text/content  */
  .lamp-wrap,
  .apex-header .lamp-wrap,
  .clean-top-header .lamp-wrap {
    display: block !important;
    position: absolute !important;
    top: -10px !important;
    left: clamp(115px, 14vw, 190px) !important;
    width: clamp(280px, 28vw, 390px) !important;
    z-index: 8 !important;
    pointer-events: none !important;
    overflow: visible !important;
  }

  @media (max-width: 991px) {
    .lamp-wrap,
    .apex-header .lamp-wrap,
    .clean-top-header .lamp-wrap {
      width: clamp(130px, 28vw, 185px) !important;
      left: clamp(65px, 16vw, 115px) !important;
      top: -10px !important;
    }
  }

  @media (max-width: 767px) {
    .lamp-wrap,
    .apex-header .lamp-wrap,
    .clean-top-header .lamp-wrap {
      width: clamp(100px, 26vw, 135px) !important;
      left: clamp(50px, 14vw, 78px) !important;
      top: -12px !important;
    }
    .lamp-img {
      transform: translateY(-24%) !important;
      margin-bottom: -18% !important;
    }
  }

  @media (max-width: 480px) {
    .lamp-wrap,
    .apex-header .lamp-wrap,
    .clean-top-header .lamp-wrap {
      width: clamp(90px, 24vw, 115px) !important;
      left: clamp(44px, 13vw, 66px) !important;
      top: -12px !important;
    }
    .lamp-img {
      transform: translateY(-20%) !important;
      margin-bottom: -14% !important;
    }
  }

/* ===== results trailing style 29 ===== */
@media (max-width: 768px) {
  #campaign-command-center.apx-new-section {
    padding: 28px 0 36px !important;
  }
  #campaign-command-center .apx-new-wrap {
    width: 98vw !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }
  #campaign-command-center .apx-new-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, .52fr) !important;
    align-items: start !important;
    gap: 8px !important;
    margin: 0 0 12px !important;
    text-align: left !important;
  }
  #campaign-command-center .apx-new-kicker {
    font-size: 7px !important;
    letter-spacing: .22em !important;
    margin-bottom: 4px !important;
    color: #d4af37 !important;
    justify-content: flex-start !important;
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
  }
  #campaign-command-center .apx-new-title {
    font-size: clamp(13px, 4vw, 18px) !important;
    line-height: 1 !important;
    letter-spacing: -.04em !important;
    text-transform: uppercase !important;
    color: #fff !important;
    margin: 0 !important;
    max-width: none !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }
  #campaign-command-center .apx-new-title span { color: #d4af37 !important; }
  #campaign-command-center .apx-new-copy {
    font-size: 5.5px !important;
    line-height: 1.4 !important;
    color: rgba(236,241,233,.70) !important;
    margin: 0 !important;
    max-width: 130px !important;
    align-self: start !important;
    text-align: left !important;
    font-weight: 500 !important;
    transform: translateY(-4px) !important;
    white-space: normal !important;
  }
  #campaign-command-center .apx-command-grid {
    display: grid !important;
    grid-template-columns: minmax(0, .44fr) minmax(0, .56fr) !important;
    gap: 10px !important;
    align-items: start !important;
    width: 100% !important;
  }

  #campaign-command-center .apx-command-left {
    background: linear-gradient(160deg, #0f2318 0%, #071410 100%) !important;
    border: 1px solid rgba(212,175,55,.22) !important;
    border-radius: 14px !important;
    padding: 9px 8px !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    height: auto !important;
    overflow: hidden !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.35) !important;
  }
  #campaign-command-center .apx-command-board {
    background: linear-gradient(140deg, #fdfcf5 0%, #f2ede0 100%) !important;
    border: 1px solid rgba(212,175,55,.28) !important;
    border-radius: 14px !important;
    padding: 9px 8px !important;
    min-height: 0 !important;
    height: auto !important;
    overflow: hidden !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.18) !important;
  }
  #campaign-command-center .apx-pill {
    font-size: 4px !important;
    padding: 3px 6px !important;
    border-radius: 999px !important;
    gap: 3px !important;
    background: rgba(212,175,55,.12) !important;
    border: 1px solid rgba(212,175,55,.3) !important;
    color: #f1d46a !important;
    width: fit-content !important;
    margin-bottom: 4px !important;
    letter-spacing: .04em !important;
  }

  #campaign-command-center .apx-command-left h3 {
    font-size: clamp(9px, 2.8vw, 12px) !important;
    line-height: .92 !important;
    letter-spacing: -.04em !important;
    font-weight: 900 !important;
    color: #fff !important;
    margin: 0 0 3px !important;
    max-width: 160px !important;
  }
  #campaign-command-center .apx-command-left h3 span { color: #d4af37 !important; }
  #campaign-command-center .apx-command-left > p {
    font-size: 4px !important;
    line-height: 1.38 !important;
    color: rgba(225,233,224,.65) !important;
    margin: 0 0 5px !important;
    max-width: none !important;
    font-weight: 500 !important;
  }
  #campaign-command-center .apx-command-list {
    display: grid !important;
    gap: 3px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    flex: 1 !important;
  }
  #campaign-command-center .apx-command-list li {
    display: grid !important;
    grid-template-columns: 14px minmax(0, 1fr) !important;
    gap: 4px !important;
    align-items: center !important;
    padding: 4px !important;
    border-radius: 6px !important;
    background: rgba(0,0,0,.22) !important;
    border: 1px solid rgba(255,255,255,.09) !important;
  }
  #campaign-command-center .apx-command-list i {
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    border-radius: 4px !important;
    background: linear-gradient(135deg, #d4af37, #8b6417) !important;
    color: #111 !important;
    font-size: 6px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
  }
  #campaign-command-center .apx-command-list strong {
    display: block !important;
    font-size: 5px !important;
    font-weight: 900 !important;
    color: #fff !important;
    line-height: 1.1 !important;
    margin-bottom: 1px !important;
  }
  #campaign-command-center .apx-command-list span {
    display: block !important;
    font-size: 3.5px !important;
    color: rgba(225,233,224,.58) !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;
  }

  #campaign-command-center .apx-board-top {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    margin-bottom: 5px !important;
    gap: 4px !important;
  }
  #campaign-command-center .apx-board-title strong {
    font-size: 8px !important;
    font-weight: 900 !important;
    color: #17231d !important;
    display: block !important;
    line-height: 1 !important;
    letter-spacing: -.02em !important;
  }
  #campaign-command-center .apx-board-title span {
    font-size: 4px !important;
    color: #716848 !important;
    font-weight: 700 !important;
    display: block !important;
    margin-top: 1px !important;
  }
  #campaign-command-center .apx-board-live {
    font-size: 4px !important;
    font-weight: 900 !important;
    padding: 3px 5px !important;
    border-radius: 999px !important;
    background: rgba(23,35,29,.08) !important;
    color: #17231d !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
  }
  #campaign-command-center .apx-dashboard {
    display: grid !important;
    grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr) !important;
    gap: 6px !important;
    align-items: stretch !important;
  }
  #campaign-command-center .apx-chart-card {
    background: #fff !important;
    border: 1px solid rgba(23,35,29,.07) !important;
    border-radius: 7px !important;
    padding: 5px !important;
    box-shadow: 0 4px 12px rgba(23,35,29,.08) !important;
    overflow: hidden !important;
  }
  #campaign-command-center .apx-chart-card h4 {
    font-size: 5px !important;
    font-weight: 900 !important;
    color: #17231d !important;
    margin: 0 0 3px !important;
    white-space: nowrap !important;
  }
  #campaign-command-center .apx-line-chart {
    height: 48px !important;
    border-radius: 5px !important;
  }
  #campaign-command-center .apx-line-chart polyline { stroke-width: 5 !important; }
  #campaign-command-center .apx-chart-stats {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 3px !important;
    margin-top: 4px !important;
  }
  #campaign-command-center .apx-chart-stats div {
    padding: 3px 2px !important;
    border-radius: 4px !important;
    background: rgba(23,35,29,.05) !important;
  }
  #campaign-command-center .apx-chart-stats strong {
    font-size: 6px !important;
    font-weight: 900 !important;
    color: #a1781c !important;
    display: block !important;
    white-space: nowrap !important;
  }
  #campaign-command-center .apx-chart-stats span {
    font-size: 3px !important;
    color: #716848 !important;
    font-weight: 800 !important;
    display: block !important;
    white-space: nowrap !important;
    margin-top: 1px !important;
  }

  #campaign-command-center .apx-side-stack {
    display: grid !important;
    grid-template-rows: 1fr 1fr !important;
    gap: 4px !important;
  }
  #campaign-command-center .apx-mini-card {
    background: #fff !important;
    border: 1px solid rgba(23,35,29,.07) !important;
    border-radius: 7px !important;
    padding: 5px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    box-shadow: 0 4px 12px rgba(23,35,29,.07) !important;
  }
  #campaign-command-center .apx-mini-card i {
    width: 11px !important;
    height: 11px !important;
    border-radius: 50% !important;
    font-size: 5px !important;
    background: rgba(212,175,55,.14) !important;
    color: #9c7418 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 3px !important;
    flex-shrink: 0 !important;
  }
  #campaign-command-center .apx-mini-card strong {
    font-size: 5px !important;
    font-weight: 900 !important;
    color: #17231d !important;
    margin-bottom: 4px !important;
    display: block !important;
    line-height: 1.1 !important;
  }
  #campaign-command-center .apx-meter {
    height: 4px !important;
    border-radius: 999px !important;
    background: rgba(23,35,29,.09) !important;
    overflow: hidden !important;
  }
  #campaign-command-center .apx-feed-card {
    grid-column: 1 / -1 !important;
    background: #fff !important;
    border: 1px solid rgba(23,35,29,.07) !important;
    border-radius: 7px !important;
    padding: 6px !important;
    margin-top: 0 !important;
    box-shadow: 0 4px 12px rgba(23,35,29,.07) !important;
  }
  #campaign-command-center .apx-feed-card h4 {
    font-size: 5.5px !important;
    font-weight: 900 !important;
    color: #17231d !important;
    margin: 0 0 3px !important;
  }
  #campaign-command-center .apx-feed-row {
    display: grid !important;
    grid-template-columns: 14px minmax(0, 1fr) auto !important;
    gap: 4px !important;
    align-items: center !important;
    padding: 3px 0 !important;
    border-top: 1px solid rgba(23,35,29,.07) !important;
  }
  #campaign-command-center .apx-feed-row b {
    width: 18px !important;
    height: 18px !important;
    font-size: 6px !important;
    border-radius: 50% !important;
    background: #17231d !important;
    color: #d4af37 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
  }
  #campaign-command-center .apx-feed-row strong {
    font-size: 6.5px !important;
    font-weight: 900 !important;
    color: #17231d !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: block !important;
    line-height: 1.15 !important;
  }
  #campaign-command-center .apx-feed-row span {
    font-size: 4.5px !important;
    color: #716848 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: block !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;
  }
  #campaign-command-center .apx-feed-row em {
    font-size: 5.5px !important;
    font-weight: 900 !important;
    color: #9f781d !important;
    white-space: nowrap !important;
    font-style: normal !important;
  }
}

/* ===== results trailing style 30 ===== */
@media (max-width: 768px) {
  html, body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: clip !important;
  }

  /* Pure mobile page width: har main section/content ko 95% screen width */
  .site-wrap,
  .hero-section > .site-wrap,
  .cr-container,
  .rp-container,
  .rhb-container,
  .results-container,
  .apx-new-wrap,
  .tst-container,
  .client-results-section > .site-wrap,
  .client-results-section .site-wrap,
  .result-process-section .rp-container,
  #campaign-command-center .apx-new-wrap,
  .testimonials-section .tst-container {
    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;
  }

  .client-results-section .cr-hero-panel,
  .client-results-section .cr-results-head,
  .client-results-section .cr-testimonials-head,
  .result-process-section .rp-steps-panel,
  .result-process-section .rp-metrics-grid,
  #campaign-command-center .apx-command-grid,
  .testimonials-section .tst-rating-panel,
  .testimonials-section .tst-masonry {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* ===== Campaign Command Center: mobile reference image jaisa exact compact layout ===== */
  #campaign-command-center.apx-new-section {
    padding: 20px 0 22px !important;
    overflow: hidden !important;
    background:
      radial-gradient(ellipse 520px 220px at 50% 0%, rgba(212,175,55,.10), transparent 62%),
      radial-gradient(ellipse 360px 210px at 96% 62%, rgba(58,92,52,.17), transparent 66%),
      linear-gradient(180deg, #06160f 0%, #0d2417 52%, #07120d 100%) !important;
  }

  #campaign-command-center .apx-new-wrap {
    position: relative !important;
    isolation: isolate !important;
  }

  #campaign-command-center .apx-new-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(108px, .42fr) !important;
    align-items: start !important;
    gap: 10px !important;
    margin: 0 0 10px !important;
    text-align: left !important;
  }

  #campaign-command-center .apx-new-kicker {
    justify-content: flex-start !important;
    gap: 5px !important;
    margin: 0 0 5px !important;
    color: #d4af37 !important;
    font-size: clamp(5px, 1.45vw, 6.4px) !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: .17em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }

  #campaign-command-center .apx-new-kicker::before,
  #campaign-command-center .apx-new-kicker::after {
    width: 16px !important;
    height: 1px !important;
  }

  #campaign-command-center .apx-new-kicker i {
    font-size: 5px !important;
  }

  #campaign-command-center .apx-new-title {
    margin: 0 !important;
    max-width: 258px !important;
    color: #fff !important;
    font-size: clamp(23px, 7.7vw, 34px) !important;
    line-height: .86 !important;
    letter-spacing: -.07em !important;
    text-align: left !important;
    text-transform: uppercase !important;
    text-shadow: 0 10px 20px rgba(0,0,0,.28) !important;
  }

  #campaign-command-center .apx-new-title span {
    color: #d4af37 !important;
  }

  #campaign-command-center .apx-new-copy {
    align-self: start !important;
    max-width: 128px !important;
    margin: 6px 0 0 auto !important;
    color: rgba(236,241,233,.72) !important;
    font-size: clamp(4.8px, 1.34vw, 5.9px) !important;
    line-height: 1.42 !important;
    font-weight: 650 !important;
    text-align: left !important;
  }

  #campaign-command-center .apx-command-grid {
    display: grid !important;
    grid-template-columns: minmax(0, .45fr) minmax(0, .55fr) !important;
    align-items: stretch !important;
    gap: 8px !important;
    margin: 0 !important;
  }

  #campaign-command-center .apx-command-left,
  #campaign-command-center .apx-command-board {
    min-width: 0 !important;
    min-height: clamp(170px, 45vw, 224px) !important;
    position: relative !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  #campaign-command-center .apx-command-left {
    padding: clamp(8px, 2.2vw, 11px) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    background:
      radial-gradient(ellipse 170px 70px at 50% 0%, rgba(212,175,55,.055), transparent 72%),
      linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
      linear-gradient(180deg, rgba(18,34,26,.98), rgba(7,17,13,.99)) !important;
    border: 1px solid rgba(212,175,55,.22) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 12px 26px rgba(0,0,0,.25) !important;
  }

  #campaign-command-center .apx-command-left > div {
    min-width: 0 !important;
  }

  #campaign-command-center .apx-pill {
    width: fit-content !important;
    max-width: 100% !important;
    padding: 3px 6px !important;
    border-radius: 999px !important;
    gap: 3px !important;
    color: #f1d46a !important;
    background: rgba(212,175,55,.12) !important;
    border: 1px solid rgba(212,175,55,.28) !important;
    font-size: clamp(3.8px, 1.04vw, 4.8px) !important;
    line-height: 1 !important;
    letter-spacing: .045em !important;
    white-space: nowrap !important;
  }

  #campaign-command-center .apx-pill i {
    font-size: 4.2px !important;
  }

  #campaign-command-center .apx-command-left h3 {
    max-width: 155px !important;
    margin: 5px 0 3px !important;
    color: #fff !important;
    font-size: clamp(10px, 3.08vw, 14.5px) !important;
    line-height: .92 !important;
    letter-spacing: -.055em !important;
    font-weight: 900 !important;
  }

  #campaign-command-center .apx-command-left h3 span {
    color: #d4af37 !important;
  }

  #campaign-command-center .apx-command-left p {
    max-width: 150px !important;
    margin: 0 !important;
    color: rgba(225,233,224,.64) !important;
    font-size: clamp(3.7px, 1.02vw, 4.8px) !important;
    line-height: 1.36 !important;
    font-weight: 550 !important;
  }

  #campaign-command-center .apx-command-list {
    display: grid !important;
    gap: clamp(3px, .9vw, 5px) !important;
    margin: clamp(5px, 1.4vw, 8px) 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  #campaign-command-center .apx-command-list li {
    display: grid !important;
    grid-template-columns: clamp(14px, 4vw, 20px) minmax(0, 1fr) !important;
    gap: clamp(4px, 1.15vw, 6px) !important;
    align-items: center !important;
    padding: clamp(4px, 1.1vw, 6px) !important;
    border-radius: 7px !important;
    background: rgba(0,0,0,.20) !important;
    border: 1px solid rgba(255,255,255,.065) !important;
  }

  #campaign-command-center .apx-command-list i {
    width: clamp(14px, 4vw, 20px) !important;
    height: clamp(14px, 4vw, 20px) !important;
    border-radius: 5px !important;
    color: #111 !important;
    background: linear-gradient(135deg, #d4af37, #8b6417) !important;
    font-size: clamp(5px, 1.42vw, 7px) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  #campaign-command-center .apx-command-list strong {
    display: block !important;
    margin: 0 0 1px !important;
    color: #fff !important;
    font-size: clamp(4.4px, 1.22vw, 5.7px) !important;
    line-height: 1.08 !important;
    font-weight: 900 !important;
  }

  #campaign-command-center .apx-command-list span {
    display: block !important;
    color: rgba(225,233,224,.58) !important;
    font-size: clamp(3.2px, .9vw, 4.1px) !important;
    line-height: 1.18 !important;
    font-weight: 550 !important;
  }

  #campaign-command-center .apx-command-board {
    padding: clamp(7px, 2vw, 9px) !important;
    color: #17231d !important;
    background:
      radial-gradient(ellipse 180px 74px at 50% 0%, rgba(255,255,255,.42), transparent 72%),
      linear-gradient(135deg, #fffef9 0%, #fbfaf5 55%, #efe9dd 100%) !important;
    border: 1px solid rgba(212,175,55,.23) !important;
    box-shadow: 0 12px 26px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.98) !important;
  }

  #campaign-command-center .apx-board-top {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 5px !important;
    margin: 0 0 6px !important;
  }

  #campaign-command-center .apx-board-title strong {
    display: block !important;
    color: #17231d !important;
    font-size: clamp(7.4px, 2.08vw, 10px) !important;
    line-height: .95 !important;
    letter-spacing: -.035em !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }

  #campaign-command-center .apx-board-title span {
    display: block !important;
    margin-top: 2px !important;
    color: #716848 !important;
    font-size: clamp(3.4px, .93vw, 4px) !important;
    line-height: 1.1 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
  }

  #campaign-command-center .apx-board-live {
    flex-shrink: 0 !important;
    padding: 3px 5px !important;
    border-radius: 999px !important;
    background: rgba(23,35,29,.08) !important;
    color: #17231d !important;
    font-size: clamp(3.2px, .88vw, 4px) !important;
    line-height: 1 !important;
    letter-spacing: .05em !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }

  #campaign-command-center .apx-dashboard {
    display: grid !important;
    grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr) !important;
    align-items: stretch !important;
    gap: 5px !important;
  }

  #campaign-command-center .apx-chart-card,
  #campaign-command-center .apx-mini-card,
  #campaign-command-center .apx-feed-card {
    background: rgba(255,255,255,.86) !important;
    border: 1px solid rgba(23,35,29,.075) !important;
    border-radius: 7px !important;
    box-shadow: 0 4px 12px rgba(23,35,29,.07) !important;
    overflow: hidden !important;
  }

  #campaign-command-center .apx-chart-card {
    padding: 5px !important;
    min-height: auto !important;
  }

  #campaign-command-center .apx-chart-card h4,
  #campaign-command-center .apx-feed-card h4 {
    margin: 0 0 4px !important;
    color: #17231d !important;
    font-size: clamp(4.4px, 1.22vw, 5.4px) !important;
    line-height: 1.05 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }

  #campaign-command-center .apx-line-chart {
    height: clamp(44px, 13vw, 68px) !important;
    border-radius: 5px !important;
    background-size: 18px 18px !important;
  }

  #campaign-command-center .apx-line-chart polyline {
    stroke-width: 5 !important;
  }

  #campaign-command-center .apx-chart-stats {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 3px !important;
    margin-top: 4px !important;
  }

  #campaign-command-center .apx-chart-stats div {
    padding: 3px 2px !important;
    border-radius: 4px !important;
    background: rgba(23,35,29,.055) !important;
  }

  #campaign-command-center .apx-chart-stats strong {
    display: block !important;
    color: #a1781c !important;
    font-size: clamp(5.2px, 1.45vw, 6.3px) !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }

  #campaign-command-center .apx-chart-stats span {
    display: block !important;
    margin-top: 1px !important;
    color: #716848 !important;
    font-size: clamp(2.8px, .82vw, 3.4px) !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
  }

  #campaign-command-center .apx-side-stack {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: 1fr 1fr !important;
    gap: 4px !important;
  }

  #campaign-command-center .apx-mini-card {
    min-height: 0 !important;
    padding: 5px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
  }

  #campaign-command-center .apx-mini-card i {
    width: 11px !important;
    height: 11px !important;
    border-radius: 999px !important;
    margin: 0 0 3px !important;
    background: rgba(212,175,55,.14) !important;
    color: #9c7418 !important;
    font-size: 5px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  #campaign-command-center .apx-mini-card strong {
    display: block !important;
    color: #17231d !important;
    font-size: clamp(4.6px, 1.28vw, 5.8px) !important;
    line-height: 1.08 !important;
    font-weight: 900 !important;
    margin: 0 0 4px !important;
  }

  #campaign-command-center .apx-meter {
    height: 4px !important;
    border-radius: 999px !important;
    background: rgba(23,35,29,.09) !important;
    overflow: hidden !important;
  }

  #campaign-command-center .apx-meter span {
    display: block !important;
    height: 100% !important;
    width: var(--w) !important;
    border-radius: inherit !important;
    background: linear-gradient(90deg, #d4af37, #f2d15a) !important;
  }

  #campaign-command-center .apx-feed-card {
    grid-column: 1 / -1 !important;
    padding: 5px !important;
  }

  #campaign-command-center .apx-feed-row {
    display: grid !important;
    grid-template-columns: 14px minmax(0, 1fr) auto !important;
    gap: 4px !important;
    align-items: center !important;
    padding: 3px 0 !important;
    border-top: 1px solid rgba(23,35,29,.075) !important;
  }

  #campaign-command-center .apx-feed-row:first-of-type {
    border-top: 0 !important;
  }

  #campaign-command-center .apx-feed-row b {
    width: 14px !important;
    height: 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    background: #17231d !important;
    color: #d4af37 !important;
    font-size: 4.8px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
  }

  #campaign-command-center .apx-feed-row strong {
    display: block !important;
    color: #17231d !important;
    font-size: clamp(4.8px, 1.35vw, 6px) !important;
    line-height: 1.08 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  #campaign-command-center .apx-feed-row span {
    display: block !important;
    margin-top: 1px !important;
    color: #716848 !important;
    font-size: clamp(3.4px, .95vw, 4.3px) !important;
    line-height: 1.12 !important;
    font-weight: 550 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  #campaign-command-center .apx-feed-row em {
    color: #9f781d !important;
    font-size: clamp(4.3px, 1.18vw, 5.3px) !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
    font-style: normal !important;
  }

  #campaign-command-center .apx-command-left::after,
  #campaign-command-center .apx-command-board::after {
    content: "" !important;
    position: absolute !important;
    left: 18% !important;
    right: 18% !important;
    bottom: 0 !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, rgba(212,175,55,.85), transparent) !important;
    pointer-events: none !important;
  }

  /* ===== Testimonials mobile: card ke andar extra card remove, flat white card exactly like screenshot ===== */
  .testimonials-section {
    padding: 26px 0 34px !important;
    overflow: hidden !important;
  }

  .testimonials-section .tst-rating-panel {
    display: none !important;
  }

  .testimonials-section .tst-masonry {
    display: flex !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    gap: 12px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 0 0 8px !important;
    margin: 0 !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;
    min-height: 68px !important;
    height: 68px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 15px !important;
    scroll-snap-align: start !important;
    background: linear-gradient(180deg, #fffdfa 0%, #f4f0e6 100%) !important;
    box-shadow: 0 16px 34px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,1) !important;
    overflow: hidden !important;
    display: flex !important;
  }

  .testimonials-section .tst-card::before,
  .testimonials-section .tst-card::after,
  .testimonials-section .tst-card-quote,
  .testimonials-section .tst-text,
  .testimonials-section .tst-bold-line,
  .testimonials-section .tst-growth-pill {
    display: none !important;
  }

  .testimonials-section .tst-author {
    margin: 0 !important;
    padding: 11px 15px !important;
    width: 100% !important;
    height: 68px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

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

  .testimonials-section .tst-avatar {
    width: 42px !important;
    height: 42px !important;
    flex: 0 0 42px !important;
    border-radius: 999px !important;
    font-size: 0 !important;
    border: 0 !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.18) !important;
    position: relative !important;
    overflow: hidden !important;
    background: linear-gradient(135deg, #79a9d8 0%, #f0c48f 100%) !important;
  }

  .testimonials-section .tst-avatar::before {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 7px !important;
    width: 16px !important;
    height: 16px !important;
    transform: translateX(-50%) !important;
    border-radius: 999px !important;
    background: #d9a26f !important;
  }

  .testimonials-section .tst-avatar::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    bottom: 5px !important;
    width: 27px !important;
    height: 15px !important;
    transform: translateX(-50%) !important;
    border-radius: 14px 14px 8px 8px !important;
    background: #2b3541 !important;
  }

  .testimonials-section .tst-author-name {
    color: #17231d !important;
    font-size: 12.5px !important;
    line-height: 1.05 !important;
    font-weight: 900 !important;
    letter-spacing: -.01em !important;
    max-width: 220px !important;
  }

  .testimonials-section .tst-author-role {
    margin-top: 3px !important;
    color: #445046 !important;
    font-size: 8.8px !important;
    line-height: 1.05 !important;
    font-weight: 750 !important;
    max-width: 220px !important;
  }

  .testimonials-section .tst-mini-stars {
    display: flex !important;
    gap: 2px !important;
    margin-top: 4px !important;
    color: #d4af37 !important;
    font-size: 9.5px !important;
    line-height: 1 !important;
  }

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

  .testimonials-section .tst-social {
    width: 33px !important;
    height: 33px !important;
    flex: 0 0 33px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ffffff !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.14) !important;
    font-size: 17px !important;
  }

  .testimonials-section .tst-social.facebook { color: #1877f2 !important; }
  .testimonials-section .tst-social.instagram { color: #e4405f !important; }
  .testimonials-section .tst-social.tiktok { color: #111 !important; }
  .testimonials-section .tst-social.youtube { color: #ff0000 !important; }
}

@media (max-width: 380px) {
  #campaign-command-center .apx-new-head {
    grid-template-columns: minmax(0, 1fr) minmax(94px, .40fr) !important;
    gap: 7px !important;
  }

  #campaign-command-center .apx-command-grid {
    gap: 6px !important;
  }

  #campaign-command-center .apx-command-left,
  #campaign-command-center .apx-command-board {
    min-height: 168px !important;
    border-radius: 10px !important;
  }

  #campaign-command-center .apx-command-left,
  #campaign-command-center .apx-command-board {
    padding: 7px !important;
  }

  .testimonials-section .tst-author-name,
  .testimonials-section .tst-author-role {
    max-width: 180px !important;
  }
}

/* ===== results trailing style 31 ===== */
@media (max-width: 768px) {
  .client-results-section .cr-container {
    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;
  }

  .client-results-section .cr-hero-panel,
  .client-results-section .cr-top-stats,
  .client-results-section .cr-results-head,
  .client-results-section .cr-cards-grid {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* ===== results trailing style 32 ===== */
@media (max-width: 768px) {
  .testimonials-section .tst-container {
    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;
  }

  .testimonials-section .tst-rating-panel {
    display: none !important;
  }

  .testimonials-section .tst-masonry {
    display: flex !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    gap: 14px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 0 10px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !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;
    min-height: 168px !important;
    height: 168px !important;
    padding: 0 !important;
    border: 1px solid rgba(212,175,55,.28) !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, #fffdf7 0%, #f3efe3 100%) !important;
    box-shadow: 0 16px 34px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.95) !important;
    overflow: hidden !important;
    scroll-snap-align: start !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    color: #25302b !important;
  }

  .testimonials-section .tst-card::before,
  .testimonials-section .tst-card::after {
    display: none !important;
  }

  .testimonials-section .tst-card-quote,
  .testimonials-section .tst-card-featured .tst-card-quote,
  .testimonials-section .tst-card-wide .tst-card-quote {
    display: block !important;
    position: relative !important;
    z-index: 2 !important;
    margin: 16px 18px 7px !important;
    color: #d4af37 !important;
    font-size: 22px !important;
    line-height: .8 !important;
  }

  .testimonials-section .tst-text,
  .testimonials-section .tst-card-featured .tst-text,
  .testimonials-section .tst-card-wide .tst-text {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    overflow: hidden !important;
    position: relative !important;
    z-index: 2 !important;
    margin: 0 !important;
    padding: 0 18px !important;
    max-width: none !important;
    color: #39443e !important;
    font-size: 12.2px !important;
    line-height: 1.42 !important;
    font-weight: 750 !important;
  }

  .testimonials-section .tst-text strong {
    color: #202922 !important;
    font-weight: 900 !important;
  }

  .testimonials-section .tst-bold-line,
  .testimonials-section .tst-growth-pill {
    display: none !important;
  }

  .testimonials-section .tst-author {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    height: 58px !important;
    min-height: 58px !important;
    margin: auto 0 0 !important;
    padding: 9px 16px 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    border-top: 1px solid rgba(0,0,0,.08) !important;
    background: rgba(255,255,255,.18) !important;
    box-shadow: none !important;
  }

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

  .testimonials-section .tst-avatar {
    width: 38px !important;
    height: 38px !important;
    flex: 0 0 38px !important;
    border-radius: 999px !important;
    border: 0 !important;
    box-shadow: 0 7px 15px rgba(0,0,0,.18) !important;
    position: relative !important;
    overflow: hidden !important;
    font-size: 0 !important;
    color: transparent !important;
    background: linear-gradient(135deg, #b8c7d3 0%, #706384 100%) !important;
  }

  .testimonials-section .tst-avatar.gold {
    background: linear-gradient(135deg, #e9d27a 0%, #667d4a 100%) !important;
  }

  .testimonials-section .tst-avatar.purple {
    background: linear-gradient(135deg, #c9cbd7 0%, #716485 100%) !important;
  }

  .testimonials-section .tst-avatar.blue {
    background: linear-gradient(135deg, #b7d2ea 0%, #4d7198 100%) !important;
  }

  .testimonials-section .tst-avatar::before {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 7px !important;
    width: 15px !important;
    height: 15px !important;
    transform: translateX(-50%) !important;
    border-radius: 999px !important;
    background: #e0ae83 !important;
    z-index: 2 !important;
  }

  .testimonials-section .tst-avatar::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    bottom: 5px !important;
    width: 27px !important;
    height: 15px !important;
    transform: translateX(-50%) !important;
    border-radius: 16px 16px 8px 8px !important;
    background: #2b313f !important;
    z-index: 1 !important;
  }

  .testimonials-section .tst-author-name {
    color: #17231d !important;
    font-size: 12.2px !important;
    line-height: 1.05 !important;
    font-weight: 900 !important;
    letter-spacing: -.01em !important;
    max-width: 210px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .testimonials-section .tst-author-role {
    margin-top: 2px !important;
    color: #4c574f !important;
    font-size: 8.3px !important;
    line-height: 1.08 !important;
    font-weight: 800 !important;
    max-width: 210px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .testimonials-section .tst-mini-stars {
    display: flex !important;
    gap: 2px !important;
    margin-top: 4px !important;
    color: #d4af37 !important;
    font-size: 9px !important;
    line-height: 1 !important;
  }

  .testimonials-section .tst-author-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0 !important;
    margin-left: auto !important;
    flex: 0 0 auto !important;
    width: auto !important;
  }

  .testimonials-section .tst-social,
  .testimonials-section .tst-card > .tst-social {
    width: 30px !important;
    height: 30px !important;
    flex: 0 0 30px !important;
    margin-left: auto !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ffffff !important;
    border: 1px solid rgba(0,0,0,.04) !important;
    box-shadow: 0 7px 15px rgba(0,0,0,.13) !important;
    font-size: 15px !important;
  }
}

@media (max-width: 380px) {
  .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) {
    height: 164px !important;
    min-height: 164px !important;
  }

  .testimonials-section .tst-card-quote,
  .testimonials-section .tst-card-featured .tst-card-quote,
  .testimonials-section .tst-card-wide .tst-card-quote {
    margin: 15px 16px 6px !important;
  }

  .testimonials-section .tst-text,
  .testimonials-section .tst-card-featured .tst-text,
  .testimonials-section .tst-card-wide .tst-text {
    padding: 0 16px !important;
    font-size: 11.5px !important;
  }

  .testimonials-section .tst-author {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

/* ===== results trailing style 33 ===== */
@media (max-width: 768px) {
  /* ===== Client Results: mobile reference layout ===== */
  .client-results-section .cr-container {
    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;
  }

  .client-results-section .cr-results-head {
    width: 100% !important;
    max-width: 100% !important;
    margin: 14px 0 8px !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 10px !important;
    text-align: left !important;
  }

  .client-results-section .cr-section-title {
    margin: 0 0 2px !important;
    color: #fff !important;
    font-size: 20px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: -.04em !important;
    text-align: left !important;
  }

  .client-results-section .cr-section-sub {
    margin: 0 !important;
    color: rgba(255,255,255,.58) !important;
    font-size: 9.2px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
    text-align: left !important;
  }

  .client-results-section .cr-highlight-link {
    color: var(--gold) !important;
    font-size: 9px !important;
    font-weight: 900 !important;
  }

  .client-results-section .cr-nav-arrows {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex: 0 0 auto !important;
  }

  .client-results-section .cr-nav-arrows button {
    width: 30px !important;
    height: 30px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    border: 1px solid rgba(212,175,55,.43) !important;
    background: transparent !important;
    color: rgba(212,175,55,.78) !important;
    font-size: 13px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: none !important;
  }

  .client-results-section .cr-cards-grid {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    grid-template-columns: none !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 7px 0 8px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    scroll-snap-type: x mandatory !important;
    scroll-padding-inline: 0 !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    box-sizing: border-box !important;
  }

  .client-results-section .cr-cards-grid::-webkit-scrollbar {
    display: none !important;
  }

  .client-results-section .cr-card,
  .client-results-section .cr-card:nth-child(n),
  .client-results-section .cr-cards-grid .cr-card {
    flex: 0 0 70% !important;
    width: 70% !important;
    min-width: 70% !important;
    max-width: 70% !important;
    min-height: 264px !important;
    height: 264px !important;
    padding: 14px 14px 12px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(212,175,55,.28) !important;
    background: linear-gradient(135deg, #ffffff 0%, #fbfaf5 56%, #f0ece2 100%) !important;
    box-shadow: 0 14px 30px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.98) !important;
    color: #101510 !important;
    overflow: hidden !important;
    scroll-snap-align: start !important;
    display: flex !important;
    flex-direction: column !important;
    transform: none !important;
  }

  .client-results-section .cr-client-top {
    gap: 8px !important;
    margin-bottom: 10px !important;
    padding-right: 34px !important;
    align-items: center !important;
  }

  .client-results-section .cr-avatar,
  .client-results-section .cr-avatar.blue,
  .client-results-section .cr-avatar.purple {
    width: 34px !important;
    height: 34px !important;
    flex: 0 0 34px !important;
    border-radius: 999px !important;
    font-size: 8px !important;
  }

  .client-results-section .cr-client-name {
    color: #101510 !important;
    font-size: 11px !important;
    line-height: 1.05 !important;
    font-weight: 900 !important;
  }

  .client-results-section .cr-client-type {
    margin-top: 2px !important;
    color: rgba(0,0,0,.55) !important;
    font-size: 7.5px !important;
    line-height: 1.05 !important;
    font-weight: 800 !important;
  }

  .client-results-section .cr-case-platform {
    width: 28px !important;
    height: 28px !important;
    top: 13px !important;
    right: 13px !important;
    border-radius: 9px !important;
    background: #fff !important;
    font-size: 14px !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.12) !important;
  }

  .client-results-section .cr-metrics-box {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 0 0 8px !important;
    padding-bottom: 8px !important;
    border-bottom: 1px solid rgba(23,35,29,.08) !important;
  }

  .client-results-section .cr-mini-label {
    margin: 0 0 2px !important;
    color: rgba(0,0,0,.54) !important;
    font-size: 6.5px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: .03em !important;
  }

  .client-results-section .cr-mini-value,
  .client-results-section .cr-mini-value.gold {
    color: #111 !important;
    font-size: 20px !important;
    line-height: .9 !important;
    font-weight: 900 !important;
    letter-spacing: -.08em !important;
  }

  .client-results-section .cr-growth-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 5px !important;
    margin: 0 0 8px !important;
  }

  .client-results-section .cr-growth-grid > div {
    min-height: 38px !important;
    padding: 6px 4px !important;
    border-radius: 5px !important;
    background: rgba(23,35,29,.035) !important;
    border: 1px solid rgba(23,35,29,.06) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
  }

  .client-results-section .cr-growth-value {
    color: #111 !important;
    font-size: 8.8px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
  }

  .client-results-section .cr-growth-value.green {
    color: #2ecc71 !important;
  }

  .client-results-section .cr-growth-label {
    margin-top: 3px !important;
    color: rgba(0,0,0,.55) !important;
    font-size: 5.8px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
  }

  .client-results-section .cr-case-chart {
    height: 58px !important;
    min-height: 58px !important;
    margin: 3px 0 8px !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  .client-results-section .cr-case-chart::before {
    opacity: .44 !important;
  }

  .client-results-section .cr-card-bottom {
    min-height: 28px !important;
    margin-top: auto !important;
    padding: 0 !important;
    display: flex !important;
    align-items: end !important;
    justify-content: space-between !important;
    gap: 10px !important;
  }

  .client-results-section .cr-card-bottom > span:first-child {
    display: none !important;
  }

  .client-results-section .cr-tiny-note {
    color: #101510 !important;
    font-size: 7.2px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
  }

  .client-results-section .cr-tiny-note::before {
    display: none !important;
  }

  .client-results-section .cr-card-bottom::after {
    content: 'View Full Case →' !important;
    min-height: 28px !important;
    padding: 0 12px !important;
    border-radius: 8px !important;
    font-size: 7.6px !important;
    line-height: 1 !important;
  }

  .client-results-section .cr-slider-dots {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    margin: 5px auto 0 !important;
  }

  .client-results-section .cr-slider-dot {
    width: 6px !important;
    height: 6px !important;
    min-width: 6px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(212,175,55,.34) !important;
  }

  .client-results-section .cr-slider-dot.is-active {
    width: 19px !important;
    min-width: 19px !important;
    background: var(--gold) !important;
  }

  .client-results-section .cr-main-cta {
    min-height: 42px !important;
    margin: 14px auto 0 !important;
    padding: 0 22px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    box-shadow: 0 0 22px rgba(212,175,55,.48), 0 12px 22px rgba(0,0,0,.22) !important;
  }

  /* ===== Testimonials: mobile reference layout ===== */
  .testimonials-section .tst-container {
    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;
  }

  .testimonials-section .tst-rating-panel {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 80px !important;
    height: auto !important;
    margin: 0 auto 16px !important;
    padding: 16px 18px !important;
    border-radius: 15px !important;
    border: 1px solid rgba(212,175,55,.32) !important;
    background: linear-gradient(135deg, #ffffff 0%, #fbfaf6 57%, #efe9de 100%) !important;
    box-shadow: 0 14px 30px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.98) !important;
    color: #17231d !important;
    display: grid !important;
    grid-template-columns: 82px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: center !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .testimonials-section .tst-rating-panel::before,
  .testimonials-section .tst-rating-panel::after {
    display: none !important;
  }

  .testimonials-section .tst-score-block {
    padding: 0 !important;
    border: 0 !important;
    align-items: flex-start !important;
    justify-content: center !important;
    min-width: 0 !important;
  }

  .testimonials-section .tst-score {
    color: #0e0f0e !important;
    font-size: 58px !important;
    line-height: .82 !important;
    font-weight: 900 !important;
    letter-spacing: -.10em !important;
    text-shadow: none !important;
  }

  .testimonials-section .tst-score-stars,
  .testimonials-section .tst-score-note,
  .testimonials-section .tst-platforms {
    display: none !important;
  }

  .testimonials-section .tst-bars {
    display: grid !important;
    gap: 8px !important;
    padding: 0 !important;
    border: 0 !important;
    min-width: 0 !important;
  }

  .testimonials-section .tst-bar-row:nth-child(n+4) {
    display: none !important;
  }

  .testimonials-section .tst-bar-row {
    display: grid !important;
    grid-template-columns: 24px minmax(0, 1fr) 32px !important;
    gap: 8px !important;
    align-items: center !important;
    color: #17231d !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
  }

  .testimonials-section .tst-bar-row i {
    color: var(--gold) !important;
    font-size: 9px !important;
  }

  .testimonials-section .tst-bar-track {
    height: 7px !important;
    border-radius: 999px !important;
    background: #dfdbd1 !important;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.06) !important;
    overflow: hidden !important;
  }

  .testimonials-section .tst-bar-fill {
    height: 100% !important;
    border-radius: inherit !important;
    background: linear-gradient(90deg, #d4af37, #f0cf57) !important;
    box-shadow: none !important;
  }

  .testimonials-section .tst-masonry {
    display: flex !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 0 8px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    scroll-snap-type: x mandatory !important;
    scroll-padding-inline: 0 !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    box-sizing: border-box !important;
  }

  .testimonials-section .tst-masonry::-webkit-scrollbar {
    display: none !important;
  }

  .testimonials-section .tst-masonry > article,
  .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;
    min-height: 242px !important;
    height: auto !important;
    padding: 0 !important;
    border-radius: 16px !important;
    border: 1px solid rgba(212,175,55,.32) !important;
    background: linear-gradient(135deg, #ffffff 0%, #fbfaf6 58%, #efe9de 100%) !important;
    color: #17231d !important;
    box-shadow: 0 14px 30px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.98) !important;
    overflow: hidden !important;
    scroll-snap-align: start !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
  }

  .testimonials-section .tst-card::before,
  .testimonials-section .tst-card::after {
    display: none !important;
  }

  .testimonials-section .tst-card-quote,
  .testimonials-section .tst-card-featured .tst-card-quote,
  .testimonials-section .tst-card-wide .tst-card-quote {
    display: block !important;
    margin: 16px 18px 7px !important;
    padding: 0 !important;
    color: var(--gold) !important;
    font-size: 31px !important;
    line-height: .9 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .testimonials-section .tst-text,
  .testimonials-section .tst-card-featured .tst-text,
  .testimonials-section .tst-card-wide .tst-text {
    display: block !important;
    margin: 0 0 10px !important;
    padding: 0 18px !important;
    max-width: none !important;
    color: #2d3832 !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    font-weight: 650 !important;
    letter-spacing: -.01em !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .testimonials-section .tst-text strong {
    color: #111 !important;
    font-weight: 900 !important;
  }

  .testimonials-section .tst-bold-line {
    display: block !important;
    margin: 0 0 12px !important;
    color: #2d3832 !important;
    font-weight: 800 !important;
  }

  .testimonials-section .tst-author {
    width: 100% !important;
    min-height: 62px !important;
    height: 62px !important;
    margin: auto 0 0 !important;
    padding: 10px 16px !important;
    border-top: 1px solid rgba(0,0,0,.08) !important;
    background: rgba(255,255,255,.38) !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
  }

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

  .testimonials-section .tst-avatar {
    width: 42px !important;
    height: 42px !important;
    flex: 0 0 42px !important;
    border-radius: 999px !important;
    border: 0 !important;
    font-size: 0 !important;
    color: transparent !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: 0 8px 16px rgba(0,0,0,.18) !important;
    background: linear-gradient(135deg, #e7d06f 0%, #788d4f 100%) !important;
  }

  .testimonials-section .tst-avatar::before {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 8px !important;
    width: 16px !important;
    height: 16px !important;
    transform: translateX(-50%) !important;
    border-radius: 999px !important;
    background: #e1b082 !important;
    z-index: 2 !important;
  }

  .testimonials-section .tst-avatar::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    bottom: 5px !important;
    width: 30px !important;
    height: 17px !important;
    transform: translateX(-50%) !important;
    border-radius: 17px 17px 8px 8px !important;
    background: #2b313f !important;
    z-index: 1 !important;
  }

  .testimonials-section .tst-author-name {
    color: #17231d !important;
    font-size: 12.5px !important;
    line-height: 1.05 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 150px !important;
  }

  .testimonials-section .tst-author-role {
    color: #5c645e !important;
    font-size: 8.3px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 150px !important;
    margin-top: 2px !important;
  }

  .testimonials-section .tst-mini-stars {
    display: flex !important;
    gap: 2px !important;
    color: var(--gold) !important;
    font-size: 8.5px !important;
    margin-top: 4px !important;
    line-height: 1 !important;
  }

  .testimonials-section .tst-author-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    flex: 0 0 auto !important;
    width: auto !important;
    margin-left: auto !important;
  }

  .testimonials-section .tst-growth-pill {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 28px !important;
    padding: 0 9px !important;
    border-radius: 999px !important;
    background: rgba(46,204,113,.14) !important;
    border: 1px solid rgba(46,204,113,.42) !important;
    color: #2ecc71 !important;
    font-size: 7.4px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }

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

  .testimonials-section .tst-social,
  .testimonials-section .tst-card > .tst-social {
    width: 30px !important;
    height: 30px !important;
    flex: 0 0 30px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    background: #fff !important;
    border: 1px solid rgba(0,0,0,.04) !important;
    box-shadow: 0 7px 15px rgba(0,0,0,.13) !important;
    font-size: 15px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .testimonials-section .tst-mobile-slider-controls {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 11px auto 0 !important;
  }

  .testimonials-section .tst-mobile-slider-btn {
    width: 34px !important;
    height: 34px !important;
    flex: 0 0 34px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    border: 1px solid rgba(212,175,55,.58) !important;
    background: transparent !important;
    color: var(--gold) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: none !important;
  }

  .testimonials-section .tst-mobile-slider-btn i {
    font-size: 16px !important;
    line-height: 1 !important;
  }

  .testimonials-section .tst-mobile-slider-dots {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    min-height: 34px !important;
  }

  .testimonials-section .tst-mobile-dot {
    width: 7px !important;
    height: 7px !important;
    min-width: 7px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(212,175,55,.34) !important;
    opacity: 1 !important;
  }

  .testimonials-section .tst-mobile-dot.is-active {
    width: 28px !important;
    min-width: 28px !important;
    background: var(--gold) !important;
  }
}

@media (max-width: 430px) {
  .client-results-section .cr-card,
  .client-results-section .cr-card:nth-child(n),
  .client-results-section .cr-cards-grid .cr-card {
    flex-basis: 80% !important;
    width: 80% !important;
    min-width: 80% !important;
    max-width: 80% !important;
    height: 258px !important;
    min-height: 258px !important;
    padding: 13px 13px 11px !important;
  }

  .testimonials-section .tst-rating-panel {
    grid-template-columns: 78px minmax(0, 1fr) !important;
    padding: 15px 16px !important;
  }

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

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

  .testimonials-section .tst-growth-pill {
    max-width: 128px !important;
    font-size: 6.6px !important;
    padding: 0 7px !important;
  }

  .testimonials-section .tst-author-name,
  .testimonials-section .tst-author-role {
    max-width: 120px !important;
  }
}

@media (max-width: 370px) {
  .client-results-section .cr-card,
  .client-results-section .cr-card:nth-child(n),
  .client-results-section .cr-cards-grid .cr-card {
    flex-basis: 84% !important;
    width: 84% !important;
    min-width: 84% !important;
    max-width: 84% !important;
  }

  .testimonials-section .tst-card,
  .testimonials-section .tst-card-featured,
  .testimonials-section .tst-card-wide {
    min-height: 238px !important;
  }

  .testimonials-section .tst-growth-pill {
    display: none !important;
  }
}

/* ===== results trailing style 34 ===== */
@media (max-width: 768px) {
  /* ===== Campaign Command Center: mobile screenshot jaisa compact 2-column layout ===== */
  #campaign-command-center.apx-new-section {
    padding: 18px 0 22px !important;
    overflow: hidden !important;
    background:
      radial-gradient(ellipse 520px 210px at 50% -12%, rgba(212,175,55,.12), transparent 62%),
      radial-gradient(ellipse 360px 220px at 98% 62%, rgba(83,119,66,.14), transparent 66%),
      linear-gradient(180deg, #06140e 0%, #0b1f15 48%, #06100d 100%) !important;
  }

  #campaign-command-center .apx-new-wrap {
    width: 95vw !important;
    max-width: 95vw !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  #campaign-command-center .apx-new-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(112px, .39fr) !important;
    align-items: start !important;
    gap: 9px !important;
    margin: 0 0 10px !important;
    text-align: left !important;
  }

  #campaign-command-center .apx-new-kicker {
    justify-content: flex-start !important;
    gap: 4px !important;
    margin: 0 0 5px !important;
    color: #d4af37 !important;
    font-size: clamp(5px, 1.25vw, 6px) !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: .16em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }

  #campaign-command-center .apx-new-kicker::before,
  #campaign-command-center .apx-new-kicker::after {
    width: 15px !important;
    height: 1px !important;
  }

  #campaign-command-center .apx-new-kicker i { font-size: 5px !important; }

  #campaign-command-center .apx-new-title {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    color: #fff !important;
    font-size: clamp(19px, 5.25vw, 25px) !important;
    line-height: .92 !important;
    letter-spacing: -.062em !important;
    font-weight: 900 !important;
    text-align: left !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-shadow: 0 9px 20px rgba(0,0,0,.34) !important;
  }

  #campaign-command-center .apx-new-title span { color: #d4af37 !important; }

  #campaign-command-center .apx-new-copy {
    max-width: 122px !important;
    margin: 6px 0 0 auto !important;
    color: rgba(236,241,233,.72) !important;
    font-size: clamp(4.4px, 1.14vw, 5.4px) !important;
    line-height: 1.38 !important;
    font-weight: 650 !important;
    text-align: left !important;
  }

  #campaign-command-center .apx-command-grid {
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(0, .445fr) minmax(0, .555fr) !important;
    align-items: stretch !important;
    gap: 7px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  #campaign-command-center .apx-command-left,
  #campaign-command-center .apx-command-board {
    min-width: 0 !important;
    min-height: clamp(170px, 45vw, 215px) !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  #campaign-command-center .apx-command-left {
    padding: clamp(8px, 2vw, 10px) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    background:
      radial-gradient(ellipse 160px 70px at 45% 0%, rgba(212,175,55,.065), transparent 72%),
      linear-gradient(145deg, rgba(255,255,255,.052), rgba(255,255,255,.018)),
      linear-gradient(180deg, rgba(18,34,26,.98), rgba(7,17,13,.99)) !important;
    border: 1px solid rgba(212,175,55,.24) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 12px 26px rgba(0,0,0,.24) !important;
  }

  #campaign-command-center .apx-pill {
    width: fit-content !important;
    padding: 3px 6px !important;
    border-radius: 999px !important;
    gap: 3px !important;
    color: #f1d46a !important;
    background: rgba(212,175,55,.12) !important;
    border: 1px solid rgba(212,175,55,.28) !important;
    font-size: clamp(3.8px, .96vw, 4.7px) !important;
    line-height: 1 !important;
    letter-spacing: .045em !important;
    white-space: nowrap !important;
  }

  #campaign-command-center .apx-pill i { font-size: 4px !important; }

  #campaign-command-center .apx-command-left h3 {
    max-width: 155px !important;
    margin: 5px 0 3px !important;
    color: #fff !important;
    font-size: clamp(10.2px, 2.72vw, 13.7px) !important;
    line-height: .94 !important;
    letter-spacing: -.055em !important;
    font-weight: 900 !important;
  }

  #campaign-command-center .apx-command-left h3 span { color: #d4af37 !important; }

  #campaign-command-center .apx-command-left p {
    max-width: 148px !important;
    margin: 0 !important;
    color: rgba(225,233,224,.64) !important;
    font-size: clamp(3.5px, .9vw, 4.4px) !important;
    line-height: 1.35 !important;
    font-weight: 550 !important;
  }

  #campaign-command-center .apx-command-list {
    display: grid !important;
    gap: clamp(3px, .82vw, 5px) !important;
    margin: clamp(5px, 1.3vw, 8px) 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  #campaign-command-center .apx-command-list li {
    display: grid !important;
    grid-template-columns: clamp(14px, 3.6vw, 19px) minmax(0, 1fr) !important;
    gap: clamp(4px, 1.05vw, 6px) !important;
    align-items: center !important;
    padding: clamp(4px, 1vw, 5.5px) !important;
    border-radius: 6px !important;
    background: rgba(0,0,0,.20) !important;
    border: 1px solid rgba(255,255,255,.065) !important;
  }

  #campaign-command-center .apx-command-list i {
    width: clamp(14px, 3.6vw, 19px) !important;
    height: clamp(14px, 3.6vw, 19px) !important;
    border-radius: 999px !important;
    color: #111 !important;
    background: linear-gradient(135deg, #d4af37, #8b6417) !important;
    font-size: clamp(5px, 1.25vw, 6.5px) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  #campaign-command-center .apx-command-list strong {
    display: block !important;
    margin: 0 0 1px !important;
    color: #fff !important;
    font-size: clamp(4.3px, 1.08vw, 5.4px) !important;
    line-height: 1.08 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  #campaign-command-center .apx-command-list span {
    display: block !important;
    color: rgba(225,233,224,.58) !important;
    font-size: clamp(3.1px, .78vw, 3.9px) !important;
    line-height: 1.18 !important;
    font-weight: 550 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  #campaign-command-center .apx-command-board {
    padding: clamp(7px, 1.78vw, 8.5px) !important;
    color: #17231d !important;
    background:
      radial-gradient(ellipse 180px 74px at 50% 0%, rgba(255,255,255,.42), transparent 72%),
      linear-gradient(135deg, #fffef9 0%, #fbfaf5 55%, #efe9dd 100%) !important;
    border: 1px solid rgba(212,175,55,.24) !important;
    box-shadow: 0 12px 26px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.98) !important;
  }

  #campaign-command-center .apx-board-top {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 5px !important;
    margin: 0 0 6px !important;
  }

  #campaign-command-center .apx-board-title strong {
    display: block !important;
    color: #17231d !important;
    font-size: clamp(7.2px, 1.8vw, 9.2px) !important;
    line-height: .95 !important;
    letter-spacing: -.035em !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }

  #campaign-command-center .apx-board-title span {
    display: block !important;
    margin-top: 2px !important;
    color: #716848 !important;
    font-size: clamp(3.2px, .76vw, 3.9px) !important;
    line-height: 1.1 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
  }

  #campaign-command-center .apx-board-live {
    flex-shrink: 0 !important;
    padding: 3px 5px !important;
    border-radius: 999px !important;
    background: rgba(23,35,29,.08) !important;
    color: #17231d !important;
    font-size: clamp(3px, .72vw, 3.7px) !important;
    line-height: 1 !important;
    letter-spacing: .05em !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }

  #campaign-command-center .apx-dashboard {
    display: grid !important;
    grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr) !important;
    align-items: stretch !important;
    gap: 5px !important;
  }

  #campaign-command-center .apx-chart-card,
  #campaign-command-center .apx-mini-card,
  #campaign-command-center .apx-feed-card {
    background: rgba(255,255,255,.88) !important;
    border: 1px solid rgba(23,35,29,.075) !important;
    border-radius: 7px !important;
    box-shadow: 0 4px 12px rgba(23,35,29,.065) !important;
    overflow: hidden !important;
  }

  #campaign-command-center .apx-chart-card { padding: 5px !important; min-height: auto !important; }

  #campaign-command-center .apx-chart-card h4,
  #campaign-command-center .apx-feed-card h4 {
    margin: 0 0 4px !important;
    color: #17231d !important;
    font-size: clamp(4.3px, 1vw, 5.2px) !important;
    line-height: 1.05 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }

  #campaign-command-center .apx-line-chart {
    height: clamp(42px, 11.5vw, 58px) !important;
    border-radius: 5px !important;
    background-size: 18px 18px !important;
  }

  #campaign-command-center .apx-line-chart polyline { stroke-width: 5 !important; }

  #campaign-command-center .apx-chart-stats {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 3px !important;
    margin-top: 4px !important;
  }

  #campaign-command-center .apx-chart-stats div {
    padding: 3px 2px !important;
    border-radius: 4px !important;
    background: rgba(23,35,29,.055) !important;
  }

  #campaign-command-center .apx-chart-stats strong {
    display: block !important;
    color: #a1781c !important;
    font-size: clamp(5.1px, 1.2vw, 6px) !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }

  #campaign-command-center .apx-chart-stats span {
    display: block !important;
    margin-top: 1px !important;
    color: #716848 !important;
    font-size: clamp(2.8px, .68vw, 3.3px) !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
  }

  #campaign-command-center .apx-side-stack {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: 1fr 1fr !important;
    gap: 4px !important;
  }

  #campaign-command-center .apx-mini-card {
    min-height: 0 !important;
    padding: 5px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
  }

  #campaign-command-center .apx-mini-card i {
    width: 11px !important;
    height: 11px !important;
    border-radius: 999px !important;
    margin: 0 0 3px !important;
    background: rgba(212,175,55,.14) !important;
    color: #9c7418 !important;
    font-size: 5px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  #campaign-command-center .apx-mini-card strong {
    display: block !important;
    color: #17231d !important;
    font-size: clamp(4.5px, 1.05vw, 5.4px) !important;
    line-height: 1.08 !important;
    font-weight: 900 !important;
    margin: 0 0 4px !important;
  }

  #campaign-command-center .apx-meter {
    height: 4px !important;
    border-radius: 999px !important;
    background: rgba(23,35,29,.09) !important;
    overflow: hidden !important;
  }

  #campaign-command-center .apx-meter span {
    display: block !important;
    height: 100% !important;
    width: var(--w) !important;
    border-radius: inherit !important;
    background: linear-gradient(90deg, #d4af37, #f2d15a) !important;
  }

  #campaign-command-center .apx-feed-card {
    grid-column: 1 / -1 !important;
    padding: 5px !important;
  }

  #campaign-command-center .apx-feed-row {
    display: grid !important;
    grid-template-columns: 14px minmax(0, 1fr) auto !important;
    gap: 4px !important;
    align-items: center !important;
    padding: 3px 0 !important;
    border-top: 1px solid rgba(23,35,29,.075) !important;
  }

  #campaign-command-center .apx-feed-row:first-of-type { border-top: 0 !important; }

  #campaign-command-center .apx-feed-row b {
    width: 14px !important;
    height: 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    background: #17231d !important;
    color: #d4af37 !important;
    font-size: 4.8px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
  }

  #campaign-command-center .apx-feed-row strong {
    display: block !important;
    color: #17231d !important;
    font-size: clamp(4.7px, 1.08vw, 5.8px) !important;
    line-height: 1.08 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  #campaign-command-center .apx-feed-row span {
    display: block !important;
    margin-top: 1px !important;
    color: #716848 !important;
    font-size: clamp(3.3px, .78vw, 4.1px) !important;
    line-height: 1.12 !important;
    font-weight: 550 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  #campaign-command-center .apx-feed-row em {
    color: #9f781d !important;
    font-size: clamp(4.2px, .98vw, 5.1px) !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
    font-style: normal !important;
  }

  /* ===== Testimonials: mobile screenshot jaisa rating panel + one centered white card ===== */
  .testimonials-section {
    padding: 28px 0 36px !important;
    overflow: hidden !important;
    background: #050e0b !important;
  }

  .testimonials-section .tst-container {
    width: 95vw !important;
    max-width: 95vw !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .testimonials-section .tst-eyebrow { display: none !important; }

  .testimonials-section .tst-head {
    width: min(82vw, 400px) !important;
    margin: 0 auto 18px !important;
    text-align: center !important;
  }

  .testimonials-section .tst-title {
    margin: 0 0 4px !important;
    color: #ffffff !important;
    font-size: clamp(20px, 6vw, 27px) !important;
    line-height: .95 !important;
    font-weight: 900 !important;
    letter-spacing: -.055em !important;
  }

  .testimonials-section .tst-title span { color: #d4af37 !important; }

  .testimonials-section .tst-subtitle {
    max-width: 100% !important;
    margin: 0 auto !important;
    color: rgba(255,255,255,.58) !important;
    font-size: clamp(10px, 2.8vw, 13px) !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
  }

  .testimonials-section .tst-rating-panel {
    width: min(82vw, 400px) !important;
    max-width: min(82vw, 400px) !important;
    min-height: 80px !important;
    height: 80px !important;
    margin: 0 auto 30px !important;
    padding: 14px 18px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(212,175,55,.32) !important;
    background: linear-gradient(135deg, #ffffff 0%, #fbfaf6 57%, #efe9de 100%) !important;
    box-shadow: 0 14px 30px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.98) !important;
    color: #17231d !important;
    display: grid !important;
    grid-template-columns: 82px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: center !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .testimonials-section .tst-rating-panel::before,
  .testimonials-section .tst-rating-panel::after { display: none !important; }

  .testimonials-section .tst-score-block {
    padding: 0 !important;
    border: 0 !important;
    min-width: 0 !important;
    align-items: flex-start !important;
    justify-content: center !important;
  }

  .testimonials-section .tst-score {
    color: #0e0f0e !important;
    font-size: 58px !important;
    line-height: .82 !important;
    font-weight: 900 !important;
    letter-spacing: -.10em !important;
    text-shadow: none !important;
  }

  .testimonials-section .tst-score-stars,
  .testimonials-section .tst-score-note,
  .testimonials-section .tst-platforms { display: none !important; }

  .testimonials-section .tst-bars {
    display: grid !important;
    gap: 8px !important;
    padding: 0 !important;
    border: 0 !important;
    min-width: 0 !important;
  }

  .testimonials-section .tst-bar-row:nth-child(n+4) { display: none !important; }

  .testimonials-section .tst-bar-row {
    display: grid !important;
    grid-template-columns: 24px minmax(0, 1fr) 32px !important;
    gap: 8px !important;
    align-items: center !important;
    color: #17231d !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
  }

  .testimonials-section .tst-bar-row i {
    color: #d4af37 !important;
    font-size: 9px !important;
  }

  .testimonials-section .tst-bar-track {
    height: 7px !important;
    border-radius: 999px !important;
    background: #dfdbd1 !important;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.06) !important;
    overflow: hidden !important;
  }

  .testimonials-section .tst-bar-fill {
    height: 100% !important;
    border-radius: inherit !important;
    background: linear-gradient(90deg, #d4af37, #f0cf57) !important;
    box-shadow: none !important;
  }

  .testimonials-section .tst-masonry {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    gap: 16px !important;
    margin: 0 auto !important;
    padding: 0 calc((95vw - min(82vw, 400px)) / 2) 8px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    scroll-snap-type: x mandatory !important;
    scroll-padding-inline: calc((95vw - min(82vw, 400px)) / 2) !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    box-sizing: border-box !important;
  }

  .testimonials-section .tst-masonry::-webkit-scrollbar { display: none !important; }

  .testimonials-section .tst-masonry > article,
  .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 min(82vw, 400px) !important;
    width: min(82vw, 400px) !important;
    min-width: min(82vw, 400px) !important;
    max-width: min(82vw, 400px) !important;
    min-height: 188px !important;
    height: 188px !important;
    padding: 0 !important;
    border-radius: 16px !important;
    border: 1px solid rgba(212,175,55,.32) !important;
    background: linear-gradient(135deg, #ffffff 0%, #fbfaf6 58%, #efe9de 100%) !important;
    color: #17231d !important;
    box-shadow: 0 14px 30px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.98) !important;
    overflow: hidden !important;
    scroll-snap-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
  }

  .testimonials-section .tst-card::before,
  .testimonials-section .tst-card::after { display: none !important; }

  .testimonials-section .tst-card-quote,
  .testimonials-section .tst-card-featured .tst-card-quote,
  .testimonials-section .tst-card-wide .tst-card-quote {
    display: block !important;
    margin: 16px 18px 6px !important;
    padding: 0 !important;
    color: #d4af37 !important;
    font-size: 30px !important;
    line-height: .78 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .testimonials-section .tst-text,
  .testimonials-section .tst-card-featured .tst-text,
  .testimonials-section .tst-card-wide .tst-text {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 4 !important;
    line-clamp: 4 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 18px !important;
    max-width: none !important;
    color: #2d3832 !important;
    font-size: 12.7px !important;
    line-height: 1.38 !important;
    font-weight: 700 !important;
    letter-spacing: -.01em !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .testimonials-section .tst-text strong {
    color: #111 !important;
    font-weight: 900 !important;
  }

  .testimonials-section .tst-bold-line,
  .testimonials-section .tst-growth-pill { display: none !important; }

  .testimonials-section .tst-author {
    width: 100% !important;
    min-height: 62px !important;
    height: 62px !important;
    margin: auto 0 0 !important;
    padding: 10px 16px !important;
    border-top: 1px solid rgba(0,0,0,.08) !important;
    background: rgba(255,255,255,.38) !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
  }

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

  .testimonials-section .tst-avatar {
    width: 42px !important;
    height: 42px !important;
    flex: 0 0 42px !important;
    border-radius: 999px !important;
    border: 0 !important;
    font-size: 0 !important;
    color: transparent !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: 0 8px 16px rgba(0,0,0,.18) !important;
    background: linear-gradient(135deg, #e7d06f 0%, #788d4f 100%) !important;
  }

  .testimonials-section .tst-avatar::before {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 8px !important;
    width: 16px !important;
    height: 16px !important;
    transform: translateX(-50%) !important;
    border-radius: 999px !important;
    background: #e1b082 !important;
    z-index: 2 !important;
  }

  .testimonials-section .tst-avatar::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    bottom: 5px !important;
    width: 30px !important;
    height: 17px !important;
    transform: translateX(-50%) !important;
    border-radius: 17px 17px 8px 8px !important;
    background: #2b313f !important;
    z-index: 1 !important;
  }

  .testimonials-section .tst-author-name {
    color: #17231d !important;
    font-size: 12.5px !important;
    line-height: 1.05 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 178px !important;
  }

  .testimonials-section .tst-author-role {
    color: #5c645e !important;
    font-size: 8.4px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 178px !important;
    margin-top: 2px !important;
  }

  .testimonials-section .tst-mini-stars {
    display: flex !important;
    gap: 2px !important;
    color: #d4af37 !important;
    font-size: 8.5px !important;
    margin-top: 4px !important;
    line-height: 1 !important;
  }

  .testimonials-section .tst-author-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0 !important;
    flex: 0 0 auto !important;
    width: auto !important;
    margin-left: auto !important;
  }

  .testimonials-section .tst-social,
  .testimonials-section .tst-card > .tst-social {
    width: 30px !important;
    height: 30px !important;
    flex: 0 0 30px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    background: #fff !important;
    border: 1px solid rgba(0,0,0,.04) !important;
    box-shadow: 0 7px 15px rgba(0,0,0,.13) !important;
    font-size: 15px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .testimonials-section .tst-social.facebook { color: #1877f2 !important; }
  .testimonials-section .tst-social.instagram { color: #e4405f !important; }
  .testimonials-section .tst-social.tiktok { color: #111 !important; }
  .testimonials-section .tst-social.youtube { color: #ff0000 !important; }

  .testimonials-section .tst-mobile-slider-controls { display: none !important; }
}

@media (max-width: 430px) {
  #campaign-command-center .apx-new-head {
    grid-template-columns: minmax(0, 1fr) minmax(104px, .38fr) !important;
    gap: 7px !important;
  }

  #campaign-command-center .apx-command-grid { gap: 6px !important; }

  #campaign-command-center .apx-command-left,
  #campaign-command-center .apx-command-board {
    min-height: 170px !important;
    border-radius: 10px !important;
  }

  .testimonials-section .tst-head,
  .testimonials-section .tst-rating-panel {
    width: 82vw !important;
    max-width: 82vw !important;
  }

  .testimonials-section .tst-masonry {
    padding-left: calc((95vw - 82vw) / 2) !important;
    padding-right: calc((95vw - 82vw) / 2) !important;
    scroll-padding-inline: calc((95vw - 82vw) / 2) !important;
  }

  .testimonials-section .tst-masonry > article,
  .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: 82vw !important;
    width: 82vw !important;
    min-width: 82vw !important;
    max-width: 82vw !important;
  }

  .testimonials-section .tst-author-name,
  .testimonials-section .tst-author-role { max-width: 132px !important; }
}

@media (max-width: 370px) {
  #campaign-command-center .apx-new-title {
    font-size: clamp(17px, 5.05vw, 19px) !important;
  }

  #campaign-command-center .apx-new-copy {
    max-width: 92px !important;
    font-size: 4px !important;
  }

  .testimonials-section .tst-rating-panel {
    grid-template-columns: 72px minmax(0, 1fr) !important;
    padding: 13px 15px !important;
  }

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

  .testimonials-section .tst-text,
  .testimonials-section .tst-card-featured .tst-text,
  .testimonials-section .tst-card-wide .tst-text {
    font-size: 12px !important;
  }

  .testimonials-section .tst-author-name,
  .testimonials-section .tst-author-role { max-width: 112px !important; }
}

/* ===== results trailing style 35 ===== */
/* === ONLY MOBILE: testimonials section same as supplied screenshot === */
@media (max-width: 768px) {
  .testimonials-section {
    --tst-mobile-card-w: clamp(318px, 84vw, 400px);
    padding: 26px 0 38px !important;
    background: #050d0a !important;
    overflow: hidden !important;
  }

  .testimonials-section .tst-container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  .testimonials-section .tst-eyebrow {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    width: var(--tst-mobile-card-w) !important;
    margin: 0 auto 10px !important;
    color: #d4af37 !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: .22em !important;
    text-transform: uppercase !important;
    text-shadow: 0 0 12px rgba(212,175,55,.48) !important;
    white-space: nowrap !important;
  }

  .testimonials-section .tst-eyebrow .tst-line {
    display: inline-block !important;
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: 68px !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, rgba(212,175,55,.66), transparent) !important;
  }

  .testimonials-section .tst-eyebrow i {
    display: inline-block !important;
    color: #d4af37 !important;
    font-size: 8px !important;
  }

  .testimonials-section .tst-head {
    width: var(--tst-mobile-card-w) !important;
    max-width: var(--tst-mobile-card-w) !important;
    margin: 0 auto 22px !important;
    text-align: center !important;
  }

  .testimonials-section .tst-title {
    margin: 0 0 12px !important;
    color: #fbfaf5 !important;
    font-size: clamp(32px, 7.8vw, 39px) !important;
    line-height: .95 !important;
    font-weight: 900 !important;
    letter-spacing: -.055em !important;
    text-shadow: 0 12px 26px rgba(0,0,0,.45) !important;
  }

  .testimonials-section .tst-title span {
    display: block !important;
    color: #d4af37 !important;
  }

  .testimonials-section .tst-subtitle {
    width: min(290px, 74vw) !important;
    max-width: min(290px, 74vw) !important;
    margin: 0 auto !important;
    color: rgba(255,255,255,.58) !important;
    font-size: 12.5px !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;
  }

  .testimonials-section .tst-rating-panel {
    width: var(--tst-mobile-card-w) !important;
    max-width: var(--tst-mobile-card-w) !important;
    min-height: 80px !important;
    height: 80px !important;
    margin: 0 auto 16px !important;
    padding: 14px 19px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(212,175,55,.34) !important;
    background: linear-gradient(135deg, #ffffff 0%, #fbfaf6 58%, #eee7dc 100%) !important;
    box-shadow: 0 14px 30px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.98) !important;
    color: #17231d !important;
    display: grid !important;
    grid-template-columns: 78px minmax(0, 1fr) !important;
    gap: 16px !important;
    align-items: center !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .testimonials-section .tst-rating-panel::before,
  .testimonials-section .tst-rating-panel::after { display: none !important; }

  .testimonials-section .tst-score-block {
    padding: 0 !important;
    border: 0 !important;
    min-width: 0 !important;
    align-items: flex-start !important;
    justify-content: center !important;
    text-align: left !important;
  }

  .testimonials-section .tst-score {
    color: #080908 !important;
    font-size: 58px !important;
    line-height: .82 !important;
    font-weight: 900 !important;
    letter-spacing: -.105em !important;
    text-shadow: none !important;
  }

  .testimonials-section .tst-score-stars,
  .testimonials-section .tst-score-note,
  .testimonials-section .tst-platforms { display: none !important; }

  .testimonials-section .tst-bars {
    display: grid !important;
    gap: 8px !important;
    padding: 0 !important;
    border: 0 !important;
    min-width: 0 !important;
  }

  .testimonials-section .tst-bar-row:nth-child(n+4) { display: none !important; }

  .testimonials-section .tst-bar-row {
    display: grid !important;
    grid-template-columns: 24px minmax(0, 1fr) 34px !important;
    gap: 8px !important;
    align-items: center !important;
    color: #17231d !important;
    font-size: 10.5px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
  }

  .testimonials-section .tst-bar-row i {
    color: #d4af37 !important;
    font-size: 9px !important;
  }

  .testimonials-section .tst-bar-track {
    height: 7px !important;
    border-radius: 999px !important;
    background: #dedad0 !important;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.07) !important;
    overflow: hidden !important;
  }

  .testimonials-section .tst-bar-fill {
    height: 100% !important;
    border-radius: inherit !important;
    background: linear-gradient(90deg, #d4af37, #efce58) !important;
    box-shadow: none !important;
  }

  .testimonials-section .tst-masonry {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    gap: 16px !important;
    margin: 0 auto !important;
    padding: 0 calc((100vw - var(--tst-mobile-card-w)) / 2) 5px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    scroll-snap-type: x mandatory !important;
    scroll-padding-inline: calc((100vw - var(--tst-mobile-card-w)) / 2) !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    box-sizing: border-box !important;
  }

  .testimonials-section .tst-masonry::-webkit-scrollbar { display: none !important; }

  .testimonials-section .tst-masonry > article,
  .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 var(--tst-mobile-card-w) !important;
    width: var(--tst-mobile-card-w) !important;
    min-width: var(--tst-mobile-card-w) !important;
    max-width: var(--tst-mobile-card-w) !important;
    min-height: 247px !important;
    height: 247px !important;
    padding: 0 !important;
    border-radius: 16px !important;
    border: 1px solid rgba(212,175,55,.34) !important;
    background: linear-gradient(135deg, #ffffff 0%, #fbfaf6 58%, #eee7dc 100%) !important;
    color: #17231d !important;
    box-shadow: 0 14px 30px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.98) !important;
    overflow: hidden !important;
    scroll-snap-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
  }

  .testimonials-section .tst-card::before,
  .testimonials-section .tst-card::after { display: none !important; }

  .testimonials-section .tst-card-quote,
  .testimonials-section .tst-card-featured .tst-card-quote,
  .testimonials-section .tst-card-wide .tst-card-quote {
    display: block !important;
    margin: 18px 18px 8px !important;
    padding: 0 !important;
    color: #d4af37 !important;
    font-size: 30px !important;
    line-height: .78 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .testimonials-section .tst-text,
  .testimonials-section .tst-card-featured .tst-text,
  .testimonials-section .tst-card-wide .tst-text {
    display: block !important;
    -webkit-line-clamp: initial !important;
    line-clamp: initial !important;
    overflow: visible !important;
    margin: 0 !important;
    padding: 0 18px !important;
    max-width: none !important;
    color: #2d3832 !important;
    font-size: 12.6px !important;
    line-height: 1.36 !important;
    font-weight: 700 !important;
    letter-spacing: -.01em !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .testimonials-section .tst-text strong {
    color: #111 !important;
    font-weight: 900 !important;
  }

  .testimonials-section .tst-bold-line {
    display: block !important;
    margin-top: 13px !important;
    color: #4c554f !important;
    font-size: 12.2px !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
  }

  .testimonials-section .tst-author {
    width: 100% !important;
    min-height: 55px !important;
    height: 55px !important;
    margin: auto 0 0 !important;
    padding: 8px 15px !important;
    border-top: 1px solid rgba(0,0,0,.08) !important;
    background: rgba(255,255,255,.38) !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
  }

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

  .testimonials-section .tst-avatar {
    width: 39px !important;
    height: 39px !important;
    flex: 0 0 39px !important;
    border-radius: 999px !important;
    border: 0 !important;
    font-size: 0 !important;
    color: transparent !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: 0 8px 16px rgba(0,0,0,.18) !important;
    background: linear-gradient(135deg, #e7d06f 0%, #788d4f 100%) !important;
  }

  .testimonials-section .tst-avatar::before {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 7px !important;
    width: 15px !important;
    height: 15px !important;
    transform: translateX(-50%) !important;
    border-radius: 999px !important;
    background: #e1b082 !important;
    z-index: 2 !important;
  }

  .testimonials-section .tst-avatar::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    bottom: 5px !important;
    width: 29px !important;
    height: 16px !important;
    transform: translateX(-50%) !important;
    border-radius: 17px 17px 8px 8px !important;
    background: #2b313f !important;
    z-index: 1 !important;
  }

  .testimonials-section .tst-author-name {
    color: #17231d !important;
    font-size: 11.5px !important;
    line-height: 1.05 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 148px !important;
  }

  .testimonials-section .tst-author-role {
    color: #5c645e !important;
    font-size: 8px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 148px !important;
    margin-top: 2px !important;
  }

  .testimonials-section .tst-mini-stars {
    display: flex !important;
    gap: 2px !important;
    color: #d4af37 !important;
    font-size: 8px !important;
    margin-top: 3px !important;
    line-height: 1 !important;
  }

  .testimonials-section .tst-author-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    flex: 0 0 auto !important;
    width: auto !important;
    margin-left: auto !important;
  }

  .testimonials-section .tst-growth-pill {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 26px !important;
    height: 26px !important;
    padding: 0 9px !important;
    border-radius: 999px !important;
    background: rgba(46,204,113,.13) !important;
    border: 1px solid rgba(46,204,113,.42) !important;
    color: #2ecc71 !important;
    font-size: 7.3px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
    margin: 0 !important;
  }

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

  .testimonials-section .tst-social,
  .testimonials-section .tst-card > .tst-social {
    width: 30px !important;
    height: 30px !important;
    flex: 0 0 30px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    background: #fff !important;
    border: 1px solid rgba(0,0,0,.04) !important;
    box-shadow: 0 7px 15px rgba(0,0,0,.13) !important;
    font-size: 15px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .testimonials-section .tst-social.facebook { color: #1877f2 !important; }
  .testimonials-section .tst-social.instagram { color: #e4405f !important; }
  .testimonials-section .tst-social.tiktok { color: #111 !important; }
  .testimonials-section .tst-social.youtube { color: #ff0000 !important; }

  .testimonials-section .tst-mobile-slider-controls {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 12px auto 0 !important;
  }

  .testimonials-section .tst-mobile-slider-btn {
    width: 31px !important;
    height: 31px !important;
    flex: 0 0 31px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    border: 1px solid rgba(212,175,55,.46) !important;
    background: rgba(7,16,15,.72) !important;
    color: rgba(212,175,55,.78) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
  }

  .testimonials-section .tst-mobile-slider-btn i {
    font-size: 15px !important;
    line-height: 1 !important;
  }

  .testimonials-section .tst-mobile-slider-dots {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    min-height: 31px !important;
  }

  .testimonials-section .tst-mobile-dot {
    width: 6px !important;
    height: 6px !important;
    min-width: 6px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(212,175,55,.34) !important;
    opacity: 1 !important;
  }

  .testimonials-section .tst-mobile-dot.is-active {
    width: 23px !important;
    min-width: 23px !important;
    background: #d4af37 !important;
  }
}

@media (max-width: 390px) {
  .testimonials-section { --tst-mobile-card-w: calc(100vw - 38px); }
  .testimonials-section .tst-title { font-size: 30px !important; }
  .testimonials-section .tst-score { font-size: 53px !important; }
  .testimonials-section .tst-rating-panel { grid-template-columns: 72px minmax(0, 1fr) !important; gap: 12px !important; padding: 13px 16px !important; }
  .testimonials-section .tst-masonry > article,
  .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) { height: 248px !important; min-height: 248px !important; }
  .testimonials-section .tst-text,
  .testimonials-section .tst-card-featured .tst-text,
  .testimonials-section .tst-card-wide .tst-text { font-size: 12px !important; line-height: 1.34 !important; }
  .testimonials-section .tst-author-name,
  .testimonials-section .tst-author-role { max-width: 116px !important; }
  .testimonials-section .tst-growth-pill { font-size: 6.7px !important; padding: 0 7px !important; }
  .testimonials-section .tst-author-actions { gap: 6px !important; }
}

/* ===== results trailing style 36 ===== */
/* Performance: keep transitions smooth without forcing layout-heavy animations */
  html { scroll-behavior: smooth; }
  .pro-scroll-progress,
  .s-box,
  .btn-cta,
  .btn-primary-hero,
  .btn-ghost-hero,
  .wwd-card,
  .pkg-card,
  .cr-card,
  .tst-card,
  .rp-step,
  .ab-stat {
    backface-visibility: hidden;
  }

  .pro-visible,
  .pro-animate.pro-visible {
    will-change: auto !important;
  }

  @media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
      animation-duration: .01ms !important;
      animation-iteration-count: 1 !important;
      scroll-behavior: auto !important;
      transition-duration: .01ms !important;
    }
  }

  .tst-mobile-slider-controls { display: none; }

  @media (max-width: 768px) {
    .testimonials-section {
      --tst-mobile-card-w: clamp(318px, 84vw, 400px);
      padding: 26px 0 38px !important;
      background: #050d0a !important;
      overflow: hidden !important;
    }

    .testimonials-section .tst-container {
      width: 100% !important;
      max-width: 100% !important;
      margin: 0 auto !important;
      padding: 0 !important;
      box-sizing: border-box !important;
    }

    .testimonials-section .tst-masonry {
      width: 100% !important;
      max-width: 100% !important;
      display: flex !important;
      align-items: flex-start !important;
      grid-template-columns: none !important;
      grid-template-rows: none !important;
      gap: 16px !important;
      margin: 0 auto !important;
      padding: 0 calc((100vw - var(--tst-mobile-card-w)) / 2) 5px !important;
      overflow-x: auto !important;
      overflow-y: visible !important;
      overscroll-behavior-x: contain !important;
      scroll-snap-type: x mandatory !important;
      scroll-padding-inline: calc((100vw - var(--tst-mobile-card-w)) / 2) !important;
      scroll-behavior: smooth !important;
      -webkit-overflow-scrolling: touch !important;
      scrollbar-width: none !important;
      box-sizing: border-box !important;
    }

    .testimonials-section .tst-masonry::-webkit-scrollbar {
      display: none !important;
    }

    .testimonials-section .tst-masonry > article,
    .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 var(--tst-mobile-card-w) !important;
      width: var(--tst-mobile-card-w) !important;
      min-width: var(--tst-mobile-card-w) !important;
      max-width: var(--tst-mobile-card-w) !important;
      min-height: 184px !important;
      height: auto !important;
      padding: 0 !important;
      border-radius: 16px !important;
      border: 1px solid rgba(212,175,55,.34) !important;
      background: linear-gradient(135deg, #ffffff 0%, #fbfaf6 58%, #eee7dc 100%) !important;
      color: #17231d !important;
      box-shadow: 0 14px 30px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.98) !important;
      overflow: hidden !important;
      scroll-snap-align: center !important;
      display: flex !important;
      flex-direction: column !important;
      justify-content: flex-start !important;
      contain: layout paint !important;
      transition: transform .26s ease, box-shadow .26s ease, border-color .26s ease !important;
    }

    .testimonials-section .tst-card-featured {
      min-height: 247px !important;
    }

    .testimonials-section .tst-card-wide {
      min-height: 184px !important;
    }

    .testimonials-section .tst-card:hover,
    .testimonials-section .tst-card-featured:hover,
    .testimonials-section .tst-card-wide:hover {
      transform: translateY(-2px) !important;
    }

    .testimonials-section .tst-card::before,
    .testimonials-section .tst-card::after {
      display: none !important;
    }

    .testimonials-section .tst-card-quote,
    .testimonials-section .tst-card-featured .tst-card-quote,
    .testimonials-section .tst-card-wide .tst-card-quote {
      display: block !important;
      margin: 18px 18px 8px !important;
      padding: 0 !important;
      color: #d4af37 !important;
      font-size: 30px !important;
      line-height: .78 !important;
      background: transparent !important;
      border: 0 !important;
      box-shadow: none !important;
    }

    .testimonials-section .tst-text,
    .testimonials-section .tst-card-featured .tst-text,
    .testimonials-section .tst-card-wide .tst-text {
      display: block !important;
      -webkit-line-clamp: initial !important;
      line-clamp: initial !important;
      overflow: visible !important;
      margin: 0 !important;
      padding: 0 18px !important;
      max-width: none !important;
      color: #2d3832 !important;
      font-size: 12.5px !important;
      line-height: 1.35 !important;
      font-weight: 700 !important;
      letter-spacing: -.01em !important;
      background: transparent !important;
      border: 0 !important;
      box-shadow: none !important;
    }

    .testimonials-section .tst-text strong {
      color: #111 !important;
      font-weight: 900 !important;
    }

    .testimonials-section .tst-bold-line {
      display: block !important;
      margin-top: 13px !important;
      color: #4c554f !important;
      font-size: 12.2px !important;
      line-height: 1.2 !important;
      font-weight: 900 !important;
    }

    .testimonials-section .tst-author {
      width: 100% !important;
      min-height: 55px !important;
      height: 55px !important;
      margin: auto 0 0 !important;
      padding: 8px 15px !important;
      border-top: 1px solid rgba(0,0,0,.08) !important;
      background: rgba(255,255,255,.38) !important;
      box-shadow: none !important;
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
      gap: 8px !important;
    }

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

    .testimonials-section .tst-avatar {
      width: 39px !important;
      height: 39px !important;
      flex: 0 0 39px !important;
      border-radius: 999px !important;
      border: 0 !important;
      font-size: 0 !important;
      color: transparent !important;
      position: relative !important;
      overflow: hidden !important;
      box-shadow: 0 8px 16px rgba(0,0,0,.18) !important;
      background: linear-gradient(135deg, #e7d06f 0%, #788d4f 100%) !important;
    }

    .testimonials-section .tst-avatar::before {
      content: "" !important;
      position: absolute !important;
      left: 50% !important;
      top: 7px !important;
      width: 15px !important;
      height: 15px !important;
      transform: translateX(-50%) !important;
      border-radius: 999px !important;
      background: #e1b082 !important;
      z-index: 2 !important;
    }

    .testimonials-section .tst-avatar::after {
      content: "" !important;
      position: absolute !important;
      left: 50% !important;
      bottom: 5px !important;
      width: 29px !important;
      height: 16px !important;
      transform: translateX(-50%) !important;
      border-radius: 17px 17px 8px 8px !important;
      background: #2b313f !important;
      z-index: 1 !important;
    }

    .testimonials-section .tst-author-name {
      color: #17231d !important;
      font-size: 11.5px !important;
      line-height: 1.05 !important;
      font-weight: 900 !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      max-width: 148px !important;
    }

    .testimonials-section .tst-author-role {
      color: #5c645e !important;
      font-size: 8px !important;
      line-height: 1.1 !important;
      font-weight: 800 !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      max-width: 148px !important;
      margin-top: 2px !important;
    }

    .testimonials-section .tst-mini-stars {
      display: flex !important;
      gap: 2px !important;
      color: #d4af37 !important;
      font-size: 8px !important;
      margin-top: 3px !important;
      line-height: 1 !important;
    }

    .testimonials-section .tst-author-actions {
      display: flex !important;
      align-items: center !important;
      justify-content: flex-end !important;
      gap: 8px !important;
      flex: 0 0 auto !important;
      width: auto !important;
      margin-left: auto !important;
    }

    .testimonials-section .tst-growth-pill {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      min-height: 26px !important;
      height: 26px !important;
      padding: 0 9px !important;
      border-radius: 999px !important;
      background: rgba(46,204,113,.13) !important;
      border: 1px solid rgba(46,204,113,.42) !important;
      color: #2ecc71 !important;
      font-size: 7.3px !important;
      line-height: 1 !important;
      font-weight: 900 !important;
      white-space: nowrap !important;
      margin: 0 !important;
    }

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

    .testimonials-section .tst-social,
    .testimonials-section .tst-card > .tst-social {
      width: 30px !important;
      height: 30px !important;
      flex: 0 0 30px !important;
      margin: 0 !important;
      border-radius: 999px !important;
      background: #fff !important;
      border: 1px solid rgba(0,0,0,.04) !important;
      box-shadow: 0 7px 15px rgba(0,0,0,.13) !important;
      font-size: 15px !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
    }

    .testimonials-section .tst-social.facebook { color: #1877f2 !important; }
    .testimonials-section .tst-social.instagram { color: #e4405f !important; }
    .testimonials-section .tst-social.tiktok { color: #111 !important; }
    .testimonials-section .tst-social.youtube { color: #ff0000 !important; }

    .testimonials-section .tst-mobile-slider-controls {
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 10px !important;
      width: 100% !important;
      margin: 12px auto 0 !important;
    }

    .testimonials-section .tst-mobile-slider-btn {
      width: 31px !important;
      height: 31px !important;
      flex: 0 0 31px !important;
      padding: 0 !important;
      border-radius: 50% !important;
      border: 1px solid rgba(212,175,55,.46) !important;
      background: rgba(7,16,15,.72) !important;
      color: rgba(212,175,55,.78) !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
      cursor: pointer !important;
      transition: transform .2s ease, background .2s ease, color .2s ease !important;
    }

    .testimonials-section .tst-mobile-slider-btn:active {
      transform: scale(.96) !important;
    }

    .testimonials-section .tst-mobile-slider-btn i {
      font-size: 15px !important;
      line-height: 1 !important;
    }

    .testimonials-section .tst-mobile-slider-dots {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 6px !important;
      min-height: 31px !important;
    }

    .testimonials-section .tst-mobile-dot {
      width: 6px !important;
      height: 6px !important;
      min-width: 6px !important;
      padding: 0 !important;
      border: 0 !important;
      border-radius: 999px !important;
      background: rgba(212,175,55,.34) !important;
      opacity: 1 !important;
      cursor: pointer !important;
      transition: width .22s ease, min-width .22s ease, background .22s ease !important;
    }

    .testimonials-section .tst-mobile-dot.is-active {
      width: 23px !important;
      min-width: 23px !important;
      background: #d4af37 !important;
    }
  }

  @media (max-width: 390px) {
    .testimonials-section {
      --tst-mobile-card-w: calc(100vw - 38px);
    }

    .testimonials-section .tst-title {
      font-size: 30px !important;
    }

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

    .testimonials-section .tst-rating-panel {
      grid-template-columns: 72px minmax(0, 1fr) !important;
      gap: 12px !important;
      padding: 13px 16px !important;
    }

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

    .testimonials-section .tst-author-name,
    .testimonials-section .tst-author-role {
      max-width: 116px !important;
    }

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

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

/* ===== results trailing style 37 ===== */
/* Safer sticky navbar: transparent at top, solid only after scroll */
  .apex-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 99999 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    transition: background .22s ease, box-shadow .22s ease, backdrop-filter .22s ease !important;
  }

  .apex-header.scrolled {
    background: linear-gradient(180deg, rgba(7,15,12,.96), rgba(7,15,12,.88)) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    backdrop-filter: blur(14px) !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.38) !important;
  }

  .apex-header .apex-nav,
  .apex-header .apex-nav.is-sticky,
  .apex-header .apex-nav.nav-scrolled {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    z-index: 2 !important;
    background: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
    border: 0 !important;
  }

  .apex-header .apex-nav::after,
  .apex-header .apex-nav.is-sticky::after,
  .apex-header .apex-nav.nav-scrolled::after {
    display: none !important;
  }

  @media (max-width: 768px) {
    .apex-header > .site-wrap,
    .apex-header .site-wrap {
      width: 100% !important;
      max-width: 100% !important;
      padding-left: 9px !important;
      padding-right: 9px !important;
      margin-left: auto !important;
      margin-right: auto !important;
    }

    .apex-header .apex-nav,
    .apex-header .apex-nav.is-sticky,
    .apex-header .apex-nav.nav-scrolled {
      padding: 7px 0 6px !important;
      min-height: 42px !important;
    }

    .apex-header .nav-inner {
      display: flex !important;
      align-items: center !important;
      justify-content: flex-start !important;
      flex-wrap: nowrap !important;
      gap: 8px !important;
      width: 100% !important;
      max-width: 100% !important;
      overflow: hidden !important;
    }

    .apex-header .nav-left {
      flex: 0 0 auto !important;
      margin-left: 0 !important;
      min-width: 0 !important;
    }

    .apex-header .brand-logo {
      height: 28px !important;
      max-width: 74px !important;
      width: auto !important;
      object-fit: contain !important;
      margin-left: 0 !important;
    }

    .apex-header .nav-right {
      flex: 1 1 auto !important;
      min-width: 0 !important;
      margin-left: auto !important;
      margin-right: 0 !important;
      overflow-x: auto !important;
      overflow-y: hidden !important;
      -webkit-overflow-scrolling: touch !important;
      scrollbar-width: none !important;
    }

    .apex-header .nav-right::-webkit-scrollbar { display: none !important; }

    .apex-header .nav-links {
      display: flex !important;
      align-items: center !important;
      justify-content: flex-end !important;
      flex-wrap: nowrap !important;
      gap: 3px !important;
      width: max-content !important;
      min-width: max-content !important;
      margin-left: auto !important;
      white-space: nowrap !important;
    }

    .apex-header .nav-links a {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 2px !important;
      padding: 5px 3px !important;
      border-radius: 6px !important;
      font-size: 6.2px !important;
      line-height: 1 !important;
      font-weight: 800 !important;
      letter-spacing: -.01em !important;
      color: #fff !important;
      flex: 0 0 auto !important;
    }

    .apex-header .nav-links a i {
      font-size: 6.5px !important;
      line-height: 1 !important;
      color: #fff !important;
    }

    .apex-header .nav-links a.active::after {
      bottom: -4px !important;
      width: 18px !important;
      height: 1px !important;
    }

    .apex-header .nav-toggle,
    .apex-header .nav-mobile {
      display: none !important;
      visibility: hidden !important;
      opacity: 0 !important;
      pointer-events: none !important;
    }
  }

  @media (max-width: 420px) {
    .apex-header .brand-logo {
      max-width: 68px !important;
      height: 27px !important;
    }

    .apex-header .nav-links a {
      font-size: 5.7px !important;
      padding-left: 2px !important;
      padding-right: 2px !important;
    }

    .apex-header .nav-links a i {
      font-size: 6px !important;
    }
  }

  /* Mobile testimonial cards like the reference image */
  @media (max-width: 768px) {
    .testimonials-section {
      --shruti-tst-card-w: min(400px, calc(100vw - 38px));
      padding-top: 26px !important;
      padding-bottom: 38px !important;
      background: #050d0a !important;
      overflow: hidden !important;
    }

    .testimonials-section .tst-container {
      width: 100% !important;
      max-width: 100% !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
      margin-left: auto !important;
      margin-right: auto !important;
      box-sizing: border-box !important;
    }

    .testimonials-section .tst-masonry {
      width: 100% !important;
      max-width: 100% !important;
      display: flex !important;
      grid-template-columns: none !important;
      grid-template-rows: none !important;
      gap: 16px !important;
      margin: 0 auto !important;
      padding: 0 calc((100vw - var(--shruti-tst-card-w)) / 2) 8px !important;
      overflow-x: auto !important;
      overflow-y: visible !important;
      scroll-snap-type: x mandatory !important;
      scroll-padding-inline: calc((100vw - var(--shruti-tst-card-w)) / 2) !important;
      scroll-behavior: smooth !important;
      -webkit-overflow-scrolling: touch !important;
      scrollbar-width: none !important;
      box-sizing: border-box !important;
    }

    .testimonials-section .tst-masonry::-webkit-scrollbar { display: none !important; }

    .testimonials-section .tst-masonry > article.tst-card,
    .testimonials-section .tst-masonry > article.tst-card-featured,
    .testimonials-section .tst-masonry > article.tst-card-wide,
    .testimonials-section .tst-masonry > article.tst-card:nth-child(n),
    .testimonials-section .tst-masonry > article.tst-card-featured:nth-child(1),
    .testimonials-section .tst-masonry > article.tst-card-wide:nth-child(2) {
      grid-column: auto !important;
      grid-row: auto !important;
      flex: 0 0 var(--shruti-tst-card-w) !important;
      width: var(--shruti-tst-card-w) !important;
      min-width: var(--shruti-tst-card-w) !important;
      max-width: var(--shruti-tst-card-w) !important;
      height: 246px !important;
      min-height: 246px !important;
      max-height: none !important;
      padding: 0 !important;
      border-radius: 16px !important;
      border: 1px solid rgba(212,175,55,.34) !important;
      background: linear-gradient(135deg, #ffffff 0%, #fbfaf6 58%, #eee7dc 100%) !important;
      color: #17231d !important;
      box-shadow: 0 14px 30px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.98) !important;
      overflow: hidden !important;
      scroll-snap-align: center !important;
      display: flex !important;
      flex-direction: column !important;
      justify-content: flex-start !important;
      box-sizing: border-box !important;
      transform: none !important;
    }

    .testimonials-section .tst-masonry > article.tst-card::before,
    .testimonials-section .tst-masonry > article.tst-card::after {
      display: none !important;
    }

    .testimonials-section .tst-masonry > article.tst-card .tst-card-quote,
    .testimonials-section .tst-masonry > article.tst-card-featured .tst-card-quote,
    .testimonials-section .tst-masonry > article.tst-card-wide .tst-card-quote {
      display: block !important;
      height: auto !important;
      min-height: 0 !important;
      margin: 18px 18px 8px !important;
      padding: 0 !important;
      color: #d4af37 !important;
      font-size: 31px !important;
      line-height: .78 !important;
      background: transparent !important;
      border: 0 !important;
      box-shadow: none !important;
    }

    .testimonials-section .tst-masonry > article.tst-card .tst-card-quote i {
      display: inline-block !important;
      line-height: 1 !important;
    }

    .testimonials-section .tst-masonry > article.tst-card .tst-text,
    .testimonials-section .tst-masonry > article.tst-card-featured .tst-text,
    .testimonials-section .tst-masonry > article.tst-card-wide .tst-text {
      display: block !important;
      -webkit-box-orient: initial !important;
      -webkit-line-clamp: initial !important;
      line-clamp: initial !important;
      overflow: visible !important;
      margin: 0 !important;
      padding: 0 18px !important;
      max-width: none !important;
      color: #2d3832 !important;
      font-size: 12.55px !important;
      line-height: 1.36 !important;
      font-weight: 700 !important;
      letter-spacing: -.01em !important;
      background: transparent !important;
      border: 0 !important;
      box-shadow: none !important;
    }

    .testimonials-section .tst-masonry > article.tst-card .tst-text strong {
      color: #111 !important;
      font-weight: 900 !important;
    }

    .testimonials-section .tst-masonry > article.tst-card .tst-bold-line {
      display: block !important;
      margin-top: 13px !important;
      color: #4c554f !important;
      font-size: 12.2px !important;
      line-height: 1.2 !important;
      font-weight: 900 !important;
    }

    .testimonials-section .tst-masonry > article.tst-card .tst-author {
      width: 100% !important;
      height: 55px !important;
      min-height: 55px !important;
      margin: auto 0 0 !important;
      padding: 8px 15px !important;
      border-top: 1px solid rgba(0,0,0,.08) !important;
      background: rgba(255,255,255,.38) !important;
      box-shadow: none !important;
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
      gap: 8px !important;
      box-sizing: border-box !important;
    }

    .testimonials-section .tst-masonry > article.tst-card .tst-author-left {
      display: flex !important;
      align-items: center !important;
      gap: 9px !important;
      flex: 1 1 auto !important;
      min-width: 0 !important;
    }

    .testimonials-section .tst-masonry > article.tst-card .tst-avatar {
      width: 39px !important;
      height: 39px !important;
      flex: 0 0 39px !important;
      border-radius: 999px !important;
      border: 0 !important;
      font-size: 0 !important;
      color: transparent !important;
      position: relative !important;
      overflow: hidden !important;
      box-shadow: 0 8px 16px rgba(0,0,0,.18) !important;
      background: linear-gradient(135deg, #e7d06f 0%, #788d4f 100%) !important;
    }

    .testimonials-section .tst-masonry > article.tst-card .tst-avatar::before {
      content: "" !important;
      position: absolute !important;
      left: 50% !important;
      top: 7px !important;
      width: 15px !important;
      height: 15px !important;
      transform: translateX(-50%) !important;
      border-radius: 999px !important;
      background: #e1b082 !important;
      z-index: 2 !important;
    }

    .testimonials-section .tst-masonry > article.tst-card .tst-avatar::after {
      content: "" !important;
      position: absolute !important;
      left: 50% !important;
      bottom: 5px !important;
      width: 29px !important;
      height: 16px !important;
      transform: translateX(-50%) !important;
      border-radius: 17px 17px 8px 8px !important;
      background: #2b313f !important;
      z-index: 1 !important;
    }

    .testimonials-section .tst-masonry > article.tst-card .tst-author-name {
      color: #17231d !important;
      font-size: 11.5px !important;
      line-height: 1.05 !important;
      font-weight: 900 !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      max-width: 148px !important;
    }

    .testimonials-section .tst-masonry > article.tst-card .tst-author-role {
      color: #5c645e !important;
      font-size: 8px !important;
      line-height: 1.1 !important;
      font-weight: 800 !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      max-width: 148px !important;
      margin-top: 2px !important;
    }

    .testimonials-section .tst-masonry > article.tst-card .tst-mini-stars {
      display: flex !important;
      gap: 2px !important;
      color: #d4af37 !important;
      font-size: 8px !important;
      margin-top: 3px !important;
      line-height: 1 !important;
    }

    .testimonials-section .tst-masonry > article.tst-card .tst-author-actions {
      display: flex !important;
      align-items: center !important;
      justify-content: flex-end !important;
      gap: 8px !important;
      flex: 0 0 auto !important;
      width: auto !important;
      margin-left: auto !important;
    }

    .testimonials-section .tst-masonry > article.tst-card .tst-growth-pill {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      min-height: 26px !important;
      height: 26px !important;
      padding: 0 9px !important;
      border-radius: 999px !important;
      background: rgba(46,204,113,.13) !important;
      border: 1px solid rgba(46,204,113,.42) !important;
      color: #2ecc71 !important;
      font-size: 7.3px !important;
      line-height: 1 !important;
      font-weight: 900 !important;
      white-space: nowrap !important;
      margin: 0 !important;
      box-sizing: border-box !important;
    }

    .testimonials-section .tst-masonry > article.tst-card .tst-growth-pill i {
      font-size: 8px !important;
      line-height: 1 !important;
    }

    .testimonials-section .tst-masonry > article.tst-card .tst-social,
    .testimonials-section .tst-masonry > article.tst-card > .tst-social {
      width: 30px !important;
      height: 30px !important;
      flex: 0 0 30px !important;
      margin: 0 !important;
      border-radius: 999px !important;
      background: #fff !important;
      border: 1px solid rgba(0,0,0,.04) !important;
      box-shadow: 0 7px 15px rgba(0,0,0,.13) !important;
      font-size: 15px !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
    }

    .testimonials-section .tst-masonry > article.tst-card .tst-social.instagram { color: #e4405f !important; }
    .testimonials-section .tst-masonry > article.tst-card .tst-social.facebook { color: #1877f2 !important; }
    .testimonials-section .tst-masonry > article.tst-card .tst-social.tiktok { color: #111 !important; }
    .testimonials-section .tst-masonry > article.tst-card .tst-social.youtube { color: #ff0000 !important; }
  }

  @media (max-width: 390px) {
    .testimonials-section .tst-masonry > article.tst-card,
    .testimonials-section .tst-masonry > article.tst-card:nth-child(n) {
      height: 248px !important;
      min-height: 248px !important;
    }

    .testimonials-section .tst-masonry > article.tst-card .tst-text,
    .testimonials-section .tst-masonry > article.tst-card-featured .tst-text,
    .testimonials-section .tst-masonry > article.tst-card-wide .tst-text {
      font-size: 12px !important;
      line-height: 1.34 !important;
    }

    .testimonials-section .tst-masonry > article.tst-card .tst-author-name,
    .testimonials-section .tst-masonry > article.tst-card .tst-author-role {
      max-width: 116px !important;
    }

    .testimonials-section .tst-masonry > article.tst-card .tst-growth-pill {
      font-size: 6.7px !important;
      padding: 0 7px !important;
    }

    .testimonials-section .tst-masonry > article.tst-card .tst-author-actions {
      gap: 6px !important;
    }
  }

/* (moved to final mobile testimonial slider block at end of file) */

/* ===== results trailing style 38 ===== */
:root {
    --bg:         #17231D !important;
    --bg-deep:    #121E16 !important;
    --gold:       #D4AF37 !important;
    --gold-light: #716848 !important;
    --gold-dim:   rgba(212,175,55,.55) !important;
    --text-dark:  #1A1A1A !important;
    --text-light: #FFFFFF !important;
    --muted:      #C7D1C8 !important;
    --success:    #2ECC71 !important;
    --btn-bg:     #D4AF37 !important;
    --btn-text:   #000000 !important;
    --panel:      #FFFFFF !important;

    /* existing result-page variables mapped to home theme */
    --dark:       #17231D !important;
    --dark-2:     #121E16 !important;
    --dark-3:     #17231D !important;
    --bg-dark:    #17231D !important;
    --bg-green:   #17231D !important;
    --bg-soft:    #121E16 !important;
    --cream:      #FFFFFF !important;
    --white:      #FFFFFF !important;
    --text:       #FFFFFF !important;
    --gold-2:     #D4AF37 !important;
    --gold-3:     #716848 !important;
  }

  html,
  body {
    background-color: var(--bg) !important;
    background:
      radial-gradient(ellipse 380px 300px at 96% 80%, rgba(0,0,0,.12) 0%, transparent 70%),
      var(--bg) !important;
    color: var(--text-light) !important;
    font-family: 'Montserrat', sans-serif !important;
  }

  /* Main page backgrounds: synced with home page dark-green/gold theme */
  .hero-section,
  .about-section,
  .wwd-section,
  .client-results-section,
  .client-results-section.result-updated-page,
  .result-process-section,
  .packages-section,
  .testimonials-section,
  .insights-section,
  .apex-footer,
  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,255,255,.035), transparent 64%),
      linear-gradient(180deg, #17231D 0%, #121E16 100%) !important;
    color: var(--text-light) !important;
  }

  .hero-section::before,
  .about-section::before,
  .wwd-section::before,
  .client-results-section::before,
  .result-process-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 580px 360px at 12% 18%, rgba(255,255,255,.025), transparent 65%) !important;
  }

  /* Result-page panels/cards: same dark green + gold theme, no size/layout change */
  .cr-hero-panel,
  .cr-card,
  .cr-more-card,
  .cr-live-charts,
  .cr-live-main,
  .cr-live-side,
  .cr-mini-chart,
  .result-card,
  .result-metric-card,
  .result-testimonial,
  .main-result-card,
  .performance-chart-card,
  .result-story-panel,
  .result-profile-card,
  .platform-card,
  .result-proof-big,
  .rp-steps-panel,
  .rp-step,
  .rp-metric,
  .rp-card,
  .tst-card,
  .tst-card-featured,
  .tst-card-wide,
  .pkg-plan,
  .insights-card {
    background:
      radial-gradient(ellipse at top left, rgba(212,175,55,.09), transparent 45%),
      linear-gradient(145deg, rgba(23,35,29,.96), rgba(18,30,22,.98)) !important;
    border-color: rgba(212,175,55,.24) !important;
    color: var(--text-light) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.055),
      0 20px 48px rgba(0,0,0,.32) !important;
  }

  /* Home-page gold accent sync */
  .cr-title span,
  .cr-section-title span,
  .cr-eyebrow,
  .cr-stat-value,
  .cr-growth-value,
  .cr-mini-value,
  .rp-kicker,
  .rp-title span,
  .result-kicker,
  .heading-gold,
  .gold,
  .apex-footer h3,
  .footer-title {
    color: var(--gold) !important;
  }

  .cr-subtitle,
  .cr-section-sub,
  .cr-stat-label,
  .cr-client-type,
  .cr-growth-label,
  .rp-text,
  .result-copy,
  .result-section-text,
  .tst-text,
  .pkg-desc,
  .insights-text,
  .apex-footer,
  .apex-footer p,
  .footer-link {
    color: var(--muted) !important;
  }

  /* Buttons only recolored to home theme */
  .btn-cta,
  .cr-main-cta,
  .cr-view-all,
  .result-btn.gold,
  .resx-btn.gold,
  .ab-btn-gold,
  .wwd-btn.gold,
  .pkg-btn,
  .insights-cta-button {
    background: var(--btn-bg) !important;
    color: #fff !important;
    border-color: rgba(212,175,55,.65) !important;
    box-shadow: 0 8px 24px rgba(212,175,55,.28) !important;
  }

  .result-btn.dark,
  .resx-btn.dark,
  .ab-btn-ghost,
  .wwd-btn.dark {
    background: rgba(45,62,39,.45) !important;
    color: var(--text-light) !important;
    border-color: rgba(255,255,255,.22) !important;
  }

  /* Navbar color theme only */
  .apex-header,
  .apex-nav {
    background: transparent !important;
    color: var(--text-light) !important;
  }

  .apex-nav.is-sticky,
  .apex-nav.nav-scrolled,
  .navbar.scrolled {
    background: linear-gradient(180deg, rgba(7,17,15,.88), rgba(7,17,15,.75)) !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
    box-shadow: 0 8px 28px rgba(0,0,0,.45) !important;
  }

  .nav-links a,
  .nav-links a i,
  .nav-mobile a,
  .nav-mobile a i {
    color: var(--text-light) !important;
  }

  .nav-links a.active::after {
    background: linear-gradient(90deg, var(--gold-light), var(--gold)) !important;
    box-shadow: 0 0 8px rgba(215,180,130,.55) !important;
  }

  .nav-mobile-panel {
    background: linear-gradient(180deg, var(--bg) 0%, var(--bg-deep) 100%) !important;
    border-left-color: rgba(212,175,55,.25) !important;
  }

  /* Mobile background same as home theme */
  @media (max-width: 768px) {
    body,
    .hero-section,
    .about-section,
    .wwd-section,
    .client-results-section,
    .result-process-section,
    .packages-section,
    .testimonials-section,
    .insights-section,
    .apex-footer,
    footer {
      background:
        radial-gradient(ellipse 520px 420px at 72% 5%, rgba(212,175,55,.10), transparent 62%),
        radial-gradient(ellipse 430px 360px at 12% 28%, rgba(255,255,255,.035), transparent 64%),
        linear-gradient(180deg, #17231D 0%, #121E16 100%) !important;
    }
  }

  /* Client result cards: metrics strip stays on light card surface */
  .client-results-section .cr-card {
    background: linear-gradient(180deg, #ffffff 0%, #f8f8f4 100%) !important;
    border-color: rgba(23,35,29,.10) !important;
    color: #151a16 !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-metrics-box {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: inherit !important;
  }

  .client-results-section .cr-mini-metric {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
  }

  .client-results-section .cr-mini-label,
  .client-results-section .cr-growth-label {
    color: #697166 !important;
  }

  .client-results-section .cr-mini-value,
  .client-results-section .cr-mini-value.gold {
    color: #151a16 !important;
  }

  .client-results-section .cr-client-name,
  .client-results-section .cr-growth-value {
    color: #151a16 !important;
  }

  .client-results-section .cr-growth-value.green {
    color: #2ecc71 !important;
  }

  .client-results-section .cr-client-type {
    color: #73796f !important;
  }

/* ===== results trailing style 39 ===== */
@media (max-width: 768px) {
  .testimonials-section {
    --tst-one-card-w: min(100%, calc(100vw - 36px));
    overflow: hidden !important;
  }

  .testimonials-section .tst-container {
    width: var(--tst-one-card-w) !important;
    max-width: var(--tst-one-card-w) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .testimonials-section .tst-head,
  .testimonials-section .tst-rating-panel,
  .testimonials-section .tst-eyebrow {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  .testimonials-section .tst-masonry {
    display: flex !important;
    flex-wrap: nowrap !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    grid-auto-flow: unset !important;
    gap: 0 !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scroll-snap-stop: always !important;
    scroll-padding-inline: 0 !important;
    scroll-behavior: smooth !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-x: contain !important;
    scrollbar-width: none !important;
    box-sizing: border-box !important;
  }

  .testimonials-section .tst-masonry::-webkit-scrollbar {
    display: none !important;
  }

  .testimonials-section .tst-masonry > article,
  .testimonials-section .tst-masonry > article.tst-card,
  .testimonials-section .tst-masonry > article.tst-card-featured,
  .testimonials-section .tst-masonry > article.tst-card-wide,
  .testimonials-section .tst-masonry > article.tst-card:nth-child(n),
  .testimonials-section .tst-masonry > article.tst-card-featured:nth-child(1),
  .testimonials-section .tst-masonry > article.tst-card-wide:nth-child(2),
  .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;
    grid-column: auto !important;
    grid-row: auto !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
    box-sizing: border-box !important;
  }

  .testimonials-section .tst-mobile-slider-controls {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 12px auto 0 !important;
  }
}

@media (max-width: 390px) {
  .testimonials-section {
    --tst-one-card-w: calc(100vw - 28px);
  }
}

/* ===== results trailing style 40 ===== */
#campaign-command-center .apx-new-copy {
  font-size: clamp(9px, 0.72vw, 11px) !important;
  line-height: 1.45 !important;
  font-weight: 500 !important;
  color: rgba(225,233,224,.62) !important;
  max-width: 300px !important;
}

@media (max-width: 768px) {
  #campaign-command-center .apx-new-head {
    grid-template-columns: 1fr !important;
    gap: 5px !important;
    align-items: start !important;
  }

  #campaign-command-center .apx-new-title {
    white-space: normal !important;
    font-size: clamp(17px, 4.6vw, 21px) !important;
    line-height: .94 !important;
  }

  #campaign-command-center .apx-new-copy {
    max-width: 100% !important;
    margin: 2px 0 0 !important;
    font-size: 8px !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
    color: rgba(236,241,233,.55) !important;
    text-align: left !important;
  }
}

/* ===== results trailing style 41 ===== */
@media (max-width: 768px) {
  #testimonials.testimonials-section {
    --tst-slide-w: min(calc(100vw - 36px), 420px);
    overflow: hidden !important;
  }

  #testimonials.testimonials-section .tst-container {
    width: var(--tst-slide-w) !important;
    max-width: var(--tst-slide-w) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  #testimonials.testimonials-section .tst-head,
  #testimonials.testimonials-section .tst-rating-panel,
  #testimonials.testimonials-section .tst-eyebrow {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  #testimonials.testimonials-section .tst-masonry {
    display: flex !important;
    flex-wrap: nowrap !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    grid-auto-flow: unset !important;
    gap: 0 !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scroll-snap-stop: always !important;
    scroll-padding: 0 !important;
    scroll-padding-inline: 0 !important;
    scroll-behavior: smooth !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-x: contain !important;
    scrollbar-width: none !important;
    box-sizing: border-box !important;
  }

  #testimonials.testimonials-section .tst-masonry::-webkit-scrollbar {
    display: none !important;
  }

  #testimonials.testimonials-section .tst-masonry > article.tst-card,
  #testimonials.testimonials-section .tst-masonry > article.tst-card-featured,
  #testimonials.testimonials-section .tst-masonry > article.tst-card-wide,
  #testimonials.testimonials-section .tst-masonry > article.tst-card:nth-child(n),
  #testimonials.testimonials-section .tst-masonry > article.tst-card-featured:nth-child(1),
  #testimonials.testimonials-section .tst-masonry > article.tst-card-wide:nth-child(2),
  #testimonials.testimonials-section .tst-masonry > article,
  #testimonials.testimonials-section .tst-card,
  #testimonials.testimonials-section .tst-card-featured,
  #testimonials.testimonials-section .tst-card-wide,
  #testimonials.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;
    grid-column: auto !important;
    grid-row: auto !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
    box-sizing: border-box !important;
  }

  #testimonials.testimonials-section .tst-mobile-slider-controls {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 14px auto 0 !important;
  }

  #testimonials.testimonials-section .tst-mobile-slider-btn {
    width: 31px !important;
    height: 31px !important;
    flex: 0 0 31px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    border: 1px solid rgba(212,175,55,.46) !important;
    background: rgba(7,16,15,.72) !important;
    color: rgba(212,175,55,.78) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
  }

  #testimonials.testimonials-section .tst-mobile-slider-dots {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
  }

  #testimonials.testimonials-section .tst-mobile-dot {
    width: 6px !important;
    height: 6px !important;
    min-width: 6px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(212,175,55,.34) !important;
    cursor: pointer !important;
  }

  #testimonials.testimonials-section .tst-mobile-dot.is-active {
    width: 23px !important;
    min-width: 23px !important;
    background: #d4af37 !important;
  }
}

@media (max-width: 390px) {
  #testimonials.testimonials-section {
    --tst-slide-w: calc(100vw - 28px);
  }
}

/* ===== results trailing style 42 ===== */
.client-results-section .cr-hero-panel,
  .cr-hero-panel {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
  }

/* ===== results trailing style 43 ===== */
.apex-header > .site-wrap,
  .site-wrap,
  .hero-section > .site-wrap,

  #results.client-results-section > .cr-container,
  #results.client-results-section .cr-container,
  .client-results-section > .cr-container,
  .client-results-section .cr-container,
  .cr-container,

  #performance-breakdown.result-process-section > .rp-container,
  #performance-breakdown.result-process-section .rp-container,
  .result-process-section > .rp-container,
  .result-process-section .rp-container,
  .rp-container,

  #campaign-command-center.apx-new-section > .apx-new-wrap,
  #campaign-command-center.apx-new-section .apx-new-wrap,
  #campaign-command-center .apx-new-wrap,
  .apx-new-section > .apx-new-wrap,
  .apx-new-section .apx-new-wrap,
  .apx-new-wrap,

  #testimonials.testimonials-section > .tst-container,
  #testimonials.testimonials-section .tst-container,
  .testimonials-section > .tst-container,
  .testimonials-section .tst-container,
  .tst-container,

  .apex-footer.apex-footer-v2 > .footer-v2-container,
  .apex-footer.apex-footer-v2 .footer-v2-container,
  .footer-v2-container {
    width: 95% !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

/* ===== results trailing style 44 ===== */
/* Numbers. word — gold/yellow accent in results hero title */
.cr-title .heading-gold {
  color: var(--gold) !important;
}

/* FINAL FIX: remove only the View Full Case button from Client Results cards */
.client-results-section .cr-card-bottom::after,
.cr-card-bottom::after {
  content: none !important;
  display: none !important;
}

/* ===== results trailing style 45 ===== */
/* FINAL FIX: View Full Case button removed; Campaign Duration exactly centered in Client Results cards */
.client-results-section .cr-card-bottom {
  width: 100% !important;
  min-height: 40px !important;
  align-self: stretch !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 0 !important;
}
.client-results-section .cr-card-bottom > span:first-child {
  display: none !important;
}
.client-results-section .cr-card-bottom::after,
.cr-card-bottom::after {
  content: none !important;
  display: none !important;
}
.client-results-section .cr-card-bottom .cr-tiny-note {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: max-content !important;
  max-width: 100% !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}
.client-results-section .cr-card-bottom .cr-tiny-note::before {
  content: 'Campaign Duration' !important;
  display: block !important;
  text-align: center !important;
}
@media (max-width: 767px) {
  .client-results-section .cr-card-bottom {
    min-height: 28px !important;
  }
}
@media (max-width: 480px) {
  .client-results-section .cr-card-bottom {
    min-height: 18px !important;
  }
}

/* ===== results trailing style 46 ===== */
/* ── wrapper sizing & grid ── */
.cr-live-charts {
  width: min(600px, 100%) !important;
  min-height: 380px !important;
  grid-template-columns: minmax(0, 1.42fr) 190px !important;
  gap: 16px !important;
  filter: drop-shadow(0 28px 48px rgba(0,0,0,.42)) !important;
}

/* ── shared panel skin ── */
.cr-live-main,
.cr-mini-chart {
  border: 1px solid rgba(212,175,55,.42) !important;
  background:
    radial-gradient(ellipse 280px 140px at 28% -4%, rgba(212,175,55,.18), transparent 62%),
    linear-gradient(160deg, rgba(14,26,21,.98) 0%, rgba(4,10,9,.99) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 0 0 1px rgba(212,175,55,.06),
    0 22px 44px rgba(0,0,0,.38),
    0 0 60px rgba(212,175,55,.04) !important;
  transition: border-color .35s, box-shadow .35s !important;
}
.cr-live-main:hover,
.cr-mini-chart:hover {
  border-color: rgba(212,175,55,.62) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.09),
    0 0 0 1px rgba(212,175,55,.12),
    0 26px 52px rgba(0,0,0,.42),
    0 0 80px rgba(212,175,55,.08) !important;
}

/* ── main panel ── */
.cr-live-main {
  min-height: 330px !important;
  border-radius: 20px !important;
  padding: 18px 18px 16px !important;
  overflow: hidden !important;
}

/* corner-glow pulse */
.cr-live-main::after {
  content: '' !important;
  position: absolute !important;
  left: 16px; right: 16px; bottom: -3px !important;
  height: 14px !important;
  background: radial-gradient(ellipse at center, rgba(212,175,55,.75), transparent 68%) !important;
  filter: blur(7px) !important;
  pointer-events: none !important;
  animation: crGlowPulse 3s ease-in-out infinite !important;
}

/* ── shine sweep ── */
.cr-live-main::before,
.cr-mini-chart::before {
  animation: crChartShine 6s ease-in-out infinite !important;
}

/* ── chart head ── */
.cr-chart-head,
.cr-mini-head {
  color: rgba(247,244,235,.92) !important;
  font-size: 11px !important;
  letter-spacing: .13em !important;
}
.cr-chart-head span,
.cr-mini-head span {
  position: relative;
}
.cr-chart-head span::after {
  content: '';
  position: absolute;
  bottom: -3px; left: 0;
  width: 100%; height: 1px;
  background: linear-gradient(90deg, rgba(212,175,55,.6), transparent);
  border-radius: 1px;
}
.cr-chart-head em {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 6px 11px !important;
  border-radius: 999px !important;
  color: #07100f !important;
  background: linear-gradient(135deg, #ffe880, #d4af37) !important;
  font-style: normal !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;
  box-shadow: 0 0 18px rgba(212,175,55,.38), inset 0 1px 0 rgba(255,255,255,.45) !important;
  animation: crLivePulse 1.8s ease-in-out infinite !important;
}

/* ── SVG line chart ── */
.cr-line-chart {
  height: 195px !important;
  margin-top: 14px !important;
  overflow: visible !important;
}

/* grid lines */
.cr-grid-lines path {
  stroke: rgba(255,255,255,.065) !important;
  stroke-width: 1 !important;
  stroke-dasharray: 4 6 !important;
}

/* area fill */
.cr-area-fill {
  fill: url(#crAreaGlow) !important;
}

/* growth line — thicker, stronger glow */
.cr-growth-line {
  stroke: url(#crLineGlow) !important;
  stroke-width: 5.5 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  filter: drop-shadow(0 0 8px rgba(212,175,55,.55)) drop-shadow(0 0 18px rgba(212,175,55,.22)) !important;
}

/* data-point dots */
.cr-chart-points circle {
  fill: #ffe880 !important;
  stroke: rgba(4,10,9,.9) !important;
  stroke-width: 2.5 !important;
  filter: drop-shadow(0 0 6px rgba(212,175,55,.9)) !important;
}

/* ── scanning pulse line ── */
.cr-scan-line {
  position: absolute;
  top: 44px; bottom: 18px;
  width: 1.5px;
  background: linear-gradient(180deg, transparent, rgba(212,175,55,.55) 30%, rgba(212,175,55,.75) 55%, rgba(212,175,55,.55) 80%, transparent);
  border-radius: 1px;
  pointer-events: none;
  z-index: 3;
  left: 4%;
  animation: crScanMove 4.5s cubic-bezier(.4,0,.6,1) infinite;
  filter: blur(.4px);
}
.cr-scan-line::after {
  content: '';
  position: absolute;
  left: -4px; right: -4px; top: 0; bottom: 0;
  background: inherit;
  filter: blur(5px);
  opacity: .45;
}
@keyframes crScanMove {
  0%   { left: 4%; opacity: 0; }
  8%   { opacity: 1; }
  92%  { opacity: 1; }
  100% { left: 94%; opacity: 0; }
}

/* ── KPI cards ── */
.cr-live-kpis {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-top: 12px !important;
}
.cr-live-kpis span {
  min-height: 54px !important;
  padding: 10px 11px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  border-radius: 13px !important;
  border: 1px solid rgba(212,175,55,.22) !important;
  background: rgba(10,18,15,.9) !important;
  color: rgba(236,241,233,.75) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  position: relative !important;
  overflow: hidden !important;
  transition: border-color .25s, transform .22s !important;
}
.cr-live-kpis span:hover {
  border-color: rgba(212,175,55,.48) !important;
  transform: translateY(-2px) !important;
}
/* shimmer on each KPI card */
.cr-live-kpis span::before {
  content: '' !important;
  position: absolute !important;
  inset: -60% -40% !important;
  background: linear-gradient(110deg, transparent 35%, rgba(255,255,255,.07) 50%, transparent 65%) !important;
  animation: crKpiShimmer 3.6s ease-in-out infinite !important;
  pointer-events: none !important;
}
.cr-live-kpis span:nth-child(1)::before { animation-delay: 0s !important; }
.cr-live-kpis span:nth-child(2)::before { animation-delay: .6s !important; }
.cr-live-kpis span:nth-child(3)::before { animation-delay: 1.2s !important; }
@keyframes crKpiShimmer {
  0%, 70%, 100% { transform: translateX(-80%); opacity: 0; }
  20%  { opacity: 1; }
  50%  { transform: translateX(80%); opacity: 0; }
}

.cr-live-kpis strong {
  color: #ffe880 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  margin-bottom: 2px !important;
  text-shadow: 0 0 12px rgba(212,175,55,.45) !important;
}

/* ── side panels ── */
.cr-live-side {
  display: grid !important;
  grid-template-rows: 1fr 1fr !important;
  gap: 14px !important;
}
.cr-mini-chart {
  min-height: 140px !important;
  border-radius: 18px !important;
  padding: 15px 14px 13px !important;
}

/* ── bar chart ── */
.cr-mini-head {
  font-size: 10px !important;
  letter-spacing: .12em !important;
}
.cr-animated-bars {
  height: 96px !important;
  gap: 11px !important;
  align-items: flex-end !important;
  padding: 4px 8px 2px !important;
  margin-top: 10px !important;
}
.cr-animated-bars span {
  flex: 1 !important;
  border-radius: 8px 8px 3px 3px !important;
  background: linear-gradient(180deg, #ffe880 0%, #e8c44a 42%, #c8981e 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.32),
    0 0 14px rgba(212,175,55,.22) !important;
  position: relative !important;
  overflow: hidden !important;
}
/* gleam streak on each bar */
.cr-animated-bars span::after {
  content: '' !important;
  position: absolute !important;
  top: 0; left: 20%; right: 20%; height: 40% !important;
  background: linear-gradient(180deg, rgba(255,255,255,.28), transparent) !important;
  border-radius: 8px 8px 0 0 !important;
  pointer-events: none !important;
}
.cr-animated-bars span:nth-child(1) { animation-delay: .18s, 1.7s !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.32), 0 0 12px rgba(212,175,55,.18) !important; }
.cr-animated-bars span:nth-child(2) { animation-delay: .34s, 1.9s !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.32), 0 0 16px rgba(212,175,55,.24) !important; }
.cr-animated-bars span:nth-child(3) { animation-delay: .50s, 2.1s !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.32), 0 0 20px rgba(212,175,55,.32) !important; }
.cr-animated-bars span:nth-child(4) { animation-delay: .66s, 2.3s !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.32), 0 0 26px rgba(212,175,55,.44) !important; }

/* ── donut chart ── */
.cr-donut-chart {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}
.cr-donut-svg {
  width: 92px !important;
  height: 92px !important;
  margin-top: 8px !important;
  transform: rotate(-90deg) !important;
  filter: drop-shadow(0 0 10px rgba(212,175,55,.35)) !important;
}
.cr-donut-bg {
  stroke: rgba(255,255,255,.1) !important;
  stroke-width: 11 !important;
  fill: none !important;
}
.cr-donut-fill {
  stroke: url(#crDonutGrad) !important;
  stroke-width: 11 !important;
  stroke-linecap: round !important;
  stroke-dasharray: 270 !important;
  stroke-dashoffset: 270 !important;
  fill: none !important;
  animation: crDonutFill 2.2s cubic-bezier(.22,1,.36,1) .55s forwards !important;
  filter: drop-shadow(0 0 8px rgba(212,175,55,.55)) !important;
}
.cr-donut-chart strong {
  margin-top: -58px !important;
  font-size: 21px !important;
  font-weight: 900 !important;
  color: #f7f4eb !important;
  line-height: 1 !important;
  text-shadow: 0 0 14px rgba(212,175,55,.4) !important;
}

/* ── keyframes ── */
@keyframes crGlowPulse {
  0%, 100% { opacity: .55; transform: scaleX(.85); }
  50%       { opacity: 1;   transform: scaleX(1); }
}
@keyframes crLivePulse {
  0%, 100% { box-shadow: 0 0 14px rgba(212,175,55,.32), inset 0 1px 0 rgba(255,255,255,.42); }
  50%       { box-shadow: 0 0 26px rgba(212,175,55,.68), inset 0 1px 0 rgba(255,255,255,.52); }
}
@keyframes crDonutFill {
  to { stroke-dashoffset: 49; }
}

/* ── enter animation via IntersectionObserver class ── */
.cr-live-charts {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .7s cubic-bezier(.22,1,.36,1), transform .7s cubic-bezier(.22,1,.36,1) !important;
}
.cr-live-charts.cr-chart-visible {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

/* ── responsive ── */
@media (max-width: 991px) {
  .cr-live-charts {
    width: min(460px, 100%) !important;
    grid-template-columns: 1fr !important;
    min-height: auto !important;
  }
  .cr-live-side {
    grid-template-columns: repeat(2, 1fr) !important;
    grid-template-rows: auto !important;
  }
  .cr-live-main { min-height: 260px !important; }
  .cr-line-chart { height: 148px !important; }
  .cr-mini-chart { min-height: 118px !important; }
  .cr-donut-svg  { width: 76px !important; height: 76px !important; }
  .cr-donut-chart strong { margin-top: -52px !important; font-size: 18px !important; }
}
@media (max-width: 480px) {
  .cr-live-charts { gap: 10px !important; }
  .cr-live-main   { padding: 13px 12px 12px !important; border-radius: 16px !important; }
  .cr-mini-chart  { padding: 11px 10px !important; border-radius: 14px !important; min-height: 108px !important; }
  .cr-line-chart  { height: 128px !important; }
  .cr-animated-bars { height: 74px !important; gap: 8px !important; }
  .cr-donut-svg   { width: 70px !important; height: 70px !important; }
  .cr-donut-chart strong { margin-top: -47px !important; font-size: 16px !important; }
  .cr-live-kpis span { min-height: 46px !important; padding: 8px 8px !important; }
  .cr-live-kpis strong { font-size: 13px !important; }
}

@media (prefers-reduced-motion: reduce) {
  .cr-live-charts,
  .cr-live-main::after,
  .cr-live-main::before,
  .cr-mini-chart::before,
  .cr-scan-line,
  .cr-live-kpis span::before,
  .cr-chart-head em {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
  .cr-live-charts {
    opacity: 1 !important;
    transform: none !important;
  }
}

/* ===== results trailing style 47 ===== */
/* FINAL PATCH: verified graph rises from bottom + number count-up support */
.cr-line-chart .cr-area-fill {
  transform-box: fill-box;
  transform-origin: center bottom;
  transform: translateY(42px) scaleY(.04);
  opacity: 0;
  animation: crAreaRiseUp 1.45s cubic-bezier(.22,1,.36,1) .12s forwards !important;
}

.cr-line-chart .cr-growth-line {
  transform-box: fill-box;
  transform-origin: center bottom;
  transform: translateY(48px);
  opacity: 0;
  animation:
    crLineRiseUp 1.35s cubic-bezier(.22,1,.36,1) .12s forwards,
    crLineDraw 2.25s cubic-bezier(.22,1,.36,1) .12s forwards !important;
}

.cr-line-chart .cr-chart-points circle {
  transform-box: fill-box;
  transform-origin: center;
  transform: translateY(34px) scale(.35);
  opacity: 0;
  animation:
    crPointRisePop .62s cubic-bezier(.22,1,.36,1) forwards,
    crPointPulse 2.8s ease-in-out infinite !important;
}

.cr-line-chart .cr-chart-points circle:nth-child(1) { animation-delay: .55s, 1.35s !important; }
.cr-line-chart .cr-chart-points circle:nth-child(2) { animation-delay: .78s, 1.55s !important; }
.cr-line-chart .cr-chart-points circle:nth-child(3) { animation-delay: 1.01s, 1.75s !important; }
.cr-line-chart .cr-chart-points circle:nth-child(4) { animation-delay: 1.24s, 1.95s !important; }
.cr-line-chart .cr-chart-points circle:nth-child(5) { animation-delay: 1.47s, 2.15s !important; }
.cr-line-chart .cr-chart-points circle:nth-child(6) { animation-delay: 1.70s, 2.35s !important; }

@keyframes crAreaRiseUp {
  from { opacity: 0; transform: translateY(42px) scaleY(.04); }
  to   { opacity: 1; transform: translateY(0) scaleY(1); }
}

@keyframes crLineRiseUp {
  from { opacity: 0; transform: translateY(48px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes crPointRisePop {
  from { opacity: 0; transform: translateY(34px) scale(.35); }
  to   { opacity: 1; transform: translateY(0) scale(1); }
}

@media (prefers-reduced-motion: reduce) {
  .cr-line-chart .cr-area-fill,
  .cr-line-chart .cr-growth-line,
  .cr-line-chart .cr-chart-points circle {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
    stroke-dashoffset: 0 !important;
  }
}

/* ===== results trailing style 48 ===== */
/* ── Desktop: dark card, gold icon + number, muted label — exact match to home.html ── */
.client-results-section .cr-top-stats {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  margin-top: 17px !important;
  border: 1px solid rgba(212,175,55,.25) !important;
  border-radius: 14px !important;
  background: linear-gradient(145deg, rgba(18,31,27,.96), rgba(7,17,15,.96)) !important;
  overflow: hidden !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 20px 40px rgba(0,0,0,.28) !important;
}

.client-results-section .cr-stat {
  min-height: 90px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 16px !important;
  padding: 18px 22px !important;
  text-align: left !important;
  background: transparent !important;
}

.client-results-section .cr-stat + .cr-stat {
  border-left: 1px solid rgba(255,255,255,.10) !important;
  border-top: none !important;
}

.client-results-section .cr-stat i {
  color: var(--gold) !important;
  font-size: 27px !important;
  text-shadow: 0 0 16px rgba(212,175,55,.35) !important;
  flex-shrink: 0 !important;
}

.client-results-section .cr-stat .cr-stat-value {
  font-family: 'Montserrat', sans-serif !important;
  color: var(--gold) !important;
  font-size: 27px !important;
  line-height: .92 !important;
  font-weight: 900 !important;
  letter-spacing: -.04em !important;
  white-space: nowrap !important;
}

.client-results-section .cr-stat .cr-stat-label {
  margin-top: 5px !important;
  color: rgba(236,241,233,.72) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

/* ── Mobile (<768px): compact white strip ── */
@media (max-width: 768px) {
  .client-results-section .cr-top-stats {
    margin: 5px 0 10px !important;
    min-height: 31px !important;
    height: 31px !important;
    border-radius: 4px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f4f3ee 100%) !important;
    border: 1px solid rgba(212,175,55,.30) !important;
    box-shadow: 0 7px 16px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.95) !important;
  }

  .client-results-section .cr-stat {
    min-height: 31px !important;
    height: 31px !important;
    padding: 4px 5px !important;
    gap: 5px !important;
    overflow: hidden !important;
  }

  .client-results-section .cr-stat + .cr-stat {
    border-left: 1px solid rgba(212,175,55,.28) !important;
  }

  .client-results-section .cr-stat i {
    font-size: 10px !important;
    text-shadow: none !important;
    color: #d4af37 !important;
  }

  .client-results-section .cr-stat .cr-stat-value {
    color: #101510 !important;
    font-size: clamp(8.8px, 2.25vw, 10.8px) !important;
    line-height: .95 !important;
  }

  .client-results-section .cr-stat .cr-stat-label {
    color: #4e554d !important;
    margin-top: 1px !important;
    font-size: clamp(3.8px, 1vw, 4.9px) !important;
    line-height: 1.05 !important;
  }
}

@media (max-width: 991px) and (min-width: 769px) {
  .client-results-section .cr-top-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .client-results-section .cr-stat {
    min-height: 76px !important;
  }
  .client-results-section .cr-stat i {
    font-size: 22px !important;
  }
  .client-results-section .cr-stat .cr-stat-value {
    font-size: clamp(20px, 5.2vw, 25px) !important;
  }
  .client-results-section .cr-stat .cr-stat-label {
    font-size: clamp(8px, 2.1vw, 10px) !important;
  }
}

/* ===== results trailing style 49 ===== */
@media (max-width: 767px) {
  .nav-toggle,
  .apex-nav .nav-toggle,
  .apex-nav.is-sticky .nav-toggle,
  .apex-nav.nav-scrolled .nav-toggle,
  .nav-mobile {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  .apex-nav .nav-links,
  .apex-nav.is-sticky .nav-links,
  .apex-nav.nav-scrolled .nav-links {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: clamp(1px, .35vw, 2px) !important;
    margin: 4px auto 0 -40px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  .apex-nav .nav-links a {
    display: inline-flex !important;
    align-items: center !important;
    gap: clamp(1px, .25vw, 2px) !important;
    padding: 1px clamp(2px, .55vw, 4px) !important;
    border-radius: 3px !important;
    color: #ffffff !important;
    font-size: clamp(3.8px, .92vw, 5px) !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
    background: transparent !important;
  }

  .apex-nav .nav-links a i {
    font-size: clamp(3.8px, .95vw, 5px) !important;
    color: #ffffff !important;
    opacity: 1 !important;
  }

  .apex-nav .nav-links a.active::after {
    bottom: -7px !important;
    width: clamp(13px, 3.2vw, 18px) !important;
    height: 1px !important;
    border-radius: 20px !important;
    background: linear-gradient(90deg, rgba(212,175,55,.20), #d4af37, rgba(212,175,55,.20)) !important;
    box-shadow: 0 0 6px rgba(212,175,55,.65) !important;
  }

  .apex-nav .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;
    margin-right: 15px !important;
  }

  .apex-nav .nav-inner,
  .apex-nav.is-sticky .nav-inner,
  .apex-nav.nav-scrolled .nav-inner {
    height: 36px !important;
    min-height: 36px !important;
    align-items: flex-start !important;
  }

  .apex-nav .brand-logo,
  .apex-nav.is-sticky .brand-logo,
  .apex-nav.nav-scrolled .brand-logo {
    height: clamp(25px, 6.1vw, 31px) !important;
    width: auto !important;
    max-width: clamp(78px, 22vw, 108px) !important;
  }

  .lamp-wrap {
    display: block !important;
    position: fixed !important;
    top: -10px !important;
    left: clamp(92px, 23.5vw, 128px) !important;
    right: auto !important;
    width: clamp(86px, 22vw, 118px) !important;
    height: 50px !important;
    max-height: 50px !important;
    overflow: hidden !important;
    z-index: 3001 !important;
    pointer-events: none !important;
    transform: none !important;
  }

  .lamp-wrap .lamp-img,
  .lamp-img {
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    transform: translateY(-30%) !important;
    filter: drop-shadow(0 8px 16px rgba(0,0,0,.34)) !important;
    mix-blend-mode: lighten !important;
  }
}

/* ===== results trailing style 50 ===== */
@media (max-width: 768px) {
  #results.client-results-section {
    padding-top: 6px !important;
  }

  #results.client-results-section > .cr-container,
  #results.client-results-section .cr-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;
  }

  #results.client-results-section .cr-hero-panel {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: 503 / 151 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.36fr) minmax(0, 1fr) !important;
    gap: 9px !important;
    align-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    overflow: visible !important;
    text-align: left !important;
  }

  #results.client-results-section .cr-hero-copy {
    min-width: 0 !important;
    width: 100% !important;
    align-self: stretch !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    padding-top: 7px !important;
    text-align: left !important;
  }

  #results.client-results-section .cr-eyebrow {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 3px !important;
    margin: 0 0 7px !important;
    color: #d4af37 !important;
    font-size: clamp(4.2px, 1.08vw, 5.5px) !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: .17em !important;
    white-space: nowrap !important;
  }

  #results.client-results-section .cr-eyebrow i {
    font-size: 3.5px !important;
  }

  #results.client-results-section .cr-title {
    margin: 0 0 8px !important;
    color: #f7f6f2 !important;
    font-size: clamp(21px, 6.2vw, 31px) !important;
    line-height: .91 !important;
    font-weight: 900 !important;
    letter-spacing: -.055em !important;
    text-align: left !important;
  }

  #results.client-results-section .cr-title .heading-gold {
    color: #d4af37 !important;
  }

  #results.client-results-section .cr-title-icon {
    width: clamp(13px, 3.15vw, 16px) !important;
    height: clamp(13px, 3.15vw, 16px) !important;
    margin: 6px 0 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: none !important;
    border: 1px solid rgba(212,175,55,.76) !important;
    border-radius: 3px !important;
    background: rgba(7,16,15,.48) !important;
    color: #d4af37 !important;
    font-size: clamp(6px, 1.35vw, 7px) !important;
    line-height: 1 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
  }

  #results.client-results-section .cr-subtitle {
    width: auto !important;
    max-width: 170px !important;
    margin: 0 0 14px !important;
    color: rgba(236,241,233,.72) !important;
    font-size: clamp(4px, 1.02vw, 5.2px) !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
    white-space: normal !important;
    text-align: left !important;
  }

  #results.client-results-section .cr-socials {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 5px !important;
    margin: 0 !important;
  }

  #results.client-results-section .cr-social {
    width: clamp(14px, 3.2vw, 16px) !important;
    height: clamp(14px, 3.2vw, 16px) !important;
    flex: 0 0 clamp(14px, 3.2vw, 16px) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(255,255,255,.9) !important;
    border-radius: 3px !important;
    background: linear-gradient(180deg, #fff 0%, #eeeae1 100%) !important;
    color: #b89422 !important;
    font-size: clamp(5.5px, 1.25vw, 6.5px) !important;
    line-height: 1 !important;
    box-shadow: 0 3px 6px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.95) !important;
  }

  #results.client-results-section .cr-chart-wrap {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 0 !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    overflow: visible !important;
  }

  #results.client-results-section .cr-chart-orbit,
  #results.client-results-section .cr-chart-orbit::before,
  #results.client-results-section .cr-chart-orbit::after,
  #results.client-results-section .cr-bars,
  #results.client-results-section .cr-arrow-line {
    display: none !important;
  }

  #results.client-results-section .cr-live-charts,
  #results.client-results-section .cr-live-charts.cr-chart-visible {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: calc(100% - 18px) !important;
    max-height: 126px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 2.08fr) minmax(0, 1fr) !important;
    grid-template-rows: 1fr !important;
    gap: 5px !important;
    align-items: stretch !important;
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    filter: drop-shadow(0 7px 11px rgba(0,0,0,.28)) !important;
  }

  #results.client-results-section .cr-live-main,
  #results.client-results-section .cr-mini-chart {
    min-width: 0 !important;
    min-height: 0 !important;
    border: 1px solid rgba(212,175,55,.46) !important;
    background:
      radial-gradient(ellipse 110px 55px at 28% 0%, rgba(212,175,55,.12), transparent 65%),
      linear-gradient(160deg, rgba(13,25,20,.98), rgba(4,11,9,.99)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 4px 9px rgba(0,0,0,.24) !important;
  }

  #results.client-results-section .cr-live-main {
    height: 100% !important;
    padding: 7px 7px 6px !important;
    border-radius: 7px !important;
    overflow: hidden !important;
  }

  #results.client-results-section .cr-live-main::before,
  #results.client-results-section .cr-live-main::after,
  #results.client-results-section .cr-mini-chart::before {
    display: none !important;
    content: none !important;
  }

  #results.client-results-section .cr-scan-line {
    display: none !important;
  }

  #results.client-results-section .cr-chart-head,
  #results.client-results-section .cr-mini-head {
    min-height: 0 !important;
    gap: 3px !important;
    color: rgba(247,244,235,.88) !important;
    font-size: clamp(3.4px, .82vw, 4.2px) !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: .08em !important;
  }

  #results.client-results-section .cr-chart-head span::after {
    display: none !important;
    content: none !important;
  }

  #results.client-results-section .cr-chart-head em {
    gap: 2px !important;
    padding: 2px 4px !important;
    border-radius: 999px !important;
    color: #07100f !important;
    background: linear-gradient(135deg, #f3d86b, #d4af37) !important;
    font-size: clamp(2.8px, .67vw, 3.4px) !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: .04em !important;
    box-shadow: none !important;
    animation: none !important;
  }

  #results.client-results-section .cr-line-chart {
    width: 100% !important;
    height: 58px !important;
    margin: 5px 0 0 !important;
    overflow: visible !important;
  }

  #results.client-results-section .cr-grid-lines path {
    stroke: rgba(255,255,255,.055) !important;
    stroke-width: 1 !important;
    stroke-dasharray: none !important;
  }

  #results.client-results-section .cr-growth-line {
    stroke-width: 2.4 !important;
    filter: drop-shadow(0 0 4px rgba(212,175,55,.54)) !important;
  }

  #results.client-results-section .cr-chart-points circle {
    r: 2.5px !important;
    stroke-width: 1.4 !important;
    filter: drop-shadow(0 0 3px rgba(212,175,55,.8)) !important;
  }

  #results.client-results-section .cr-live-kpis {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 3px !important;
    margin: 4px 0 0 !important;
  }

  #results.client-results-section .cr-live-kpis span {
    min-width: 0 !important;
    min-height: 19px !important;
    height: 19px !important;
    padding: 3px 3px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    border: 1px solid rgba(212,175,55,.22) !important;
    border-radius: 4px !important;
    background: rgba(9,18,15,.9) !important;
    color: rgba(236,241,233,.62) !important;
    font-size: clamp(2.7px, .66vw, 3.4px) !important;
    line-height: 1.02 !important;
    font-weight: 700 !important;
    overflow: hidden !important;
    transform: none !important;
  }

  #results.client-results-section .cr-live-kpis span::before {
    display: none !important;
    content: none !important;
  }

  #results.client-results-section .cr-live-kpis strong {
    margin: 0 0 1px !important;
    color: #f0cd56 !important;
    font-size: clamp(4px, .98vw, 5px) !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    text-shadow: none !important;
  }

  #results.client-results-section .cr-live-side {
    min-width: 0 !important;
    min-height: 0 !important;
    height: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
    gap: 5px !important;
  }

  #results.client-results-section .cr-mini-chart {
    width: 100% !important;
    height: auto !important;
    padding: 6px 6px 5px !important;
    border-radius: 7px !important;
    overflow: hidden !important;
    position: relative !important;
  }

  #results.client-results-section .cr-animated-bars {
    width: 100% !important;
    height: 34px !important;
    margin: 6px 0 0 !important;
    padding: 2px 4px 1px !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
    gap: 4px !important;
  }

  #results.client-results-section .cr-animated-bars span {
    width: auto !important;
    min-width: 0 !important;
    flex: 1 1 0 !important;
    border-radius: 3px 3px 1px 1px !important;
    background: linear-gradient(180deg, #ffe880 0%, #dfbb42 48%, #b98918 100%) !important;
    box-shadow: 0 0 5px rgba(212,175,55,.24) !important;
  }

  #results.client-results-section .cr-animated-bars span::after {
    display: none !important;
    content: none !important;
  }

  #results.client-results-section .cr-donut-chart {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }

  #results.client-results-section .cr-donut-svg {
    width: 31px !important;
    height: 31px !important;
    margin: 6px auto 0 !important;
    transform: rotate(-90deg) !important;
    filter: drop-shadow(0 0 4px rgba(212,175,55,.24)) !important;
  }

  #results.client-results-section .cr-donut-bg,
  #results.client-results-section .cr-donut-fill {
    stroke-width: 9 !important;
  }

  #results.client-results-section .cr-donut-chart strong {
    position: absolute !important;
    left: 50% !important;
    top: 61% !important;
    margin: 0 !important;
    transform: translate(-50%, -50%) !important;
    color: #f7f4eb !important;
    font-size: clamp(6.2px, 1.5vw, 7.5px) !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    text-shadow: none !important;
  }
}

@media (max-width: 380px) {
  #results.client-results-section .cr-hero-panel {
    gap: 7px !important;
  }

  #results.client-results-section .cr-hero-copy {
    padding-top: 4px !important;
  }

  #results.client-results-section .cr-title {
    margin-bottom: 6px !important;
  }

  #results.client-results-section .cr-subtitle {
    margin-bottom: 7px !important;
  }

  #results.client-results-section .cr-live-charts,
  #results.client-results-section .cr-live-charts.cr-chart-visible {
    height: calc(100% - 14px) !important;
    gap: 4px !important;
  }

  #results.client-results-section .cr-live-main {
    padding: 5px 5px 4px !important;
  }

  #results.client-results-section .cr-line-chart {
    height: 43px !important;
    margin-top: 4px !important;
  }

  #results.client-results-section .cr-live-kpis span {
    min-height: 15px !important;
    height: 15px !important;
    padding: 2px !important;
  }

  #results.client-results-section .cr-mini-chart {
    padding: 4px !important;
  }

  #results.client-results-section .cr-animated-bars {
    height: 25px !important;
    margin-top: 4px !important;
    gap: 3px !important;
  }

  #results.client-results-section .cr-donut-svg {
    width: 24px !important;
    height: 24px !important;
    margin-top: 4px !important;
  }
}

/* ===== results trailing style 51 ===== */
@media (max-width: 768px) {
  #results.client-results-section {
    padding-top: 52px !important;
  }
}

/* ===== results trailing style 52 ===== */
/* Keep the existing design/layout and only control animation state. */
html.apex-graph-js .client-results-section .cr-live-charts:not(.apex-graph-in),
html.apex-graph-js #results.client-results-section .cr-live-charts:not(.apex-graph-in),
html.apex-graph-js #verified-results.client-results-section .cr-live-charts:not(.apex-graph-in) {
  opacity: 0 !important;
  transform: translateY(38px) scale(.985) !important;
  transition: none !important;
}

html.apex-graph-js .client-results-section .cr-live-charts.apex-graph-in,
html.apex-graph-js #results.client-results-section .cr-live-charts.apex-graph-in,
html.apex-graph-js #verified-results.client-results-section .cr-live-charts.apex-graph-in {
  opacity: 1 !important;
  transform: translateY(0) scale(1) !important;
  transition:
    opacity .72s cubic-bezier(.22,1,.36,1),
    transform .82s cubic-bezier(.22,1,.36,1) !important;
}

/* Curved growth line starts low, rises and draws from left to right. */
html.apex-graph-js .cr-live-charts:not(.apex-graph-in) .cr-area-fill {
  animation: none !important;
  opacity: 0 !important;
  transform-box: fill-box !important;
  transform-origin: center bottom !important;
  transform: translateY(46px) scaleY(.03) !important;
}

html.apex-graph-js .cr-live-charts.apex-graph-in .cr-area-fill {
  animation: apexAreaCurveRise 1.55s cubic-bezier(.22,1,.36,1) .12s forwards !important;
}

html.apex-graph-js .cr-live-charts:not(.apex-graph-in) .cr-growth-line {
  animation: none !important;
  opacity: 0 !important;
  stroke-dasharray: 1 !important;
  stroke-dashoffset: 1 !important;
  transform-box: fill-box !important;
  transform-origin: center bottom !important;
  transform: translateY(42px) !important;
}

html.apex-graph-js .cr-live-charts.apex-graph-in .cr-growth-line {
  animation: apexCurveLineRise 1.8s cubic-bezier(.22,1,.36,1) .18s forwards !important;
}

html.apex-graph-js .cr-live-charts:not(.apex-graph-in) .cr-chart-points circle {
  animation: none !important;
  opacity: 0 !important;
  transform-box: fill-box !important;
  transform-origin: center !important;
  transform: translateY(28px) scale(.25) !important;
}

html.apex-graph-js .cr-live-charts.apex-graph-in .cr-chart-points circle {
  animation: apexGraphPointPop .58s cubic-bezier(.22,1,.36,1) forwards !important;
}
html.apex-graph-js .cr-live-charts.apex-graph-in .cr-chart-points circle:nth-child(1) { animation-delay: .55s !important; }
html.apex-graph-js .cr-live-charts.apex-graph-in .cr-chart-points circle:nth-child(2) { animation-delay: .73s !important; }
html.apex-graph-js .cr-live-charts.apex-graph-in .cr-chart-points circle:nth-child(3) { animation-delay: .91s !important; }
html.apex-graph-js .cr-live-charts.apex-graph-in .cr-chart-points circle:nth-child(4) { animation-delay: 1.09s !important; }
html.apex-graph-js .cr-live-charts.apex-graph-in .cr-chart-points circle:nth-child(5) { animation-delay: 1.27s !important; }
html.apex-graph-js .cr-live-charts.apex-graph-in .cr-chart-points circle:nth-child(6) { animation-delay: 1.45s !important; }

/* Engagement bars grow upward one after another. */
html.apex-graph-js .cr-live-charts .cr-animated-bars span {
  transform-box: fill-box !important;
  transform-origin: center bottom !important;
}
html.apex-graph-js .cr-live-charts:not(.apex-graph-in) .cr-animated-bars span {
  animation: none !important;
  transform: scaleY(0) !important;
  opacity: .2 !important;
}
html.apex-graph-js .cr-live-charts.apex-graph-in .cr-animated-bars span {
  animation: apexEngagementBarRise .78s cubic-bezier(.22,1,.36,1) forwards !important;
}
html.apex-graph-js .cr-live-charts.apex-graph-in .cr-animated-bars span:nth-child(1) { animation-delay: .48s !important; }
html.apex-graph-js .cr-live-charts.apex-graph-in .cr-animated-bars span:nth-child(2) { animation-delay: .62s !important; }
html.apex-graph-js .cr-live-charts.apex-graph-in .cr-animated-bars span:nth-child(3) { animation-delay: .76s !important; }
html.apex-graph-js .cr-live-charts.apex-graph-in .cr-animated-bars span:nth-child(4) { animation-delay: .90s !important; }

/* Conversion ring fills to 82%. */
html.apex-graph-js .cr-live-charts:not(.apex-graph-in) .cr-donut-fill {
  animation: none !important;
  stroke-dasharray: 270.18 !important;
  stroke-dashoffset: 270.18 !important;
}
html.apex-graph-js .cr-live-charts.apex-graph-in .cr-donut-fill {
  animation: apexConversionFill 1.45s cubic-bezier(.22,1,.36,1) .52s forwards !important;
}

/* Side cards enter softly without changing their final position. */
html.apex-graph-js .cr-live-charts:not(.apex-graph-in) .cr-mini-chart {
  opacity: 0 !important;
  transform: translateY(18px) !important;
}
html.apex-graph-js .cr-live-charts.apex-graph-in .cr-mini-chart {
  animation: apexMiniCardEnter .68s cubic-bezier(.22,1,.36,1) forwards !important;
}
html.apex-graph-js .cr-live-charts.apex-graph-in .cr-mini-chart:nth-child(1) { animation-delay: .26s !important; }
html.apex-graph-js .cr-live-charts.apex-graph-in .cr-mini-chart:nth-child(2) { animation-delay: .40s !important; }

@keyframes apexAreaCurveRise {
  from { opacity: 0; transform: translateY(46px) scaleY(.03); }
  to   { opacity: 1; transform: translateY(0) scaleY(1); }
}

@keyframes apexCurveLineRise {
  from {
    opacity: 0;
    stroke-dashoffset: 1;
    transform: translateY(42px);
  }
  to {
    opacity: 1;
    stroke-dashoffset: 0;
    transform: translateY(0);
  }
}

@keyframes apexGraphPointPop {
  from { opacity: 0; transform: translateY(28px) scale(.25); }
  to   { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes apexEngagementBarRise {
  from { opacity: .2; transform: scaleY(0); }
  to   { opacity: 1; transform: scaleY(1); }
}

@keyframes apexConversionFill {
  from { stroke-dashoffset: 270.18; }
  to   { stroke-dashoffset: 48.63; }
}

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

@media (prefers-reduced-motion: reduce) {
  html.apex-graph-js .client-results-section .cr-live-charts,
  html.apex-graph-js .client-results-section .cr-live-charts *,
  html.apex-graph-js #results.client-results-section .cr-live-charts,
  html.apex-graph-js #results.client-results-section .cr-live-charts *,
  html.apex-graph-js #verified-results.client-results-section .cr-live-charts,
  html.apex-graph-js #verified-results.client-results-section .cr-live-charts * {
    animation: none !important;
    transition: none !important;
  }
  html.apex-graph-js .client-results-section .cr-live-charts,
  html.apex-graph-js .client-results-section .cr-live-charts *,
  html.apex-graph-js #results.client-results-section .cr-live-charts,
  html.apex-graph-js #results.client-results-section .cr-live-charts *,
  html.apex-graph-js #verified-results.client-results-section .cr-live-charts,
  html.apex-graph-js #verified-results.client-results-section .cr-live-charts * {
    opacity: 1 !important;
    transform: none !important;
    stroke-dashoffset: 0 !important;
  }
}

/* ===== results trailing style 53 ===== */
/* Enhanced only: keeps the existing graph design and final layout unchanged. */
html.apex-graph-enhanced .cr-live-charts {
  perspective: 900px;
  isolation: isolate;
}

html.apex-graph-enhanced .cr-live-charts .cr-live-main,
html.apex-graph-enhanced .cr-live-charts .cr-mini-chart,
html.apex-graph-enhanced .cr-live-charts .cr-live-kpis span,
html.apex-graph-enhanced .cr-live-charts .cr-chart-head > *,
html.apex-graph-enhanced .cr-live-charts .cr-mini-head {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

/* Main panel rises in with a polished depth effect on scroll. */
html.apex-graph-enhanced .cr-live-charts.apex-enhanced-ready:not(.apex-enhanced-in) .cr-live-main {
  opacity: 0;
  transform: translate3d(0, 34px, 0) scale(.965) rotateX(2deg);
}

html.apex-graph-enhanced .cr-live-charts.apex-enhanced-in .cr-live-main {
  animation: apexEnhancedPanelIn .92s cubic-bezier(.16,1,.3,1) .03s both;
}

/* A short gold edge sweep makes the panel feel more premium. */
html.apex-graph-enhanced .cr-live-main::after {
  content: '';
  position: absolute;
  z-index: 4;
  top: 0;
  left: 10%;
  right: 10%;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(243,216,107,.95), transparent);
  box-shadow: 0 0 18px rgba(212,175,55,.52);
  opacity: 0;
  transform: scaleX(.08);
  transform-origin: center;
  pointer-events: none;
}

html.apex-graph-enhanced .cr-live-charts.apex-enhanced-in .cr-live-main::after {
  animation: apexEnhancedEdgeSweep 1.15s cubic-bezier(.22,1,.36,1) .18s both;
}

/* Header elements enter separately; LIVE continues with a soft pulse. */
html.apex-graph-enhanced .cr-live-charts.apex-enhanced-ready:not(.apex-enhanced-in) .cr-chart-head > *,
html.apex-graph-enhanced .cr-live-charts.apex-enhanced-ready:not(.apex-enhanced-in) .cr-mini-head {
  opacity: 0;
  transform: translateY(10px);
}

html.apex-graph-enhanced .cr-live-charts.apex-enhanced-in .cr-chart-head > span {
  animation: apexEnhancedLabelIn .55s ease .24s both;
}

html.apex-graph-enhanced .cr-live-charts.apex-enhanced-in .cr-chart-head > em {
  animation: apexEnhancedLabelIn .55s ease .34s both, apexEnhancedLivePulse 2.6s ease-in-out 1.35s infinite;
}

html.apex-graph-enhanced .cr-live-charts.apex-enhanced-in .cr-mini-head {
  animation: apexEnhancedLabelIn .55s ease .46s both;
}

/* Grid lines draw from left to right before the curve rises. */
html.apex-graph-enhanced .cr-live-charts .cr-grid-lines path {
  stroke-dasharray: 380;
  stroke-dashoffset: 380;
  opacity: 0;
}

html.apex-graph-enhanced .cr-live-charts.apex-enhanced-in .cr-grid-lines path {
  animation: apexEnhancedGridDraw .78s ease forwards;
}
html.apex-graph-enhanced .cr-live-charts.apex-enhanced-in .cr-grid-lines path:nth-child(1) { animation-delay: .18s; }
html.apex-graph-enhanced .cr-live-charts.apex-enhanced-in .cr-grid-lines path:nth-child(2) { animation-delay: .25s; }
html.apex-graph-enhanced .cr-live-charts.apex-enhanced-in .cr-grid-lines path:nth-child(3) { animation-delay: .32s; }
html.apex-graph-enhanced .cr-live-charts.apex-enhanced-in .cr-grid-lines path:nth-child(4) { animation-delay: .39s; }

/* Bright segment travels along the finished curved line. */
html.apex-graph-enhanced .cr-growth-runner {
  fill: none;
  stroke: #fff3a4;
  stroke-width: 7;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: .075 .925;
  stroke-dashoffset: 1;
  opacity: 0;
  filter: drop-shadow(0 0 8px rgba(255,232,126,.92));
  pointer-events: none;
}

html.apex-graph-enhanced .cr-live-charts.apex-enhanced-in .cr-growth-runner {
  animation: apexEnhancedRunner 3.15s linear 2.05s infinite;
}

html.apex-graph-enhanced .cr-end-halo {
  fill: rgba(243,216,107,.14);
  stroke: rgba(243,216,107,.78);
  stroke-width: 2;
  opacity: 0;
  transform-box: fill-box;
  transform-origin: center;
}

html.apex-graph-enhanced .cr-live-charts.apex-enhanced-in .cr-end-halo {
  animation: apexEnhancedEndHalo 2.6s ease-out 1.72s infinite;
}

/* Points pop, then keep a very light glow. */
html.apex-graph-js.apex-graph-enhanced .cr-live-charts.apex-graph-in.apex-enhanced-in .cr-chart-points circle {
  animation: apexGraphPointPop .58s cubic-bezier(.22,1,.36,1) forwards,
             apexEnhancedPointGlow 2.8s ease-in-out infinite !important;
}
html.apex-graph-js.apex-graph-enhanced .cr-live-charts.apex-graph-in.apex-enhanced-in .cr-chart-points circle:nth-child(1) { animation-delay: .55s, 2.10s !important; }
html.apex-graph-js.apex-graph-enhanced .cr-live-charts.apex-graph-in.apex-enhanced-in .cr-chart-points circle:nth-child(2) { animation-delay: .73s, 2.22s !important; }
html.apex-graph-js.apex-graph-enhanced .cr-live-charts.apex-graph-in.apex-enhanced-in .cr-chart-points circle:nth-child(3) { animation-delay: .91s, 2.34s !important; }
html.apex-graph-js.apex-graph-enhanced .cr-live-charts.apex-graph-in.apex-enhanced-in .cr-chart-points circle:nth-child(4) { animation-delay: 1.09s, 2.46s !important; }
html.apex-graph-js.apex-graph-enhanced .cr-live-charts.apex-graph-in.apex-enhanced-in .cr-chart-points circle:nth-child(5) { animation-delay: 1.27s, 2.58s !important; }
html.apex-graph-js.apex-graph-enhanced .cr-live-charts.apex-graph-in.apex-enhanced-in .cr-chart-points circle:nth-child(6) { animation-delay: 1.45s, 2.70s !important; }

/* KPI boxes arrive one by one while the existing counters run from zero. */
html.apex-graph-enhanced .cr-live-charts.apex-enhanced-ready:not(.apex-enhanced-in) .cr-live-kpis span {
  opacity: 0;
  transform: translateY(14px) scale(.95);
}

html.apex-graph-enhanced .cr-live-charts.apex-enhanced-in .cr-live-kpis span {
  animation: apexEnhancedKpiIn .62s cubic-bezier(.22,1,.36,1) both;
}
html.apex-graph-enhanced .cr-live-charts.apex-enhanced-in .cr-live-kpis span:nth-child(1) { animation-delay: 1.22s; }
html.apex-graph-enhanced .cr-live-charts.apex-enhanced-in .cr-live-kpis span:nth-child(2) { animation-delay: 1.36s; }
html.apex-graph-enhanced .cr-live-charts.apex-enhanced-in .cr-live-kpis span:nth-child(3) { animation-delay: 1.50s; }

/* Engagement bars retain their upward stagger and gain a subtle living glow. */
html.apex-graph-js.apex-graph-enhanced .cr-live-charts.apex-graph-in.apex-enhanced-in .cr-animated-bars span {
  animation: apexEngagementBarRise .86s cubic-bezier(.16,1,.3,1) forwards,
             apexEnhancedBarGlow 2.75s ease-in-out infinite !important;
}
html.apex-graph-js.apex-graph-enhanced .cr-live-charts.apex-graph-in.apex-enhanced-in .cr-animated-bars span:nth-child(1) { animation-delay: .54s, 1.72s !important; }
html.apex-graph-js.apex-graph-enhanced .cr-live-charts.apex-graph-in.apex-enhanced-in .cr-animated-bars span:nth-child(2) { animation-delay: .69s, 1.86s !important; }
html.apex-graph-js.apex-graph-enhanced .cr-live-charts.apex-graph-in.apex-enhanced-in .cr-animated-bars span:nth-child(3) { animation-delay: .84s, 2.00s !important; }
html.apex-graph-js.apex-graph-enhanced .cr-live-charts.apex-graph-in.apex-enhanced-in .cr-animated-bars span:nth-child(4) { animation-delay: .99s, 2.14s !important; }

html.apex-graph-enhanced .cr-animated-bars::after {
  content: '';
  position: absolute;
  left: 12%;
  right: 12%;
  bottom: -1px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(212,175,55,.5), transparent);
  opacity: 0;
  transform: scaleX(.2);
}

html.apex-graph-enhanced .cr-live-charts.apex-enhanced-in .cr-animated-bars::after {
  animation: apexEnhancedBaseline .7s ease 1.08s both;
}

/* Conversion ring pops in, fills to 82%, then breathes softly. */
html.apex-graph-enhanced .cr-live-charts.apex-enhanced-ready:not(.apex-enhanced-in) .cr-donut-svg {
  opacity: 0;
  transform: rotate(-90deg) scale(.72);
}

html.apex-graph-enhanced .cr-live-charts.apex-enhanced-in .cr-donut-svg {
  animation: apexEnhancedDonutIn .72s cubic-bezier(.22,1,.36,1) .44s both;
}

html.apex-graph-js.apex-graph-enhanced .cr-live-charts.apex-graph-in.apex-enhanced-in .cr-donut-fill {
  animation: apexConversionFill 1.55s cubic-bezier(.22,1,.36,1) .58s forwards,
             apexEnhancedDonutGlow 2.9s ease-in-out 2.18s infinite !important;
}

html.apex-graph-enhanced .cr-live-charts.apex-enhanced-in .cr-donut-chart strong {
  animation: apexEnhancedConversionNumber 1.8s cubic-bezier(.22,1,.36,1) .42s both;
}

@keyframes apexEnhancedPanelIn {
  0%   { opacity: 0; transform: translate3d(0,34px,0) scale(.965) rotateX(2deg); filter: blur(3px); }
  62%  { opacity: 1; transform: translate3d(0,-4px,0) scale(1.008) rotateX(0); filter: blur(0); }
  100% { opacity: 1; transform: translate3d(0,0,0) scale(1) rotateX(0); filter: blur(0); }
}

@keyframes apexEnhancedEdgeSweep {
  0%   { opacity: 0; transform: scaleX(.08); }
  45%  { opacity: 1; transform: scaleX(1); }
  100% { opacity: 0; transform: scaleX(.72); }
}

@keyframes apexEnhancedLabelIn {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes apexEnhancedLivePulse {
  0%, 100% { box-shadow: 0 0 16px rgba(212,175,55,.18); filter: brightness(1); }
  50%      { box-shadow: 0 0 25px rgba(243,216,107,.42); filter: brightness(1.08); }
}

@keyframes apexEnhancedGridDraw {
  from { stroke-dashoffset: 380; opacity: 0; }
  to   { stroke-dashoffset: 0; opacity: 1; }
}

@keyframes apexEnhancedRunner {
  0%   { stroke-dashoffset: 1; opacity: 0; }
  10%  { opacity: .92; }
  82%  { opacity: .92; }
  100% { stroke-dashoffset: -.075; opacity: 0; }
}

@keyframes apexEnhancedEndHalo {
  0%   { opacity: 0; transform: scale(.35); }
  24%  { opacity: .75; }
  100% { opacity: 0; transform: scale(2.15); }
}

@keyframes apexEnhancedPointGlow {
  0%, 100% { filter: drop-shadow(0 0 2px rgba(212,175,55,.18)); }
  50%      { filter: drop-shadow(0 0 9px rgba(243,216,107,.82)); }
}

@keyframes apexEnhancedKpiIn {
  0%   { opacity: 0; transform: translateY(14px) scale(.95); }
  70%  { opacity: 1; transform: translateY(-2px) scale(1.015); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes apexEnhancedBarGlow {
  0%, 100% { filter: brightness(1) drop-shadow(0 0 2px rgba(212,175,55,.1)); }
  50%      { filter: brightness(1.13) drop-shadow(0 0 8px rgba(243,216,107,.32)); }
}

@keyframes apexEnhancedBaseline {
  from { opacity: 0; transform: scaleX(.2); }
  to   { opacity: 1; transform: scaleX(1); }
}

@keyframes apexEnhancedDonutIn {
  0%   { opacity: 0; transform: rotate(-90deg) scale(.72); }
  72%  { opacity: 1; transform: rotate(-90deg) scale(1.06); }
  100% { opacity: 1; transform: rotate(-90deg) scale(1); }
}

@keyframes apexEnhancedDonutGlow {
  0%, 100% { filter: drop-shadow(0 0 6px rgba(212,175,55,.28)); }
  50%      { filter: drop-shadow(0 0 13px rgba(243,216,107,.62)); }
}

@keyframes apexEnhancedConversionNumber {
  0%   { opacity: 0; filter: blur(2px); }
  38%  { opacity: 1; filter: blur(0); }
  100% { opacity: 1; filter: blur(0); }
}

@media (max-width: 600px) {
  html.apex-graph-enhanced .cr-live-charts.apex-enhanced-ready:not(.apex-enhanced-in) .cr-live-main {
    transform: translate3d(0,24px,0) scale(.975);
  }
}

@media (prefers-reduced-motion: reduce) {
  html.apex-graph-enhanced .cr-live-charts,
  html.apex-graph-enhanced .cr-live-charts * {
    animation: none !important;
    transition: none !important;
  }

  html.apex-graph-enhanced .cr-live-charts .cr-live-main,
  html.apex-graph-enhanced .cr-live-charts .cr-chart-head > *,
  html.apex-graph-enhanced .cr-live-charts .cr-mini-head,
  html.apex-graph-enhanced .cr-live-charts .cr-live-kpis span,
  html.apex-graph-enhanced .cr-live-charts .cr-donut-svg,
  html.apex-graph-enhanced .cr-live-charts .cr-grid-lines path {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    stroke-dashoffset: 0 !important;
  }

  html.apex-graph-enhanced .cr-growth-runner,
  html.apex-graph-enhanced .cr-end-halo {
    display: none !important;
  }
}

/* ===== results trailing style 54 ===== */
#results.client-results-section .cr-chart-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
  }

  #results.client-results-section .cr-chart-wrap > dotlottie-wc {
    width: 650px !important;
    height: 650px !important;
    max-width: none !important;
    flex: 0 0 650px !important;
    display: block !important;
    margin: 0 auto !important;
  }

  @media (max-width: 768px) {
    #results.client-results-section .cr-chart-wrap > dotlottie-wc {
      width: 520px !important;
      height: 520px !important;
      flex-basis: 520px !important;
    }
  }

/* ===== results trailing style 55 ===== */
#results.client-results-section {
    padding-top: clamp(14px, 1.8vw, 24px) !important;
  }

  @media (max-width: 768px) {
    #results.client-results-section {
      padding-top: 8px !important;
    }
  }

/* ===== results trailing style 56 ===== */
#results.client-results-section .cr-top-stats {
    margin-top: 5px !important;
    background: #ffffff !important;
    background-image: none !important;
  }

  #results.client-results-section .cr-stat + .cr-stat {
    border-left-color: rgba(212,175,55,.28) !important;
  }

  #results.client-results-section .cr-stat .cr-stat-label {
    color: #555d56 !important;
  }

/* ===== results trailing style 57 ===== */
@media (max-width: 767px) {
  /* ---------- CLIENT RESULTS: 2 cards visible, reference-style ---------- */
  #results.client-results-section .cr-container {
    width: 95% !important;
    max-width: 520px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #results.client-results-section .cr-nav-arrows {
    display: none !important;
  }

  #results.client-results-section .cr-cards-grid {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 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;
  }

  #results.client-results-section .cr-cards-grid::-webkit-scrollbar {
    display: none !important;
  }

  #results.client-results-section .cr-card,
  #results.client-results-section .cr-card:nth-child(n) {
    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;
    height: 232px !important;
    min-height: 232px !important;
    max-height: 232px !important;
    padding: 11px 10px 9px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(26, 35, 29, .10) !important;
    background: linear-gradient(180deg, #ffffff 0%, #f7f5ef 100%) !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.20) !important;
    scroll-snap-align: none !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
  }

  #results.client-results-section .cr-card:nth-child(odd) {
    scroll-snap-align: start !important;
  }

  #results.client-results-section .cr-case-platform {
    top: 10px !important;
    right: 10px !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 11px !important;
  }

  #results.client-results-section .cr-client-top {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    min-height: 28px !important;
    margin: 0 0 8px !important;
    padding-right: 18px !important;
  }

  #results.client-results-section .cr-avatar,
  #results.client-results-section .cr-avatar.blue,
  #results.client-results-section .cr-avatar.purple {
    width: 25px !important;
    height: 25px !important;
    min-width: 25px !important;
    flex: 0 0 25px !important;
    border-radius: 50% !important;
    font-size: 8px !important;
  }

  #results.client-results-section .cr-client-name {
    color: #161b18 !important;
    font-size: 9px !important;
    line-height: 1.05 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  #results.client-results-section .cr-client-type {
    margin-top: 2px !important;
    color: #6b716d !important;
    font-size: 6px !important;
    line-height: 1.1 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
  }

  #results.client-results-section .cr-metrics-box {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
    margin: 0 0 7px !important;
    padding: 0 0 5px !important;
    border-bottom: 1px solid rgba(0,0,0,.08) !important;
  }

  #results.client-results-section .cr-mini-metric {
    min-width: 0 !important;
    padding: 0 !important;
  }

  #results.client-results-section .cr-mini-label {
    color: #737873 !important;
    font-size: 5.5px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: .03em !important;
    text-transform: uppercase !important;
  }

  #results.client-results-section .cr-mini-value,
  #results.client-results-section .cr-mini-value.gold {
    margin-top: 2px !important;
    color: #171b18 !important;
    font-size: 17px !important;
    line-height: .95 !important;
    font-weight: 900 !important;
  }

  #results.client-results-section .cr-metrics-box .cr-growth-label {
    margin-top: 2px !important;
    color: #777d78 !important;
    font-size: 5.5px !important;
    line-height: 1 !important;
  }

  #results.client-results-section .cr-growth-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 4px !important;
    margin: 0 0 7px !important;
  }

  #results.client-results-section .cr-growth-grid > div {
    min-width: 0 !important;
    min-height: 30px !important;
    height: 30px !important;
    padding: 4px 2px !important;
    border-radius: 4px !important;
    border: 1px solid rgba(0,0,0,.055) !important;
    background: #f3f1eb !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
  }

  #results.client-results-section .cr-growth-value,
  #results.client-results-section .cr-growth-value.green {
    color: #171b18 !important;
    font-size: 7.5px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }

  #results.client-results-section .cr-growth-value.green {
    color: #27b466 !important;
  }

  #results.client-results-section .cr-growth-grid .cr-growth-label {
    margin-top: 3px !important;
    color: #737873 !important;
    font-size: 5px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  #results.client-results-section .cr-case-chart {
    width: 100% !important;
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
    margin: 0 !important;
    padding: 5px 4px 0 !important;
    border-top: 1px solid rgba(0,0,0,.045) !important;
    background: transparent !important;
  }

  #results.client-results-section .cr-case-chart svg {
    width: 100% !important;
    height: 100% !important;
  }

  #results.client-results-section .cr-case-chart svg polyline {
    stroke: #476f55 !important;
    stroke-width: 2.2 !important;
  }

  #results.client-results-section .cr-case-chart svg circle {
    display: none !important;
  }

  #results.client-results-section .cr-card-bottom {
    min-height: 16px !important;
    height: 16px !important;
    margin-top: auto !important;
    padding: 0 !important;
    border: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  #results.client-results-section .cr-card-bottom > span:first-child,
  #results.client-results-section .cr-card-bottom::after {
    display: none !important;
    content: none !important;
  }

  #results.client-results-section .cr-tiny-note,
  #results.client-results-section .cr-tiny-note::before {
    color: #2f3531 !important;
    font-size: 7px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    text-align: center !important;
  }

  #results.client-results-section .exact-cr-controls {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    min-height: 12px !important;
    margin: 13px 0 11px !important;
  }

  #results.client-results-section .exact-cr-dot {
    width: 6px !important;
    height: 6px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(212,175,55,.34) !important;
    transition: width .2s ease, background .2s ease !important;
  }

  #results.client-results-section .exact-cr-dot.is-active {
    width: 21px !important;
    background: #d4af37 !important;
  }

  #results.client-results-section .cr-main-cta {
    min-width: 194px !important;
    width: auto !important;
    min-height: 40px !important;
    height: 40px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    gap: 8px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    box-shadow: 0 10px 25px rgba(212,175,55,.38), 0 0 20px rgba(212,175,55,.20) !important;
  }

  #results.client-results-section .cr-main-cta i {
    font-size: 10px !important;
  }

  #results.client-results-section .cr-trust-line {
    margin-top: 6px !important;
    font-size: 5px !important;
  }

  /* ---------- TESTIMONIALS: reference rating + 2 cards ---------- */
  #testimonials.testimonials-section .tst-container {
    width: 95% !important;
    max-width: 520px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #testimonials.testimonials-section .tst-rating-panel {
    display: grid !important;
    grid-template-columns: 88px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    min-height: 80px !important;
    height: 80px !important;
    margin: 0 0 18px !important;
    padding: 11px 16px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(26,35,29,.10) !important;
    background: linear-gradient(180deg, #ffffff 0%, #f7f5ef 100%) !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.20) !important;
    overflow: hidden !important;
  }

  #testimonials.testimonials-section .tst-score-block {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 0 !important;
    min-width: 0 !important;
  }

  #testimonials.testimonials-section .tst-score {
    color: #111 !important;
    font-size: 45px !important;
    line-height: .88 !important;
    font-weight: 900 !important;
    letter-spacing: -.08em !important;
  }

  #testimonials.testimonials-section .tst-score-stars,
  #testimonials.testimonials-section .tst-score-note,
  #testimonials.testimonials-section .tst-platforms {
    display: none !important;
  }

  #testimonials.testimonials-section .tst-bars {
    display: grid !important;
    gap: 6px !important;
    width: 100% !important;
    margin: 0 !important;
  }

  #testimonials.testimonials-section .tst-bar-row {
    display: grid !important;
    grid-template-columns: 22px minmax(0, 1fr) 30px !important;
    align-items: center !important;
    gap: 7px !important;
    min-height: 13px !important;
  }

  #testimonials.testimonials-section .tst-bar-row:nth-child(n+4) {
    display: none !important;
  }

  #testimonials.testimonials-section .tst-bar-row > span:first-child,
  #testimonials.testimonials-section .tst-bar-row > span:last-child {
    color: #353b37 !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
  }

  #testimonials.testimonials-section .tst-bar-row > span:first-child i {
    color: #d4af37 !important;
    font-size: 8px !important;
  }

  #testimonials.testimonials-section .tst-bar-track {
    width: 100% !important;
    height: 7px !important;
    border-radius: 999px !important;
    background: #e5e2d9 !important;
    overflow: hidden !important;
  }

  #testimonials.testimonials-section .tst-bar-fill {
    height: 100% !important;
    border-radius: 999px !important;
    background: #d4af37 !important;
  }

  #testimonials.testimonials-section .tst-masonry {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 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;
  }

  #testimonials.testimonials-section .tst-masonry::-webkit-scrollbar {
    display: none !important;
  }

  #testimonials.testimonials-section .tst-masonry > article.tst-card,
  #testimonials.testimonials-section .tst-masonry > article.tst-card-featured,
  #testimonials.testimonials-section .tst-masonry > article.tst-card-wide,
  #testimonials.testimonials-section .tst-masonry > article.tst-card:nth-child(n) {
    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;
    height: 226px !important;
    min-height: 226px !important;
    max-height: 226px !important;
    padding: 13px 12px 10px !important;
    border-radius: 15px !important;
    border: 1px solid rgba(212,175,55,.38) !important;
    background: linear-gradient(180deg, #ffffff 0%, #f7f5ef 100%) !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.20) !important;
    scroll-snap-align: none !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
  }

  #testimonials.testimonials-section .tst-masonry > article.tst-card:nth-child(odd) {
    scroll-snap-align: start !important;
  }

  #testimonials.testimonials-section .tst-card-quote,
  #testimonials.testimonials-section .tst-card-featured .tst-card-quote,
  #testimonials.testimonials-section .tst-card-wide .tst-card-quote {
    width: auto !important;
    height: auto !important;
    min-height: 15px !important;
    margin: 0 0 4px !important;
    padding: 0 !important;
    color: #d4af37 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 17px !important;
    line-height: 1 !important;
  }

  #testimonials.testimonials-section .tst-text,
  #testimonials.testimonials-section .tst-card-featured .tst-text,
  #testimonials.testimonials-section .tst-card-wide .tst-text {
    margin: 0 0 5px !important;
    color: #565d58 !important;
    font-size: 8.2px !important;
    line-height: 1.42 !important;
    font-weight: 500 !important;
    overflow: visible !important;
  }

  #testimonials.testimonials-section .tst-text strong {
    color: #1c211e !important;
    font-weight: 900 !important;
  }

  #testimonials.testimonials-section .tst-bold-line {
    margin-top: 0 !important;
    color: #303631 !important;
    font-weight: 700 !important;
  }

  #testimonials.testimonials-section .tst-author {
    width: 100% !important;
    margin-top: auto !important;
    padding-top: 4px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    border-top: 0 !important;
  }

  #testimonials.testimonials-section .tst-author-left {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-width: 0 !important;
  }

  #testimonials.testimonials-section .tst-avatar,
  #testimonials.testimonials-section .tst-avatar.gold,
  #testimonials.testimonials-section .tst-avatar.blue,
  #testimonials.testimonials-section .tst-avatar.purple {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    flex: 0 0 22px !important;
    border-radius: 50% !important;
    font-size: 7px !important;
  }

  #testimonials.testimonials-section .tst-author-name {
    max-width: 100% !important;
    color: #171b18 !important;
    font-size: 8px !important;
    line-height: 1.05 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }

  #testimonials.testimonials-section .tst-author-role {
    max-width: 100% !important;
    margin-top: 2px !important;
    color: #707671 !important;
    font-size: 5.4px !important;
    line-height: 1.05 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
  }

  #testimonials.testimonials-section .tst-mini-stars {
    display: flex !important;
    gap: 1px !important;
    margin-top: 2px !important;
    color: #d4af37 !important;
    font-size: 5.5px !important;
    line-height: 1 !important;
  }

  #testimonials.testimonials-section .tst-author-actions {
    width: 100% !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 5px !important;
  }

  #testimonials.testimonials-section .tst-growth-pill {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    padding: 0 6px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(39,180,102,.28) !important;
    background: #edf8ef !important;
    color: #179b52 !important;
    font-size: 5.2px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  #testimonials.testimonials-section .tst-growth-pill i {
    font-size: 5px !important;
  }

  #testimonials.testimonials-section .tst-social,
  #testimonials.testimonials-section .tst-card > .tst-social,
  #testimonials.testimonials-section .tst-author > .tst-social {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    flex: 0 0 18px !important;
    margin: 0 !important;
    border-radius: 50% !important;
    border: 1px solid rgba(0,0,0,.05) !important;
    background: #fff !important;
    box-shadow: 0 3px 8px rgba(0,0,0,.12) !important;
    font-size: 9px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  #testimonials.testimonials-section .tst-author > .tst-social {
    align-self: flex-start !important;
    margin-top: 2px !important;
  }

  #testimonials.testimonials-section .tst-mobile-slider-controls {
    display: none !important;
  }

  #testimonials.testimonials-section .exact-tst-controls {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    margin: 15px 0 0 !important;
  }

  #testimonials.testimonials-section .exact-tst-arrow {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    border: 1px solid rgba(212,175,55,.75) !important;
    background: transparent !important;
    color: #d4af37 !important;
    box-shadow: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 15px !important;
  }

  #testimonials.testimonials-section .exact-tst-dots {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
  }

  #testimonials.testimonials-section .exact-tst-dot {
    width: 6px !important;
    height: 6px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(212,175,55,.34) !important;
    transition: width .2s ease, background .2s ease !important;
  }

  #testimonials.testimonials-section .exact-tst-dot.is-active {
    width: 21px !important;
    background: #d4af37 !important;
  }
}

@media (max-width: 390px) {
  #results.client-results-section .cr-card,
  #results.client-results-section .cr-card:nth-child(n) {
    height: 220px !important;
    min-height: 220px !important;
    max-height: 220px !important;
  }

  #testimonials.testimonials-section .tst-masonry > article.tst-card,
  #testimonials.testimonials-section .tst-masonry > article.tst-card-featured,
  #testimonials.testimonials-section .tst-masonry > article.tst-card-wide,
  #testimonials.testimonials-section .tst-masonry > article.tst-card:nth-child(n) {
    height: 218px !important;
    min-height: 218px !important;
    max-height: 218px !important;
  }

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

/* ===== results trailing style 58 ===== */
@media (max-width: 767px) {
  /* Keep only the latest pagination row */
  #results.client-results-section .cr-slider-dots,
  #results.client-results-section .cr-mobile-slider-controls,
  #results.client-results-section .cr-mobile-dots {
    display: none !important;
  }

  #results.client-results-section .exact-cr-controls {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    width: 100% !important;
    min-height: 12px !important;
    margin: 11px 0 12px !important;
  }

  /* Compact centered pill — prevents full-width yellow bar */
  #results.client-results-section .cr-main-cta {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    width: min(194px, calc(100% - 64px)) !important;
    min-width: 0 !important;
    max-width: 194px !important;
    min-height: 38px !important;
    height: 38px !important;
    margin: 0 auto !important;
    padding: 0 14px !important;
    gap: 7px !important;
    border-radius: 999px !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    background: linear-gradient(135deg, #f4d455 0%, #d4af37 58%, #bd8e2f 100%) !important;
    border: 1px solid rgba(255,224,134,.78) !important;
    color: #161205 !important;
    font-size: clamp(9px, 2.6vw, 11px) !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    box-shadow: 0 10px 25px rgba(212,175,55,.38), 0 0 20px rgba(212,175,55,.20) !important;
  }

  #results.client-results-section .cr-main-cta::before {
    display: none !important;
    content: none !important;
  }

  #results.client-results-section .cr-main-cta i {
    flex: 0 0 auto !important;
    font-size: 10px !important;
    color: #161205 !important;
  }

  #results.client-results-section .cr-trust-line {
    width: 100% !important;
    margin: 6px auto 0 !important;
    justify-content: center !important;
    text-align: center !important;
    font-size: 5px !important;
  }
}

/* ===== results trailing style 59 ===== */
#results.client-results-section .cr-mobile-graph { display: none; }

/* ===== results trailing style 60 ===== */
@media (max-width: 767px) {
  #results.client-results-section {
    display: block !important;
    padding: 42px 0 24px !important;
    margin: 0 !important;
    background:
      radial-gradient(ellipse 400px 220px at 78% 20%, rgba(29,54,38,.22), transparent 68%),
      linear-gradient(180deg, #101d15 0%, #07100f 100%) !important;
    overflow: hidden !important;
  }

  #results.client-results-section > .cr-container,
  #results.client-results-section .cr-container {
    width: calc(100% - 20px) !important;
    max-width: 520px !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  #results.client-results-section .cr-hero-panel {
    width: 100% !important;
    min-height: 164px !important;
    height: 164px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.18fr) minmax(126px, .82fr) !important;
    gap: 8px !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 2px 5px 5px 1px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    overflow: visible !important;
    text-align: left !important;
  }

  #results.client-results-section .cr-hero-copy {
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    padding: 2px 0 0 !important;
    margin: 0 !important;
    text-align: left !important;
  }

  #results.client-results-section .cr-eyebrow {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 4px !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    color: #d4af37 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 6px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: .22em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }

  #results.client-results-section .cr-eyebrow i {
    font-size: 4px !important;
    color: #d4af37 !important;
  }

  #results.client-results-section .cr-title {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #f5f4ef !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: clamp(29px, 8.1vw, 36px) !important;
    line-height: .88 !important;
    font-weight: 900 !important;
    letter-spacing: -.055em !important;
    text-align: left !important;
    text-transform: none !important;
  }

  #results.client-results-section .cr-title .heading-gold {
    color: #d4af37 !important;
  }

  #results.client-results-section .cr-title-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    margin: 8px 0 0 !important;
    padding: 0 !important;
    transform: none !important;
    border: 1px solid rgba(212,175,55,.72) !important;
    border-radius: 4px !important;
    background: rgba(212,175,55,.04) !important;
    color: #d4af37 !important;
    font-size: 8px !important;
    line-height: 1 !important;
    box-shadow: none !important;
  }

  #results.client-results-section .cr-subtitle {
    width: auto !important;
    max-width: 174px !important;
    margin: 10px 0 0 !important;
    padding: 0 !important;
    color: rgba(255,255,255,.64) !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 5.1px !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    white-space: normal !important;
  }

  #results.client-results-section .cr-socials {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    margin: 10px 0 0 !important;
    padding: 0 !important;
  }

  #results.client-results-section .cr-social {
    width: 17px !important;
    height: 17px !important;
    min-width: 17px !important;
    flex: 0 0 17px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(255,255,255,.95) !important;
    border-radius: 4px !important;
    background: linear-gradient(180deg, #fff 0%, #ece8de 100%) !important;
    color: #b9901f !important;
    font-size: 7px !important;
    line-height: 1 !important;
    box-shadow: 0 3px 7px rgba(0,0,0,.18) !important;
  }

  #results.client-results-section .cr-chart-wrap {
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    min-height: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  #results.client-results-section .cr-chart-wrap > *:not(.cr-mobile-graph) {
    display: none !important;
  }

  #results.client-results-section .cr-mobile-graph {
    position: relative !important;
    display: block !important;
    width: 122px !important;
    height: 90px !important;
    flex: 0 0 122px !important;
    margin: 7px 0 0 !important;
    padding: 0 !important;
    transform: none !important;
    filter: none !important;
  }

  #results.client-results-section .cr-mobile-graph svg {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    overflow: visible !important;
  }

  #results.client-results-section .cr-mobile-graph .cr-curve-path {
    fill: none !important;
    stroke: #00d04b !important;
    stroke-width: 7 !important;
    stroke-linecap: butt !important;
    stroke-linejoin: round !important;
    filter: none !important;
  }

  #results.client-results-section .cr-mobile-graph .cr-svg-bar {
    fill: #777c79 !important;
    opacity: .9 !important;
  }

  #results.client-results-section .cr-top-stats {
    width: 100% !important;
    min-height: 32px !important;
    height: 32px !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
    margin: 6px 0 8px !important;
    padding: 0 !important;
    border: 1px solid rgba(212,175,55,.22) !important;
    border-radius: 5px !important;
    background: linear-gradient(180deg, #fff 0%, #f3f1ec 100%) !important;
    box-shadow: 0 6px 14px rgba(0,0,0,.18) !important;
    overflow: hidden !important;
  }

  #results.client-results-section .cr-stat,
  #results.client-results-section .cr-stat:nth-child(n),
  #results.client-results-section .cr-stat + .cr-stat {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 32px !important;
    height: 32px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    margin: 0 !important;
    padding: 3px 5px !important;
    border: 0 !important;
    border-left: 1px solid rgba(0,0,0,.08) !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  #results.client-results-section .cr-stat:first-child {
    border-left: 0 !important;
  }

  #results.client-results-section .cr-stat i {
    flex: 0 0 auto !important;
    color: #d4af37 !important;
    font-size: 9px !important;
    line-height: 1 !important;
  }

  #results.client-results-section .cr-stat-value {
    margin: 0 !important;
    color: #d4af37 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: -.02em !important;
    white-space: nowrap !important;
  }

  #results.client-results-section .cr-stat-label {
    margin: 2px 0 0 !important;
    color: #777 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 4.7px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
  }

  #results.client-results-section .cr-results-head {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
  }

  #results.client-results-section .cr-section-title {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #f7f6f2 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 22px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: -.04em !important;
    text-align: left !important;
  }

  #results.client-results-section .cr-section-sub,
  #results.client-results-section .cr-nav-arrows {
    display: none !important;
  }
}

@media (max-width: 390px) {
  #results.client-results-section .cr-hero-panel {
    grid-template-columns: minmax(0, 1.15fr) minmax(112px, .85fr) !important;
    height: 156px !important;
    min-height: 156px !important;
  }

  #results.client-results-section .cr-title {
    font-size: clamp(27px, 8.2vw, 31px) !important;
  }

  #results.client-results-section .cr-mobile-graph {
    width: 112px !important;
    height: 84px !important;
    flex-basis: 112px !important;
  }

}

/* ===== results trailing style 61 ===== */
@media (max-width: 767px) {
  #results.client-results-section > .cr-container,
  #results.client-results-section .cr-container {
    width: calc(100% - 16px) !important;
    max-width: 520px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #results.client-results-section .cr-results-head {
    width: 100% !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    text-align: left !important;
    transform: translateY(-4px) !important;
  }

  #results.client-results-section .cr-results-head > div:first-child {
    min-width: 0 !important;
  }

  #results.client-results-section .cr-section-title {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #f7f6f2 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 20px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: -.045em !important;
    text-align: left !important;
  }

  #results.client-results-section .cr-section-sub {
    display: block !important;
    margin: 5px 0 0 !important;
    padding: 0 !important;
    color: rgba(236,241,233,.66) !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 8px !important;
    line-height: 1.1 !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
  }

  #results.client-results-section .cr-highlight-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 2px !important;
    margin-left: 4px !important;
    color: #d4af37 !important;
    font-size: 8px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
  }

  #results.client-results-section .cr-highlight-link i {
    font-size: 9px !important;
  }

  #results.client-results-section .cr-nav-arrows {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #results.client-results-section .cr-nav-arrows button {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(212,175,55,.50) !important;
    border-radius: 50% !important;
    background: rgba(212,175,55,.025) !important;
    color: #d4af37 !important;
    box-shadow: none !important;
    font-size: 13px !important;
    line-height: 1 !important;
  }

  #results.client-results-section .cr-cards-grid {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 7px !important;
    margin: 0 !important;
    padding: 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;
  }

  #results.client-results-section .cr-cards-grid::-webkit-scrollbar {
    display: none !important;
  }

  #results.client-results-section .cr-card,
  #results.client-results-section .cr-card:nth-child(n) {
    flex: 0 0 calc((100% - 7px) / 2) !important;
    width: calc((100% - 7px) / 2) !important;
    min-width: calc((100% - 7px) / 2) !important;
    max-width: calc((100% - 7px) / 2) !important;
    height: 232px !important;
    min-height: 232px !important;
    max-height: 232px !important;
    border-radius: 12px !important;
  }

  #results.client-results-section .exact-cr-controls {
    width: 100% !important;
    min-height: 12px !important;
    height: 12px !important;
    margin: 13px 0 8px !important;
  }

  #results.client-results-section .exact-cr-dots {
    height: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    line-height: 0 !important;
  }

  #results.client-results-section .exact-cr-dot {
    width: 5px !important;
    height: 5px !important;
  }

  #results.client-results-section .exact-cr-dot.is-active {
    width: 16px !important;
  }

  #results.client-results-section .cr-main-cta {
    width: 196px !important;
    max-width: 196px !important;
    min-height: 38px !important;
    height: 38px !important;
    margin: 0 auto !important;
    padding: 0 14px !important;
    font-size: 10px !important;
  }

  #results.client-results-section .cr-trust-line {
    margin-top: 5px !important;
  }
}

/* ===== results trailing style 62 ===== */
@media (max-width: 767px) {
  #results.client-results-section .cr-top-stats {
    margin-bottom: 16px !important;
  }
}

/* ===== results trailing style 63 ===== */
#results.client-results-section .cr-chart-wrap > .apex-reference-graph,
  #results.client-results-section .cr-mobile-graph.apex-reference-graph {
    position: relative !important;
    display: block !important;
    width: min(700px, 100%) !important;
    height: auto !important;
    aspect-ratio: 669 / 308 !important;
    flex: 0 1 700px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    filter: none !important;
    opacity: 0;
    transform: translateY(18px) scale(.985);
    transition: opacity .55s ease, transform .7s cubic-bezier(.22,1,.36,1);
  }

  #results.client-results-section .apex-reference-graph.is-visible {
    opacity: 1;
    transform: translateY(0) scale(1);
  }

  #results.client-results-section .apex-reference-graph svg {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    overflow: visible !important;
    background: transparent !important;
  }

  #results.client-results-section .apex-reference-graph .apx-axis-line,
  #results.client-results-section .apex-reference-graph .apx-axis-ticks {
    fill: none;
    stroke: #5b2929;
    stroke-width: 2.5;
    stroke-linecap: square;
    opacity: .72;
    stroke-dasharray: 1;
    stroke-dashoffset: 1;
  }

  #results.client-results-section .apex-reference-graph.is-visible .apx-axis-line {
    animation: apxGraphDraw 1s ease .08s forwards;
  }

  #results.client-results-section .apex-reference-graph.is-visible .apx-axis-ticks {
    animation: apxGraphDraw .85s ease .35s forwards;
  }

  #results.client-results-section .apex-reference-graph .apx-graph-line {
    fill: none;
    stroke-width: 2.15;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 1;
    stroke-dashoffset: 1;
  }

  #results.client-results-section .apex-reference-graph .apx-series-wine .apx-graph-line {
    stroke: #9e344c;
    filter: url(#apx-wine-glow);
  }

  #results.client-results-section .apex-reference-graph .apx-series-orange .apx-graph-line {
    stroke: #ff6d42;
    filter: url(#apx-orange-glow);
  }

  #results.client-results-section .apex-reference-graph .apx-series-red .apx-graph-line {
    stroke: #df354d;
    filter: url(#apx-red-glow);
  }

  #results.client-results-section .apex-reference-graph.is-visible .apx-series-wine .apx-graph-line {
    animation: apxGraphDraw 1.65s cubic-bezier(.65,0,.35,1) .28s forwards;
  }

  #results.client-results-section .apex-reference-graph.is-visible .apx-series-orange .apx-graph-line {
    animation: apxGraphDraw 1.75s cubic-bezier(.65,0,.35,1) .42s forwards;
  }

  #results.client-results-section .apex-reference-graph.is-visible .apx-series-red .apx-graph-line {
    animation: apxGraphDraw 1.9s cubic-bezier(.65,0,.35,1) .56s forwards;
  }

  #results.client-results-section .apex-reference-graph .apx-points circle {
    opacity: 0;
    transform: scale(0);
    transform-box: fill-box;
    transform-origin: center;
    stroke-width: 2.2;
  }

  #results.client-results-section .apex-reference-graph .apx-series-wine circle {
    fill: #2b2527;
    stroke: #ca4b5d;
    filter: url(#apx-wine-glow);
  }

  #results.client-results-section .apex-reference-graph .apx-series-orange circle {
    fill: #342520;
    stroke: #ff824b;
    filter: url(#apx-orange-glow);
  }

  #results.client-results-section .apex-reference-graph .apx-series-red circle {
    fill: #322023;
    stroke: #ef4c5d;
    filter: url(#apx-red-glow);
  }

  #results.client-results-section .apex-reference-graph.is-visible .apx-points circle {
    animation:
      apxPointPop .32s cubic-bezier(.2,.9,.32,1.55) calc(.72s + (var(--i) * .055s)) forwards,
      apxPointPulse 2.5s ease-in-out calc(2.1s + (var(--i) * .055s)) infinite;
  }

  @keyframes apxGraphDraw {
    to { stroke-dashoffset: 0; }
  }

  @keyframes apxPointPop {
    0% { opacity: 0; transform: scale(0); }
    75% { opacity: 1; transform: scale(1.28); }
    100% { opacity: 1; transform: scale(1); }
  }

  @keyframes apxPointPulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: .82; transform: scale(1.16); }
  }

  @media (max-width: 767px) {
    /* Keep the page's original mobile hero dimensions exactly unchanged. */
    #results.client-results-section .cr-chart-wrap > .apex-reference-graph,
    #results.client-results-section .cr-mobile-graph.apex-reference-graph {
      width: 122px !important;
      max-width: 122px !important;
      height: 90px !important;
      aspect-ratio: auto !important;
      flex: 0 0 122px !important;
      margin: 7px 0 0 !important;
    }

    #results.client-results-section .apex-reference-graph .apx-graph-line {
      stroke-width: 2.35;
    }

    #results.client-results-section .apex-reference-graph .apx-axis-line,
    #results.client-results-section .apex-reference-graph .apx-axis-ticks {
      stroke-width: 2;
    }

    #results.client-results-section .apex-reference-graph .apx-points circle {
      r: 3.2px;
      stroke-width: 2.1;
    }
  }

  @media (max-width: 390px) {
    #results.client-results-section .cr-chart-wrap > .apex-reference-graph,
    #results.client-results-section .cr-mobile-graph.apex-reference-graph {
      width: 112px !important;
      max-width: 112px !important;
      height: 84px !important;
      flex: 0 0 112px !important;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    #results.client-results-section .apex-reference-graph,
    #results.client-results-section .apex-reference-graph * {
      animation: none !important;
      transition: none !important;
    }
    #results.client-results-section .apex-reference-graph {
      opacity: 1 !important;
      transform: none !important;
    }
    #results.client-results-section .apex-reference-graph .apx-graph-line,
    #results.client-results-section .apex-reference-graph .apx-axis-line,
    #results.client-results-section .apex-reference-graph .apx-axis-ticks {
      stroke-dashoffset: 0 !important;
    }
    #results.client-results-section .apex-reference-graph .apx-points circle {
      opacity: 1 !important;
      transform: none !important;
    }
  }

/* ===== results trailing style 64 ===== */
@media (min-width: 768px) {
  #results.client-results-section .cr-hero-panel {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr) !important;
  }

  #results.client-results-section .cr-hero-copy,
  #results.client-results-section .cr-chart-wrap {
    min-width: 0 !important;
  }

  #results.client-results-section .cr-chart-wrap {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 270px !important;
    justify-content: flex-end !important;
    overflow: visible !important;
    padding-left: clamp(8px, 1.4vw, 22px) !important;
  }

  #results.client-results-section .cr-chart-wrap > .apex-reference-graph,
  #results.client-results-section .cr-mobile-graph.apex-reference-graph {
    width: min(100%, 590px) !important;
    max-width: 590px !important;
    height: auto !important;
    aspect-ratio: 669 / 308 !important;
    flex: 0 1 590px !important;
    margin: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  #results.client-results-section .cr-chart-wrap > .apex-reference-graph,
  #results.client-results-section .cr-mobile-graph.apex-reference-graph {
    width: min(100%, 500px) !important;
    max-width: 500px !important;
    flex-basis: 500px !important;
  }
}

/* ===== results trailing style 65 ===== */
@media (max-width: 767px) {
  #results.client-results-section .apex-reference-graph .apx-series-wine .apx-graph-line {
    stroke: #762b3e !important;
    filter: drop-shadow(0 0 1px rgba(118,43,62,.28)) !important;
  }

  #results.client-results-section .apex-reference-graph .apx-series-orange .apx-graph-line {
    stroke: #c44e31 !important;
    filter: drop-shadow(0 0 1px rgba(196,78,49,.28)) !important;
  }

  #results.client-results-section .apex-reference-graph .apx-series-red .apx-graph-line {
    stroke: #a92c3e !important;
    filter: drop-shadow(0 0 1px rgba(169,44,62,.28)) !important;
  }
}

/* ===== results trailing style 66 ===== */
@media (min-width: 1200px) {
  #results.client-results-section .cr-hero-panel {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    column-gap: clamp(18px, 2.2vw, 36px) !important;
  }

  #results.client-results-section .cr-chart-wrap {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 270px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 clamp(28px, 3vw, 54px) 0 0 !important;
    overflow: visible !important;
  }

  #results.client-results-section .cr-chart-wrap > .apex-reference-graph,
  #results.client-results-section .cr-mobile-graph.apex-reference-graph {
    width: min(100%, 630px) !important;
    max-width: 630px !important;
    flex: 0 1 630px !important;
    margin: 0 auto !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  #results.client-results-section .cr-chart-wrap {
    justify-content: center !important;
    padding-left: 0 !important;
    padding-right: 18px !important;
  }

  #results.client-results-section .cr-chart-wrap > .apex-reference-graph,
  #results.client-results-section .cr-mobile-graph.apex-reference-graph {
    width: min(96%, 520px) !important;
    max-width: 520px !important;
    flex-basis: 520px !important;
    margin: 0 auto !important;
  }
}

/* ===== results trailing style 67 ===== */
@media (min-width: 992px) {
  #results.client-results-section {
    padding-top: clamp(120px, 9vw, 150px) !important;
  }
}

/* ===== results trailing style 68 ===== */