/* ===== packages head style block 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; overflow-y: scroll; }

    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: 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;
    }/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */


    

    /* ══ 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) {/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */

      .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);
      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;
  }
}/* removed shared-nav override */


@keyframes navDropIn {
  from { transform: translateY(-100%); opacity: .65; }
  to   { transform: translateY(0); opacity: 1; }
}/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */


@media (max-width: 991px) {/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */

}

@media (max-width: 430px) {/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */

}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pkg-packages-title {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin: 0 0 9px;
  color: #f7f5ee;
  font-size: 34px;
  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;
}/* removed shared-nav override */


.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,
.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 {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: clip !important;
}
/* Do NOT overflow-x:clip on body alone — browser forces overflow-y:auto (= dark 2nd rail) */
body,
body.package-page-body {
  width: 100% !important;
  max-width: 100% !important;
  overflow: 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;
}/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */


/* 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;
  }/* removed shared-nav override */
/* removed shared-nav override */


  .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;
  }/* removed shared-nav override */
/* removed shared-nav override */

}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .wwd-step-name {
    font-size: 14px !important;
    line-height: 1.2 !important;
    margin-bottom: 6px !important;
  }

  .wwd-step-desc {
    max-width: 270px !important;
    margin: 0 auto !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
  }

  .wwd-steps-carousel-controls {
    display: flex !important;
  }
}

.wwd-steps-carousel-controls {
  display: none;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 2px;
}

.wwd-step-dot {
  width: 7px;
  height: 7px;
  padding: 0;
  border: 0;
  border-radius: 50px;
  background: rgba(212,175,55,.35);
  cursor: pointer;
  transition: width .22s ease, background .22s ease;
}

.wwd-step-dot.is-active {
  width: 24px;
  background: var(--gold);
}

/* FINAL RESPONSIVE-ONLY SIZE UPDATE
   Make these sections smaller only on tablet/mobile, not desktop */
@media (max-width: 991px) {
  .feature-strip {
    border-radius: 18px !important;
  }

  .feat-item {
    min-height: 80px !important;
    padding: 12px 12px !important;
    gap: 8px !important;
  }

  .feat-icon {
    width: 46px !important;
    height: 46px !important;
    flex: 0 0 46px !important;
    font-size: 19px !important;
  }

  .feat-text {
    font-size: 12px !important;
    line-height: 1.2 !important;
  }

  .ab-stat {
    min-height: 82px !important;
    padding: 12px 14px !important;
    border-radius: 16px !important;
  }

  .ab-stat-icon {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    font-size: 18px !important;
  }

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

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

@media (max-width: 520px) {
  .feat-item {
    min-height: 74px !important;
    padding: 10px 8px !important;
    gap: 7px !important;
  }

  .feat-icon {
    width: 42px !important;
    height: 42px !important;
    flex-basis: 42px !important;
    font-size: 17px !important;
  }

  .feat-text {
    font-size: 11px !important;
  }

  .ab-stat {
    min-height: 76px !important;
    padding: 10px 12px !important;
  }

  .ab-stat-icon {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    font-size: 16px !important;
  }

  .ab-stat-num {
    font-size: 17px !important;
  }

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

/* FINAL RESPONSIVE FEATURE STRIP HEIGHT REDUCTION
   Reduce only this white 4-card strip height on mobile/tablet */
@media (max-width: 991px) {
  .feature-strip {
    border-radius: 16px !important;
  }

  .feat-item {
    min-height: 68px !important;
    padding: 9px 10px !important;
    gap: 6px !important;
  }

  .feat-icon {
    width: 40px !important;
    height: 40px !important;
    flex: 0 0 40px !important;
    font-size: 16px !important;
  }

  .feat-text {
    font-size: 11px !important;
    line-height: 1.15 !important;
  }
}

@media (max-width: 520px) {
  .feat-item {
    min-height: 62px !important;
    padding: 8px 6px !important;
    gap: 5px !important;
  }

  .feat-icon {
    width: 36px !important;
    height: 36px !important;
    flex: 0 0 36px !important;
    font-size: 15px !important;
  }

  .feat-text {
    font-size: 10px !important;
    line-height: 1.1 !important;
  }
}

/* FINAL RESPONSIVE UPDATE: stats strip in one row on mobile + same page background */
@media (max-width: 767px) {
  .stats-strip {
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    background: var(--bg) !important;
    border: 1px solid rgba(212,175,55,.55) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    box-shadow: none !important;
  }

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

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

  .stat-item,
  .stats-inner > .stat-item {
    min-width: 0 !important;
    width: auto !important;
    min-height: 70px !important;
    padding: 8px 5px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    text-align: left !important;
    background: transparent !important;
    border-top: 0 !important;
    border-left: 1px solid rgba(255,255,255,.12) !important;
    box-shadow: none !important;
  }

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

  .stat-icon {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    flex: 0 0 28px !important;
    font-size: 17px !important;
    color: var(--gold) !important;
    background: transparent !important;
    border: 1px solid rgba(212,175,55,.28) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  .stat-val {
    font-size: clamp(16px, 4.2vw, 21px) !important;
    line-height: 1 !important;
    color: var(--gold) !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }

  .stat-lbl {
    font-size: clamp(8px, 2.2vw, 10px) !important;
    line-height: 1.05 !important;
    margin-top: 2px !important;
    color: rgba(255,255,255,.78) !important;
    font-weight: 600 !important;
    white-space: normal !important;
  }
}

@media (max-width: 380px) {
  .stat-item,
  .stats-inner > .stat-item {
    min-height: 64px !important;
    padding: 7px 3px !important;
    gap: 4px !important;
  }

  .stat-icon {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    flex-basis: 24px !important;
    font-size: 14px !important;
  }

  .stat-val {
    font-size: 15px !important;
  }

  .stat-lbl {
    font-size: 7.5px !important;
  }
}

/* FINAL FIX: 5 white metrics fit in one row on mobile without cutting */
@media (max-width: 767px) {
  .wwd-metrics {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 0 !important;
    overflow: hidden !important;
    border-radius: 12px !important;
    padding: 0 !important;
  }

  .wwd-metric,
  .wwd-metric:nth-child(n),
  .wwd-metric:first-child,
  .wwd-metric:nth-child(even) {
    min-width: 0 !important;
    width: auto !important;
    min-height: 74px !important;
    padding: 8px 4px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    text-align: left !important;
    border-top: 0 !important;
    border-left: 1px solid rgba(212,175,55,.20) !important;
    overflow: hidden !important;
  }

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

  .wwd-metric-icon {
    width: 32px !important;
    height: 32px !important;
    flex: 0 0 32px !important;
    min-width: 32px !important;
    font-size: 14px !important;
  }

  .wwd-metric > div {
    min-width: 0 !important;
    overflow: hidden !important;
  }

  .wwd-metric-value {
    font-size: clamp(14px, 3.8vw, 20px) !important;
    line-height: .95 !important;
    white-space: nowrap !important;
    letter-spacing: -.04em !important;
  }

  .wwd-metric-label {
    font-size: clamp(6.5px, 1.75vw, 9px) !important;
    line-height: 1.08 !important;
    margin-top: 3px !important;
    white-space: normal !important;
  }
}

@media (max-width: 390px) {
  .wwd-metric,
  .wwd-metric:nth-child(n),
  .wwd-metric:first-child,
  .wwd-metric:nth-child(even) {
    min-height: 72px !important;
    padding: 7px 2px !important;
    gap: 3px !important;
  }

  .wwd-metric-icon {
    width: 26px !important;
    height: 26px !important;
    flex-basis: 26px !important;
    min-width: 26px !important;
    font-size: 12px !important;
  }

  .wwd-metric-value {
    font-size: clamp(12px, 3.5vw, 15px) !important;
  }

  .wwd-metric-label {
    font-size: 6px !important;
    line-height: 1.05 !important;
  }
}

/* FINAL RESPONSIVE UPDATE: make the How It Works mobile slider a little smaller */
@media (max-width: 767px) {
  .wwd-steps-panel {
    padding: 16px 12px 18px !important;
    border-radius: 16px !important;
  }

  .wwd-steps-title {
    margin-bottom: 14px !important;
    font-size: 10px !important;
    letter-spacing: .32em !important;
  }

  .wwd-step {
    min-height: 150px !important;
    padding: 12px 12px 10px !important;
    gap: 7px !important;
  }

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

  .wwd-step-num {
    margin: 0 0 2px !important;
    font-size: 9px !important;
  }

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

  .wwd-step-desc {
    max-width: 240px !important;
    font-size: 10px !important;
    line-height: 1.35 !important;
  }

  .wwd-steps-carousel-controls {
    margin-top: 0 !important;
  }

  .wwd-step-dot {
    width: 6px !important;
    height: 6px !important;
  }

  .wwd-step-dot.is-active {
    width: 20px !important;
  }
}

@media (max-width: 420px) {
  .wwd-steps-panel {
    padding: 14px 10px 16px !important;
  }

  .wwd-step {
    min-height: 140px !important;
    padding: 10px 10px 8px !important;
    gap: 6px !important;
  }

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

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

  .wwd-step-desc {
    max-width: 220px !important;
    font-size: 9.5px !important;
    line-height: 1.3 !important;
  }
}

/* FINAL FIX: mobile 5-metrics strip clean one-row layout */
@media (max-width: 767px) {
  .wwd-metrics {
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 0 !important;
    overflow: hidden !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    border: 1px solid rgba(212,175,55,.42) !important;
  }

  .wwd-metric,
  .wwd-metric:nth-child(n),
  .wwd-metric:first-child,
  .wwd-metric:nth-child(even) {
    width: auto !important;
    min-width: 0 !important;
    min-height: 70px !important;
    padding: 7px 2px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    text-align: center !important;
    background: transparent !important;
    border: 0 !important;
    border-left: 1px solid rgba(212,175,55,.20) !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

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

  .wwd-metric-icon {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    flex: 0 0 28px !important;
    margin: 0 !important;
    font-size: 12px !important;
    border-radius: 50% !important;
  }

  .wwd-metric > div {
    width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  .wwd-metric-value {
    font-size: clamp(13px, 3.6vw, 17px) !important;
    line-height: .95 !important;
    font-weight: 900 !important;
    letter-spacing: -.04em !important;
    white-space: nowrap !important;
    text-align: center !important;
  }

  .wwd-metric-label {
    max-width: 100% !important;
    margin-top: 2px !important;
    font-size: clamp(6px, 1.7vw, 8px) !important;
    line-height: 1.05 !important;
    font-weight: 800 !important;
    white-space: normal !important;
    text-align: center !important;
    word-break: normal !important;
  }
}

@media (max-width: 390px) {
  .wwd-metric,
  .wwd-metric:nth-child(n),
  .wwd-metric:first-child,
  .wwd-metric:nth-child(even) {
    min-height: 64px !important;
    padding: 6px 1px !important;
    gap: 3px !important;
  }

  .wwd-metric-icon {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    flex-basis: 24px !important;
    font-size: 10px !important;
  }

  .wwd-metric-value {
    font-size: clamp(11px, 3.4vw, 14px) !important;
  }

  .wwd-metric-label {
    font-size: 5.8px !important;
    line-height: 1.05 !important;
  }
}

/* FINAL RESPONSIVE UPDATE: show 5 white metric items like the reference
   on mobile and tablet only */
@media (max-width: 991px) {
  .wwd-metrics {
    width: 100% !important;
    max-width: 100% !important;
    margin: 18px auto 22px !important;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    border: 1px solid rgba(212,175,55,.34) !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.16) !important;
  }

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

  .wwd-metric,
  .wwd-metric:nth-child(n),
  .wwd-metric:first-child,
  .wwd-metric:nth-child(even) {
    min-width: 0 !important;
    width: auto !important;
    min-height: 76px !important;
    padding: 10px 8px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    text-align: left !important;
    background: transparent !important;
    border: 0 !important;
    border-left: 1px solid rgba(212,175,55,.18) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  .wwd-metric:first-child,
  .wwd-metric:nth-child(1) {
    border-left: 0 !important;
  }

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

  .wwd-metric-icon {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    flex: 0 0 34px !important;
    margin: 0 !important;
    font-size: 15px !important;
    border-radius: 50% !important;
    background: radial-gradient(ellipse at 35% 25%, #526847 0%, #2c3e2d 55%, #16231e 100%) !important;
    border: 1px solid rgba(212,175,55,.28) !important;
    box-shadow: 0 6px 14px rgba(0,0,0,.16) !important;
  }

  .wwd-metric > div {
    min-width: 0 !important;
    overflow: hidden !important;
    flex: 1 1 auto !important;
  }

  .wwd-metric-value {
    font-size: clamp(14px, 2.6vw, 22px) !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    color: #d4af37 !important;
    letter-spacing: -.03em !important;
    white-space: nowrap !important;
    text-align: left !important;
  }

  .wwd-metric-label {
    margin-top: 3px !important;
    font-size: clamp(7px, 1.35vw, 10px) !important;
    line-height: 1.12 !important;
    font-weight: 700 !important;
    color: #1f2a25 !important;
    white-space: normal !important;
    text-align: left !important;
  }
}

@media (max-width: 767px) {
  .wwd-metrics {
    border-radius: 12px !important;
  }

  .wwd-metric,
  .wwd-metric:nth-child(n),
  .wwd-metric:first-child,
  .wwd-metric:nth-child(even) {
    min-height: 70px !important;
    padding: 8px 4px !important;
    gap: 5px !important;
  }

  .wwd-metric-icon {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    flex-basis: 28px !important;
    font-size: 12px !important;
  }

  .wwd-metric-value {
    font-size: clamp(12px, 3.4vw, 17px) !important;
  }

  .wwd-metric-label {
    font-size: clamp(6px, 1.7vw, 8px) !important;
    line-height: 1.05 !important;
  }
}

@media (max-width: 390px) {
  .wwd-metric,
  .wwd-metric:nth-child(n),
  .wwd-metric:first-child,
  .wwd-metric:nth-child(even) {
    min-height: 64px !important;
    padding: 6px 2px !important;
    gap: 4px !important;
  }

  .wwd-metric-icon {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    flex-basis: 24px !important;
    font-size: 10px !important;
  }

  .wwd-metric-value {
    font-size: 11px !important;
  }

  .wwd-metric-label {
    font-size: 5.7px !important;
  }
}

/* FINAL SIZE UPDATE: make the package benefits bar smaller */
.pkg-benefits-bar {
  border-radius: 18px !important;
}

.pkg-benefit,
.pkg-benefit:first-child,
.pkg-benefit:nth-child(odd),
.pkg-benefit:nth-child(n+3) {
  min-height: 82px !important;
  padding: 12px 16px !important;
  gap: 10px !important;
}

.pkg-benefit i {
  font-size: 24px !important;
}

.pkg-benefit strong {
  font-size: 12px !important;
  line-height: 1.08 !important;
}

.pkg-benefit span {
  font-size: 9px !important;
  line-height: 1.15 !important;
  margin-top: 3px !important;
}

@media (max-width: 991px) {
  .pkg-benefit,
  .pkg-benefit:first-child,
  .pkg-benefit:nth-child(odd),
  .pkg-benefit:nth-child(n+3) {
    min-height: 72px !important;
    padding: 10px 10px !important;
    gap: 8px !important;
  }

  .pkg-benefit i {
    font-size: 20px !important;
  }

  .pkg-benefit strong {
    font-size: 10px !important;
  }

  .pkg-benefit span {
    font-size: 7.5px !important;
  }
}

@media (max-width: 520px) {
  .pkg-benefit,
  .pkg-benefit:first-child,
  .pkg-benefit:nth-child(odd),
  .pkg-benefit:nth-child(n+3) {
    min-height: 66px !important;
    padding: 8px 8px !important;
    gap: 7px !important;
  }

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

  .pkg-benefit strong {
    font-size: 8.8px !important;
  }

  .pkg-benefit span {
    font-size: 6.8px !important;
    line-height: 1.1 !important;
  }
}

/* FINAL MOBILE UPDATE: testimonials one-at-a-time slider on mobile */
@media (max-width: 767px) {
  .testimonials-section .tst-masonry {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 0 0 14px !important;
    scrollbar-width: none !important;
  }

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

  .testimonials-section .tst-card,
  .testimonials-section .tst-card-featured,
  .testimonials-section .tst-card-wide,
  .testimonials-section .tst-card:not(.tst-card-featured):not(.tst-card-wide) {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    scroll-snap-align: center !important;
    margin: 0 !important;
  }

  .testimonials-section .tst-mobile-slider-controls {
    display: flex !important;
  }
}

.testimonials-section .tst-mobile-slider-controls {
  display: none;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 10px;
}

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

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

/* FINAL RESPONSIVE-ONLY UPDATE:
   Make rating/review panel like reference only on mobile screen */
@media (max-width: 767px) {
  .testimonials-section .tst-rating-panel {
    width: 100% !important;
    margin: 20px auto 22px !important;
    padding: 16px 14px 14px !important;
    display: grid !important;
    grid-template-columns: 90px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    column-gap: 14px !important;
    row-gap: 10px !important;
    align-items: center !important;
    background: #ffffff !important;
    background-image: linear-gradient(120deg, #ffffff 0%, #fbfaf6 62%, #f3efe6 100%) !important;
    border: 1px solid rgba(212,175,55,.46) !important;
    border-radius: 12px !important;
    box-shadow: 0 14px 28px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.98) !important;
    color: #15231d !important;
    overflow: hidden !important;
  }

  .testimonials-section .tst-rating-panel::before,
  .testimonials-section .tst-rating-panel::after {
    display: none !important;
    content: none !important;
  }

  .testimonials-section .tst-score-block {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    padding: 0 !important;
    border: 0 !important;
    text-align: center !important;
    align-items: center !important;
  }

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

  .testimonials-section .tst-score-stars {
    margin: 5px 0 3px !important;
    justify-content: center !important;
    gap: 1px !important;
    color: #d4af37 !important;
    font-size: 9px !important;
  }

  .testimonials-section .tst-score-note {
    color: #1d2a24 !important;
    font-size: 6.5px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
  }

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

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

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

  .testimonials-section .tst-bar-track {
    height: 4px !important;
    border-radius: 99px !important;
    background: #e6e3dc !important;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.12) !important;
    overflow: hidden !important;
  }

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

  .testimonials-section .tst-platforms {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 0 !important;
    align-items: end !important;
    text-align: center !important;
    padding: 2px 4px 0 !important;
  }

  .testimonials-section .tst-platform {
    gap: 2px !important;
    color: #1d2a24 !important;
    font-size: 7px !important;
    font-weight: 800 !important;
  }

  .testimonials-section .tst-platform-icon {
    width: auto !important;
    height: auto !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    font-size: 18px !important;
    line-height: 1 !important;
  }

  .testimonials-section .tst-platform-score {
    color: #111 !important;
    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
  }
}

/* ═════════════════════════════════════════════════════════════
   PACKAGE CARDS MOBILE SLIDER - added for responsive mobile
   Desktop layout remains unchanged. Mobile shows one package card
   at a time with smooth swipe + arrows + dots.
═════════════════════════════════════════════════════════════ */
.pkg-mobile-slider-controls {
  display: none;
}

@media (max-width: 768px) {
  .packages-section {
    overflow: hidden !important;
  }

  .pkg-container {
    width: min(100% - 20px, 760px) !important;
    overflow: visible !important;
  }

  .pkg-cards {
    display: flex !important;
    grid-template-columns: none !important;
    width: 100% !important;
    max-width: none !important;
    gap: 16px !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    margin: 18px auto 0 !important;
    padding: 10px 0 18px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-x: contain !important;
    scrollbar-width: none !important;
    cursor: grab !important;
  }

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

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

  .pkg-card,
  .pkg-card.is-featured {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    min-height: auto !important;
    padding: 28px 22px 22px !important;
    border-radius: 16px !important;
    scroll-snap-align: center !important;
    scroll-snap-stop: always !important;
    transform: none !important;
  }

  .pkg-card:hover,
  .pkg-card.is-featured:hover {
    transform: none !important;
  }

  .pkg-plan-icon {
    width: 44px !important;
    height: 44px !important;
    font-size: 20px !important;
    margin: 0 0 14px !important;
    border-radius: 11px !important;
  }

  .pkg-popular {
    top: 0 !important;
    min-width: 132px !important;
    height: 28px !important;
    padding: 0 12px !important;
    border-radius: 0 0 8px 8px !important;
    font-size: 9px !important;
  }

  .pkg-card h3 {
    font-size: 16px !important;
    line-height: 1.15 !important;
    margin-bottom: 6px !important;
    letter-spacing: .02em !important;
  }

  .pkg-plan-sub {
    display: block !important;
    min-height: 0 !important;
    font-size: 11.5px !important;
    line-height: 1.35 !important;
    margin-bottom: 10px !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    overflow: visible !important;
  }

  .pkg-small-line {
    width: 30px !important;
    height: 2px !important;
    margin: 0 0 12px !important;
  }

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

  .pkg-currency {
    font-size: 16px !important;
    padding-top: 7px !important;
  }

  .pkg-price {
    font-size: 42px !important;
    line-height: .9 !important;
  }

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

  .pkg-followers {
    min-height: 42px !important;
    height: auto !important;
    gap: 9px !important;
    padding: 9px 12px !important;
    margin-bottom: 14px !important;
    border-radius: 8px !important;
    white-space: normal !important;
  }

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

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

  .pkg-list {
    gap: 9px !important;
    margin-bottom: 18px !important;
  }

  .pkg-list li {
    font-size: 10.8px !important;
    line-height: 1.25 !important;
    gap: 8px !important;
  }

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

  .pkg-card-btn {
    min-height: 38px !important;
    font-size: 11px !important;
    border-radius: 7px !important;
    gap: 6px !important;
  }

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

  .pkg-mobile-slider-btn {
    width: 38px !important;
    height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    border: 1px solid rgba(212,175,55,.55) !important;
    background: rgba(255,255,255,.08) !important;
    color: var(--gold) !important;
    font-size: 16px !important;
    cursor: pointer !important;
    transition: transform .18s ease, background .18s ease, opacity .18s ease !important;
  }

  .pkg-mobile-slider-btn:active {
    transform: scale(.96) !important;
  }

  .pkg-mobile-slider-btn:disabled {
    opacity: .38 !important;
    cursor: not-allowed !important;
  }

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

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

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

@media (max-width: 480px) {
  .pkg-container {
    width: min(100% - 14px, 480px) !important;
  }

  .pkg-cards {
    gap: 14px !important;
    padding: 8px 0 16px !important;
  }

  .pkg-card,
  .pkg-card.is-featured {
    flex-basis: 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    padding: 24px 18px 20px !important;
  }

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

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

/* FINAL MOBILE FIX: packages slider shows exactly one card at a time */
@media (max-width: 768px) {
  .pkg-cards {
    gap: 14px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    scroll-padding-inline: 0 !important;
  }

  .pkg-card,
  .pkg-card.is-featured {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    scroll-snap-align: start !important;
  }
}

/* FINAL MOBILE SIZE FIX: make package slider card smaller on mobile only */
@media (max-width: 768px) {
  .packages-section {
    padding-top: clamp(42px, 8vw, 58px) !important;
    padding-bottom: clamp(42px, 8vw, 58px) !important;
  }

  .pkg-cards {
    width: min(92%, 430px) !important;
    max-width: 430px !important;
    margin: 12px auto 0 !important;
    gap: 12px !important;
    padding: 6px 0 12px !important;
  }

  .pkg-card,
  .pkg-card.is-featured {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    padding: 20px 16px 16px !important;
    border-radius: 14px !important;
    transform: none !important;
    scroll-snap-align: start !important;
  }

  .pkg-card:hover,
  .pkg-card.is-featured:hover {
    transform: none !important;
  }

  .pkg-plan-icon {
    width: 38px !important;
    height: 38px !important;
    font-size: 17px !important;
    margin-bottom: 10px !important;
    border-radius: 10px !important;
  }

  .pkg-popular {
    height: 24px !important;
    min-width: 118px !important;
    font-size: 8px !important;
    padding: 0 10px !important;
  }

  .pkg-card h3 {
    font-size: 14px !important;
    line-height: 1.12 !important;
    margin-bottom: 5px !important;
  }

  .pkg-plan-sub {
    font-size: 10.2px !important;
    line-height: 1.28 !important;
    margin-bottom: 8px !important;
  }

  .pkg-small-line {
    width: 28px !important;
    margin-bottom: 9px !important;
  }

  .pkg-currency {
    font-size: 13px !important;
    padding-top: 6px !important;
  }

  .pkg-price {
    font-size: 36px !important;
    line-height: .9 !important;
  }

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

  .pkg-followers {
    min-height: 36px !important;
    padding: 7px 10px !important;
    margin-bottom: 11px !important;
    gap: 7px !important;
    border-radius: 7px !important;
  }

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

  .pkg-followers strong {
    font-size: 11.2px !important;
    line-height: 1.1 !important;
  }

  .pkg-list {
    gap: 6px !important;
    margin-bottom: 14px !important;
  }

  .pkg-list li {
    font-size: 9.5px !important;
    line-height: 1.22 !important;
    gap: 7px !important;
  }

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

  .pkg-card-btn {
    min-height: 34px !important;
    font-size: 10px !important;
    border-radius: 6px !important;
  }

  .pkg-mobile-slider-controls {
    margin-top: 2px !important;
  }
}

@media (max-width: 480px) {
  .pkg-cards {
    width: min(90%, 390px) !important;
    max-width: 390px !important;
    gap: 10px !important;
    padding: 4px 0 8px !important;
  }

  .pkg-card,
  .pkg-card.is-featured {
    padding: 17px 14px 14px !important;
    border-radius: 13px !important;
  }

  .pkg-plan-icon {
    width: 34px !important;
    height: 34px !important;
    font-size: 15px !important;
    margin-bottom: 9px !important;
  }

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

  .pkg-plan-sub {
    font-size: 9.5px !important;
    margin-bottom: 7px !important;
  }

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

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

  .pkg-followers {
    min-height: 34px !important;
    padding: 6px 9px !important;
    margin-bottom: 10px !important;
  }

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

  .pkg-list {
    gap: 5px !important;
    margin-bottom: 12px !important;
  }

  .pkg-list li {
    font-size: 8.6px !important;
    gap: 6px !important;
  }

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

  .pkg-card-btn {
    min-height: 32px !important;
    font-size: 9px !important;
  }
}

/* ════════════════════════════════
   FINAL MOBILE UPDATE: make testimonial cards smaller on mobile only
   Desktop and tablet layout stays unchanged.
════════════════════════════════ */
@media (max-width: 767px) {
  .testimonials-section .tst-masonry {
    gap: 12px !important;
    padding: 0 18px 12px !important;
    scroll-padding-left: 18px !important;
    scroll-padding-right: 18px !important;
  }

  .testimonials-section .tst-card,
  .testimonials-section .tst-card-featured,
  .testimonials-section .tst-card-wide,
  .testimonials-section .tst-card:not(.tst-card-featured):not(.tst-card-wide) {
    flex: 0 0 calc(100% - 36px) !important;
    width: calc(100% - 36px) !important;
    min-width: calc(100% - 36px) !important;
    max-width: calc(100% - 36px) !important;
    border-radius: 12px !important;
    padding: 13px 14px 13px !important;
    scroll-snap-align: center !important;
  }

  .testimonials-section .tst-card-quote,
  .testimonials-section .tst-card-featured .tst-card-quote,
  .testimonials-section .tst-card-wide .tst-card-quote {
    font-size: 20px !important;
    line-height: 0.9 !important;
    margin-bottom: 5px !important;
  }

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

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

  .testimonials-section .tst-author {
    padding-top: 9px !important;
    gap: 8px !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
  }

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

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

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

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

  .testimonials-section .tst-mini-stars {
    font-size: 7.4px !important;
    gap: 1.5px !important;
    margin-top: 3px !important;
  }

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

  .testimonials-section .tst-author-actions {
    width: auto !important;
    flex: 0 0 auto !important;
    justify-content: flex-end !important;
    gap: 7px !important;
  }

  .testimonials-section .tst-social {
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px !important;
    font-size: 10.5px !important;
  }

  .testimonials-section .tst-growth-pill {
    height: 20px !important;
    padding: 0 8px !important;
    font-size: 7.2px !important;
    line-height: 1 !important;
  }
}

@media (max-width: 390px) {
  .testimonials-section .tst-masonry {
    padding-left: 14px !important;
    padding-right: 14px !important;
    scroll-padding-left: 14px !important;
    scroll-padding-right: 14px !important;
  }

  .testimonials-section .tst-card,
  .testimonials-section .tst-card-featured,
  .testimonials-section .tst-card-wide,
  .testimonials-section .tst-card:not(.tst-card-featured):not(.tst-card-wide) {
    flex-basis: calc(100% - 28px) !important;
    width: calc(100% - 28px) !important;
    min-width: calc(100% - 28px) !important;
    max-width: calc(100% - 28px) !important;
    padding: 12px 12px 12px !important;
  }

  .testimonials-section .tst-text,
  .testimonials-section .tst-card-featured .tst-text,
  .testimonials-section .tst-card-wide .tst-text {
    font-size: 9px !important;
  }

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

/* FINAL FIX: show exactly 1 testimonial card at a time on mobile */
@media (max-width: 767px) {
  .testimonials-section .tst-container {
    width: min(100% - 28px, 460px) !important;
  }

  .testimonials-section .tst-masonry {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 0 !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scroll-padding-left: 0 !important;
    scroll-padding-right: 0 !important;
    padding: 0 0 12px 0 !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }

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

  .testimonials-section .tst-card,
  .testimonials-section .tst-card-featured,
  .testimonials-section .tst-card-wide,
  .testimonials-section .tst-card:not(.tst-card-featured):not(.tst-card-wide) {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
  }

  .testimonials-section .tst-mobile-slider-controls {
    display: flex !important;
  }
}

/* FINAL FIX: mobile rating panel spacing/alignment
   Keeps desktop unchanged. Fixes mobile overlap by separating score,
   bar chart, and platform ratings into clean rows. */
@media (max-width: 767px) {
  .testimonials-section .tst-rating-panel {
    grid-template-columns: 78px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    column-gap: 12px !important;
    row-gap: 12px !important;
    padding: 14px 12px 15px !important;
    min-height: auto !important;
    align-items: center !important;
  }

  .testimonials-section .tst-score-block {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: center !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .testimonials-section .tst-score {
    font-size: 34px !important;
    line-height: .86 !important;
  }

  .testimonials-section .tst-score-stars {
    margin: 5px 0 3px !important;
    font-size: 8px !important;
  }

  .testimonials-section .tst-score-note {
    max-width: 70px !important;
    margin: 0 auto !important;
    font-size: 6px !important;
    line-height: 1.15 !important;
    white-space: normal !important;
  }

  .testimonials-section .tst-bars {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: center !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .testimonials-section .tst-bar-row {
    grid-template-columns: 18px minmax(0, 1fr) 23px !important;
    gap: 5px !important;
    font-size: 6.8px !important;
  }

  .testimonials-section .tst-platforms {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;
    width: 100% !important;
    padding: 8px 2px 0 !important;
    margin: 0 !important;
    border-top: 1px solid rgba(212,175,55,.20) !important;
    align-items: start !important;
  }

  .testimonials-section .tst-platform {
    min-width: 0 !important;
    min-height: 42px !important;
    justify-content: flex-start !important;
    gap: 2px !important;
    font-size: 6.8px !important;
    line-height: 1.05 !important;
  }

  .testimonials-section .tst-platform-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    height: 20px !important;
    margin: 0 auto 1px !important;
    font-size: 17px !important;
    line-height: 1 !important;
  }

  .testimonials-section .tst-platform-score {
    font-size: 8px !important;
    line-height: 1 !important;
  }
}

@media (max-width: 380px) {
  .testimonials-section .tst-rating-panel {
    grid-template-columns: 68px minmax(0, 1fr) !important;
    column-gap: 9px !important;
    padding: 12px 10px 13px !important;
  }

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

  .testimonials-section .tst-score-note {
    max-width: 60px !important;
    font-size: 5.7px !important;
  }

  .testimonials-section .tst-bar-row {
    grid-template-columns: 16px minmax(0, 1fr) 21px !important;
    gap: 4px !important;
    font-size: 6.2px !important;
  }
}

/* FINAL PACKAGE ICON ALIGNMENT FIX
   Keeps package/card design unchanged; only locks icon spacing and alignment. */
.packages-section .pkg-platform-tabs,
.packages-section .pkg-tab,
.packages-section .pkg-cards,
.packages-section .pkg-card,
.packages-section .pkg-benefits-bar,
.packages-section .pkg-benefit,
.packages-section .pkg-custom-left {
  min-width: 0 !important;
}

.packages-section .pkg-tab {
  align-items: center !important;
}

.packages-section .pkg-tab-icon,
.packages-section .pkg-plan-icon,
.packages-section .pkg-followers > i,
.packages-section .pkg-list li > i,
.packages-section .pkg-benefit > i,
.packages-section .pkg-custom-icon,
.packages-section .pkg-card-btn > i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  text-align: center !important;
  flex-shrink: 0 !important;
}

.packages-section .pkg-plan-icon {
  align-self: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.packages-section .pkg-card h3,
.packages-section .pkg-plan-sub,
.packages-section .pkg-small-line,
.packages-section .pkg-price-row,
.packages-section .pkg-onetime {
  align-self: center !important;
  text-align: center !important;
}

.packages-section .pkg-small-line {
  margin-left: auto !important;
  margin-right: auto !important;
}

.packages-section .pkg-price-row {
  justify-content: center !important;
  width: 100% !important;
}

.packages-section .pkg-followers {
  align-items: center !important;
}

.packages-section .pkg-followers > i {
  width: 18px !important;
  min-width: 18px !important;
}

.packages-section .pkg-list li {
  display: grid !important;
  grid-template-columns: 16px minmax(0, 1fr) !important;
  align-items: start !important;
}

.packages-section .pkg-list li > i {
  width: 16px !important;
  min-width: 16px !important;
  margin-top: 1px !important;
}

.packages-section .pkg-card-btn {
  width: 100% !important;
  align-items: center !important;
}

.packages-section .pkg-card-btn > i {
  width: 14px !important;
  min-width: 14px !important;
}

.packages-section .pkg-benefit {
  align-items: center !important;
}

@media (max-width: 768px) {
  .packages-section .pkg-plan-icon {
    align-self: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .packages-section .pkg-list li {
    grid-template-columns: 15px minmax(0, 1fr) !important;
    align-items: start !important;
  }

  .packages-section .pkg-list li > i {
    width: 15px !important;
    min-width: 15px !important;
  }
}

@media (max-width: 480px) {
  .packages-section .pkg-list li {
    grid-template-columns: 14px minmax(0, 1fr) !important;
  }

  .packages-section .pkg-list li > i {
    width: 14px !important;
    min-width: 14px !important;
  }
}

/* FINAL MOBILE FIX: keep package platform icons/tabs in one row on mobile */
@media (max-width: 700px) {
  .packages-section .pkg-platform-tabs {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 16px auto 18px !important;
    overflow: visible !important;
  }

  .packages-section .pkg-platform-tabs .pkg-tab {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 58px !important;
    padding: 8px 4px !important;
    border-radius: 12px !important;
  }

  .packages-section .pkg-platform-tabs .pkg-tab:nth-child(4) {
    grid-column: auto !important;
  }

  .packages-section .pkg-platform-tabs .pkg-tab-icon {
    width: 26px !important;
    height: 26px !important;
    flex: 0 0 26px !important;
    border-radius: 7px !important;
    font-size: 14px !important;
  }

  .packages-section .pkg-platform-tabs .pkg-tab-text {
    width: 100% !important;
    min-width: 0 !important;
    text-align: center !important;
  }

  .packages-section .pkg-platform-tabs .pkg-tab-text strong {
    display: block !important;
    font-size: 8.5px !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .packages-section .pkg-platform-tabs .pkg-tab-text span {
    display: none !important;
  }

  .packages-section .pkg-tab.active::after {
    bottom: -9px !important;
    border-left-width: 8px !important;
    border-right-width: 8px !important;
    border-top-width: 10px !important;
  }
}

@media (max-width: 380px) {
  .packages-section .pkg-platform-tabs {
    gap: 4px !important;
  }

  .packages-section .pkg-platform-tabs .pkg-tab {
    min-height: 54px !important;
    padding: 7px 3px !important;
  }

  .packages-section .pkg-platform-tabs .pkg-tab-icon {
    width: 24px !important;
    height: 24px !important;
    flex-basis: 24px !important;
    font-size: 13px !important;
  }

  .packages-section .pkg-platform-tabs .pkg-tab-text strong {
    font-size: 7.5px !important;
  }
}

/* FINAL MOBILE PACKAGE HEADING FIX
   Makes the Instagram package heading match the reference on mobile only. */
@media (max-width: 700px) {
  .packages-section .pkg-packages-intro {
    width: 100% !important;
    max-width: 100% !important;
    margin: 18px auto 20px !important;
    padding: 0 4px !important;
    text-align: center !important;
  }

  .packages-section .pkg-packages-title {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 auto 18px !important;
    color: #f7f5ee !important;
    font-size: clamp(26px, 7.2vw, 52px) !important;
    line-height: 1.02 !important;
    font-weight: 900 !important;
    letter-spacing: -.045em !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  .packages-section .pkg-instagram-mark {
    width: clamp(27px, 7vw, 38px) !important;
    height: clamp(27px, 7vw, 38px) !important;
    flex: 0 0 clamp(27px, 7vw, 38px) !important;
    border-radius: 8px !important;
    font-size: clamp(15px, 4vw, 21px) !important;
    margin: 0 !important;
  }

  .packages-section .pkg-packages-desc {
    max-width: 620px !important;
    margin: 0 auto !important;
    padding: 0 18px !important;
    color: rgba(255,255,255,.84) !important;
    font-size: clamp(13px, 3.6vw, 17px) !important;
    line-height: 1.55 !important;
    font-weight: 500 !important;
    text-align: center !important;
  }
}

@media (max-width: 420px) {
  .packages-section .pkg-packages-title {
    gap: 8px !important;
    font-size: clamp(24px, 6.8vw, 30px) !important;
    letter-spacing: -.05em !important;
  }

  .packages-section .pkg-packages-desc {
    max-width: 340px !important;
    padding: 0 10px !important;
    font-size: 13.5px !important;
  }
}

/* FINAL MOBILE HEADING OVERFLOW FIX
   Keeps the Instagram icon + heading in one row, but makes it fit fully on mobile. */
@media (max-width: 700px) {
  .packages-section .pkg-packages-intro {
    width: 100% !important;
    max-width: 100% !important;
    margin: 14px auto 18px !important;
    padding: 0 !important;
    text-align: center !important;
    overflow: visible !important;
  }

  .packages-section .pkg-packages-title {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    gap: clamp(5px, 1.5vw, 8px) !important;
    width: 100% !important;
    max-width: calc(100vw - 18px) !important;
    margin: 0 auto 14px !important;
    padding: 0 4px !important;
    white-space: nowrap !important;
    overflow: visible !important;
    color: #f7f5ee !important;
    font-size: clamp(20px, 5.05vw, 32px) !important;
    line-height: 1.08 !important;
    font-weight: 900 !important;
    letter-spacing: -.055em !important;
    text-align: center !important;
  }

  .packages-section .pkg-instagram-mark {
    width: clamp(22px, 5.8vw, 31px) !important;
    height: clamp(22px, 5.8vw, 31px) !important;
    flex: 0 0 clamp(22px, 5.8vw, 31px) !important;
    border-radius: 7px !important;
    font-size: clamp(13px, 3.2vw, 18px) !important;
    margin: 0 !important;
  }

  .packages-section .pkg-packages-desc {
    max-width: min(350px, calc(100vw - 42px)) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    font-size: clamp(12.5px, 3.35vw, 15px) !important;
    line-height: 1.58 !important;
    font-weight: 500 !important;
    text-align: center !important;
  }
}

@media (max-width: 420px) {
  .packages-section .pkg-packages-title {
    gap: 5px !important;
    max-width: calc(100vw - 12px) !important;
    padding: 0 2px !important;
    font-size: clamp(18px, 5.1vw, 21.5px) !important;
    line-height: 1.08 !important;
    letter-spacing: -.06em !important;
  }

  .packages-section .pkg-instagram-mark {
    width: clamp(20px, 5.7vw, 23px) !important;
    height: clamp(20px, 5.7vw, 23px) !important;
    flex-basis: clamp(20px, 5.7vw, 23px) !important;
    border-radius: 6px !important;
    font-size: clamp(12px, 3.2vw, 14px) !important;
  }

  .packages-section .pkg-packages-desc {
    max-width: min(330px, calc(100vw - 46px)) !important;
    font-size: 13.2px !important;
    line-height: 1.55 !important;
  }
}

@media (max-width: 360px) {
  .packages-section .pkg-packages-title {
    gap: 4px !important;
    font-size: 17px !important;
    letter-spacing: -.065em !important;
  }

  .packages-section .pkg-instagram-mark {
    width: 20px !important;
    height: 20px !important;
    flex-basis: 20px !important;
    font-size: 12px !important;
  }
}

/* ════════════════════════════════════════
   FINAL UPDATE: show Client Results section + mobile result slider
   Only Client Results card color and mobile slider behavior are changed.
════════════════════════════════════════ */
.client-results-section {
  display: block !important;
}

.client-results-section .cr-cards-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
  margin-top: 18px !important;
  padding: 8px 0 16px !important;
  overflow: visible !important;
  scroll-snap-type: none !important;
}

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

.client-results-section .cr-card:nth-child(n) {
  display: flex !important;
}

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

.client-results-section .cr-client-name,
.client-results-section .cr-mini-value,
.client-results-section .cr-mini-value.gold,
.client-results-section .cr-growth-value,
.client-results-section .cr-card-bottom {
  color: #151a16 !important;
}

.client-results-section .cr-client-type,
.client-results-section .cr-mini-label,
.client-results-section .cr-growth-label {
  color: #697166 !important;
}

@media (max-width: 768px) {
  .client-results-section .cr-container {
    width: min(100% - 24px, 520px) !important;
  }

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

  .client-results-section .cr-nav-arrows {
    display: flex !important;
    flex: 0 0 auto !important;
  }

  .client-results-section .cr-cards-grid {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 14px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 8px 2px 16px !important;
    cursor: grab !important;
    scrollbar-width: none !important;
  }

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

  .client-results-section .cr-card {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    min-height: 350px !important;
    padding: 22px 20px 18px !important;
    border-radius: 16px !important;
    scroll-snap-align: start !important;
  }

  .client-results-section .cr-client-top {
    gap: 12px !important;
    margin-bottom: 18px !important;
    padding-right: 44px !important;
  }

  .client-results-section .cr-avatar,
  .client-results-section .cr-avatar.blue,
  .client-results-section .cr-avatar.purple {
    width: 48px !important;
    height: 48px !important;
    flex-basis: 48px !important;
    font-size: 11px !important;
  }

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

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

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

  .client-results-section .cr-mini-label {
    font-size: 8.5px !important;
    margin-bottom: 6px !important;
  }

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

  .client-results-section .cr-growth-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
    margin: 0 0 12px !important;
  }

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

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

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

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

  .client-results-section .cr-case-platform {
    width: 34px !important;
    height: 34px !important;
    border-radius: 10px !important;
    font-size: 17px !important;
    top: 18px !important;
    right: 18px !important;
  }

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

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

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

@media (max-width: 430px) {
  .client-results-section .cr-card {
    min-height: 330px !important;
    padding: 18px 15px 16px !important;
  }

  .client-results-section .cr-avatar,
  .client-results-section .cr-avatar.blue,
  .client-results-section .cr-avatar.purple {
    width: 42px !important;
    height: 42px !important;
    flex-basis: 42px !important;
  }

  .client-results-section .cr-client-name { font-size: 12px !important; }
  .client-results-section .cr-client-type { font-size: 8.8px !important; }
  .client-results-section .cr-mini-value,
  .client-results-section .cr-mini-value.gold { font-size: 22px !important; }
  .client-results-section .cr-growth-value,
  .client-results-section .cr-growth-value.green { font-size: 9.5px !important; }
  .client-results-section .cr-growth-label { font-size: 6.8px !important; }
  .client-results-section .cr-case-chart { height: 72px !important; }
  .client-results-section .cr-card-bottom::after { font-size: 8px !important; padding: 0 10px !important; }
}

/* FINAL LARGE SCREEN WIDTH FIX - only the two requested parts */
@media (min-width: 992px) {
  .packages-section .pkg-benefits-bar {
    width: 100% !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .testimonials-section .tst-container {
    width: 95% !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .testimonials-section .tst-rating-panel,
  .testimonials-section .tst-masonry {
    width: 100% !important;
    max-width: none !important;
  }
}

/* FINAL SMOOTH WEBSITE ANIMATION UPDATE */
:root {
  --smooth-site-ease: cubic-bezier(.22, 1, .36, 1);
  --smooth-site-speed: .34s;
}

html {
  scroll-behavior: smooth !important;
}

.cr-cards-grid,
.pkg-cards,
.tst-masonry,
.wwd-steps-grid {
  scroll-behavior: smooth !important;
  -webkit-overflow-scrolling: touch !important;
}

@media (prefers-reduced-motion: no-preference) {
  html.pro-anim-ready .pro-reveal {
    opacity: 0 !important;
    transform: translate3d(0, 16px, 0) !important;
    filter: blur(4px) !important;
    transition:
      opacity .72s var(--smooth-site-ease) var(--pro-delay, 0ms),
      transform .72s var(--smooth-site-ease) var(--pro-delay, 0ms),
      filter .72s var(--smooth-site-ease) var(--pro-delay, 0ms) !important;
    will-change: opacity, transform, filter !important;
  }

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

  .apex-nav,
  .nav-mobile-panel,
  .nav-mobile-backdrop,
  .nav-links a,
  .nav-toggle,
  .btn-cta,
  .btn-primary-hero,
  .btn-ghost-hero,
  .ab-btn-gold,
  .ab-btn-ghost,
  .wwd-btn,
  .pkg-card-btn,
  .pkg-custom-btn,
  .cr-main-cta,
  .cr-view-all,
  .insights-cta-button,
  .insights-view-btn,
  .insights-post-link,
  .footer-v2-link {
    transition:
      transform var(--smooth-site-speed) var(--smooth-site-ease),
      box-shadow var(--smooth-site-speed) var(--smooth-site-ease),
      border-color var(--smooth-site-speed) var(--smooth-site-ease),
      background var(--smooth-site-speed) var(--smooth-site-ease),
      color var(--smooth-site-speed) var(--smooth-site-ease),
      filter var(--smooth-site-speed) var(--smooth-site-ease),
      opacity var(--smooth-site-speed) var(--smooth-site-ease) !important;
  }

  .s-box,
  .feature-strip,
  .stats-strip,
  .feat-item,
  .stat-item,
  .ab-stat,
  .ab-team-pill,
  .wwd-card,
  .wwd-metric,
  .wwd-steps-panel,
  .wwd-bottom-cta,
  .cr-hero-panel,
  .cr-card,
  .cr-testimonial-card,
  .pkg-card,
  .pkg-benefits-bar,
  .pkg-custom-plan,
  .tst-card,
  .tst-rating-panel,
  .tst-video-card,
  .tst-trust-card,
  .insights-post,
  .insights-cat-card,
  .insights-featured,
  .insights-newsletter,
  .footer-v2-panel,
  .footer-v2-brand-panel,
  .footer-v2-contact-card {
    backface-visibility: hidden !important;
    transition:
      transform .36s var(--smooth-site-ease),
      box-shadow .36s var(--smooth-site-ease),
      border-color .36s var(--smooth-site-ease),
      background .36s var(--smooth-site-ease),
      filter .36s var(--smooth-site-ease),
      opacity .36s var(--smooth-site-ease) !important;
  }

  .feat-icon,
  .stat-icon,
  .ab-stat-icon,
  .wwd-card-icon,
  .wwd-custom-icon,
  .wwd-metric-icon,
  .wwd-step-icon,
  .wwd-cta-icon,
  .pkg-plan-icon,
  .cr-title-icon,
  .cr-social,
  .tst-platform-icon,
  .tst-trust-icon,
  .insights-cat-icon,
  .footer-v2-contact-icon {
    animation: finalIconGlow 4.2s ease-in-out infinite !important;
    transition:
      transform .34s var(--smooth-site-ease),
      box-shadow .34s var(--smooth-site-ease),
      filter .34s var(--smooth-site-ease),
      background .34s var(--smooth-site-ease) !important;
  }

  .sc-chart-area span,
  .sc-ls-chart span,
  .cr-bar,
  .tst-bar-fill,
  .insights-phone-bar {
    transform-origin: bottom center !important;
    animation: finalBarGlow 3.4s ease-in-out infinite alternate !important;
    transition: height .34s var(--smooth-site-ease), width .34s var(--smooth-site-ease), filter .34s var(--smooth-site-ease) !important;
  }

  .hero-section,
  .about-section,
  .wwd-section,
  .client-results-section,
  .packages-section,
  .testimonials-section,
  .insights-section {
    animation: finalSectionGlow 9s ease-in-out infinite alternate !important;
  }

  .pro-scroll-progress {
    transition: width .12s linear !important;
  }

  html.pro-anim-ready .pro-reveal.pro-visible:is(.wwd-card, .cr-card, .cr-testimonial-card, .pkg-card, .tst-card, .insights-post, .insights-cat-card, .ab-stat, .footer-v2-contact-card):hover {
    transform: translate3d(0, -4px, 0) !important;
  }

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

  @keyframes finalBarGlow {
    from { filter: drop-shadow(0 0 0 rgba(212,175,55,0)); }
    to { filter: drop-shadow(0 0 9px rgba(212,175,55,.24)); }
  }

  @keyframes finalSectionGlow {
    from { box-shadow: inset 0 0 0 rgba(212,175,55,0); }
    to { box-shadow: inset 0 0 64px rgba(212,175,55,.032); }
  }
}

@media (prefers-reduced-motion: reduce) {
  html.pro-anim-ready .pro-reveal,
  html.pro-anim-ready .pro-reveal.pro-visible {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
  }
}

/* FINAL MOBILE FIX: keep Client Results 3 stats in one row on mobile */
@media (max-width: 991px) {
  .client-results-section .cr-top-stats {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
    overflow: hidden !important;
  }

  .client-results-section .cr-stat {
    min-width: 0 !important;
    min-height: 76px !important;
    padding: 12px 6px !important;
    gap: 7px !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: left !important;
    border-top: 0 !important;
    border-left: 1px solid rgba(212,175,55,.20) !important;
  }

  .client-results-section .cr-stat:first-child {
    border-left: 0 !important;
  }

  .client-results-section .cr-stat + .cr-stat {
    border-top: 0 !important;
    border-left: 1px solid rgba(212,175,55,.20) !important;
  }

  .client-results-section .cr-stat i {
    font-size: 22px !important;
    flex: 0 0 auto !important;
  }

  .client-results-section .cr-stat-value {
    font-size: clamp(20px, 5.2vw, 25px) !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  .client-results-section .cr-stat-label {
    margin-top: 3px !important;
    font-size: clamp(8px, 2.1vw, 10px) !important;
    line-height: 1.12 !important;
    white-space: normal !important;
  }
}

@media (max-width: 380px) {
  .client-results-section .cr-stat {
    min-height: 68px !important;
    padding: 10px 4px !important;
    gap: 5px !important;
  }

  .client-results-section .cr-stat i {
    font-size: 18px !important;
  }

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

  .client-results-section .cr-stat-label {
    font-size: 7.5px !important;
  }
}

/* FINAL OVERRIDE: client result cards white like other cards */
.client-results-section .cr-card {
  background: linear-gradient(180deg, #ffffff 0%, #f8f8f4 100%) !important;
  border-color: rgba(23,35,29,.10) !important;
}

/* FINAL MOBILE FIX: WWD 5 metrics clean one-row layout */
@media (max-width: 767px) {
  .wwd-section .wwd-metrics {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  .wwd-section .wwd-metric,
  .wwd-section .wwd-metric:nth-child(n),
  .wwd-section .wwd-metric:first-child,
  .wwd-section .wwd-metric:nth-child(even) {
    min-width: 0 !important;
    min-height: 70px !important;
    padding: 8px 2px !important;
    gap: 3px !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    overflow: hidden !important;
  }

  .wwd-section .wwd-metric-icon {
    width: 24px !important;
    height: 24px !important;
    flex: 0 0 24px !important;
    min-width: 24px !important;
    font-size: 11px !important;
    margin: 0 auto !important;
  }

  .wwd-section .wwd-metric > div {
    min-width: 0 !important;
    width: 100% !important;
    overflow: visible !important;
  }

  .wwd-section .wwd-metric-value {
    font-size: clamp(11px, 3.1vw, 14px) !important;
    line-height: 1 !important;
    letter-spacing: -.03em !important;
    white-space: nowrap !important;
  }

  .wwd-section .wwd-metric-label {
    font-size: clamp(5.5px, 1.55vw, 7px) !important;
    line-height: 1.05 !important;
    margin-top: 2px !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
  }
}

@media (max-width: 390px) {
  .wwd-section .wwd-metric,
  .wwd-section .wwd-metric:nth-child(n),
  .wwd-section .wwd-metric:first-child,
  .wwd-section .wwd-metric:nth-child(even) {
    min-height: 66px !important;
    padding: 7px 1px !important;
  }

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

  .wwd-section .wwd-metric-value {
    font-size: clamp(10px, 3vw, 12px) !important;
  }

  .wwd-section .wwd-metric-label {
    font-size: 5.4px !important;
  }
}

/* FINAL UPDATE: animated graphs/charts in Client Results hero */
.cr-chart-wrap {
  overflow: visible !important;
}

.cr-live-charts {
  position: relative;
  z-index: 2;
  width: min(460px, 100%);
  min-height: 282px;
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(112px, .65fr);
  gap: 14px;
  align-items: stretch;
  filter: drop-shadow(0 24px 34px rgba(0,0,0,.34));
}

.cr-live-main,
.cr-mini-chart {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(212,175,55,.28);
  background:
    radial-gradient(ellipse 260px 130px at 28% 0%, rgba(212,175,55,.14), transparent 64%),
    linear-gradient(145deg, rgba(19,35,30,.92), rgba(7,17,15,.96));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 18px 36px rgba(0,0,0,.22);
}

.cr-live-main {
  min-height: 282px;
  border-radius: 18px;
  padding: 16px 16px 14px;
}

.cr-live-main::before,
.cr-mini-chart::before {
  content: '';
  position: absolute;
  inset: -45% -25%;
  background: linear-gradient(110deg, transparent 0%, rgba(255,255,255,.08) 45%, transparent 60%);
  transform: translateX(-64%) rotate(8deg);
  animation: crChartShine 5.4s ease-in-out infinite;
  pointer-events: none;
}

.cr-chart-head,
.cr-mini-head {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: rgba(247,244,235,.82);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.cr-chart-head em {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 6px 8px;
  border-radius: 999px;
  color: #07100f;
  background: linear-gradient(135deg, #f3d86b, #d4af37);
  font-style: normal;
  font-size: 9px;
  line-height: 1;
  box-shadow: 0 0 20px rgba(212,175,55,.22);
}

.cr-line-chart {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 180px;
  margin-top: 12px;
  overflow: visible;
}

.cr-grid-lines path {
  fill: none;
  stroke: rgba(255,255,255,.08);
  stroke-width: 1;
}

.cr-area-fill {
  fill: url(#crAreaGlow);
  opacity: 0;
  animation: crAreaFade 1.15s ease .35s forwards;
}

.cr-growth-line {
  fill: none;
  stroke: url(#crLineGlow);
  stroke-width: 6;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 780;
  stroke-dashoffset: 780;
  filter: drop-shadow(0 0 10px rgba(212,175,55,.45));
  animation: crLineDraw 2.4s cubic-bezier(.22,1,.36,1) .2s forwards;
}

.cr-chart-points circle {
  fill: #f3d86b;
  stroke: rgba(7,17,15,.95);
  stroke-width: 3;
  opacity: 0;
  transform-box: fill-box;
  transform-origin: center;
  animation: crPointPop .55s cubic-bezier(.22,1,.36,1) forwards, crPointPulse 2.8s ease-in-out infinite;
}

.cr-chart-points circle:nth-child(1) { animation-delay: .55s, 1.35s; }
.cr-chart-points circle:nth-child(2) { animation-delay: .78s, 1.55s; }
.cr-chart-points circle:nth-child(3) { animation-delay: 1.01s, 1.75s; }
.cr-chart-points circle:nth-child(4) { animation-delay: 1.24s, 1.95s; }
.cr-chart-points circle:nth-child(5) { animation-delay: 1.47s, 2.15s; }
.cr-chart-points circle:nth-child(6) { animation-delay: 1.70s, 2.35s; }

.cr-live-kpis {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 7px;
}

.cr-live-kpis span {
  min-height: 42px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 8px 9px;
  border: 1px solid rgba(212,175,55,.18);
  border-radius: 10px;
  background: rgba(255,255,255,.045);
  color: rgba(247,244,235,.68);
  font-size: 8px;
  font-weight: 700;
  line-height: 1.2;
}

.cr-live-kpis strong {
  color: #f3d86b;
  font-size: 12px;
  font-weight: 900;
}

.cr-live-side {
  display: grid;
  gap: 14px;
}

.cr-mini-chart {
  min-height: 134px;
  border-radius: 16px;
  padding: 13px 12px;
}

.cr-animated-bars {
  position: relative;
  z-index: 2;
  height: 82px;
  margin-top: 12px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 8px;
}

.cr-animated-bars span {
  width: 16px;
  height: var(--h);
  border-radius: 7px 7px 3px 3px;
  background: linear-gradient(180deg, #f3d86b 0%, #d4af37 52%, #546d48 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.38), 0 0 13px rgba(212,175,55,.14);
  transform: scaleY(.2);
  transform-origin: bottom;
  animation: crBarGrow 1.5s cubic-bezier(.22,1,.36,1) forwards, crBarFloat 3.2s ease-in-out infinite;
}

.cr-animated-bars span:nth-child(1) { animation-delay: .20s, 1.7s; }
.cr-animated-bars span:nth-child(2) { animation-delay: .38s, 1.9s; }
.cr-animated-bars span:nth-child(3) { animation-delay: .56s, 2.1s; }
.cr-animated-bars span:nth-child(4) { animation-delay: .74s, 2.3s; }

.cr-donut-chart {
  display: grid;
  place-items: center;
}

.cr-donut-chart .cr-mini-head {
  width: 100%;
  justify-content: center;
}

.cr-donut-svg {
  width: 86px;
  height: 86px;
  margin-top: 5px;
  transform: rotate(-90deg);
}

.cr-donut-bg,
.cr-donut-fill {
  fill: none;
  stroke-width: 12;
}

.cr-donut-bg {
  stroke: rgba(255,255,255,.09);
}

.cr-donut-fill {
  stroke: #d4af37;
  stroke-linecap: round;
  stroke-dasharray: 270;
  stroke-dashoffset: 270;
  filter: drop-shadow(0 0 10px rgba(212,175,55,.45));
  animation: crDonutFill 2s cubic-bezier(.22,1,.36,1) .55s forwards;
}

.cr-donut-chart strong {
  position: absolute;
  bottom: 23px;
  left: 50%;
  transform: translateX(-50%);
  color: #f7f4eb;
  font-size: 21px;
  line-height: 1;
  font-weight: 900;
}

@keyframes crLineDraw {
  to { stroke-dashoffset: 0; }
}

@keyframes crAreaFade {
  to { opacity: 1; }
}

@keyframes crPointPop {
  from { opacity: 0; transform: scale(.25); }
  to { opacity: 1; transform: scale(1); }
}

@keyframes crPointPulse {
  0%, 100% { filter: drop-shadow(0 0 0 rgba(212,175,55,.0)); }
  50% { filter: drop-shadow(0 0 10px rgba(212,175,55,.85)); }
}

@keyframes crBarGrow {
  to { transform: scaleY(1); }
}

@keyframes crBarFloat {
  0%, 100% { filter: brightness(1); }
  50% { filter: brightness(1.16); }
}

@keyframes crDonutFill {
  to { stroke-dashoffset: 49; }
}

@keyframes crChartShine {
  0%, 72%, 100% { transform: translateX(-64%) rotate(8deg); opacity: 0; }
  18% { opacity: .65; }
  42% { transform: translateX(72%) rotate(8deg); opacity: 0; }
}

@media (max-width: 991px) {
  .cr-live-charts {
    width: min(440px, 100%);
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .cr-live-side {
    grid-template-columns: repeat(2, 1fr);
  }

  .cr-live-main {
    min-height: 245px;
  }

  .cr-line-chart {
    height: 145px;
  }

  .cr-mini-chart {
    min-height: 112px;
  }

  .cr-donut-svg {
    width: 72px;
    height: 72px;
  }

  .cr-donut-chart strong {
    bottom: 18px;
    font-size: 17px;
  }
}

@media (max-width: 480px) {
  .cr-live-charts {
    gap: 10px;
  }

  .cr-live-main {
    padding: 13px 12px 12px;
    border-radius: 15px;
  }

  .cr-live-kpis {
    gap: 5px;
  }

  .cr-live-kpis span {
    padding: 7px 5px;
    font-size: 6.8px;
  }

  .cr-live-kpis strong {
    font-size: 10px;
  }

  .cr-live-side {
    gap: 10px;
  }

  .cr-mini-chart {
    padding: 11px 9px;
    border-radius: 14px;
  }

  .cr-mini-head {
    font-size: 8px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cr-live-main::before,
  .cr-mini-chart::before,
  .cr-growth-line,
  .cr-area-fill,
  .cr-chart-points circle,
  .cr-animated-bars span,
  .cr-donut-fill {
    animation: none !important;
    opacity: 1 !important;
    stroke-dashoffset: 0 !important;
    transform: none !important;
  }
}

/* FINAL FIX: make social icon cards white and fix conversion card */
.client-results-section .cr-social {
  background: linear-gradient(180deg, #ffffff 0%, #f8f8f4 100%) !important;
  border: 1px solid rgba(23,35,29,.10) !important;
  box-shadow:
    0 10px 18px rgba(0,0,0,.12),
    inset 0 1px 0 rgba(255,255,255,.98) !important;
}

.client-results-section .cr-social:hover {
  background: linear-gradient(180deg, #ffffff 0%, #f4f3ec 100%) !important;
  border-color: rgba(212,175,55,.55) !important;
  box-shadow:
    0 14px 24px rgba(0,0,0,.14),
    0 0 20px rgba(212,175,55,.10),
    inset 0 1px 0 rgba(255,255,255,.98) !important;
}

.client-results-section .cr-donut-chart {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: center !important;
}

.client-results-section .cr-donut-chart .cr-mini-head {
  justify-content: center !important;
  margin-bottom: 6px !important;
}

.client-results-section .cr-donut-svg {
  width: 88px !important;
  height: 88px !important;
  margin-top: 2px !important;
}

.client-results-section .cr-donut-chart strong {
  position: static !important;
  transform: none !important;
  margin-top: -54px !important;
  margin-bottom: 8px !important;
  color: #f7f4eb !important;
  font-size: 21px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

@media (max-width: 480px) {
  .client-results-section .cr-donut-svg {
    width: 78px !important;
    height: 78px !important;
  }

  .client-results-section .cr-donut-chart strong {
    margin-top: -48px !important;
    font-size: 18px !important;
  }
}

/* ═════════════════════════════════════════════════════════════
   FINAL MOBILE SCREEN FIX - make mobile match the desktop/reference look
   Keeps the same two-column design on phone instead of stacking/hamburger.
═════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
  html {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: clip !important;
  }
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow: 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;
  }/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */


  /* 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;
  }/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */


  .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 {
    background: #07100f !important;
    overflow-x: clip !important;
  }
  body {
    background: #07100f !important;
    overflow: 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;
  }/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */


  /* 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;
  }/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */


  .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: 310px !important;
    height: 310px !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;
  }/* removed shared-nav override */

}

/* =========================================================
   FINAL PERFORMANCE FIX - layout/data/design kept same
   ========================================================= */
body {
  background-attachment: scroll !important;
  animation: none !important;
}

body::before,
body::after {
  transform: translateZ(0) !important;
  will-change: auto !important;
}

.pro-scroll-progress {
  width: 100% !important;
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition: transform .08s linear !important;
  will-change: transform;
}

html.pro-anim-ready .pro-reveal {
  filter: none !important;
  transition:
    opacity .55s var(--pro-ease, cubic-bezier(.22, 1, .36, 1)) var(--pro-delay, 0ms),
    transform .55s var(--pro-ease, cubic-bezier(.22, 1, .36, 1)) var(--pro-delay, 0ms) !important;
  will-change: opacity, transform !important;
}

html.pro-anim-ready .pro-reveal.pro-visible {
  filter: none !important;
  will-change: auto !important;
}/* removed shared-nav override */


@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 (only when NOT scrolled)
   Added by ChatGPT — updated: nav-scrolled keeps its bg
===================================================== */
@media (max-width: 991px) {/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */

}

/* =====================================================
   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 {
    overflow-x: clip !important;
  }
  body {
    overflow: 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;
  }
}

/* Working hours mobile cut fix - only footer contact panel adjusted */
@media (max-width: 767px) {
  body.package-page-body .footer-v2-contact-panel {
    height: auto !important;
    min-height: 184px !important;
    padding-bottom: 14px !important;
    overflow: visible !important;
  }
  body.package-page-body .footer-v2-hours {
    margin-bottom: 0 !important;
    padding-bottom: 7px !important;
  }
  body.package-page-body .footer-v2-hour-row {
    align-items: flex-start !important;
  }
}

@media (max-width: 390px) {
  body.package-page-body .footer-v2-contact-panel {
    height: auto !important;
    min-height: 184px !important;
    padding-bottom: 14px !important;
    overflow: visible !important;
  }
}

/* Base page uses exact home variables/font/background already above */
  body.package-page-body {
    background: var(--bg) !important;
    background-image:
      radial-gradient(ellipse 520px 360px at 8% 4%, rgba(212,175,55,.12), transparent 64%),
      radial-gradient(ellipse 700px 520px at 92% 18%, rgba(76, 102, 61, .22), transparent 62%),
      radial-gradient(ellipse 900px 620px at 50% 82%, rgba(0,0,0,.22), transparent 62%) !important;
    color: var(--text-light) !important;
    font-family: 'Montserrat', sans-serif !important;
  }

  .package-page-body .hero-section.package-page-hero {
    min-height: auto !important;
    background: var(--bg) !important;
    overflow: hidden !important;
    padding-bottom: clamp(46px, 6vw, 92px) !important;
  }

  .package-page-body .hero-section.package-page-hero::before {
    background:
      radial-gradient(ellipse 780px 460px at 50% 112%, rgba(0,0,0,.45), transparent 55%),
      radial-gradient(ellipse 540px 340px at 80% 18%, rgba(212,175,55,.10), transparent 60%) !important;
  }

  .package-page-body .package-page-hero > .site-wrap {
    width: 95% !important;
    max-width: none !important;
    padding: 0 !important;
  }/* removed shared-nav override */


  .package-hero-area {
    position: relative;
    z-index: 12;
    display: grid;
    grid-template-columns: minmax(0, 1.03fr) minmax(340px, .97fr);
    gap: clamp(28px, 5vw, 84px);
    align-items: center;
    padding: clamp(116px, 11vw, 165px) 0 clamp(34px, 5vw, 70px);
  }

  .pkg-hero-copy {
    max-width: 790px;
  }

  .pkg-hero-eyebrow,
  .pkg-section-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    color: var(--gold);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .26em;
    text-transform: uppercase;
  }

  .pkg-hero-eyebrow::before,
  .pkg-hero-eyebrow::after,
  .pkg-section-eyebrow::before,
  .pkg-section-eyebrow::after {
    content: "";
    width: 26px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, var(--gold));
  }

  .pkg-hero-eyebrow::after,
  .pkg-section-eyebrow::after {
    background: linear-gradient(90deg, var(--gold), transparent);
  }

  .pkg-hero-title {
    font-family: 'Montserrat', sans-serif !important;
    font-size: clamp(42px, 6.1vw, 92px) !important;
    font-weight: 900 !important;
    line-height: .93 !important;
    color: #fff !important;
    margin: 0 0 clamp(17px, 2vw, 24px) !important;
    letter-spacing: -.062em !important;
    text-transform: uppercase;
    text-shadow: 0 18px 44px rgba(0,0,0,.38);
  }

  .pkg-hero-title span {
    color: var(--gold);
  }

  .pkg-hero-text {
    max-width: 660px;
    margin: 0 0 26px;
    color: rgba(255,255,255,.78);
    font-size: clamp(15px, 1.35vw, 18px);
    line-height: 1.86;
    font-weight: 500;
  }

  .pkg-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom: 26px;
  }

  .pkg-page-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 50px;
    padding: 14px 24px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 900;
    transition: transform .24s ease, filter .24s ease, border-color .24s ease, background .24s ease;
  }

  .pkg-page-btn:hover { transform: translateY(-3px); }

  .pkg-page-btn.primary {
    background: linear-gradient(135deg, #f3ca62 0%, var(--gold) 58%, #9f7620 100%);
    color: #171205;
    border: 1px solid rgba(255,224,134,.5);
    box-shadow: 0 16px 42px rgba(212,175,55,.28), inset 0 1px 0 rgba(255,255,255,.38);
  }

  .pkg-page-btn.ghost {
    background: rgba(255,255,255,.06);
    color: #fff;
    border: 1px solid rgba(212,175,55,.36);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
  }

  .pkg-page-btn.ghost:hover {
    background: rgba(212,175,55,.08);
    border-color: rgba(212,175,55,.62);
  }

  .pkg-hero-proof {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    max-width: 660px;
  }

  .pkg-proof-pill {
    min-height: 82px;
    padding: 14px 16px;
    border-radius: 18px;
    background: rgba(255,255,255,.055);
    border: 1px solid rgba(212,175,55,.18);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 14px 34px rgba(0,0,0,.18);
  }

  .pkg-proof-pill strong {
    display: block;
    color: #fff;
    font-size: clamp(18px, 2vw, 28px);
    line-height: 1;
    font-weight: 900;
    margin-bottom: 6px;
  }

  .pkg-proof-pill span {
    color: var(--muted);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .02em;
  }

  .pkg-hero-visual {
    position: relative;
    min-height: 610px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .pkg-orbit {
    position: absolute;
    inset: 7% 0 auto 50%;
    transform: translateX(-50%);
    width: min(560px, 90vw);
    height: min(560px, 90vw);
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.08);
    background:
      radial-gradient(circle at 48% 40%, rgba(28,47,33,.92), rgba(6,19,13,.58) 58%, transparent 70%),
      radial-gradient(circle, rgba(212,175,55,.13), transparent 72%);
    box-shadow: inset 0 0 90px rgba(212,175,55,.05);
  }

  .pkg-orbit::before,
  .pkg-orbit::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.07);
  }

  .pkg-orbit::before { inset: 44px; }
  .pkg-orbit::after { inset: 92px; border-color: rgba(212,175,55,.11); }

  .pkg-visual-card {
    position: relative;
    z-index: 2;
    width: min(440px, 90vw);
    border-radius: 32px;
    padding: 22px;
    background: #fff;
    color: #111;
    box-shadow: 0 30px 80px rgba(0,0,0,.42);
    overflow: hidden;
  }

  .pkg-visual-card::before {
    content: "";
    position: absolute;
    inset: -100px auto auto -100px;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background: rgba(212,175,55,.18);
  }

  .pkg-visual-top {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 18px;
  }

  .pkg-visual-top strong {
    display: block;
    font-size: 19px;
    line-height: 1.1;
    font-weight: 900;
  }

  .pkg-visual-top span {
    display: block;
    color: #627064;
    font-size: 11px;
    font-weight: 800;
    margin-top: 4px;
  }

  .pkg-visual-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 11px;
    border-radius: 999px;
    background: rgba(46,204,113,.16);
    color: #143821;
    font-size: 10px;
    font-weight: 900;
    white-space: nowrap;
  }

  .pkg-visual-chart {
    position: relative;
    height: 160px;
    border-radius: 24px;
    padding: 18px;
    background:
      linear-gradient(150deg, transparent 48%, rgba(212,175,55,.33) 48%, rgba(212,175,55,.33) 51%, transparent 51%),
      repeating-linear-gradient(to top, rgba(0,0,0,.06) 0, rgba(0,0,0,.06) 1px, transparent 1px, transparent 32px),
      linear-gradient(180deg, #f8f8f2, #fff);
    overflow: hidden;
  }

  .pkg-chart-line {
    position: absolute;
    left: 26px;
    right: 26px;
    bottom: 34px;
    height: 92px;
  }

  .pkg-chart-line svg {
    width: 100%;
    height: 100%;
    overflow: visible;
  }

  .pkg-chart-line polyline {
    fill: none;
    stroke: var(--gold);
    stroke-width: 5;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .pkg-visual-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-top: 14px;
  }

  .pkg-visual-stat {
    border-radius: 18px;
    padding: 13px 10px;
    background: #f7f7f0;
    border: 1px solid rgba(0,0,0,.05);
  }

  .pkg-visual-stat b {
    display: block;
    font-size: 18px;
    font-weight: 900;
    line-height: 1;
    margin-bottom: 5px;
  }

  .pkg-visual-stat span {
    display: block;
    color: #677064;
    font-size: 10px;
    font-weight: 800;
    line-height: 1.25;
  }

  .pkg-float-card {
    position: absolute;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 13px 15px;
    border-radius: 18px;
    background: rgba(12,24,17,.88);
    border: 1px solid rgba(212,175,55,.22);
    box-shadow: 0 18px 50px rgba(0,0,0,.34);
    font-size: 12px;
    font-weight: 900;
    animation: pkgFloat 5s ease-in-out infinite;
  }

  .pkg-float-card i {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(212,175,55,.16);
    color: var(--gold);
  }

  .pkg-float-card.one { left: 0; top: 115px; }
  .pkg-float-card.two { right: 0; bottom: 104px; animation-delay: .7s; }

  @keyframes pkgFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-12px); }
  }

  .package-page-body .pkg-container {
    width: 95% !important;
    max-width: 1480px !important;
    margin: 0 auto !important;
  }

  .package-page-body .pkg-title,
  .package-page-body .enhance-title {
    font-family: 'Montserrat', sans-serif !important;
    font-size: clamp(30px, 4vw, 52px) !important;
    font-weight: 900 !important;
    line-height: 1.08 !important;
    color: #fff !important;
    margin: 0 0 clamp(14px, 2vw, 22px) !important;
    letter-spacing: -.045em !important;
    text-shadow: 0 10px 30px rgba(0,0,0,.30);
  }

  .package-page-body .pkg-title span,
  .package-page-body .enhance-title span { color: var(--gold) !important; }

  .enhance-text {
    color: var(--muted) !important;
    font-size: clamp(14px, 1.3vw, 17px) !important;
    line-height: 1.8 !important;
  }

  .package-page-body .pkg-cards {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: clamp(16px, 2vw, 24px) !important;
    align-items: stretch !important;
  }

  .package-page-body .pkg-card {
    min-height: 650px !important;
    border-radius: 28px !important;
    padding: clamp(26px, 3vw, 36px) clamp(18px, 2.2vw, 30px) !important;
    background: #fff !important;
    color: #111 !important;
    border: 1px solid rgba(255,255,255,.85) !important;
    box-shadow: 0 24px 74px rgba(0,0,0,.30) !important;
    transform: none !important;
  }

  .package-page-body .pkg-card:hover {
    transform: translateY(-10px) !important;
    box-shadow: 0 34px 88px rgba(0,0,0,.38) !important;
  }

  .package-page-body .pkg-card.is-featured {
    background: linear-gradient(180deg, #ffffff 0%, #fffaf0 100%) !important;
    border: 2px solid rgba(212,175,55,.72) !important;
    transform: translateY(-18px) !important;
  }

  .package-page-body .pkg-card.is-featured:hover { transform: translateY(-28px) !important; }

  .package-page-body .pkg-card h3 {
    color: #111 !important;
    font-size: clamp(20px, 1.8vw, 27px) !important;
    font-weight: 900 !important;
    letter-spacing: -.03em !important;
  }

  .package-page-body .pkg-plan-sub,
  .package-page-body .pkg-onetime,
  .package-page-body .pkg-list li {
    color: #5b665c !important;
  }

  .package-page-body .pkg-price,
  .package-page-body .pkg-currency {
    color: #111 !important;
  }

  .package-page-body .pkg-followers {
    background: rgba(23,35,29,.06) !important;
    border: 1px solid rgba(0,0,0,.07) !important;
  }

  .package-page-body .pkg-card-btn {
    min-height: 50px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #f3ca62 0%, var(--gold) 58%, #9f7620 100%) !important;
    color: #171205 !important;
    font-weight: 900 !important;
  }

  .package-page-body .pkg-benefits-bar {
    margin-top: clamp(22px, 4vw, 48px) !important;
    border-radius: 26px !important;
    background: rgba(255,255,255,.075) !important;
    border: 1px solid rgba(212,175,55,.22) !important;
    box-shadow: 0 22px 60px rgba(0,0,0,.22) !important;
  }

  .package-page-body .pkg-benefit {
    background: rgba(255,255,255,.055) !important;
    border-color: rgba(255,255,255,.08) !important;
  }

  .package-page-body .pkg-benefit strong { color: #fff !important; }
  .package-page-body .pkg-benefit span { color: var(--muted) !important; }

  .enhance-section {
    position: relative;
    padding: clamp(72px, 8vw, 118px) 0;
    background:
      radial-gradient(circle at 14% 12%, rgba(212,175,55,.06), transparent 27%),
      linear-gradient(180deg, rgba(7,18,13,.20), rgba(3,12,8,.12));
    overflow: hidden;
  }

  .enhance-section.alt {
    background:
      radial-gradient(circle at 84% 14%, rgba(82,108,64,.18), transparent 28%),
      linear-gradient(180deg, rgba(11,32,20,.28), rgba(5,15,10,.14));
  }

  .enhance-container {
    width: 95%;
    max-width: 1480px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
  }

  .enhance-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 26px;
    margin-bottom: 34px;
  }

  .enhance-head .enhance-text { max-width: 640px; }

  .included-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
  }

  .included-card,
  .step-card,
  .faq-card,
  .compare-card {
    border-radius: 26px;
    background: #fff;
    color: #111;
    box-shadow: 0 22px 62px rgba(0,0,0,.26);
    border: 1px solid rgba(255,255,255,.82);
  }

  .included-card {
    min-height: 282px;
    padding: 28px;
    transition: transform .28s ease, box-shadow .28s ease;
  }

  .included-card:hover { transform: translateY(-9px); box-shadow: 0 30px 74px rgba(0,0,0,.34); }

  .included-icon,
  .step-num {
    width: 56px;
    height: 56px;
    border-radius: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: radial-gradient(ellipse at 30% 20%, #f5d77c, var(--gold));
    color: #161106;
    font-size: 24px;
    box-shadow: 0 14px 28px rgba(212,175,55,.24), inset 0 1px 0 rgba(255,255,255,.5);
    margin-bottom: 18px;
  }

  .included-card h3,
  .step-card h3,
  .faq-card h3 {
    color: #111;
    font-size: 20px;
    line-height: 1.18;
    font-weight: 900;
    margin-bottom: 12px;
    letter-spacing: -.035em;
  }

  .included-card p,
  .step-card p,
  .faq-card p {
    color: #5e675f;
    font-size: 14px;
    line-height: 1.7;
    font-weight: 600;
  }

  .compare-card {
    overflow: hidden;
    padding: 12px;
  }

  .compare-table {
    width: 100%;
    border-collapse: collapse;
    overflow: hidden;
    border-radius: 22px;
  }

  .compare-table th,
  .compare-table td {
    padding: 19px 18px;
    text-align: left;
    border-bottom: 1px solid rgba(0,0,0,.07);
    font-size: 14px;
    font-weight: 800;
    color: #1f2a22;
  }

  .compare-table th {
    background: #17231D;
    color: #fff;
    font-size: 13px;
    letter-spacing: .04em;
    text-transform: uppercase;
  }

  .compare-table th span {
    color: var(--gold);
  }

  .compare-table td:first-child {
    color: #5a655c;
    width: 28%;
  }

  .compare-check {
    color: #1f8f4f;
    font-size: 18px;
  }

  .process-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
  }

  .step-card {
    padding: 28px;
    min-height: 250px;
    position: relative;
  }

  .step-num {
    border-radius: 50%;
    font-size: 18px;
    font-weight: 900;
  }

  .faq-cta-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
    gap: 22px;
    align-items: stretch;
  }

  .faq-list {
    display: grid;
    gap: 14px;
  }

  .faq-card {
    padding: 24px 26px;
  }

  .cta-panel {
    min-height: 100%;
    border-radius: 30px;
    padding: clamp(30px, 4vw, 48px);
    background:
      radial-gradient(circle at 18% 10%, rgba(255,255,255,.12), transparent 24%),
      linear-gradient(145deg, rgba(29,46,34,.96), rgba(7,18,12,.98));
    border: 1px solid rgba(212,175,55,.25);
    box-shadow: 0 26px 75px rgba(0,0,0,.34);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 26px;
  }

  .cta-panel h2 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: clamp(30px, 4vw, 54px) !important;
    line-height: 1.05 !important;
    color: #fff !important;
    font-weight: 900 !important;
    letter-spacing: -.052em !important;
    margin: 0 0 16px !important;
  }

  .cta-panel h2 span { color: var(--gold); }

  .cta-panel p {
    color: var(--muted);
    line-height: 1.8;
    font-size: 15px;
    max-width: 580px;
  }

  .cta-mini-list {
    display: grid;
    gap: 10px;
    margin-top: 18px;
  }

  .cta-mini-list span {
    display: flex;
    align-items: center;
    gap: 10px;
    color: rgba(255,255,255,.84);
    font-size: 13px;
    font-weight: 800;
  }

  .cta-mini-list i { color: var(--gold); }

  .package-page-body .apex-footer.apex-footer-v2 {
    margin-top: 0 !important;
    background: linear-gradient(180deg, rgba(5,15,10,.45), rgba(3,9,6,1)) !important;
  }

  @media (max-width: 1180px) {
    .package-hero-area { grid-template-columns: 1fr; }
    .pkg-hero-visual { min-height: 520px; }
    .included-grid, .process-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }

  @media (max-width: 991px) {/* removed shared-nav override */


    .package-hero-area {
      padding-top: 112px;
      text-align: center;
      gap: 26px;
    }

    .pkg-hero-copy,
    .pkg-hero-text,
    .pkg-hero-proof { margin-left: auto; margin-right: auto; }
    .pkg-hero-actions { justify-content: center; }

    .package-page-body .pkg-cards {
      grid-template-columns: 1fr !important;
      max-width: 520px !important;
      margin-left: auto !important;
      margin-right: auto !important;
    }

    .package-page-body .pkg-card,
    .package-page-body .pkg-card.is-featured,
    .package-page-body .pkg-card.is-featured:hover {
      min-height: auto !important;
      transform: none !important;
    }

    .enhance-head { flex-direction: column; align-items: flex-start; }
    .faq-cta-grid { grid-template-columns: 1fr; }
  }

  @media (max-width: 768px) {
    .package-page-body .package-page-hero > .site-wrap,
    .enhance-container,
    .package-page-body .pkg-container { width: 95% !important; }

    .pkg-hero-title { font-size: clamp(36px, 12vw, 58px) !important; }
    .pkg-hero-proof { grid-template-columns: 1fr; }
    .pkg-hero-visual { min-height: 430px; }
    .pkg-visual-card { width: min(390px, 94vw); padding: 18px; border-radius: 26px; }
    .pkg-float-card { position: relative; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; margin: 10px auto 0; width: max-content; max-width: 92%; }

    .included-grid,
    .process-grid { grid-template-columns: 1fr; }

    .compare-card { overflow-x: auto; }
    .compare-table { min-width: 720px; }
    .compare-table th,
    .compare-table td { padding: 15px 14px; }
  }

  @media (max-width: 480px) {
    .pkg-hero-actions { flex-direction: column; align-items: stretch; }
    .pkg-page-btn { width: 100%; }
    .pkg-visual-stats { grid-template-columns: 1fr; }
    .enhance-section { padding: 58px 0; }
  }

/* Exact hero remake from the provided reference image */
  .package-page-body .hero-section.package-page-hero {
    min-height: auto !important;
    padding-bottom: 0 !important;
    background:
      radial-gradient(ellipse 720px 470px at 78% 55%, rgba(70, 96, 55, .38) 0%, rgba(28, 55, 34, .18) 42%, transparent 72%),
      radial-gradient(ellipse 580px 330px at 36% 104%, rgba(0,0,0,.44) 0%, transparent 66%),
      linear-gradient(135deg, #071411 0%, #0b1b13 45%, #102217 100%) !important;
    overflow: hidden !important;
  }

  .package-page-body .hero-section.package-page-hero::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    background:
      radial-gradient(ellipse 500px 280px at 12% 8%, rgba(255,255,255,.025), transparent 62%),
      linear-gradient(90deg, rgba(0,0,0,.08), transparent 38%, rgba(212,175,55,.035)) !important;
  }

  .package-page-body .hero-section.package-page-hero::after {
    content: "";
    position: absolute;
    right: max(-160px, -9vw);
    top: clamp(56px, 9vw, 126px);
    width: clamp(520px, 54vw, 820px);
    aspect-ratio: 1;
    border-radius: 50%;
    background: repeating-radial-gradient(circle, transparent 0 56px, rgba(212,175,55,.13) 57px 58px, transparent 59px 110px);
    filter: drop-shadow(0 0 45px rgba(212,175,55,.10));
    opacity: .82;
    pointer-events: none;
    z-index: 1;
  }

  .package-page-body .package-page-hero > .site-wrap {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
  }/* removed shared-nav override */


  .package-hero-area {
    width: calc(100% - clamp(40px, 7vw, 92px)) !important;
    max-width: 1328px !important;
    min-height: clamp(500px, 54vw, 620px) !important;
    margin: 0 auto !important;
    position: relative !important;
    z-index: 12 !important;
    display: grid !important;
    grid-template-columns: minmax(470px, .98fr) minmax(410px, .92fr) !important;
    align-items: center !important;
    gap: clamp(30px, 5.2vw, 86px) !important;
    padding: clamp(54px, 5.5vw, 74px) 0 clamp(40px, 4.8vw, 58px) !important;
  }

  .pkg-hero-copy {
    max-width: 680px !important;
    position: relative !important;
    z-index: 4 !important;
  }

  .pkg-hero-eyebrow {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 0 26px !important;
    color: #e5be43 !important;
    font-size: clamp(10px, .82vw, 13px) !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: .30em !important;
    text-transform: uppercase !important;
    text-shadow: 0 0 16px rgba(212,175,55,.25) !important;
  }

  .pkg-hero-eyebrow::before,
  .pkg-hero-eyebrow::after {
    content: "" !important;
    width: 24px !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, transparent, #d4af37) !important;
  }

  .pkg-hero-eyebrow::after {
    background: linear-gradient(90deg, #d4af37, transparent) !important;
  }

  .pkg-hero-title {
    margin: 0 0 24px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: clamp(56px, 6.4vw, 86px) !important;
    line-height: .92 !important;
    font-weight: 900 !important;
    letter-spacing: -.06em !important;
    text-transform: uppercase !important;
    color: #fbfbf7 !important;
    text-shadow: 0 10px 28px rgba(0,0,0,.45) !important;
  }

  .pkg-hero-title span {
    display: block !important;
    color: #d4af37 !important;
    background: linear-gradient(180deg, #f0ce56 0%, #d4af37 44%, #9f7626 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none !important;
  }

  .pkg-hero-text {
    max-width: 600px !important;
    margin: 0 0 34px !important;
    color: rgba(231,238,232,.78) !important;
    font-size: clamp(14px, 1.16vw, 17px) !important;
    line-height: 1.78 !important;
    font-weight: 500 !important;
  }

  .pkg-hero-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 18px !important;
    margin: 0 0 38px !important;
  }

  .pkg-page-btn {
    min-height: 54px !important;
    padding: 0 28px !important;
    border-radius: 999px !important;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    gap: 12px !important;
  }

  .pkg-page-btn.primary {
    color: #10120b !important;
    background: linear-gradient(135deg, #f7dc67 0%, #d4af37 55%, #ad8028 100%) !important;
    border: 1px solid rgba(255,224,130,.66) !important;
    box-shadow: 0 15px 38px rgba(212,175,55,.25), inset 0 1px 0 rgba(255,255,255,.45) !important;
  }

  .pkg-page-btn.ghost {
    color: rgba(255,255,255,.88) !important;
    background: rgba(12,24,17,.48) !important;
    border: 1px solid rgba(212,175,55,.40) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 12px 28px rgba(0,0,0,.16) !important;
  }

  .pkg-hero-proof {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
    max-width: 680px !important;
  }

  .pkg-proof-pill {
    min-height: 88px !important;
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    padding: 16px 18px !important;
    border-radius: 13px !important;
    background: linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.035)) !important;
    border: 1px solid rgba(212,175,55,.18) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.065), 0 16px 36px rgba(0,0,0,.22) !important;
  }

  .pkg-proof-pill:nth-child(3) {
    border-color: rgba(212,175,55,.46) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.065), 0 16px 36px rgba(0,0,0,.22), 0 0 22px rgba(212,175,55,.08) !important;
  }

  .pkg-proof-icon {
    width: 38px !important;
    height: 38px !important;
    flex: 0 0 38px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #e0b83d !important;
    font-size: 18px !important;
    background: radial-gradient(circle at 35% 25%, rgba(255,224,112,.24), rgba(212,175,55,.09) 58%, rgba(255,255,255,.04) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.07) !important;
  }

  .pkg-proof-pill strong {
    display: block !important;
    margin: 0 0 6px !important;
    color: #f8faf7 !important;
    font-size: clamp(22px, 2vw, 29px) !important;
    line-height: .96 !important;
    font-weight: 900 !important;
    letter-spacing: -.04em !important;
  }

  .pkg-proof-pill span:not(.pkg-proof-icon) {
    display: block !important;
    color: rgba(210,221,211,.68) !important;
    font-size: 10px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    letter-spacing: -.01em !important;
  }

  .pkg-hero-visual {
    min-height: 430px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    z-index: 3 !important;
    overflow: visible !important;
  }

  .pkg-orbit {
    position: absolute !important;
    width: clamp(520px, 45vw, 670px) !important;
    height: clamp(520px, 45vw, 670px) !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-44%, -51%) !important;
    border-radius: 50% !important;
    border: 1px solid rgba(212,175,55,.17) !important;
    background:
      repeating-radial-gradient(circle at 50% 50%, transparent 0 58px, rgba(212,175,55,.10) 59px 60px, transparent 61px 118px),
      radial-gradient(circle at 48% 48%, rgba(45,75,47,.50), rgba(16,38,24,.24) 48%, transparent 72%) !important;
    box-shadow: inset 0 0 95px rgba(212,175,55,.045), 0 0 80px rgba(0,0,0,.20) !important;
    opacity: .98 !important;
    pointer-events: none !important;
    z-index: 1 !important;
  }

  .pkg-orbit::before {
    inset: 54px !important;
    border-color: rgba(212,175,55,.10) !important;
  }

  .pkg-orbit::after {
    inset: 116px !important;
    border-color: rgba(255,255,255,.055) !important;
  }

  .pkg-visual-card {
    position: relative !important;
    z-index: 4 !important;
    width: clamp(370px, 32vw, 470px) !important;
    border-radius: 24px !important;
    padding: 24px 24px 22px !important;
    background: #fff !important;
    color: #111 !important;
    box-shadow: 0 28px 70px rgba(0,0,0,.42) !important;
    overflow: visible !important;
  }

  .pkg-visual-card::before {
    display: none !important;
  }

  .pkg-visual-top {
    margin: 0 0 16px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    gap: 14px !important;
  }

  .pkg-visual-heading {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
  }

  .pkg-card-icon {
    width: 34px !important;
    height: 34px !important;
    border-radius: 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #f8f5e9 !important;
    border: 1px solid rgba(212,175,55,.20) !important;
    color: #c29a28 !important;
    font-size: 15px !important;
    flex: 0 0 34px !important;
  }

  .pkg-visual-top strong {
    color: #141817 !important;
    font-size: clamp(16px, 1.35vw, 21px) !important;
    line-height: 1.05 !important;
    font-weight: 900 !important;
    letter-spacing: -.04em !important;
  }

  .pkg-visual-top span {
    color: #6c756d !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    margin-top: 5px !important;
  }

  .pkg-visual-badge {
    height: 32px !important;
    padding: 0 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    border-radius: 999px !important;
    background: #d9f6d7 !important;
    color: #18361f !important;
    font-size: 10px !important;
    font-weight: 900 !important;
  }

  .pkg-visual-chart {
    position: relative !important;
    height: clamp(146px, 11.8vw, 178px) !important;
    padding: 0 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    background:
      repeating-linear-gradient(to top, transparent 0 30px, rgba(0,0,0,.075) 31px 32px),
      linear-gradient(180deg, #fff 0%, #fffdf8 100%) !important;
  }

  .pkg-visual-chart::before {
    content: "";
    position: absolute;
    left: 24px;
    right: 20px;
    bottom: 12px;
    height: 108px;
    background: linear-gradient(180deg, rgba(212,175,55,.24), rgba(212,175,55,.045));
    clip-path: polygon(0 92%, 16% 75%, 30% 56%, 43% 39%, 58% 52%, 72% 31%, 86% 33%, 100% 12%, 100% 100%, 0 100%);
    z-index: 1;
  }

  .pkg-chart-callout {
    position: absolute !important;
    top: 38px !important;
    left: 46% !important;
    transform: translateX(-50%) !important;
    z-index: 5 !important;
    min-width: 118px !important;
    padding: 9px 12px 8px !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,.90) !important;
    box-shadow: 0 10px 22px rgba(0,0,0,.12) !important;
    color: #111 !important;
    text-align: left !important;
    display: grid !important;
    grid-template-columns: 20px 1fr !important;
    grid-template-areas: "icon val" "icon txt" !important;
    column-gap: 7px !important;
    align-items: center !important;
  }

  .pkg-chart-callout i {
    grid-area: icon !important;
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #f7df78 !important;
    color: #775b12 !important;
    font-size: 12px !important;
  }

  .pkg-chart-callout strong {
    grid-area: val !important;
    color: #141414 !important;
    font-size: 15px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
  }

  .pkg-chart-callout span {
    grid-area: txt !important;
    color: #7b817a !important;
    font-size: 9px !important;
    line-height: 1.1 !important;
    font-weight: 700 !important;
  }

  .pkg-chart-line {
    left: 26px !important;
    right: 26px !important;
    bottom: 20px !important;
    height: 116px !important;
    z-index: 3 !important;
  }

  .pkg-chart-line polyline {
    stroke: #d4af37 !important;
    stroke-width: 5 !important;
    filter: drop-shadow(0 2px 4px rgba(212,175,55,.28)) !important;
  }

  .pkg-chart-line circle {
    fill: #fff !important;
    stroke: #d4af37 !important;
    stroke-width: 4 !important;
  }

  .pkg-visual-stats {
    margin-top: 18px !important;
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 14px !important;
  }

  .pkg-visual-stat {
    min-height: 72px !important;
    border-radius: 10px !important;
    padding: 13px 12px !important;
    background: #f6f4eb !important;
    border: 1px solid rgba(0,0,0,.035) !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 7px !important;
  }

  .pkg-visual-stat i {
    color: #d4af37 !important;
    font-size: 15px !important;
    line-height: 1 !important;
    margin-top: 1px !important;
  }

  .pkg-visual-stat b {
    margin: 0 0 7px !important;
    color: #101413 !important;
    font-size: clamp(16px, 1.28vw, 20px) !important;
    line-height: .95 !important;
    font-weight: 900 !important;
    letter-spacing: -.04em !important;
  }

  .pkg-visual-stat span {
    color: #747b73 !important;
    font-size: 9px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
  }

  .pkg-float-card {
    z-index: 5 !important;
    min-height: 48px !important;
    padding: 10px 16px 10px 10px !important;
    border-radius: 15px !important;
    background: rgba(10,22,16,.86) !important;
    border: 1px solid rgba(212,175,55,.18) !important;
    box-shadow: 0 20px 45px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.045) !important;
    color: #fff !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
  }

  .pkg-float-card i {
    width: 30px !important;
    height: 30px !important;
    color: #e2b935 !important;
    font-size: 14px !important;
    background: rgba(212,175,55,.13) !important;
    border: 1px solid rgba(212,175,55,.16) !important;
  }

  .pkg-float-card.one {
    left: -76px !important;
    top: 46px !important;
  }

  .pkg-float-card.two {
    right: -34px !important;
    bottom: 42px !important;
  }

  @media (max-width: 1180px) {
    .package-hero-area {
      grid-template-columns: 1fr !important;
      text-align: center !important;
      padding-top: clamp(76px, 8vw, 110px) !important;
    }
    .pkg-hero-copy,
    .pkg-hero-text,
    .pkg-hero-proof {
      margin-left: auto !important;
      margin-right: auto !important;
    }
    .pkg-hero-eyebrow,
    .pkg-hero-actions {
      justify-content: center !important;
    }
    .pkg-hero-visual { min-height: 520px !important; }
    .pkg-float-card.one { left: 6% !important; top: 20px !important; }
    .pkg-float-card.two { right: 2% !important; bottom: 18px !important; }
  }

  @media (max-width: 768px) {
    .package-hero-area {
      width: 94% !important;
      min-height: auto !important;
      gap: 28px !important;
      padding: 72px 0 44px !important;
    }
    .pkg-hero-title {
      font-size: clamp(42px, 13.2vw, 64px) !important;
      line-height: .94 !important;
    }
    .pkg-hero-text {
      font-size: 14px !important;
      line-height: 1.68 !important;
    }
    .pkg-hero-actions {
      gap: 12px !important;
      margin-bottom: 26px !important;
    }
    .pkg-page-btn {
      min-height: 48px !important;
      padding: 0 20px !important;
      font-size: 13px !important;
    }
    .pkg-hero-proof {
      grid-template-columns: 1fr !important;
      max-width: 420px !important;
    }
    .pkg-hero-visual {
      min-height: 470px !important;
    }
    .pkg-orbit {
      width: 520px !important;
      height: 520px !important;
      transform: translate(-50%, -50%) !important;
    }
    .pkg-visual-card {
      width: min(390px, 96vw) !important;
      padding: 18px !important;
      border-radius: 22px !important;
    }
    .pkg-visual-chart {
      height: 142px !important;
    }
    .pkg-chart-callout {
      top: 34px !important;
      left: 52% !important;
      transform: translateX(-50%) scale(.9) !important;
    }
    .pkg-visual-stats {
      grid-template-columns: repeat(3, 1fr) !important;
      gap: 8px !important;
    }
    .pkg-visual-stat {
      padding: 10px 8px !important;
      min-height: 64px !important;
      gap: 5px !important;
    }
    .pkg-visual-stat b { font-size: 15px !important; }
    .pkg-float-card {
      position: absolute !important;
      margin: 0 !important;
      max-width: 88% !important;
      white-space: nowrap !important;
    }
    .pkg-float-card.one { left: 50% !important; top: 0 !important; transform: translateX(-50%) !important; }
    .pkg-float-card.two { right: 50% !important; bottom: 2px !important; transform: translateX(50%) !important; }
  }

  @media (max-width: 480px) {
    .pkg-hero-eyebrow {
      font-size: 9px !important;
      letter-spacing: .20em !important;
    }
    .pkg-hero-eyebrow::before,
    .pkg-hero-eyebrow::after {
      width: 18px !important;
    }
    .pkg-page-btn {
      width: 100% !important;
    }
    .pkg-hero-visual {
      min-height: 438px !important;
    }
    .pkg-visual-card {
      width: 100% !important;
      padding: 16px !important;
    }
    .pkg-visual-badge {
      font-size: 9px !important;
      padding-inline: 9px !important;
    }
    .pkg-visual-stat i { display: none !important; }
    .pkg-chart-line { left: 20px !important; right: 20px !important; }
  }/* removed shared-nav override */
/* removed shared-nav override */


  .package-page-body .package-hero-area {
    z-index: 12 !important;
  }

  .package-page-body .hero-section.package-page-hero::after {
    right: clamp(24px, 5vw, 92px) !important;
    top: clamp(88px, 8vw, 122px) !important;
    width: clamp(390px, 38vw, 565px) !important;
    opacity: .42 !important;
    background: repeating-radial-gradient(circle, transparent 0 72px, rgba(212,175,55,.10) 73px 74px, transparent 75px 142px) !important;
    filter: drop-shadow(0 0 24px rgba(212,175,55,.08)) !important;
  }

  .package-page-body .pkg-hero-visual {
    overflow: visible !important;
  }

  .package-page-body .pkg-orbit {
    width: clamp(390px, 35vw, 535px) !important;
    height: clamp(390px, 35vw, 535px) !important;
    transform: translate(-46%, -50%) !important;
    opacity: .58 !important;
    border-color: rgba(212,175,55,.11) !important;
    background:
      repeating-radial-gradient(circle at 50% 50%, transparent 0 72px, rgba(212,175,55,.075) 73px 74px, transparent 75px 146px),
      radial-gradient(circle at 50% 50%, rgba(45,75,47,.32), rgba(16,38,24,.16) 48%, transparent 72%) !important;
    box-shadow: inset 0 0 60px rgba(212,175,55,.03), 0 0 42px rgba(0,0,0,.16) !important;
  }

  .package-page-body .pkg-orbit::before {
    inset: 72px !important;
    border-color: rgba(212,175,55,.07) !important;
  }

  .package-page-body .pkg-orbit::after {
    inset: 144px !important;
    border-color: rgba(255,255,255,.04) !important;
  }

  .package-page-body .pkg-float-card.one {
    left: -38px !important;
    top: 38px !important;
  }

  .package-page-body .pkg-float-card.two {
    right: -18px !important;
    bottom: 38px !important;
  }

  @media (max-width: 1180px) {/* removed shared-nav override */

    .package-page-body .hero-section.package-page-hero::after {
      right: 50% !important;
      transform: translateX(50%) !important;
      width: min(520px, 92vw) !important;
      opacity: .34 !important;
    }
    .package-page-body .pkg-orbit {
      width: min(470px, 92vw) !important;
      height: min(470px, 92vw) !important;
      transform: translate(-50%, -50%) !important;
      opacity: .46 !important;
    }
    .package-page-body .pkg-float-card.one { left: 8% !important; top: 34px !important; }
    .package-page-body .pkg-float-card.two { right: 8% !important; bottom: 24px !important; }
  }

  @media (max-width: 991px) {/* removed shared-nav override */
/* removed shared-nav override */

  }

  @media (max-width: 768px) {
    .package-page-body .hero-section.package-page-hero::after {
      width: min(430px, 94vw) !important;
      top: 42% !important;
      opacity: .28 !important;
    }
    .package-page-body .pkg-orbit {
      width: min(400px, 92vw) !important;
      height: min(400px, 92vw) !important;
      opacity: .38 !important;
    }
  }

/* Exact remake for: What You Get + Plan Comparison sections */
  .package-page-body .exact-included-section,
  .package-page-body .exact-compare-section {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    background:
      radial-gradient(ellipse 820px 430px at 96% -12%, rgba(212,175,55,.13), transparent 60%),
      radial-gradient(ellipse 620px 350px at 8% 108%, rgba(42,79,47,.22), transparent 58%),
      linear-gradient(180deg, #071410 0%, #07130e 56%, #04100b 100%) !important;
  }

  .package-page-body .exact-included-section {
    padding: clamp(52px, 5.4vw, 74px) 0 clamp(34px, 4.1vw, 52px) !important;
  }

  .package-page-body .exact-compare-section {
    padding: clamp(26px, 3vw, 42px) 0 clamp(70px, 7vw, 105px) !important;
  }

  .package-page-body .exact-included-section::before,
  .package-page-body .exact-compare-section::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: -2 !important;
    pointer-events: none !important;
    background:
      linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255,255,255,.014) 1px, transparent 1px) !important;
    background-size: 34px 34px !important;
    opacity: .19 !important;
  }

  .package-page-body .exact-included-section::after {
    content: '' !important;
    position: absolute !important;
    z-index: -1 !important;
    right: -74px !important;
    top: -160px !important;
    width: 360px !important;
    height: 360px !important;
    border-radius: 50% !important;
    border-right: 4px solid rgba(255,213,66,.88) !important;
    border-top: 1px solid rgba(212,175,55,.22) !important;
    filter: drop-shadow(0 0 18px rgba(212,175,55,.55)) !important;
    opacity: .90 !important;
  }

  .package-page-body .exact-enhance-container,
  .package-page-body .exact-compare-container {
    width: min(95%, 1370px) !important;
    max-width: 1370px !important;
  }

  .package-page-body .exact-included-head {
    display: grid !important;
    grid-template-columns: minmax(0, .92fr) minmax(420px, .82fr) !important;
    align-items: start !important;
    gap: clamp(28px, 5vw, 80px) !important;
    margin: 0 0 36px !important;
  }

  .package-page-body .pkg-section-eyebrow {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 14px !important;
    margin: 0 0 14px !important;
    color: var(--gold) !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: .36em !important;
    text-transform: uppercase !important;
  }

  .package-page-body .pkg-section-eyebrow::before,
  .package-page-body .pkg-section-eyebrow::after {
    content: '' !important;
    display: inline-block !important;
    width: 32px !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, var(--gold)) !important;
    opacity: .95 !important;
  }

  .package-page-body .pkg-section-eyebrow::after {
    width: 36px !important;
    background: linear-gradient(90deg, var(--gold), transparent) !important;
  }

  .package-page-body .exact-included-head .enhance-title {
    max-width: 620px !important;
    margin: 0 !important;
    font-size: clamp(42px, 4.7vw, 66px) !important;
    line-height: .98 !important;
    letter-spacing: -.065em !important;
    font-weight: 900 !important;
    text-shadow: 0 11px 22px rgba(0,0,0,.34) !important;
  }

  .package-page-body .exact-included-head .enhance-text {
    max-width: 580px !important;
    margin: 22px 0 0 !important;
    color: rgba(243,248,240,.78) !important;
    font-size: clamp(16px, 1.4vw, 18px) !important;
    line-height: 1.72 !important;
    font-weight: 500 !important;
  }

  .package-page-body .exact-included-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: clamp(18px, 2.3vw, 34px) !important;
  }

  .package-page-body .exact-included-card {
    position: relative !important;
    min-height: 252px !important;
    padding: clamp(28px, 2.7vw, 38px) clamp(26px, 2.5vw, 38px) 32px !important;
    border-radius: 24px !important;
    background:
      radial-gradient(ellipse 160px 80px at 24% 18%, rgba(255,235,148,.20), transparent 66%),
      linear-gradient(180deg, #ffffff 0%, #fffefa 60%, #f7f6f1 100%) !important;
    border: 1px solid rgba(255,255,255,.86) !important;
    box-shadow:
      0 24px 42px rgba(0,0,0,.32),
      0 0 22px rgba(255,255,255,.08),
      inset 0 1px 0 rgba(255,255,255,.96) !important;
    overflow: hidden !important;
  }

  .package-page-body .exact-included-card:hover {
    transform: translateY(-7px) !important;
    box-shadow:
      0 30px 52px rgba(0,0,0,.38),
      0 0 26px rgba(212,175,55,.10),
      inset 0 1px 0 rgba(255,255,255,.98) !important;
  }

  .package-page-body .exact-included-card .included-icon {
    width: 60px !important;
    height: 60px !important;
    margin: 0 0 33px !important;
    border-radius: 50% !important;
    background:
      radial-gradient(circle at 34% 26%, #fff7c5 0%, #ffe777 34%, #f2ca40 62%, #d3aa2e 100%) !important;
    color: #141407 !important;
    font-size: 28px !important;
    box-shadow:
      0 0 0 12px rgba(255,214,69,.16),
      0 14px 28px rgba(212,175,55,.24),
      inset 0 1px 1px rgba(255,255,255,.62) !important;
  }

  .package-page-body .exact-included-card .card-dot-pattern {
    position: absolute !important;
    top: 62px !important;
    left: 116px !important;
    width: 38px !important;
    height: 32px !important;
    opacity: .28 !important;
    background-image: radial-gradient(circle, rgba(212,175,55,.45) 1px, transparent 1.2px) !important;
    background-size: 9px 9px !important;
  }

  .package-page-body .exact-included-card h3 {
    margin: 0 0 12px !important;
    color: #121212 !important;
    font-size: clamp(17px, 1.28vw, 22px) !important;
    line-height: 1.15 !important;
    font-weight: 900 !important;
    letter-spacing: -.045em !important;
  }

  .package-page-body .exact-included-card h3::after {
    content: '' !important;
    display: block !important;
    width: 28px !important;
    height: 2px !important;
    margin-top: 13px !important;
    background: var(--gold) !important;
    border-radius: 999px !important;
  }

  .package-page-body .exact-included-card p {
    margin: 0 !important;
    max-width: 310px !important;
    color: #5e665e !important;
    font-size: 13px !important;
    line-height: 1.72 !important;
    font-weight: 600 !important;
  }

  .package-page-body .exact-compare-head {
    text-align: center !important;
    margin: 0 auto 14px !important;
  }

  .package-page-body .exact-compare-head .pkg-section-eyebrow {
    justify-content: center !important;
    margin-bottom: 8px !important;
    font-size: 9px !important;
    letter-spacing: .30em !important;
  }

  .package-page-body .exact-compare-head .pkg-section-eyebrow::before,
  .package-page-body .exact-compare-head .pkg-section-eyebrow::after {
    width: 52px !important;
  }

  .package-page-body .exact-compare-head .enhance-title {
    margin: 0 auto !important;
    max-width: 720px !important;
    font-size: clamp(26px, 2.25vw, 36px) !important;
    line-height: 1.06 !important;
    letter-spacing: -.05em !important;
  }

  .package-page-body .exact-compare-card {
    width: min(760px, 100%) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border-radius: 16px !important;
    background: #fff !important;
    color: #151515 !important;
    overflow: hidden !important;
    border: 1px solid rgba(0,0,0,.05) !important;
    box-shadow: 0 25px 48px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.98) !important;
  }

  .package-page-body .exact-compare-table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  .package-page-body .exact-compare-table th,
  .package-page-body .exact-compare-table td {
    padding: 14px 16px !important;
    border-bottom: 1px solid rgba(0,0,0,.075) !important;
    border-left: 1px solid rgba(0,0,0,.075) !important;
    color: #1d261f !important;
    background: #fff !important;
    text-align: center !important;
    vertical-align: middle !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: -.01em !important;
  }

  .package-page-body .exact-compare-table th:first-child,
  .package-page-body .exact-compare-table td:first-child {
    border-left: 0 !important;
    text-align: left !important;
  }

  .package-page-body .exact-compare-table tr:last-child td {
    border-bottom: 0 !important;
  }

  .package-page-body .exact-compare-table th {
    height: 58px !important;
    text-transform: uppercase !important;
    font-size: 10px !important;
    color: #111 !important;
    letter-spacing: .025em !important;
  }

  .package-page-body .exact-compare-table th:first-child {
    width: 28% !important;
  }

  .package-page-body .exact-compare-table .plan-head {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
    color: #1c201c !important;
  }

  .package-page-body .exact-compare-table .plan-head i {
    color: var(--gold) !important;
    font-size: 18px !important;
    line-height: 1 !important;
    margin-bottom: 1px !important;
  }

  .package-page-body .exact-compare-table .plan-head strong {
    font-size: 10px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    color: #1b1f1b !important;
  }

  .package-page-body .exact-compare-table .plan-head em {
    font-style: normal !important;
    color: var(--gold) !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
  }

  .package-page-body .compare-feature {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    color: #343d36 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }

  .package-page-body .compare-feature i {
    color: #6d766e !important;
    font-size: 17px !important;
    line-height: 1 !important;
    width: 18px !important;
    display: inline-flex !important;
    justify-content: center !important;
  }

  .package-page-body .exact-compare-table .compare-check {
    color: #1f9a57 !important;
    font-size: 17px !important;
  }

  @media (max-width: 1180px) {
    .package-page-body .exact-included-head {
      grid-template-columns: 1fr !important;
      gap: 12px !important;
    }
    .package-page-body .exact-included-head .enhance-text {
      margin-top: 0 !important;
      max-width: 760px !important;
    }
    .package-page-body .exact-included-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }

  @media (max-width: 768px) {
    .package-page-body .exact-included-section {
      padding-top: 54px !important;
    }
    .package-page-body .exact-included-head {
      text-align: left !important;
      margin-bottom: 24px !important;
    }
    .package-page-body .exact-included-head .enhance-title {
      font-size: clamp(34px, 10.5vw, 48px) !important;
    }
    .package-page-body .exact-included-grid {
      grid-template-columns: 1fr !important;
      gap: 18px !important;
    }
    .package-page-body .exact-included-card {
      min-height: 226px !important;
      padding: 28px !important;
    }
    .package-page-body .exact-compare-card {
      overflow-x: auto !important;
    }
    .package-page-body .exact-compare-table {
      min-width: 690px !important;
    }
  }

  @media (max-width: 480px) {
    .package-page-body .pkg-section-eyebrow {
      font-size: 10px !important;
      letter-spacing: .24em !important;
      gap: 8px !important;
    }
    .package-page-body .pkg-section-eyebrow::before,
    .package-page-body .pkg-section-eyebrow::after {
      width: 22px !important;
    }
  }

/* Exact remake for Simple Process + FAQ/CTA sections from the provided references */
  .package-page-body .exact-process-section,
  .package-page-body .exact-faq-section {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    background:
      radial-gradient(ellipse 620px 330px at 90% 12%, rgba(212,175,55,.08), transparent 62%),
      radial-gradient(ellipse 520px 280px at 10% 98%, rgba(24,63,37,.25), transparent 68%),
      linear-gradient(180deg, #06120e 0%, #06150f 48%, #03100b 100%) !important;
  }

  .package-page-body .exact-process-section {
    padding: clamp(44px, 4.8vw, 66px) 0 clamp(54px, 5.2vw, 76px) !important;
  }

  .package-page-body .exact-faq-section {
    padding: clamp(62px, 6vw, 88px) 0 clamp(70px, 6.4vw, 96px) !important;
  }

  .package-page-body .exact-process-section::before,
  .package-page-body .exact-faq-section::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: -2 !important;
    background:
      linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255,255,255,.014) 1px, transparent 1px) !important;
    background-size: 34px 34px !important;
    opacity: .18 !important;
    pointer-events: none !important;
  }

  .package-page-body .exact-faq-section::after {
    content: '' !important;
    position: absolute !important;
    left: 7% !important;
    right: 7% !important;
    bottom: 18px !important;
    height: 1px !important;
    z-index: -1 !important;
    background: linear-gradient(90deg, transparent 0%, rgba(212,175,55,.14) 35%, rgba(255,218,91,.95) 50%, rgba(212,175,55,.14) 65%, transparent 100%) !important;
    filter: drop-shadow(0 0 12px rgba(212,175,55,.75)) !important;
    opacity: .9 !important;
  }

  .package-page-body .exact-process-container,
  .package-page-body .exact-faq-container {
    width: min(95%, 1370px) !important;
    max-width: 1370px !important;
    margin: 0 auto !important;
  }

  .package-page-body .exact-process-head {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: clamp(28px, 7vw, 110px) !important;
    margin: 0 0 clamp(18px, 2.4vw, 30px) !important;
  }

  .package-page-body .exact-process-title-block {
    min-width: min(100%, 560px) !important;
  }

  .package-page-body .exact-process-section .pkg-section-eyebrow,
  .package-page-body .exact-faq-section .pkg-section-eyebrow {
    margin: 0 0 12px !important;
    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: .30em !important;
    color: var(--gold) !important;
    text-transform: uppercase !important;
  }

  .package-page-body .exact-faq-section .pkg-section-eyebrow {
    font-size: 14px !important;
    justify-content: flex-start !important;
  }

  .package-page-body .exact-process-section .pkg-section-eyebrow::before,
  .package-page-body .exact-process-section .pkg-section-eyebrow::after {
    width: 28px !important;
  }

  .package-page-body .exact-faq-section .pkg-section-eyebrow::before,
  .package-page-body .exact-faq-section .pkg-section-eyebrow::after {
    width: 60px !important;
  }

  .package-page-body .exact-process-section .enhance-title {
    margin: 0 !important;
    font-size: clamp(26px, 2.9vw, 40px) !important;
    line-height: 1.02 !important;
    letter-spacing: -.055em !important;
    max-width: 620px !important;
  }

  .package-page-body .exact-process-section .enhance-text {
    width: min(100%, 450px) !important;
    margin: 12px 0 0 !important;
    color: rgba(242,247,238,.78) !important;
    font-size: clamp(11px, 1vw, 14px) !important;
    line-height: 1.65 !important;
    font-weight: 600 !important;
  }

  .package-page-body .exact-process-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: clamp(16px, 2vw, 26px) !important;
  }

  .package-page-body .exact-step-card {
    min-height: 0 !important;
    height: 168px !important;
    padding: 24px 22px 21px !important;
    border-radius: 12px !important;
    background: linear-gradient(180deg, #ffffff 0%, #fffefa 62%, #f6f5ef 100%) !important;
    border: 1px solid rgba(255,255,255,.86) !important;
    color: #111 !important;
    box-shadow: 0 18px 36px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.95) !important;
    transition: transform .24s ease, box-shadow .24s ease !important;
  }

  .package-page-body .exact-step-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 24px 44px rgba(0,0,0,.33), 0 0 18px rgba(212,175,55,.08), inset 0 1px 0 rgba(255,255,255,.96) !important;
  }

  .package-page-body .exact-step-icon {
    width: 36px !important;
    height: 36px !important;
    margin: 0 0 18px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: radial-gradient(circle at 33% 24%, #fff5a9 0%, #f5d75e 44%, #d4af37 100%) !important;
    color: #101207 !important;
    font-size: 17px !important;
    box-shadow: 0 0 0 8px rgba(212,175,55,.14), 0 11px 23px rgba(212,175,55,.22), inset 0 1px 1px rgba(255,255,255,.68) !important;
  }

  .package-page-body .exact-step-card h3 {
    margin: 0 0 8px !important;
    color: #111 !important;
    font-size: clamp(13px, 1.05vw, 16px) !important;
    line-height: 1.12 !important;
    font-weight: 900 !important;
    letter-spacing: -.035em !important;
  }

  .package-page-body .exact-step-card p {
    margin: 0 !important;
    color: #4d574f !important;
    font-size: clamp(10px, .84vw, 12px) !important;
    line-height: 1.62 !important;
    font-weight: 600 !important;
  }

  .package-page-body .exact-faq-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1.05fr) minmax(400px, .96fr) !important;
    align-items: stretch !important;
    gap: clamp(34px, 5.4vw, 72px) !important;
  }

  .package-page-body .exact-faq-left .enhance-title {
    margin: 0 0 30px !important;
    font-size: clamp(34px, 3.8vw, 54px) !important;
    line-height: 1.02 !important;
    letter-spacing: -.06em !important;
    max-width: 760px !important;
  }

  .package-page-body .exact-faq-list {
    display: grid !important;
    gap: 18px !important;
  }

  .package-page-body .exact-faq-card {
    min-height: 114px !important;
    padding: 24px 30px !important;
    border-radius: 18px !important;
    display: grid !important;
    grid-template-columns: 52px 1fr !important;
    gap: 20px !important;
    align-items: start !important;
    background: linear-gradient(180deg, #ffffff 0%, #fffefa 70%, #f5f4ef 100%) !important;
    color: #111 !important;
    border: 1px solid rgba(255,255,255,.86) !important;
    box-shadow: 0 18px 38px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.96) !important;
  }

  .package-page-body .exact-faq-icon {
    width: 44px !important;
    height: 44px !important;
    margin-top: 3px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: radial-gradient(circle at 34% 24%, #213922 0%, #07120c 70%) !important;
    color: #ffd23d !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    box-shadow: 0 0 0 4px rgba(212,175,55,.05), 0 10px 24px rgba(0,0,0,.30), 0 0 20px rgba(212,175,55,.22) !important;
  }

  .package-page-body .exact-faq-copy h3,
  .package-page-body .exact-faq-card h3 {
    margin: 0 0 9px !important;
    color: #111 !important;
    font-size: clamp(18px, 1.5vw, 24px) !important;
    line-height: 1.12 !important;
    font-weight: 900 !important;
    letter-spacing: -.045em !important;
  }

  .package-page-body .exact-faq-copy p,
  .package-page-body .exact-faq-card p {
    max-width: 560px !important;
    margin: 0 !important;
    color: #1f251f !important;
    font-size: clamp(13px, 1.05vw, 16px) !important;
    line-height: 1.52 !important;
    font-weight: 600 !important;
  }

  .package-page-body .exact-cta-panel {
    position: relative !important;
    min-height: 520px !important;
    padding: clamp(40px, 4.4vw, 58px) clamp(36px, 4.2vw, 58px) !important;
    border-radius: 22px !important;
    border: 1px solid rgba(245,207,84,.72) !important;
    background:
      radial-gradient(ellipse 360px 220px at 22% 20%, rgba(55,88,52,.48), transparent 68%),
      radial-gradient(ellipse 380px 220px at 100% 100%, rgba(212,175,55,.12), transparent 66%),
      linear-gradient(145deg, rgba(21,45,31,.96) 0%, rgba(8,22,14,.98) 63%, rgba(5,15,10,1) 100%) !important;
    box-shadow: 0 24px 58px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.08), 0 0 30px rgba(212,175,55,.22) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    gap: 20px !important;
  }

  .package-page-body .exact-cta-panel::before,
  .package-page-body .exact-cta-panel::after {
    content: '' !important;
    position: absolute !important;
    left: 38px !important;
    right: 38px !important;
    height: 1px !important;
    pointer-events: none !important;
    background: linear-gradient(90deg, transparent 0%, rgba(212,175,55,.18) 36%, rgba(255,239,165,.95) 50%, rgba(212,175,55,.18) 64%, transparent 100%) !important;
    filter: drop-shadow(0 0 12px rgba(212,175,55,.9)) !important;
  }

  .package-page-body .exact-cta-panel::before { top: 0 !important; }
  .package-page-body .exact-cta-panel::after { bottom: 0 !important; }

  .package-page-body .exact-cta-content { position: relative !important; z-index: 2 !important; }

  .package-page-body .exact-cta-icon {
    width: 58px !important;
    height: 58px !important;
    margin: 0 0 34px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: radial-gradient(circle at 34% 22%, rgba(255,232,126,.32) 0%, rgba(212,175,55,.15) 42%, rgba(5,16,10,.95) 78%) !important;
    border: 1px solid rgba(212,175,55,.48) !important;
    color: #ffd84c !important;
    font-size: 26px !important;
    box-shadow: 0 0 25px rgba(212,175,55,.35), inset 0 1px 0 rgba(255,255,255,.10) !important;
  }

  .package-page-body .exact-cta-panel h2 {
    max-width: 620px !important;
    margin: 0 0 20px !important;
    font-size: clamp(32px, 3.65vw, 54px) !important;
    line-height: 1.02 !important;
    letter-spacing: -.065em !important;
    color: #fff !important;
    font-weight: 900 !important;
  }

  .package-page-body .exact-cta-panel h2 span { color: var(--gold) !important; }

  .package-page-body .exact-cta-panel p {
    max-width: 560px !important;
    margin: 0 !important;
    color: rgba(238,244,235,.78) !important;
    font-size: clamp(14px, 1.15vw, 16px) !important;
    line-height: 1.62 !important;
    font-weight: 500 !important;
  }

  .package-page-body .exact-cta-list {
    margin-top: 30px !important;
    gap: 14px !important;
  }

  .package-page-body .exact-cta-list span {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    color: #fff !important;
    font-size: clamp(14px, 1.12vw, 16px) !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
  }

  .package-page-body .exact-cta-list i {
    width: 24px !important;
    height: 24px !important;
    flex: 0 0 24px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #09130d !important;
    background: var(--gold) !important;
    font-size: 15px !important;
    box-shadow: 0 0 15px rgba(212,175,55,.26) !important;
  }

  .package-page-body .exact-cta-divider {
    position: relative !important;
    z-index: 2 !important;
    height: 1px !important;
    width: 100% !important;
    margin: 4px 0 2px !important;
    background: linear-gradient(90deg, transparent, rgba(212,175,55,.52), transparent) !important;
  }

  .package-page-body .exact-cta-btn,
  .package-page-body .exact-cta-panel .pkg-page-btn.primary {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    min-height: 66px !important;
    border-radius: 20px !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 18px !important;
    background: linear-gradient(135deg, #ffe36f 0%, #d4af37 54%, #b88625 100%) !important;
    color: #0b120c !important;
    border: 1px solid rgba(255,231,126,.78) !important;
    box-shadow: 0 16px 34px rgba(212,175,55,.26), inset 0 1px 0 rgba(255,255,255,.48), 0 0 16px rgba(255,235,126,.30) !important;
    font-size: clamp(14px, 1.2vw, 17px) !important;
    font-weight: 900 !important;
  }

  .package-page-body .exact-cta-btn:hover {
    transform: translateY(-2px) !important;
    filter: brightness(1.04) !important;
  }

  @media (max-width: 1180px) {
    .package-page-body .exact-process-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    .package-page-body .exact-step-card { height: auto !important; min-height: 170px !important; }
  }

  @media (max-width: 991px) {
    .package-page-body .exact-process-head {
      flex-direction: column !important;
      gap: 10px !important;
    }
    .package-page-body .exact-process-section .enhance-text { width: min(100%, 620px) !important; }
    .package-page-body .exact-faq-layout { grid-template-columns: 1fr !important; }
    .package-page-body .exact-cta-panel { min-height: auto !important; }
  }

  @media (max-width: 640px) {
    .package-page-body .exact-process-grid { grid-template-columns: 1fr !important; }
    .package-page-body .exact-step-card { min-height: 162px !important; }
    .package-page-body .exact-faq-card {
      grid-template-columns: 44px 1fr !important;
      gap: 14px !important;
      padding: 22px 18px !important;
    }
    .package-page-body .exact-cta-panel {
      padding: 32px 22px !important;
      border-radius: 20px !important;
    }
    .package-page-body .exact-cta-btn,
    .package-page-body .exact-cta-panel .pkg-page-btn.primary { min-height: 58px !important; }
  }

/* Main page containers now use 95% of screen width */
  .package-page-body .site-wrap,
  .package-page-body .wwd-container,
  .package-page-body .cr-container,
  .package-page-body .pkg-container,
  .package-page-body .tst-container,
  .package-page-body .insights-container,
  .package-page-body .enhance-container,
  .package-page-body .exact-enhance-container,
  .package-page-body .exact-compare-container,
  .package-page-body .exact-process-container,
  .package-page-body .exact-faq-container,
  .package-page-body .footer-v2-container {
    width: 95% !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }/* removed shared-nav override */


  /* Inner hero content fills the 95% wrapper, not a smaller max-width */
  .package-page-body .package-hero-area {
    width: 100% !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Package page grids/cards should also stretch inside the 95% container */
  .package-page-body .pkg-platform-tabs,
  .package-page-body .pkg-cards,
  .package-page-body .pkg-benefits-bar,
  .package-page-body .included-grid,
  .package-page-body .exact-included-grid,
  .package-page-body .compare-card,
  .package-page-body .exact-compare-card,
  .package-page-body .process-grid,
  .package-page-body .exact-process-grid,
  .package-page-body .faq-cta-grid,
  .package-page-body .exact-faq-layout {
    width: 100% !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  @media (max-width: 767px) {
    .package-page-body .site-wrap,
    .package-page-body .wwd-container,
    .package-page-body .cr-container,
    .package-page-body .pkg-container,
    .package-page-body .tst-container,
    .package-page-body .insights-container,
    .package-page-body .enhance-container,
    .package-page-body .exact-enhance-container,
    .package-page-body .exact-compare-container,
    .package-page-body .exact-process-container,
    .package-page-body .exact-faq-container,
    .package-page-body .footer-v2-container,
    .package-page-body .package-page-hero > .site-wrap {
      width: 95% !important;
      max-width: none !important;
    }

    .package-page-body .package-hero-area,
    .package-page-body .pkg-platform-tabs,
    .package-page-body .pkg-cards,
    .package-page-body .pkg-benefits-bar,
    .package-page-body .included-grid,
    .package-page-body .exact-included-grid,
    .package-page-body .compare-card,
    .package-page-body .exact-compare-card,
    .package-page-body .process-grid,
    .package-page-body .exact-process-grid,
    .package-page-body .faq-cta-grid,
    .package-page-body .exact-faq-layout {
      width: 100% !important;
      max-width: none !important;
    }
  }

body,
    body *:not(.bi):not([class^="bi-"]):not([class*=" bi-"]) {
      font-family: 'Montserrat', sans-serif !important;
    }

/* Home page base theme applied only on package page background areas */
  body.package-page-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;
  }

  body.package-page-body .hero-section.package-page-hero,
  body.package-page-body .packages-section,
  body.package-page-body .exact-included-section,
  body.package-page-body .exact-compare-section,
  body.package-page-body .exact-process-section,
  body.package-page-body .exact-faq-section,
  body.package-page-body .testimonials-section,
  body.package-page-body .insights-section,
  body.package-page-body .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;
  }

  body.package-page-body .hero-section.package-page-hero::before,
  body.package-page-body .packages-section::before,
  body.package-page-body .exact-included-section::before,
  body.package-page-body .exact-compare-section::before,
  body.package-page-body .exact-process-section::before,
  body.package-page-body .exact-faq-section::before,
  body.package-page-body .testimonials-section::before,
  body.package-page-body .insights-section::before,
  body.package-page-body .apex-footer.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;
  }

/* Clean image-based sections for package page - only 2 sections, no repeated image boxes */
  .package-page-body .pkg-image-story-section {
    position: relative;
    padding: clamp(64px, 8vw, 112px) 0;
    overflow: hidden;
    background:
      radial-gradient(ellipse 760px 420px at 8% 12%, rgba(212,175,55,.075), transparent 64%),
      radial-gradient(ellipse 620px 430px at 94% 88%, rgba(255,255,255,.035), transparent 66%),
      linear-gradient(180deg, rgba(18,35,25,.98), rgba(7,17,15,.98));
  }

  .package-page-body .pkg-image-story-section.alt {
    background:
      radial-gradient(ellipse 680px 390px at 92% 16%, rgba(212,175,55,.07), transparent 62%),
      radial-gradient(ellipse 620px 430px at 4% 86%, rgba(255,255,255,.032), transparent 66%),
      linear-gradient(180deg, rgba(7,17,15,.98), rgba(18,35,25,.98));
  }

  .package-page-body .pkg-image-story-container {
    width: 95%;
    max-width: 1480px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
  }

  .package-page-body .pkg-image-story-grid {
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
    align-items: center;
    gap: clamp(30px, 5vw, 76px);
  }

  .package-page-body .pkg-image-story-grid.reverse {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  }

  .package-page-body .pkg-story-copy {
    max-width: 620px;
  }

  .package-page-body .pkg-story-kicker {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 18px;
    padding: 9px 14px;
    border-radius: 999px;
    border: 1px solid rgba(212,175,55,.32);
    background: rgba(255,255,255,.045);
    color: var(--gold);
    font-size: 11px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .16em;
    text-transform: uppercase;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
  }

  .package-page-body .pkg-story-title {
    margin: 0 0 16px;
    font-family: 'Montserrat', sans-serif !important;
    font-size: clamp(32px, 4.2vw, 58px) !important;
    line-height: 1.02 !important;
    font-weight: 900 !important;
    letter-spacing: -.052em !important;
    color: #fff !important;
    text-shadow: 0 14px 35px rgba(0,0,0,.34);
  }

  .package-page-body .pkg-story-title span { color: var(--gold); }

  .package-page-body .pkg-story-text {
    margin: 0 0 24px;
    max-width: 600px;
    color: rgba(236,241,233,.76);
    font-size: clamp(14px, 1.2vw, 16px);
    line-height: 1.8;
    font-weight: 500;
  }

  .package-page-body .pkg-story-points {
    display: grid;
    gap: 12px;
    margin: 0 0 28px;
  }

  .package-page-body .pkg-story-point {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 16px;
    border-radius: 16px;
    border: 1px solid rgba(212,175,55,.18);
    background: rgba(255,255,255,.048);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
  }

  .package-page-body .pkg-story-point i {
    width: 31px;
    height: 31px;
    min-width: 31px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(135deg, #f7db76, var(--gold));
    color: #151006;
    font-size: 14px;
    box-shadow: 0 10px 24px rgba(212,175,55,.22);
  }

  .package-page-body .pkg-story-point strong {
    display: block;
    margin-bottom: 4px;
    color: #fff;
    font-size: 14px;
    font-weight: 900;
  }

  .package-page-body .pkg-story-point span {
    display: block;
    color: rgba(236,241,233,.66);
    font-size: 12.5px;
    line-height: 1.5;
    font-weight: 600;
  }

  .package-page-body .pkg-story-mini-row {
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
  }

  .package-page-body .pkg-story-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    padding: 10px 14px;
    border-radius: 999px;
    background: #fff;
    color: #17231D;
    font-size: 12px;
    font-weight: 900;
    box-shadow: 0 14px 30px rgba(0,0,0,.22);
  }

  .package-page-body .pkg-story-chip i { color: var(--gold); font-size: 15px; }

  .package-page-body .pkg-photo-wrap {
    position: relative;
    min-height: clamp(420px, 40vw, 590px);
  }

  .package-page-body .pkg-photo-card {
    position: relative;
    width: 100%;
    min-height: clamp(390px, 37vw, 545px);
    border-radius: 32px;
    border: 1px solid rgba(212,175,55,.34);
    background: rgba(255,255,255,.08);
    box-shadow: 0 28px 80px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.10);
    overflow: hidden;
    isolation: isolate;
  }

  .package-page-body .pkg-photo-card::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 2;
    background:
      linear-gradient(90deg, rgba(7,17,15,.20), transparent 42%, rgba(7,17,15,.40)),
      linear-gradient(180deg, transparent 42%, rgba(7,17,15,.78));
    pointer-events: none;
  }

  .package-page-body .pkg-photo-card::after {
    content: '';
    position: absolute;
    inset: 18px;
    z-index: 3;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 24px;
    pointer-events: none;
  }

  .package-page-body .pkg-photo-card img {
    width: 100%;
    height: 100%;
    min-height: clamp(390px, 37vw, 545px);
    object-fit: cover;
    filter: saturate(.92) contrast(1.06) brightness(.82);
    transform: scale(1.02);
  }

  .package-page-body .pkg-photo-label {
    position: absolute;
    left: 34px;
    bottom: 32px;
    z-index: 4;
    max-width: 360px;
    padding: 18px 18px 16px;
    border-radius: 20px;
    background: rgba(255,255,255,.94);
    color: #17231D;
    box-shadow: 0 20px 45px rgba(0,0,0,.32);
  }

  .package-page-body .pkg-photo-label strong {
    display: block;
    margin-bottom: 5px;
    color: #17231D;
    font-size: 18px;
    line-height: 1.05;
    font-weight: 900;
    letter-spacing: -.04em;
  }

  .package-page-body .pkg-photo-label span {
    display: block;
    color: rgba(23,35,29,.74);
    font-size: 12px;
    line-height: 1.45;
    font-weight: 700;
  }

  .package-page-body .pkg-floating-stat {
    position: absolute;
    z-index: 5;
    right: -18px;
    top: 46px;
    width: min(210px, 43vw);
    padding: 18px;
    border-radius: 22px;
    background: #fff;
    color: #17231D;
    box-shadow: 0 22px 50px rgba(0,0,0,.35);
    animation: pkgFloatSoft 5s ease-in-out infinite;
  }

  .package-page-body .pkg-floating-stat.bottom {
    top: auto;
    right: auto;
    left: -20px;
    bottom: 42px;
    animation-delay: -1.8s;
  }

  .package-page-body .pkg-floating-stat i {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    border-radius: 13px;
    background: linear-gradient(135deg, #f7db76, var(--gold));
    color: #151006;
    font-size: 18px;
  }

  .package-page-body .pkg-floating-stat b {
    display: block;
    color: #17231D;
    font-size: 25px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: -.05em;
  }

  .package-page-body .pkg-floating-stat small {
    display: block;
    margin-top: 6px;
    color: rgba(23,35,29,.68);
    font-size: 11px;
    line-height: 1.35;
    font-weight: 800;
  }

  @keyframes pkgFloatSoft {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
  }

  .package-page-body .pkg-platform-visual {
    position: relative;
    min-height: clamp(390px, 38vw, 540px);
    border-radius: 32px;
    border: 1px solid rgba(212,175,55,.30);
    background:
      radial-gradient(circle at 50% 42%, rgba(212,175,55,.22), transparent 28%),
      radial-gradient(circle at 18% 20%, rgba(255,255,255,.07), transparent 24%),
      linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.025));
    box-shadow: 0 28px 80px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.10);
    overflow: hidden;
  }

  .package-page-body .pkg-platform-visual::before,
  .package-page-body .pkg-platform-visual::after {
    content: '';
    position: absolute;
    inset: 52px;
    border-radius: 50%;
    border: 1px solid rgba(212,175,55,.13);
  }

  .package-page-body .pkg-platform-visual::after {
    inset: 104px;
    border-color: rgba(255,255,255,.10);
  }

  .package-page-body .pkg-phone-mock {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 3;
    width: min(260px, 48vw);
    min-height: 405px;
    transform: translate(-50%, -50%) rotate(-4deg);
    padding: 16px 14px;
    border-radius: 34px;
    border: 8px solid #07110d;
    background: #fff;
    box-shadow: 0 28px 58px rgba(0,0,0,.45);
  }

  .package-page-body .pkg-phone-screen {
    height: 100%;
    min-height: 356px;
    border-radius: 24px;
    overflow: hidden;
    background:
      linear-gradient(180deg, rgba(23,35,29,.08), rgba(23,35,29,.02)),
      #f7f5ef;
  }

  .package-page-body .pkg-phone-cover {
    height: 130px;
    background:
      linear-gradient(135deg, rgba(212,175,55,.92), rgba(23,35,29,.92)),
      url('https://images.unsplash.com/photo-1611162618071-b39a2ec055fb?auto=format&fit=crop&w=900&q=80') center/cover;
    background-blend-mode: multiply;
  }

  .package-page-body .pkg-phone-content {
    padding: 18px;
    color: #17231D;
  }

  .package-page-body .pkg-phone-content h3 {
    margin: 0 0 6px;
    color: #17231D;
    font-size: 20px;
    line-height: 1.05;
    font-weight: 900;
    letter-spacing: -.05em;
  }

  .package-page-body .pkg-phone-content p {
    margin: 0 0 16px;
    color: rgba(23,35,29,.62);
    font-size: 11px;
    line-height: 1.45;
    font-weight: 700;
  }

  .package-page-body .pkg-phone-bars { display: grid; gap: 9px; }
  .package-page-body .pkg-phone-bars span {
    display: block;
    height: 10px;
    border-radius: 999px;
    background: rgba(23,35,29,.10);
    overflow: hidden;
  }
  .package-page-body .pkg-phone-bars span::before {
    content: '';
    display: block;
    width: var(--w, 70%);
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #17231D, var(--gold));
  }

  .package-page-body .pkg-orbit-badge {
    position: absolute;
    z-index: 4;
    width: 82px;
    height: 82px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 24px;
    background: #fff;
    color: #17231D;
    box-shadow: 0 20px 45px rgba(0,0,0,.28);
    font-size: 32px;
  }

  .package-page-body .pkg-orbit-badge.instagram { left: 9%; top: 15%; color: #d62976; }
  .package-page-body .pkg-orbit-badge.tiktok { right: 11%; top: 13%; color: #111; }
  .package-page-body .pkg-orbit-badge.youtube { left: 11%; bottom: 15%; color: #ff0000; }
  .package-page-body .pkg-orbit-badge.facebook { right: 10%; bottom: 16%; color: #1877f2; }

  .package-page-body .pkg-small-metric-card {
    position: absolute;
    z-index: 5;
    left: 50%;
    bottom: 26px;
    transform: translateX(-50%);
    width: min(320px, 82%);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    overflow: hidden;
    border-radius: 18px;
    background: rgba(255,255,255,.94);
    box-shadow: 0 20px 45px rgba(0,0,0,.32);
  }

  .package-page-body .pkg-small-metric-card div {
    padding: 15px 10px;
    text-align: center;
    color: #17231D;
  }

  .package-page-body .pkg-small-metric-card div + div { border-left: 1px solid rgba(23,35,29,.10); }
  .package-page-body .pkg-small-metric-card b {
    display: block;
    color: #17231D;
    font-size: 18px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: -.04em;
  }
  .package-page-body .pkg-small-metric-card span {
    display: block;
    margin-top: 5px;
    color: rgba(23,35,29,.62);
    font-size: 9px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
  }

  @media (max-width: 980px) {
    .package-page-body .pkg-image-story-grid,
    .package-page-body .pkg-image-story-grid.reverse {
      grid-template-columns: 1fr;
      gap: 34px;
    }
    .package-page-body .pkg-story-copy { max-width: 100%; text-align: center; margin: 0 auto; }
    .package-page-body .pkg-story-kicker { margin-left: auto; margin-right: auto; }
    .package-page-body .pkg-story-point { text-align: left; }
    .package-page-body .pkg-story-mini-row { justify-content: center; }
    .package-page-body .pkg-image-story-grid.reverse .pkg-platform-visual { order: 2; }
    .package-page-body .pkg-image-story-grid.reverse .pkg-story-copy { order: 1; }
  }

  @media (max-width: 640px) {
    .package-page-body .pkg-image-story-section { padding: 54px 0; }
    .package-page-body .pkg-image-story-container { width: 95%; }
    .package-page-body .pkg-photo-wrap { min-height: auto; }
    .package-page-body .pkg-photo-card,
    .package-page-body .pkg-photo-card img,
    .package-page-body .pkg-platform-visual { min-height: 360px; border-radius: 24px; }
    .package-page-body .pkg-photo-card::after { inset: 12px; border-radius: 18px; }
    .package-page-body .pkg-photo-label { left: 18px; right: 18px; bottom: 18px; max-width: none; padding: 14px; }
    .package-page-body .pkg-floating-stat { display: none; }
    .package-page-body .pkg-phone-mock { width: min(218px, 58vw); min-height: 330px; border-width: 7px; border-radius: 30px; }
    .package-page-body .pkg-phone-screen { min-height: 288px; }
    .package-page-body .pkg-phone-cover { height: 104px; }
    .package-page-body .pkg-phone-content { padding: 15px; }
    .package-page-body .pkg-orbit-badge { width: 60px; height: 60px; border-radius: 18px; font-size: 25px; }
    .package-page-body .pkg-small-metric-card { width: 92%; bottom: 16px; }
    .package-page-body .pkg-small-metric-card div { padding: 12px 6px; }
  }

/* Final user requested cleanup:
     1) Removed the Everything Needed section from HTML.
     2) FAQ made cleaner and smaller, not over-designed.
     3) Package image area uses a replaceable local image path. */

  .package-page-body .pkg-photo-card.no-image {
    background:
      radial-gradient(circle at 26% 22%, rgba(212,175,55,.20), transparent 28%),
      radial-gradient(circle at 80% 82%, rgba(255,255,255,.08), transparent 30%),
      linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.035)),
      linear-gradient(145deg, #12261b 0%, #07140e 100%) !important;
  }

  .package-page-body .pkg-photo-card.no-image::before {
    background:
      linear-gradient(180deg, transparent 0%, rgba(7,17,15,.34) 100%),
      radial-gradient(circle at center, rgba(212,175,55,.12), transparent 46%) !important;
  }

  .package-page-body .pkg-photo-card.no-image::after {
    border-color: rgba(212,175,55,.22) !important;
  }

  .package-page-body .pkg-photo-card.no-image .pkg-photo-label {
    left: 50% !important;
    bottom: 50% !important;
    transform: translate(-50%, 50%) !important;
    text-align: center !important;
    max-width: min(420px, 82%) !important;
  }

  .package-page-body .exact-faq-section {
    padding: clamp(54px, 5.2vw, 78px) 0 clamp(60px, 5.5vw, 84px) !important;
    background:
      radial-gradient(ellipse 620px 330px at 92% 8%, rgba(212,175,55,.075), transparent 62%),
      radial-gradient(ellipse 520px 280px at 8% 96%, rgba(24,63,37,.20), transparent 68%),
      linear-gradient(180deg, #07160f 0%, #06130e 100%) !important;
  }

  .package-page-body .exact-faq-section::after {
    display: none !important;
  }

  .package-page-body .exact-faq-layout {
    grid-template-columns: minmax(0, 1fr) minmax(330px, .58fr) !important;
    gap: clamp(24px, 3.4vw, 44px) !important;
    align-items: start !important;
  }

  .package-page-body .exact-faq-left .enhance-title {
    margin-bottom: 22px !important;
    font-size: clamp(30px, 3.2vw, 46px) !important;
    line-height: 1.06 !important;
    letter-spacing: -.05em !important;
  }

  .package-page-body .exact-faq-section .pkg-section-eyebrow {
    font-size: 11px !important;
    letter-spacing: .22em !important;
    margin-bottom: 12px !important;
  }

  .package-page-body .exact-faq-section .pkg-section-eyebrow::before,
  .package-page-body .exact-faq-section .pkg-section-eyebrow::after {
    width: 30px !important;
  }

  .package-page-body .exact-faq-list {
    gap: 12px !important;
  }

  .package-page-body .exact-faq-card {
    min-height: auto !important;
    padding: 18px 20px !important;
    border-radius: 18px !important;
    grid-template-columns: 38px 1fr !important;
    gap: 15px !important;
    align-items: flex-start !important;
    background: linear-gradient(180deg, #ffffff 0%, #fbfaf5 100%) !important;
    border: 1px solid rgba(255,255,255,.86) !important;
    box-shadow: 0 14px 30px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.95) !important;
    transition: transform .22s ease, box-shadow .22s ease !important;
  }

  .package-page-body .exact-faq-card:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 18px 36px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.96) !important;
  }

  .package-page-body .exact-faq-icon {
    width: 34px !important;
    height: 34px !important;
    margin-top: 1px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #f8dc6b, var(--gold)) !important;
    color: #111 !important;
    font-size: 15px !important;
    box-shadow: 0 0 0 6px rgba(212,175,55,.13), 0 9px 18px rgba(212,175,55,.18) !important;
  }

  .package-page-body .exact-faq-copy h3,
  .package-page-body .exact-faq-card h3 {
    margin-bottom: 6px !important;
    font-size: clamp(16px, 1.25vw, 20px) !important;
    line-height: 1.16 !important;
    letter-spacing: -.035em !important;
  }

  .package-page-body .exact-faq-copy p,
  .package-page-body .exact-faq-card p {
    max-width: 620px !important;
    color: #505a51 !important;
    font-size: clamp(12.5px, .95vw, 14.5px) !important;
    line-height: 1.58 !important;
    font-weight: 600 !important;
  }

  .package-page-body .exact-cta-panel {
    min-height: auto !important;
    padding: clamp(26px, 3vw, 36px) !important;
    border-radius: 22px !important;
    border: 1px solid rgba(212,175,55,.34) !important;
    background:
      radial-gradient(ellipse 300px 170px at 18% 10%, rgba(212,175,55,.13), transparent 66%),
      linear-gradient(145deg, rgba(21,45,31,.96) 0%, rgba(7,20,13,.98) 100%) !important;
    box-shadow: 0 18px 42px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.08) !important;
    gap: 20px !important;
  }

  .package-page-body .exact-cta-panel::before,
  .package-page-body .exact-cta-panel::after,
  .package-page-body .exact-cta-divider {
    display: none !important;
  }

  .package-page-body .exact-cta-icon {
    width: 44px !important;
    height: 44px !important;
    margin: 0 0 18px !important;
    font-size: 20px !important;
    background: rgba(212,175,55,.14) !important;
    border: 1px solid rgba(212,175,55,.38) !important;
    box-shadow: none !important;
  }

  .package-page-body .exact-cta-panel h2 {
    margin-bottom: 12px !important;
    font-size: clamp(25px, 2.5vw, 36px) !important;
    line-height: 1.08 !important;
    letter-spacing: -.052em !important;
  }

  .package-page-body .exact-cta-panel p {
    font-size: clamp(13px, 1vw, 14.5px) !important;
    line-height: 1.62 !important;
  }

  .package-page-body .exact-cta-list {
    margin-top: 18px !important;
    gap: 10px !important;
  }

  .package-page-body .exact-cta-list span {
    font-size: clamp(12.5px, .95vw, 14px) !important;
    font-weight: 700 !important;
  }

  .package-page-body .exact-cta-list i {
    width: 20px !important;
    height: 20px !important;
    flex: 0 0 20px !important;
    font-size: 13px !important;
  }

  .package-page-body .exact-cta-btn,
  .package-page-body .exact-cta-panel .pkg-page-btn.primary {
    min-height: 54px !important;
    border-radius: 16px !important;
    font-size: clamp(13px, 1vw, 14.5px) !important;
    gap: 10px !important;
  }

  @media (max-width: 991px) {
    .package-page-body .exact-faq-layout {
      grid-template-columns: 1fr !important;
    }
  }

  @media (max-width: 640px) {
    .package-page-body .exact-faq-card {
      grid-template-columns: 28px 1fr !important;
      padding: 12px 12px !important;
      gap: 10px !important;
      min-height: auto !important;
    }
    .package-page-body .exact-faq-icon {
      width: 26px !important;
      height: 26px !important;
      font-size: 11px !important;
    }
    .package-page-body .exact-faq-copy h3,
    .package-page-body .exact-faq-card h3 {
      font-size: 13px !important;
      margin-bottom: 4px !important;
    }
    .package-page-body .exact-faq-copy p,
    .package-page-body .exact-faq-card p {
      font-size: 11.5px !important;
      line-height: 1.45 !important;
    }
    .package-page-body .exact-faq-list {
      gap: 8px !important;
    }
    .package-page-body .exact-faq-section .pkg-section-eyebrow {
      font-size: 10px !important;
    }
    .package-page-body .exact-faq-left .enhance-title {
      font-size: clamp(22px, 6vw, 30px) !important;
    }
    .package-page-body .exact-cta-panel {
      padding: 18px 14px !important;
    }
  }

/* User final fix: keep the sections, remove image overlay text, replace phone/icons with own image area */
  .package-page-body .pkg-photo-card .pkg-photo-label,
  .package-page-body .pkg-photo-wrap .pkg-floating-stat {
    display: none !important;
  }

  .package-page-body .pkg-photo-card {
    min-height: 430px !important;
    overflow: hidden !important;
  }

  .package-page-body .pkg-photo-card img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    min-height: 430px !important;
    object-fit: cover !important;
    border-radius: inherit !important;
  }

  .package-page-body .pkg-platform-visual {
    display: block !important;
    min-height: 430px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 28px !important;
    background:
      radial-gradient(circle at 26% 22%, rgba(212,175,55,.18), transparent 30%),
      linear-gradient(145deg, rgba(255,255,255,.10), rgba(255,255,255,.035)),
      linear-gradient(145deg, #12261b 0%, #07140e 100%) !important;
    border: 1px solid rgba(212,175,55,.26) !important;
  }

  .package-page-body .pkg-user-platform-img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    min-height: 430px !important;
    object-fit: cover !important;
    border-radius: inherit !important;
  }

  .package-page-body .pkg-platform-visual.no-image {
    min-height: 430px !important;
  }

  @media (max-width: 640px) {
    .package-page-body .pkg-photo-card,
    .package-page-body .pkg-photo-card img,
    .package-page-body .pkg-platform-visual,
    .package-page-body .pkg-user-platform-img,
    .package-page-body .pkg-platform-visual.no-image {
      min-height: 330px !important;
    }
  }

/* User request: make the 100% Safe / Real People / Fast Delivery / 24/7 Support card white */
.package-page-body .pkg-benefits-bar {
  background: linear-gradient(180deg, #ffffff 0%, #fbfaf5 100%) !important;
  border: 1px solid rgba(212,175,55,.18) !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.95) !important;
}

.package-page-body .pkg-benefits-bar::before {
  opacity: 0 !important;
}

.package-page-body .pkg-benefit,
.package-page-body .pkg-benefit:first-child,
.package-page-body .pkg-benefit:nth-child(odd),
.package-page-body .pkg-benefit:nth-child(n+3) {
  border-color: rgba(26,26,26,.08) !important;
}

.package-page-body .pkg-benefit i {
  color: #d4af37 !important;
  text-shadow: 0 0 12px rgba(212,175,55,.15) !important;
}

.package-page-body .pkg-benefit strong {
  color: #111111 !important;
}

.package-page-body .pkg-benefit span {
  color: #5c5c5c !important;
}

@media (max-width: 767px) {
  .package-page-body .pkg-benefits-bar {
    background: #ffffff !important;
  }
}/* removed shared-nav override */


  /* Normal screen: logo slightly smaller */
  @media (min-width: 768px) {/* removed shared-nav override */


    /* Hero eyebrow — smaller width */
    body.package-page-body .pkg-hero-eyebrow {
      font-size: 10px !important;
      letter-spacing: .22em !important;
      gap: 8px !important;
    }
    body.package-page-body .pkg-hero-eyebrow::before,
    body.package-page-body .pkg-hero-eyebrow::after {
      width: 18px !important;
      height: 1px !important;
    }
  }/* removed shared-nav override */
/* removed shared-nav override */


  /* Float card one — shift up */
  @media (min-width: 768px) {
    body.package-page-body .pkg-float-card.one {
      top: 40px !important;
    }
  }

  /* New white stats card right after hero */
  body.package-page-body .post-hero-stats-section {
    position: relative;
    z-index: 0000;
    padding: clamp(16px, 2.2vw, 28px) 0 clamp(18px, 2.5vw, 34px) !important;
    background:
      radial-gradient(ellipse 520px 240px at 50% 0%, rgba(212,175,55,.06), transparent 68%),
      linear-gradient(180deg, #07120e 0%, #091610 100%) !important;
  }

  body.package-page-body .post-hero-stats-strip {
    position: relative;
    z-index: 9999;
    width: 95%;
    max-width: none;
    margin: 0 auto;
    padding: 12px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    border-radius: 22px;
    background: #ffffff;
    border: 1px solid rgba(255,255,255,.86);
    box-shadow: 0 22px 52px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.96);
  }

  body.package-page-body .post-hero-stat {
    min-height: 54px;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 10px 18px;
    border-radius: 16px;
    background: #ffffff;
    border: 1px solid rgba(22,22,22,.08);
    color: #111;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.95);
  }

  body.package-page-body .post-hero-stat-icon {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(135deg, #f4cf57, #d4af37 58%, #bd8e2f);
    color: #111;
    font-size: 14px;
    box-shadow: 0 8px 18px rgba(212,175,55,.22), inset 0 1px 0 rgba(255,255,255,.42);
  }

  body.package-page-body .post-hero-stat strong {
    display: block;
    color: #111;
    font-size: clamp(28px, 2.3vw, 38px);
    line-height: .84;
    font-weight: 900;
    letter-spacing: -.055em;
  }

  body.package-page-body .post-hero-stat span:not(.post-hero-stat-icon) {
    display: block;
    margin-top: 5px;
    color: #424942;
    font-size: 11px;
    line-height: 1;
    font-weight: 900;
  }

  @media (max-width: 767px) {/* removed shared-nav override */
/* removed shared-nav override */


    /* Mobile hero exactly like the shared reference: compact two-column hero */
    body.package-page-body .hero-section.package-page-hero {
      min-height: auto !important;
      padding: 0 !important;
      overflow: hidden !important;
      background:
        radial-gradient(ellipse 430px 260px at 78% 48%, rgba(70,96,55,.34) 0%, rgba(28,55,34,.17) 42%, transparent 74%),
        radial-gradient(ellipse 420px 220px at 35% 112%, rgba(0,0,0,.42), transparent 66%),
        linear-gradient(135deg, #071411 0%, #0b1b13 45%, #102217 100%) !important;
    }

    body.package-page-body .hero-section.package-page-hero::after {
      right: -96px !important;
      top: 38px !important;
      width: 300px !important;
      opacity: .76 !important;
    }

    body.package-page-body .package-page-hero > .site-wrap {
      width: 95% !important;
      padding: 0 !important;
    }/* removed shared-nav override */


    body.package-page-body .package-hero-area {
      width: 100% !important;
      max-width: none !important;
      min-height: 184px !important;
      margin: 0 auto !important;
      padding: 8px 0 18px !important;
      display: grid !important;
      grid-template-columns: minmax(0, 1.04fr) minmax(170px, .96fr) !important;
      align-items: center !important;
      gap: 8px !important;
      text-align: left !important;
      overflow: visible !important;
    }

    body.package-page-body .pkg-hero-copy {
      max-width: 100% !important;
      text-align: left !important;
    }

    body.package-page-body .pkg-hero-eyebrow {
      justify-content: flex-start !important;
      gap: 5px !important;
      margin: 0 0 7px !important;
      font-size: clamp(5px, 1.25vw, 6.4px) !important;
      line-height: 1 !important;
      letter-spacing: .24em !important;
      white-space: nowrap !important;
    }

    body.package-page-body .pkg-hero-eyebrow::before,
    body.package-page-body .pkg-hero-eyebrow::after {
      width: 16px !important;
      height: 1px !important;
    }

    body.package-page-body .pkg-hero-title {
      max-width: 258px !important;
      margin: 0 0 8px !important;
      font-size: clamp(28px, 8vw, 42px) !important;
      line-height: .88 !important;
      letter-spacing: -.065em !important;
      text-align: left !important;
    }

    body.package-page-body .pkg-hero-text {
      max-width: 238px !important;
      margin: 0 0 10px !important;
      font-size: clamp(5.4px, 1.35vw, 7px) !important;
      line-height: 1.55 !important;
      text-align: left !important;
    }

    body.package-page-body .pkg-hero-actions {
      justify-content: flex-start !important;
      flex-wrap: nowrap !important;
      gap: 6px !important;
      margin: 0 0 11px !important;
    }

    body.package-page-body .pkg-page-btn {
      min-height: 20px !important;
      height: 20px !important;
      padding: 0 10px !important;
      gap: 4px !important;
      border-radius: 999px !important;
      font-size: clamp(4.8px, 1.18vw, 6.1px) !important;
      line-height: 1 !important;
      white-space: nowrap !important;
    }

    body.package-page-body .pkg-page-btn i {
      font-size: 5.8px !important;
    }

    body.package-page-body .pkg-hero-proof {
      display: grid !important;
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      gap: 6px !important;
      max-width: 234px !important;
      margin: 0 !important;
    }

    body.package-page-body .pkg-proof-pill {
      min-height: 32px !important;
      height: 32px !important;
      padding: 5px 7px !important;
      gap: 5px !important;
      border-radius: 5px !important;
    }

    body.package-page-body .pkg-proof-icon {
      width: 12px !important;
      height: 12px !important;
      flex: 0 0 12px !important;
      font-size: 5.5px !important;
    }

    body.package-page-body .pkg-proof-pill strong {
      margin: 0 0 2px !important;
      font-size: clamp(8.4px, 2vw, 10.4px) !important;
      line-height: .9 !important;
    }

    body.package-page-body .pkg-proof-pill span:not(.pkg-proof-icon) {
      font-size: clamp(3.1px, .75vw, 3.8px) !important;
      line-height: 1.05 !important;
    }

    body.package-page-body .pkg-hero-visual {
      min-height: 160px !important;
      height: 160px !important;
      align-items: center !important;
      justify-content: center !important;
      overflow: visible !important;
    }

    body.package-page-body .pkg-orbit {
      width: 245px !important;
      height: 245px !important;
      left: 50% !important;
      top: 50% !important;
      transform: translate(-43%, -50%) !important;
      opacity: .78 !important;
    }

    body.package-page-body .pkg-visual-card {
      width: clamp(168px, 41vw, 205px) !important;
      padding: 8px !important;
      border-radius: 8px !important;
      box-shadow: 0 15px 34px rgba(0,0,0,.40) !important;
    }

    body.package-page-body .pkg-visual-top {
      margin: 0 0 6px !important;
      gap: 5px !important;
      align-items: center !important;
    }

    body.package-page-body .pkg-card-icon {
      width: 14px !important;
      height: 14px !important;
      flex: 0 0 14px !important;
      border-radius: 4px !important;
      font-size: 6px !important;
    }

    body.package-page-body .pkg-visual-heading {
      gap: 5px !important;
    }

    body.package-page-body .pkg-visual-top strong {
      font-size: clamp(6.5px, 1.42vw, 7.4px) !important;
      line-height: 1 !important;
    }

    body.package-page-body .pkg-visual-top span {
      margin-top: 2px !important;
      font-size: 3.7px !important;
      line-height: 1 !important;
    }

    body.package-page-body .pkg-visual-badge {
      height: 12px !important;
      padding: 0 5px !important;
      gap: 2px !important;
      font-size: 3.7px !important;
    }

    body.package-page-body .pkg-visual-badge i { font-size: 3.8px !important; }

    body.package-page-body .pkg-visual-chart {
      height: 62px !important;
      border-radius: 0 !important;
    }

    body.package-page-body .pkg-visual-chart::before {
      left: 11px !important;
      right: 9px !important;
      bottom: 5px !important;
      height: 42px !important;
    }

    body.package-page-body .pkg-chart-line {
      left: 12px !important;
      right: 12px !important;
      bottom: 10px !important;
      height: 46px !important;
    }

    body.package-page-body .pkg-chart-line polyline { stroke-width: 4 !important; }
    body.package-page-body .pkg-chart-line circle { r: 4px !important; }

    body.package-page-body .pkg-chart-callout {
      min-width: 50px !important;
      top: 15px !important;
      left: 47% !important;
      padding: 4px 5px !important;
      border-radius: 5px !important;
      grid-template-columns: 8px 1fr !important;
      column-gap: 3px !important;
    }

    body.package-page-body .pkg-chart-callout i {
      width: 8px !important;
      height: 8px !important;
      font-size: 3.8px !important;
    }

    body.package-page-body .pkg-chart-callout strong {
      font-size: 4.5px !important;
    }

    body.package-page-body .pkg-chart-callout span {
      font-size: 3px !important;
    }

    body.package-page-body .pkg-visual-stats {
      display: grid !important;
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      gap: 4px !important;
      margin-top: 7px !important;
    }

    body.package-page-body .pkg-visual-stat {
      min-height: 24px !important;
      padding: 4px !important;
      border-radius: 5px !important;
      gap: 3px !important;
    }

    body.package-page-body .pkg-visual-stat i {
      width: 9px !important;
      height: 9px !important;
      flex: 0 0 9px !important;
      font-size: 4.2px !important;
    }

    body.package-page-body .pkg-visual-stat b {
      font-size: 5.2px !important;
      line-height: 1 !important;
    }

    body.package-page-body .pkg-visual-stat span {
      font-size: 3px !important;
      line-height: 1 !important;
    }

    body.package-page-body .pkg-float-card {
      position: absolute !important;
      min-height: 14px !important;
      padding: 3px 5px !important;
      border-radius: 4px !important;
      gap: 3px !important;
      font-size: 3.7px !important;
      box-shadow: 0 8px 18px rgba(0,0,0,.26) !important;
    }

    body.package-page-body .pkg-float-card i { font-size: 4px !important; }
    body.package-page-body .pkg-float-card.one { left: -8px !important; top: 28px !important; right: auto !important; bottom: auto !important; }
    body.package-page-body .pkg-float-card.two { right: 0 !important; bottom: 16px !important; left: auto !important; top: auto !important; }

    /* Stats strip stays one row on mobile like the reference card */
    body.package-page-body .post-hero-stats-section {
      padding: 10px 0 18px !important;
      z-index: 0000;  
    }

    body.package-page-body .post-hero-stats-strip {
      width: 95% !important;
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
      gap: 4px !important;
      padding: 6px !important;
      z-index: 0000;
      border-radius: 12px !important;
    }

    body.package-page-body .post-hero-stat {
      min-height: 38px !important;
      padding: 6px 4px !important;
      gap: 4px !important;
      border-radius: 8px !important;
    }

    body.package-page-body .post-hero-stat-icon {
      width: 18px !important;
      height: 18px !important;
      flex: 0 0 18px !important;
      font-size: 7px !important;
    }

    body.package-page-body .post-hero-stat strong {
      font-size: clamp(11px, 3.2vw, 15px) !important;
      line-height: .85 !important;
    }

    body.package-page-body .post-hero-stat span:not(.post-hero-stat-icon) {
      margin-top: 2px !important;
      font-size: clamp(3.2px, .92vw, 4.3px) !important;
      line-height: 1 !important;
      white-space: nowrap !important;
    }

    /* FAQ mobile: same side-by-side layout as the shared image */
    body.package-page-body .exact-faq-section {
      padding: 26px 0 30px !important;
      min-height: 216px !important;
      overflow: hidden !important;
      background:
        radial-gradient(ellipse 260px 160px at 78% 8%, rgba(212,175,55,.08), transparent 64%),
        linear-gradient(180deg, #07160f 0%, #06130e 100%) !important;
    }

    body.package-page-body .exact-faq-container {
      width: 95% !important;
      max-width: none !important;
      margin: 0 auto !important;
    }

    body.package-page-body .exact-faq-layout {
      display: grid !important;
      grid-template-columns: minmax(0, 1.46fr) minmax(150px, .84fr) !important;
      gap: 14px !important;
      align-items: stretch !important;
      width: 100% !important;
      max-width: none !important;
    }

    body.package-page-body .exact-faq-section .pkg-section-eyebrow {
      margin: 0 0 7px !important;
      font-size: 5.2px !important;
      letter-spacing: .26em !important;
      line-height: 1 !important;
      gap: 4px !important;
    }

    body.package-page-body .exact-faq-section .pkg-section-eyebrow::before,
    body.package-page-body .exact-faq-section .pkg-section-eyebrow::after {
      display: none !important;
    }

    body.package-page-body .exact-faq-left .enhance-title {
      margin: 0 0 8px !important;
      font-size: clamp(17px, 4.2vw, 22px) !important;
      line-height: .98 !important;
      letter-spacing: -.06em !important;
      white-space: nowrap !important;
    }

    body.package-page-body .exact-faq-list {
      display: grid !important;
      gap: 5px !important;
    }

    body.package-page-body .exact-faq-card {
      min-height: 37px !important;
      padding: 6px 8px !important;
      border-radius: 5px !important;
      display: grid !important;
      grid-template-columns: 18px minmax(0, 1fr) !important;
      gap: 7px !important;
      align-items: start !important;
      background: linear-gradient(180deg, #ffffff 0%, #fbfaf5 100%) !important;
      border: 1px solid rgba(255,255,255,.86) !important;
      box-shadow: 0 7px 16px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.95) !important;
      transform: none !important;
    }

    body.package-page-body .exact-faq-icon {
      width: 17px !important;
      height: 17px !important;
      margin: 0 !important;
      border-radius: 50% !important;
      font-size: 6px !important;
      box-shadow: 0 0 0 3px rgba(212,175,55,.10) !important;
    }

    body.package-page-body .exact-faq-copy h3,
    body.package-page-body .exact-faq-card h3 {
      margin: 0 0 3px !important;
      font-size: clamp(5.1px, 1.1vw, 6.3px) !important;
      line-height: 1.08 !important;
      letter-spacing: -.02em !important;
    }

    body.package-page-body .exact-faq-copy p,
    body.package-page-body .exact-faq-card p {
      max-width: none !important;
      margin: 0 !important;
      color: #505a51 !important;
      font-size: clamp(3.7px, .86vw, 4.7px) !important;
      line-height: 1.32 !important;
      font-weight: 600 !important;
    }

    body.package-page-body .exact-cta-panel {
      min-height: 158px !important;
      height: 158px !important;
      padding: 16px 12px !important;
      border-radius: 8px !important;
      gap: 0 !important;
      display: flex !important;
      flex-direction: column !important;
      justify-content: space-between !important;
      background:
        radial-gradient(ellipse 160px 90px at 28% 12%, rgba(212,175,55,.16), transparent 66%),
        linear-gradient(145deg, rgba(21,45,31,.96) 0%, rgba(7,20,13,.98) 100%) !important;
      box-shadow: 0 10px 24px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.08) !important;
    }

    body.package-page-body .exact-cta-icon {
      width: 20px !important;
      height: 20px !important;
      margin: 0 0 8px !important;
      border-radius: 50% !important;
      font-size: 8px !important;
    }

    body.package-page-body .exact-cta-panel h2 {
      margin: 0 0 6px !important;
      font-size: clamp(13px, 3vw, 16px) !important;
      line-height: .98 !important;
      letter-spacing: -.055em !important;
    }

    body.package-page-body .exact-cta-panel p {
      margin: 0 !important;
      font-size: clamp(4.2px, .92vw, 5.2px) !important;
      line-height: 1.35 !important;
    }

    body.package-page-body .exact-cta-list {
      margin-top: 9px !important;
      gap: 4px !important;
    }

    body.package-page-body .exact-cta-list span {
      gap: 4px !important;
      font-size: clamp(4.4px, .98vw, 5.4px) !important;
      line-height: 1 !important;
    }

    body.package-page-body .exact-cta-list i {
      width: 8px !important;
      height: 8px !important;
      flex: 0 0 8px !important;
      font-size: 5px !important;
    }

    body.package-page-body .exact-cta-btn,
    body.package-page-body .exact-cta-panel .pkg-page-btn.primary {
      width: 100% !important;
      min-height: 18px !important;
      height: 18px !important;
      border-radius: 5px !important;
      gap: 4px !important;
      font-size: clamp(4.8px, 1.06vw, 6px) !important;
      padding: 0 8px !important;
    }
  }

  @media (max-width: 430px) {
    body.package-page-body .package-hero-area {
      grid-template-columns: minmax(0, 1fr) minmax(142px, .86fr) !important;
      gap: 5px !important;
      min-height: 172px !important;
      padding-bottom: 14px !important;
    }

    body.package-page-body .pkg-hero-title {
      font-size: clamp(25px, 8.3vw, 34px) !important;
      max-width: 215px !important;
    }

    body.package-page-body .pkg-hero-text {
      max-width: 205px !important;
    }

    body.package-page-body .pkg-hero-proof {
      max-width: 205px !important;
      gap: 4px !important;
    }

    body.package-page-body .pkg-proof-pill {
      padding: 4px 5px !important;
      gap: 4px !important;
    }

    body.package-page-body .pkg-hero-visual {
      height: 150px !important;
      min-height: 150px !important;
    }

    body.package-page-body .pkg-visual-card {
      width: 146px !important;
      padding: 7px !important;
    }

    body.package-page-body .pkg-visual-chart {
      height: 54px !important;
    }

    body.package-page-body .pkg-platform-tabs {
      width: min(340px, 88vw) !important;
      gap: 7px !important;
    }

    body.package-page-body .pkg-platform-tabs .pkg-tab {
      height: 54px !important;
      min-height: 54px !important;
      gap: 5px !important;
    }

    body.package-page-body .pkg-packages-title {
      font-size: clamp(22px, 6.2vw, 27px) !important;
    }

    body.package-page-body .pkg-instagram-mark {
      width: 30px !important;
      height: 30px !important;
      flex-basis: 30px !important;
      font-size: 16px !important;
    }

    body.package-page-body .pkg-cards {
      padding-left: 54px !important;
      scroll-padding-left: 54px !important;
    }

    body.package-page-body .pkg-card,
    body.package-page-body .pkg-card.is-featured {
      flex-basis: 252px !important;
      width: 252px !important;
      min-width: 252px !important;
      max-width: 252px !important;
    }

    body.package-page-body .exact-faq-layout {
      grid-template-columns: minmax(0, 1.46fr) minmax(132px, .84fr) !important;
      gap: 8px !important;
    }

    body.package-page-body .exact-cta-panel {
      min-height: 150px !important;
      height: 150px !important;
      padding: 14px 10px !important;
    }
  }

/* ── Hero Visual Card — exact match to reference image on mobile ── */
@media (max-width: 767px) {

  body.package-page-body .package-hero-area {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 10px !important;
    min-height: auto !important;
    align-items: center !important;
    padding-bottom: 20px !important;
  }

  body.package-page-body .pkg-hero-visual {
    min-height: 260px !important;
    height: auto !important;
    position: relative !important;
    overflow: visible !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body.package-page-body .pkg-orbit {
    width: 220px !important;
    height: 220px !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    opacity: 0.5 !important;
  }

  /* ── Main white card ── */
  body.package-page-body .pkg-visual-card {
    width: clamp(200px, 52vw, 240px) !important;
    padding: 14px !important;
    border-radius: 18px !important;
    box-shadow: 0 20px 48px rgba(0,0,0,.45) !important;
    position: relative !important;
    z-index: 5 !important;
    margin-left: -18px !important;
  }

  /* ── Card top row: icon + heading + badge ── */
  body.package-page-body .pkg-visual-top {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 10px !important;
    gap: 6px !important;
  }

  body.package-page-body .pkg-visual-heading {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
  }

  body.package-page-body .pkg-card-icon {
    width: 26px !important;
    height: 26px !important;
    flex: 0 0 26px !important;
    border-radius: 8px !important;
    font-size: 12px !important;
  }

  body.package-page-body .pkg-visual-top strong {
    font-size: 13px !important;
    line-height: 1.15 !important;
    display: block !important;
  }

  body.package-page-body .pkg-visual-top span {
    font-size: 9px !important;
    line-height: 1.2 !important;
    margin-top: 1px !important;
    display: block !important;
  }

  body.package-page-body .pkg-visual-badge {
    height: 22px !important;
    padding: 0 8px !important;
    gap: 4px !important;
    font-size: 9px !important;
    border-radius: 20px !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
  }

  body.package-page-body .pkg-visual-badge i {
    font-size: 9px !important;
  }

  /* ── Chart area ── */
  body.package-page-body .pkg-visual-chart {
    height: 110px !important;
    border-radius: 10px !important;
    margin-bottom: 10px !important;
    position: relative !important;
    overflow: hidden !important;
  }

  body.package-page-body .pkg-visual-chart::before {
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 70px !important;
  }

  body.package-page-body .pkg-chart-line {
    left: 8px !important;
    right: 8px !important;
    bottom: 8px !important;
    height: 90px !important;
  }

  body.package-page-body .pkg-chart-line polyline {
    stroke-width: 2.5 !important;
  }

  body.package-page-body .pkg-chart-line circle {
    r: 3px !important;
  }

  /* ── Callout bubble ── */
  body.package-page-body .pkg-chart-callout {
    min-width: 90px !important;
    top: 10px !important;
    left: 38% !important;
    padding: 6px 8px !important;
    border-radius: 8px !important;
    grid-template-columns: 14px 1fr !important;
    column-gap: 5px !important;
  }

  body.package-page-body .pkg-chart-callout i {
    width: 14px !important;
    height: 14px !important;
    font-size: 7px !important;
  }

  body.package-page-body .pkg-chart-callout strong {
    font-size: 11px !important;
    line-height: 1.1 !important;
  }

  body.package-page-body .pkg-chart-callout span {
    font-size: 8px !important;
  }

  /* ── 3 Stats row ── */
  body.package-page-body .pkg-visual-stats {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    margin-top: 0 !important;
  }

  body.package-page-body .pkg-visual-stat {
    min-height: 44px !important;
    padding: 7px 6px !important;
    border-radius: 10px !important;
    gap: 0 !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  body.package-page-body .pkg-visual-stat i {
    width: 14px !important;
    height: 14px !important;
    flex: 0 0 14px !important;
    font-size: 10px !important;
    margin-bottom: 3px !important;
  }

  body.package-page-body .pkg-visual-stat b {
    font-size: 13px !important;
    line-height: 1.1 !important;
    display: block !important;
  }

  body.package-page-body .pkg-visual-stat span {
    font-size: 8.5px !important;
    line-height: 1.2 !important;
    display: block !important;
  }

  /* ── Floating badges ── */
  body.package-page-body .pkg-float-card {
    position: absolute !important;
    padding: 7px 10px !important;
    border-radius: 10px !important;
    gap: 6px !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.32) !important;
    z-index: 10 !important;
  }

  body.package-page-body .pkg-float-card i {
    font-size: 11px !important;
  }

  body.package-page-body .pkg-float-card.one {
    left: -16px !important;
    top: 22px !important;
    right: auto !important;
    bottom: auto !important;
  }

  body.package-page-body .pkg-float-card.two {
    right: -8px !important;
    bottom: 20px !important;
    left: auto !important;
    top: auto !important;
  }
}

@media (max-width: 430px) {
  body.package-page-body .pkg-visual-card {
    width: clamp(175px, 48vw, 210px) !important;
    padding: 11px !important;
    border-radius: 14px !important;
  }

  body.package-page-body .pkg-hero-visual {
    min-height: 220px !important;
  }

  body.package-page-body .pkg-visual-top strong {
    font-size: 11px !important;
  }

  body.package-page-body .pkg-visual-top span {
    font-size: 7.5px !important;
  }

  body.package-page-body .pkg-visual-badge {
    height: 18px !important;
    font-size: 7.5px !important;
    padding: 0 6px !important;
  }

  body.package-page-body .pkg-visual-chart {
    height: 88px !important;
  }

  body.package-page-body .pkg-chart-callout {
    min-width: 74px !important;
    padding: 5px 6px !important;
  }

  body.package-page-body .pkg-chart-callout strong {
    font-size: 9px !important;
  }

  body.package-page-body .pkg-chart-callout span {
    font-size: 6.5px !important;
  }

  body.package-page-body .pkg-visual-stat {
    min-height: 36px !important;
    padding: 5px 5px !important;
  }

  body.package-page-body .pkg-visual-stat b {
    font-size: 11px !important;
  }

  body.package-page-body .pkg-visual-stat span {
    font-size: 7px !important;
  }

  body.package-page-body .pkg-float-card {
    font-size: 8px !important;
    padding: 5px 8px !important;
  }

  body.package-page-body .pkg-float-card.one {
    left: -10px !important;
    top: 16px !important;
  }

  body.package-page-body .pkg-float-card.two {
    right: -4px !important;
    bottom: 14px !important;
  }
}

/* ── Full Hero Section — exact match to reference image on mobile ── */
@media (max-width: 767px) {

  /* ── Overall hero layout: 2 col side by side ── */
  body.package-page-body .package-hero-area {
    display: grid !important;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr) !important;
    gap: 0px !important;
    min-height: auto !important;
    align-items: center !important;
    padding: 10px 0 18px !important;
    width: 100% !important;
    overflow: visible !important;
  }

  body.package-page-body .pkg-hero-copy {
    max-width: 100% !important;
    text-align: left !important;
    padding-right: 6px !important;
  }

  /* ── Eyebrow label ── */
  body.package-page-body .pkg-hero-eyebrow {
    font-size: 7px !important;
    letter-spacing: .04em !important;
    gap: 4px !important;
    margin: 0 0 6px !important;
    justify-content: flex-start !important;
    white-space: nowrap !important;
  }

  body.package-page-body .pkg-hero-eyebrow::before,
  body.package-page-body .pkg-hero-eyebrow::after {
    width: 8px !important;
    height: 1px !important;
  }

  /* ── Main title: PICK A PLAN. GROW FASTER. ── */
  body.package-page-body .pkg-hero-title {
    font-size: clamp(28px, 8.2vw, 44px) !important;
    line-height: .88 !important;
    letter-spacing: -.03em !important;
    margin: 0 0 9px !important;
    max-width: 100% !important;
    text-align: left !important;
    font-weight: 900 !important;
  }

  body.package-page-body .pkg-hero-title span {
    font-size: inherit !important;
    color: var(--gold, #D4AF37) !important;
  }

  /* ── Description text ── */
  body.package-page-body .pkg-hero-text {
    font-size: 9px !important;
    line-height: 1.55 !important;
    margin: 0 0 11px !important;
    max-width: 100% !important;
    text-align: left !important;
    color: rgba(255,255,255,.72) !important;
  }

  /* ── Buttons ── */
  body.package-page-body .pkg-hero-actions {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    margin: 0 0 12px !important;
    justify-content: flex-start !important;
  }

  body.package-page-body .pkg-page-btn {
    min-height: 30px !important;
    height: 30px !important;
    padding: 0 13px !important;
    border-radius: 999px !important;
    font-size: 9.5px !important;
    font-weight: 700 !important;
    gap: 5px !important;
    white-space: nowrap !important;
  }

  body.package-page-body .pkg-page-btn i {
    font-size: 9px !important;
  }

  /* ── 3 Proof pills: 500+, 100%, 24/7 ── */
  body.package-page-body .pkg-hero-proof {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 5px !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  body.package-page-body .pkg-proof-pill {
    min-height: 42px !important;
    height: auto !important;
    padding: 7px 7px !important;
    gap: 5px !important;
    border-radius: 9px !important;
    display: flex !important;
    align-items: center !important;
    flex-direction: row !important;
  }

  body.package-page-body .pkg-proof-icon {
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
    font-size: 9px !important;
    border-radius: 5px !important;
  }

  body.package-page-body .pkg-proof-pill strong {
    font-size: 13px !important;
    line-height: 1 !important;
    margin: 0 0 2px !important;
    display: block !important;
  }

  body.package-page-body .pkg-proof-pill span:not(.pkg-proof-icon) {
    font-size: 7.5px !important;
    line-height: 1.2 !important;
    display: block !important;
    color: rgba(255,255,255,.6) !important;
  }

  /* ── Right visual area ── */
  body.package-page-body .pkg-hero-visual {
    min-height: 240px !important;
    height: auto !important;
    position: relative !important;
    overflow: visible !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }

  body.package-page-body .pkg-orbit {
    width: 200px !important;
    height: 200px !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    opacity: 0.4 !important;
  }

  /* ── Main white card ── */
  body.package-page-body .pkg-visual-card {
    width: clamp(195px, 50vw, 230px) !important;
    padding: 13px !important;
    border-radius: 16px !important;
    box-shadow: 0 20px 48px rgba(0,0,0,.45) !important;
    position: relative !important;
    z-index: 5 !important;
    margin-left: -10px !important;
  }

  /* ── Card top row ── */
  body.package-page-body .pkg-visual-top {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 8px !important;
    gap: 5px !important;
  }

  body.package-page-body .pkg-visual-heading {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
  }

  body.package-page-body .pkg-card-icon {
    width: 24px !important;
    height: 24px !important;
    flex: 0 0 24px !important;
    border-radius: 7px !important;
    font-size: 11px !important;
  }

  body.package-page-body .pkg-visual-top strong {
    font-size: 12px !important;
    line-height: 1.1 !important;
    display: block !important;
  }

  body.package-page-body .pkg-visual-top span {
    font-size: 8px !important;
    line-height: 1.2 !important;
    margin-top: 1px !important;
    display: block !important;
  }

  body.package-page-body .pkg-visual-badge {
    height: 20px !important;
    padding: 0 7px !important;
    gap: 3px !important;
    font-size: 8px !important;
    border-radius: 20px !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
  }

  body.package-page-body .pkg-visual-badge i { font-size: 8px !important; }

  /* ── Chart ── */
  body.package-page-body .pkg-visual-chart {
    height: 100px !important;
    border-radius: 10px !important;
    margin-bottom: 8px !important;
    position: relative !important;
    overflow: hidden !important;
  }

  body.package-page-body .pkg-visual-chart::before {
    left: 0 !important; right: 0 !important;
    bottom: 0 !important; height: 65px !important;
  }

  body.package-page-body .pkg-chart-line {
    left: 6px !important; right: 6px !important;
    bottom: 6px !important; height: 86px !important;
  }

  body.package-page-body .pkg-chart-line polyline { stroke-width: 2.5 !important; }
  body.package-page-body .pkg-chart-line circle { r: 3px !important; }

  /* ── Callout ── */
  body.package-page-body .pkg-chart-callout {
    min-width: 80px !important;
    top: 8px !important;
    left: 36% !important;
    padding: 5px 7px !important;
    border-radius: 8px !important;
    grid-template-columns: 13px 1fr !important;
    column-gap: 4px !important;
  }

  body.package-page-body .pkg-chart-callout i {
    width: 13px !important; height: 13px !important; font-size: 6px !important;
  }

  body.package-page-body .pkg-chart-callout strong { font-size: 10px !important; }
  body.package-page-body .pkg-chart-callout span   { font-size: 7.5px !important; }

  /* ── 3 Stats ── */
  body.package-page-body .pkg-visual-stats {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 5px !important;
    margin-top: 0 !important;
  }

  body.package-page-body .pkg-visual-stat {
    min-height: 40px !important;
    padding: 6px 5px !important;
    border-radius: 9px !important;
    gap: 0 !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  body.package-page-body .pkg-visual-stat i {
    width: 13px !important; height: 13px !important;
    flex: 0 0 13px !important; font-size: 9px !important;
    margin-bottom: 3px !important;
  }

  body.package-page-body .pkg-visual-stat b {
    font-size: 12px !important; line-height: 1.1 !important; display: block !important;
  }

  body.package-page-body .pkg-visual-stat span {
    font-size: 8px !important; line-height: 1.2 !important; display: block !important;
  }

  /* ── Float badges ── */
  body.package-page-body .pkg-float-card {
    position: absolute !important;
    padding: 6px 9px !important;
    border-radius: 9px !important;
    gap: 5px !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.32) !important;
    z-index: 10 !important;
  }

  body.package-page-body .pkg-float-card i { font-size: 10px !important; }

  body.package-page-body .pkg-float-card.one {
    left: -20px !important; top: 18px !important;
    right: auto !important; bottom: auto !important;
  }

  body.package-page-body .pkg-float-card.two {
    right: -6px !important; bottom: 18px !important;
    left: auto !important; top: auto !important;
  }
}

/* ── 430px and below ── */
@media (max-width: 430px) {

  body.package-page-body .package-hero-area {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr) !important;
    gap: 0px !important;
    padding: 10px 0 16px !important;
  }

  body.package-page-body .pkg-hero-title {
    font-size: clamp(24px, 7.5vw, 32px) !important;
  }

  body.package-page-body .pkg-hero-text {
    font-size: 8px !important;
    margin-bottom: 9px !important;
  }

  body.package-page-body .pkg-page-btn {
    min-height: 26px !important;
    height: 26px !important;
    font-size: 8.5px !important;
    padding: 0 10px !important;
  }

  body.package-page-body .pkg-proof-pill {
    min-height: 36px !important;
    padding: 5px 5px !important;
    gap: 4px !important;
  }

  body.package-page-body .pkg-proof-icon {
    width: 15px !important; height: 15px !important;
    flex: 0 0 15px !important; font-size: 7px !important;
  }

  body.package-page-body .pkg-proof-pill strong { font-size: 11px !important; }
  body.package-page-body .pkg-proof-pill span:not(.pkg-proof-icon) { font-size: 6.5px !important; }

  body.package-page-body .pkg-hero-eyebrow {
    font-size: 7px !important;
    letter-spacing: .04em !important;
  }

  body.package-page-body .pkg-visual-card {
    width: clamp(170px, 46vw, 205px) !important;
    padding: 10px !important;
  }

  body.package-page-body .pkg-hero-visual {
    min-height: 200px !important;
  }

  body.package-page-body .pkg-visual-chart { height: 82px !important; }
  body.package-page-body .pkg-visual-top strong { font-size: 10.5px !important; }
  body.package-page-body .pkg-visual-stat b { font-size: 10px !important; }
  body.package-page-body .pkg-visual-stat span { font-size: 6.5px !important; }

  body.package-page-body .pkg-float-card {
    font-size: 7.5px !important;
    padding: 5px 7px !important;
  }

  body.package-page-body .pkg-float-card.one { left: -12px !important; top: 14px !important; }
  body.package-page-body .pkg-float-card.two { right: -4px !important; bottom: 14px !important; }
}

/* Mobile exact-match fixes for the 3 shared package sections:
   1) How Your Package Starts
   2) Choose The Package That Fits You
   3) Package Preview + Multi Platform image story */
@media (max-width: 767px) {
  body.package-page-body .exact-process-section,
  body.package-page-body .exact-compare-section,
  body.package-page-body .pkg-image-story-section,
  body.package-page-body .pkg-image-story-section.alt {
    overflow: hidden !important;
    background:
      radial-gradient(ellipse 430px 210px at 72% 0%, rgba(212,175,55,.075), transparent 64%),
      radial-gradient(ellipse 360px 230px at 0% 94%, rgba(255,255,255,.028), transparent 64%),
      linear-gradient(180deg, #102318 0%, #07160f 58%, #06120e 100%) !important;
  }

  /* 1) HOW YOUR PACKAGE STARTS - keep 4 cards in one row like reference */
  body.package-page-body .exact-process-section {
    padding: 36px 0 46px !important;
    min-height: 208px !important;
  }

  body.package-page-body .exact-process-container {
    width: 95% !important;
    max-width: none !important;
    margin: 0 auto !important;
  }

  body.package-page-body .exact-process-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(112px, .52fr) !important;
    align-items: start !important;
    gap: 12px !important;
    margin: 0 0 22px !important;
  }

  body.package-page-body .exact-process-title-block {
    min-width: 0 !important;
  }

  body.package-page-body .exact-process-section .pkg-section-eyebrow {
    margin: 0 0 8px !important;
    display: inline-flex !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    font-size: clamp(5px, 1.35vw, 6.2px) !important;
    letter-spacing: .26em !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  body.package-page-body .exact-process-section .pkg-section-eyebrow::before,
  body.package-page-body .exact-process-section .pkg-section-eyebrow::after {
    display: inline-block !important;
    width: 22px !important;
    height: 1px !important;
  }

  body.package-page-body .exact-process-section .enhance-title {
    max-width: none !important;
    margin: 0 !important;
    font-size: clamp(24px, 6.7vw, 32px) !important;
    line-height: .94 !important;
    letter-spacing: -.065em !important;
    white-space: nowrap !important;
    text-align: left !important;
  }

  body.package-page-body .exact-process-section .enhance-text {
    width: auto !important;
    max-width: 132px !important;
    margin: 18px 0 0 auto !important;
    color: rgba(245,248,245,.72) !important;
    font-size: clamp(4.8px, 1.18vw, 5.8px) !important;
    line-height: 1.45 !important;
    font-weight: 700 !important;
    text-align: left !important;
  }

  body.package-page-body .exact-process-grid {
    width: 100% !important;
    max-width: none !important;
    margin: 0 auto !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body.package-page-body .exact-step-card {
    width: 100% !important;
    min-width: 0 !important;
    height: 86px !important;
    min-height: 86px !important;
    padding: 13px 9px 10px !important;
    border-radius: 7px !important;
    background: linear-gradient(180deg, #ffffff 0%, #fbfaf4 100%) !important;
    border: 1px solid rgba(255,255,255,.90) !important;
    color: #121812 !important;
    box-shadow: 0 9px 22px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.96) !important;
    transform: none !important;
    overflow: hidden !important;
  }

  body.package-page-body .exact-step-icon {
    width: 22px !important;
    height: 22px !important;
    margin: 0 0 12px !important;
    border-radius: 50% !important;
    font-size: 8px !important;
    box-shadow: 0 0 0 5px rgba(212,175,55,.11), 0 6px 12px rgba(212,175,55,.17) !important;
  }

  body.package-page-body .exact-step-card h3 {
    margin: 0 0 6px !important;
    color: #151515 !important;
    font-size: clamp(6.8px, 1.65vw, 8.2px) !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: -.035em !important;
    text-align: left !important;
  }

  body.package-page-body .exact-step-card p {
    margin: 0 !important;
    color: #5a625a !important;
    font-size: clamp(4.9px, 1.15vw, 5.8px) !important;
    line-height: 1.35 !important;
    font-weight: 650 !important;
    text-align: left !important;
  }

  /* 2) PLAN COMPARISON - full table visible on mobile, no horizontal scrollbar */
  body.package-page-body .exact-compare-section {
    padding: 36px 0 76px !important;
    min-height: 318px !important;
  }

  body.package-page-body .exact-compare-container {
    width: 95% !important;
    max-width: none !important;
    margin: 0 auto !important;
  }

  body.package-page-body .exact-compare-head {
    margin: 0 auto 12px !important;
    text-align: center !important;
  }

  body.package-page-body .exact-compare-head .pkg-section-eyebrow {
    justify-content: center !important;
    margin: 0 0 7px !important;
    gap: 7px !important;
    font-size: clamp(4.6px, 1.2vw, 5.6px) !important;
    letter-spacing: .30em !important;
    line-height: 1 !important;
  }

  body.package-page-body .exact-compare-head .pkg-section-eyebrow::before,
  body.package-page-body .exact-compare-head .pkg-section-eyebrow::after {
    width: 36px !important;
    height: 1px !important;
  }

  body.package-page-body .exact-compare-head .enhance-title {
    max-width: none !important;
    margin: 0 auto !important;
    font-size: clamp(18px, 5.5vw, 27px) !important;
    line-height: .98 !important;
    letter-spacing: -.055em !important;
    white-space: nowrap !important;
  }

  body.package-page-body .exact-compare-card {
    width: 100% !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border-radius: 9px !important;
    background: #fff !important;
    overflow: hidden !important;
    box-shadow: 0 16px 34px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.98) !important;
  }

  body.package-page-body .exact-compare-table {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    table-layout: fixed !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: #fff !important;
  }

  body.package-page-body .exact-compare-table th:first-child,
  body.package-page-body .exact-compare-table td:first-child {
    width: 30% !important;
  }

  body.package-page-body .exact-compare-table th:not(:first-child),
  body.package-page-body .exact-compare-table td:not(:first-child) {
    width: 23.333% !important;
  }

  body.package-page-body .exact-compare-table th,
  body.package-page-body .exact-compare-table td {
    height: 30px !important;
    padding: 7px 4px !important;
    border-bottom: 1px solid rgba(0,0,0,.075) !important;
    border-left: 1px solid rgba(0,0,0,.075) !important;
    color: #1b211d !important;
    background: #fff !important;
    font-size: clamp(4.8px, 1.12vw, 5.8px) !important;
    line-height: 1.15 !important;
    font-weight: 850 !important;
    text-align: center !important;
    vertical-align: middle !important;
    overflow: hidden !important;
  }

  body.package-page-body .exact-compare-table th {
    height: 42px !important;
    text-transform: uppercase !important;
    font-size: clamp(4.6px, 1.05vw, 5.4px) !important;
    letter-spacing: .02em !important;
  }

  body.package-page-body .exact-compare-table .plan-head {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 1px !important;
    max-width: 100% !important;
  }

  body.package-page-body .exact-compare-table .plan-head i {
    color: var(--gold) !important;
    font-size: 10px !important;
    line-height: 1 !important;
    margin: 0 0 1px !important;
  }

  body.package-page-body .exact-compare-table .plan-head strong,
  body.package-page-body .exact-compare-table .plan-head em {
    font-size: clamp(4.3px, 1vw, 5px) !important;
    line-height: 1 !important;
    font-weight: 900 !important;
  }

  body.package-page-body .compare-feature {
    gap: 4px !important;
    max-width: 100% !important;
    color: #303832 !important;
    font-size: clamp(4.6px, 1.08vw, 5.5px) !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }

  body.package-page-body .compare-feature i {
    width: 9px !important;
    min-width: 9px !important;
    font-size: 8px !important;
    color: #7a827b !important;
  }

  body.package-page-body .exact-compare-table .compare-check {
    font-size: 9px !important;
  }

  /* 3) PACKAGE PREVIEW + MULTI PLATFORM - keep side-by-side exactly like reference */
  body.package-page-body .pkg-image-story-section {
    padding: 44px 0 48px !important;
    min-height: 420px !important;
  }

  body.package-page-body .pkg-image-story-section.alt {
    padding: 36px 0 48px !important;
    min-height: 420px !important;
  }

  body.package-page-body .pkg-image-story-container {
    width: 95% !important;
    max-width: none !important;
    margin: 0 auto !important;
  }

  body.package-page-body .pkg-image-story-grid,
  body.package-page-body .pkg-image-story-grid.reverse {
    display: grid !important;
    grid-template-columns: minmax(0, .98fr) minmax(0, 1.08fr) !important;
    gap: 16px !important;
    align-items: center !important;
  }

  body.package-page-body .pkg-image-story-grid.reverse {
    grid-template-columns: minmax(0, 1.08fr) minmax(0, .98fr) !important;
  }

  body.package-page-body .pkg-image-story-grid.reverse .pkg-platform-visual,
  body.package-page-body .pkg-image-story-grid.reverse .pkg-story-copy {
    order: 0 !important;
  }

  body.package-page-body .pkg-story-copy {
    max-width: none !important;
    margin: 0 !important;
    text-align: left !important;
  }

  body.package-page-body .pkg-story-kicker {
    margin: 0 0 9px !important;
    padding: 4px 7px !important;
    border-radius: 999px !important;
    gap: 4px !important;
    font-size: clamp(4.5px, 1.06vw, 5.6px) !important;
    line-height: 1 !important;
    letter-spacing: .16em !important;
    white-space: nowrap !important;
  }

  body.package-page-body .pkg-story-kicker i {
    font-size: 5px !important;
  }

  body.package-page-body .pkg-story-title {
    max-width: 100% !important;
    margin: 0 0 10px !important;
    font-size: clamp(24px, 7.4vw, 33px) !important;
    line-height: .94 !important;
    letter-spacing: -.065em !important;
    text-align: left !important;
  }

  body.package-page-body .pkg-story-text {
    max-width: 170px !important;
    margin: 0 0 12px !important;
    color: rgba(245,248,245,.76) !important;
    font-size: clamp(5.4px, 1.24vw, 6.3px) !important;
    line-height: 1.55 !important;
    font-weight: 650 !important;
    text-align: left !important;
  }

  body.package-page-body .pkg-story-points {
    gap: 8px !important;
    margin: 0 0 12px !important;
  }

  body.package-page-body .pkg-story-point {
    display: grid !important;
    grid-template-columns: 18px minmax(0, 1fr) !important;
    gap: 7px !important;
    padding: 8px 9px !important;
    border-radius: 7px !important;
    text-align: left !important;
  }

  body.package-page-body .pkg-story-point i {
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
    font-size: 8px !important;
  }

  body.package-page-body .pkg-story-point strong {
    margin: 0 0 2px !important;
    font-size: clamp(5.2px, 1.2vw, 6.1px) !important;
    line-height: 1.08 !important;
  }

  body.package-page-body .pkg-story-point span {
    font-size: clamp(4px, .96vw, 4.8px) !important;
    line-height: 1.25 !important;
  }

  body.package-page-body .pkg-story-mini-row {
    justify-content: flex-start !important;
    gap: 5px !important;
    margin-top: 4px !important;
  }

  body.package-page-body .pkg-story-chip {
    min-height: 18px !important;
    padding: 4px 7px !important;
    border-radius: 999px !important;
    gap: 4px !important;
    font-size: clamp(4.4px, 1vw, 5.2px) !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  body.package-page-body .pkg-story-chip i {
    font-size: 5px !important;
  }

  body.package-page-body .pkg-photo-wrap {
    min-height: 0 !important;
  }

  body.package-page-body .pkg-photo-card,
  body.package-page-body .pkg-photo-card img,
  body.package-page-body .pkg-platform-visual,
  body.package-page-body .pkg-user-platform-img,
  body.package-page-body .pkg-platform-visual.no-image {
    min-height: 170px !important;
    height: 170px !important;
    border-radius: 11px !important;
  }

  body.package-page-body .pkg-photo-card,
  body.package-page-body .pkg-platform-visual {
    background:
      radial-gradient(ellipse 150px 110px at 30% 18%, rgba(212,175,55,.16), transparent 65%),
      linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.028)),
      linear-gradient(145deg, #142a1f 0%, #081610 100%) !important;
    border: 1px solid rgba(212,175,55,.34) !important;
    box-shadow: 0 14px 34px rgba(0,0,0,.29), inset 0 1px 0 rgba(255,255,255,.08) !important;
  }

  body.package-page-body .pkg-photo-card::after {
    inset: 10px !important;
    border-radius: 8px !important;
    border-color: rgba(212,175,55,.18) !important;
  }

  body.package-page-body .pkg-platform-visual::before {
    inset: 28px !important;
    border-color: rgba(212,175,55,.12) !important;
  }

  body.package-page-body .pkg-platform-visual::after {
    inset: 52px !important;
    border-color: rgba(255,255,255,.08) !important;
  }

  body.package-page-body .pkg-platform-visual {
    color: rgba(255,255,255,.70) !important;
    font-size: clamp(5px, 1.1vw, 6px) !important;
    line-height: 1.2 !important;
  }

  body.package-page-body .pkg-story-copy .pkg-page-btn.primary {
    min-height: 24px !important;
    height: 24px !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    gap: 5px !important;
    font-size: clamp(5.4px, 1.2vw, 6.2px) !important;
    line-height: 1 !important;
  }
}

@media (max-width: 430px) {
  body.package-page-body .exact-process-section { padding: 34px 0 42px !important; }
  body.package-page-body .exact-process-head {
    grid-template-columns: minmax(0, 1fr) minmax(98px, .48fr) !important;
    gap: 9px !important;
    margin-bottom: 18px !important;
  }
  body.package-page-body .exact-process-section .enhance-title {
    font-size: clamp(21px, 6.2vw, 27px) !important;
  }
  body.package-page-body .exact-process-section .enhance-text {
    max-width: 108px !important;
    margin-top: 16px !important;
  }
  body.package-page-body .exact-process-grid { gap: 6px !important; }
  body.package-page-body .exact-step-card {
    height: 78px !important;
    min-height: 78px !important;
    padding: 11px 7px 8px !important;
  }
  body.package-page-body .exact-step-icon {
    width: 19px !important;
    height: 19px !important;
    margin-bottom: 9px !important;
  }
  body.package-page-body .exact-step-card h3 { font-size: 6.4px !important; margin-bottom: 5px !important; }
  body.package-page-body .exact-step-card p { font-size: 4.4px !important; line-height: 1.28 !important; }

  body.package-page-body .exact-compare-section { padding: 34px 0 70px !important; }
  body.package-page-body .exact-compare-head .enhance-title { font-size: clamp(17px, 5.1vw, 22px) !important; }
  body.package-page-body .exact-compare-table th,
  body.package-page-body .exact-compare-table td {
    height: 28px !important;
    padding: 6px 3px !important;
    font-size: 4.5px !important;
  }
  body.package-page-body .exact-compare-table th { height: 38px !important; font-size: 4.2px !important; }
  body.package-page-body .compare-feature { gap: 3px !important; font-size: 4.3px !important; }
  body.package-page-body .compare-feature i { width: 8px !important; min-width: 8px !important; font-size: 7px !important; }

  body.package-page-body .pkg-image-story-section,
  body.package-page-body .pkg-image-story-section.alt {
    min-height: 360px !important;
  }
  body.package-page-body .pkg-image-story-grid,
  body.package-page-body .pkg-image-story-grid.reverse {
    gap: 11px !important;
  }
  body.package-page-body .pkg-story-title {
    font-size: clamp(22px, 7.1vw, 29px) !important;
  }
  body.package-page-body .pkg-story-text {
    max-width: 150px !important;
    font-size: 5px !important;
  }
  body.package-page-body .pkg-story-point {
    grid-template-columns: 16px minmax(0,1fr) !important;
    gap: 6px !important;
    padding: 7px 8px !important;
  }
  body.package-page-body .pkg-story-point i {
    width: 16px !important;
    height: 16px !important;
    font-size: 7px !important;
  }
  body.package-page-body .pkg-story-point strong { font-size: 4.8px !important; }
  body.package-page-body .pkg-story-point span { font-size: 3.8px !important; }
  body.package-page-body .pkg-photo-card,
  body.package-page-body .pkg-photo-card img,
  body.package-page-body .pkg-platform-visual,
  body.package-page-body .pkg-user-platform-img,
  body.package-page-body .pkg-platform-visual.no-image {
    min-height: 148px !important;
    height: 148px !important;
  }
}

/* Final mobile-only exact remake from the 3 screenshots. Desktop stays untouched. */
.shruti-mobile-exact-section { display: none; }

@media (max-width: 767px) {
  /* Hide the normal versions only on mobile and show the screenshot-built versions */
  body.package-page-body .pkg-image-story-section,
  body.package-page-body .pkg-image-story-section.alt,
  body.package-page-body .exact-compare-section,
  body.package-page-body .exact-process-section {
    display: none !important;
  }

  body.package-page-body .shruti-mobile-exact-section {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
    isolation: isolate !important;
    background:
      radial-gradient(ellipse 50vw 27vw at 70% -6%, rgba(212,175,55,.095), transparent 62%),
      radial-gradient(ellipse 45vw 28vw at 6% 100%, rgba(43,81,48,.18), transparent 62%),
      linear-gradient(180deg, #102319 0%, #07160f 58%, #06120e 100%) !important;
  }

  body.package-page-body .shruti-mobile-exact-section * {
    box-sizing: border-box !important;
    font-family: 'Montserrat', sans-serif !important;
  }

  body.package-page-body .shruti-mobile-eyebrow {
    display: inline-flex !important;
    align-items: center !important;
    gap: .9vw !important;
    color: var(--gold) !important;
    font-size: .58vw !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: .34em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }
  body.package-page-body .shruti-mobile-eyebrow::before,
  body.package-page-body .shruti-mobile-eyebrow::after {
    content: '' !important;
    display: block !important;
    width: 3.6vw !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, var(--gold), transparent) !important;
  }

  body.package-page-body .shruti-mobile-title {
    margin: 0 !important;
    color: #f8f7f2 !important;
    font-size: 3.05vw !important;
    line-height: .95 !important;
    font-weight: 900 !important;
    letter-spacing: -.065em !important;
    text-shadow: 0 .7vw 1.5vw rgba(0,0,0,.33) !important;
  }
  body.package-page-body .shruti-mobile-title span { color: var(--gold) !important; }

  /* 1) HOW YOUR PACKAGE STARTS */
  body.package-page-body .shruti-mobile-process {
    height: 29.36vw !important;
  }
  body.package-page-body .shruti-mobile-process .sm-process-eyebrow {
    position: absolute !important;
    left: 2.25vw !important;
    top: 5.75vw !important;
  }
  body.package-page-body .shruti-mobile-process .sm-process-title {
    position: absolute !important;
    left: 2.0vw !important;
    top: 7.25vw !important;
    font-size: 3.0vw !important;
    white-space: nowrap !important;
  }
  body.package-page-body .shruti-mobile-process .sm-process-sub {
    position: absolute !important;
    right: 8.2vw !important;
    top: 6.45vw !important;
    width: 30.5vw !important;
    margin: 0 !important;
    color: rgba(245,248,245,.72) !important;
    font-size: 1.02vw !important;
    line-height: 1.35 !important;
    font-weight: 750 !important;
  }
  body.package-page-body .sm-process-card {
    position: absolute !important;
    top: 11.2vw !important;
    width: 22.3vw !important;
    height: 10.95vw !important;
    padding: 2.2vw 1.55vw 1.2vw !important;
    border-radius: .7vw !important;
    background: linear-gradient(180deg, #ffffff 0%, #fbfaf4 100%) !important;
    border: 1px solid rgba(255,255,255,.95) !important;
    box-shadow: 0 1.3vw 2.8vw rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.96) !important;
    color: #141814 !important;
    overflow: hidden !important;
  }
  body.package-page-body .sm-process-card:nth-of-type(1) { left: 2.1vw !important; }
  body.package-page-body .sm-process-card:nth-of-type(2) { left: 25.85vw !important; }
  body.package-page-body .sm-process-card:nth-of-type(3) { left: 49.75vw !important; }
  body.package-page-body .sm-process-card:nth-of-type(4) { left: 73.55vw !important; }
  body.package-page-body .sm-process-icon {
    width: 2.75vw !important;
    height: 2.75vw !important;
    margin: 0 0 2.1vw !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: radial-gradient(circle at 32% 24%, #ffe577 0%, #d4af37 56%, #b78623 100%) !important;
    color: #0c140d !important;
    font-size: 1.0vw !important;
    box-shadow: 0 0 0 .72vw rgba(212,175,55,.13), 0 .55vw 1.3vw rgba(212,175,55,.18) !important;
  }
  body.package-page-body .sm-process-card h3 {
    margin: 0 0 1.05vw !important;
    color: #151515 !important;
    font-size: 1.35vw !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: -.04em !important;
  }
  body.package-page-body .sm-process-card p {
    margin: 0 !important;
    color: #5c645d !important;
    font-size: .88vw !important;
    line-height: 1.35 !important;
    font-weight: 650 !important;
  }

  /* 2) COMPARE TABLE */
  body.package-page-body .shruti-mobile-compare {
    height: 50.2vw !important;
  }
  body.package-page-body .shruti-mobile-compare .sm-compare-head {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 4.9vw !important;
    text-align: center !important;
  }
  body.package-page-body .shruti-mobile-compare .shruti-mobile-eyebrow { justify-content: center !important; }
  body.package-page-body .shruti-mobile-compare .shruti-mobile-title {
    margin-top: 1.0vw !important;
    font-size: 2.72vw !important;
    white-space: nowrap !important;
  }
  body.package-page-body .sm-compare-card {
    position: absolute !important;
    left: 2.1vw !important;
    right: 2.1vw !important;
    top: 9.3vw !important;
    height: 27.75vw !important;
    border-radius: .85vw !important;
    background: #fff !important;
    overflow: hidden !important;
    box-shadow: 0 1.5vw 3.6vw rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.98) !important;
  }
  body.package-page-body .sm-compare-table {
    width: 100% !important;
    height: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    table-layout: fixed !important;
    background: #fff !important;
  }
  body.package-page-body .sm-compare-table th,
  body.package-page-body .sm-compare-table td {
    padding: .42vw .8vw !important;
    border-left: 1px solid rgba(0,0,0,.075) !important;
    border-bottom: 1px solid rgba(0,0,0,.075) !important;
    background: #fff !important;
    color: #1d241f !important;
    text-align: center !important;
    vertical-align: middle !important;
    font-size: .78vw !important;
    line-height: 1.15 !important;
    font-weight: 850 !important;
  }
  body.package-page-body .sm-compare-table th:first-child,
  body.package-page-body .sm-compare-table td:first-child {
    width: 28% !important;
    border-left: 0 !important;
    text-align: left !important;
  }
  body.package-page-body .sm-compare-table th { height: 5vw !important; text-transform: uppercase !important; font-size: .63vw !important; }
  body.package-page-body .sm-compare-table tr:last-child td { border-bottom: 0 !important; }
  body.package-page-body .sm-plan-head {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: .18vw !important;
    line-height: 1 !important;
  }
  body.package-page-body .sm-plan-head i { color: var(--gold) !important; font-size: 1.25vw !important; }
  body.package-page-body .sm-plan-head strong { font-size: .67vw !important; text-transform: uppercase !important; color: #111 !important; }
  body.package-page-body .sm-plan-head em { font-style: normal !important; font-size: .63vw !important; color: var(--gold) !important; font-weight: 900 !important; }
  body.package-page-body .sm-feature {
    display: inline-flex !important;
    align-items: center !important;
    gap: .75vw !important;
    color: #343d36 !important;
    font-size: .74vw !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }
  body.package-page-body .sm-feature i { color: #717a73 !important; font-size: 1.1vw !important; width: 1.2vw !important; display: inline-flex !important; justify-content: center !important; }
  body.package-page-body .sm-check { color: #1f9a57 !important; font-size: 1.12vw !important; }

  /* 3) PACKAGE PREVIEW + MULTI PLATFORM */
  body.package-page-body .shruti-mobile-story {
    height: 101.72vw !important;
  }
  body.package-page-body .sm-story-copy {
    position: absolute !important;
    width: 42vw !important;
    color: #fff !important;
  }
  body.package-page-body .sm-story-copy.top { left: 2.2vw !important; top: 3.6vw !important; }
  body.package-page-body .sm-story-copy.bottom { left: 53vw !important; top: 55.2vw !important; width: 41vw !important; }
  body.package-page-body .sm-story-kicker {
    display: inline-flex !important;
    align-items: center !important;
    gap: .45vw !important;
    margin: 0 0 1.4vw !important;
    padding: .55vw 1.05vw !important;
    border-radius: 999px !important;
    color: var(--gold) !important;
    background: rgba(212,175,55,.075) !important;
    border: 1px solid rgba(212,175,55,.38) !important;
    font-size: .72vw !important;
    font-weight: 900 !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
  }
  body.package-page-body .sm-story-title {
    margin: 0 0 2.0vw !important;
    color: #fff !important;
    font-size: 4.0vw !important;
    line-height: .95 !important;
    font-weight: 900 !important;
    letter-spacing: -.07em !important;
    text-shadow: 0 .8vw 1.8vw rgba(0,0,0,.35) !important;
  }
  body.package-page-body .sm-story-title span { color: var(--gold) !important; }
  body.package-page-body .sm-story-text {
    margin: 0 0 1.8vw !important;
    max-width: 40vw !important;
    color: rgba(244,248,244,.78) !important;
    font-size: 1.04vw !important;
    line-height: 1.55 !important;
    font-weight: 650 !important;
  }
  body.package-page-body .sm-story-point {
    display: grid !important;
    grid-template-columns: 3vw 1fr !important;
    gap: 1vw !important;
    align-items: center !important;
    width: 39vw !important;
    min-height: 4.8vw !important;
    margin: 0 0 .85vw !important;
    padding: .9vw 1.15vw !important;
    border-radius: .65vw !important;
    background: rgba(255,255,255,.055) !important;
    border: 1px solid rgba(212,175,55,.16) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important;
  }
  body.package-page-body .sm-story-point i {
    width: 2.2vw !important;
    height: 2.2vw !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #0b130d !important;
    background: var(--gold) !important;
    font-size: .9vw !important;
  }
  body.package-page-body .sm-story-point strong {
    display: block !important;
    margin: 0 0 .35vw !important;
    color: #fff !important;
    font-size: .88vw !important;
    line-height: 1.08 !important;
    font-weight: 900 !important;
  }
  body.package-page-body .sm-story-point span {
    display: block !important;
    color: rgba(238,244,235,.68) !important;
    font-size: .64vw !important;
    line-height: 1.25 !important;
    font-weight: 650 !important;
  }
  body.package-page-body .sm-story-chips { display: flex !important; gap: .7vw !important; flex-wrap: wrap !important; margin-top: 2.2vw !important; }
  body.package-page-body .sm-story-chip {
    display: inline-flex !important;
    align-items: center !important;
    gap: .45vw !important;
    height: 2.6vw !important;
    padding: 0 1.1vw !important;
    border-radius: 999px !important;
    color: #263027 !important;
    background: #fff !important;
    font-size: .74vw !important;
    font-weight: 900 !important;
    box-shadow: 0 .65vw 1.5vw rgba(0,0,0,.18) !important;
  }
  body.package-page-body .sm-story-chip i { color: var(--gold) !important; font-size: .75vw !important; }
  body.package-page-body .sm-story-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .75vw !important;
    height: 4.0vw !important;
    min-width: 16vw !important;
    margin-top: 1.15vw !important;
    padding: 0 2.0vw !important;
    border-radius: 999px !important;
    color: #10150d !important;
    background: linear-gradient(135deg, #ffe36f 0%, #d4af37 55%, #b88625 100%) !important;
    border: 1px solid rgba(255,230,118,.72) !important;
    box-shadow: 0 1.1vw 2.2vw rgba(212,175,55,.24) !important;
    font-size: .8vw !important;
    font-weight: 900 !important;
  }
  body.package-page-body .sm-story-visual {
    position: absolute !important;
    border-radius: 1.1vw !important;
    overflow: hidden !important;
    background:
      radial-gradient(ellipse 22vw 15vw at 32% 18%, rgba(212,175,55,.18), transparent 65%),
      linear-gradient(145deg, rgba(255,255,255,.085), rgba(255,255,255,.025)),
      linear-gradient(145deg, #142a1f 0%, #081610 100%) !important;
    border: 1px solid rgba(212,175,55,.36) !important;
    box-shadow: 0 1.7vw 4vw rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.08) !important;
  }
  body.package-page-body .sm-story-visual.top { left: 48.9vw !important; top: 3.2vw !important; width: 46.7vw !important; height: 27.4vw !important; }
  body.package-page-body .sm-story-visual.bottom { left: 2.4vw !important; top: 59.3vw !important; width: 46.7vw !important; height: 27.4vw !important; }
  body.package-page-body .sm-story-visual::before,
  body.package-page-body .sm-story-visual::after {
    content: '' !important;
    position: absolute !important;
    border-radius: 50% !important;
    pointer-events: none !important;
  }
  body.package-page-body .sm-story-visual::before { inset: 5.0vw 6.0vw !important; border: 1px solid rgba(212,175,55,.14) !important; }
  body.package-page-body .sm-story-visual::after { inset: 8.2vw 8.2vw !important; border: 1px solid rgba(255,255,255,.08) !important; }
  body.package-page-body .sm-story-visual .sm-placeholder {
    position: absolute !important;
    left: .6vw !important;
    top: .45vw !important;
    margin: 0 !important;
    color: rgba(255,255,255,.70) !important;
    font-size: .92vw !important;
    font-weight: 650 !important;
  }

  /* Package cards mobile: one card at a time */
  body.package-page-body .pkg-cards {
    display: flex !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    gap: 4vw !important;
    padding: 0 8vw 8px !important;
    scroll-padding-left: 8vw !important;
    -webkit-overflow-scrolling: touch !important;
  }
  body.package-page-body .pkg-card,
  body.package-page-body .pkg-card.is-featured {
    flex: 0 0 84vw !important;
    width: 84vw !important;
    min-width: 84vw !important;
    max-width: 84vw !important;
    scroll-snap-align: center !important;
  }
}

/* FINAL MOBILE ONLY FIX: hero reference layout + small logo + lamp attached to logo */
@media (max-width: 767px) {
  html,
  body.package-page-body {
    overflow-x: clip !important;
  }/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */


  /* Hero: force the exact mobile reference look - two columns, no stacking */
  body.package-page-body .hero-section.package-page-hero {
    min-height: auto !important;
    padding: 0 !important;
    overflow: hidden !important;
    background:
      radial-gradient(ellipse 320px 250px at 83% 42%, rgba(62,86,48,.33) 0%, rgba(25,56,34,.18) 45%, transparent 76%),
      radial-gradient(ellipse 360px 180px at 42% 100%, rgba(0,0,0,.40), transparent 70%),
      linear-gradient(180deg, #11231a 0%, #07130f 100%) !important;
  }

  body.package-page-body .hero-section.package-page-hero::before {
    background: radial-gradient(ellipse 420px 230px at 50% 112%, rgba(0,0,0,.34), transparent 60%) !important;
  }

  body.package-page-body .hero-section.package-page-hero::after {
    display: block !important;
    right: -104px !important;
    top: 34px !important;
    width: 315px !important;
    height: 315px !important;
    opacity: .72 !important;
  }

  body.package-page-body .package-page-hero > .site-wrap {
    width: 95% !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
    position: relative !important;
    z-index: 20 !important;
  }

  body.package-page-body .package-hero-area {
    width: 100% !important;
    max-width: none !important;
    min-height: 206px !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 6px 0 18px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.05fr) minmax(138px, .95fr) !important;
    align-items: center !important;
    gap: 7px !important;
    text-align: left !important;
    overflow: visible !important;
  }

  body.package-page-body .pkg-hero-copy {
    width: 100% !important;
    max-width: none !important;
    text-align: left !important;
    position: relative !important;
    z-index: 4 !important;
  }

  body.package-page-body .pkg-hero-eyebrow {
    justify-content: flex-start !important;
    gap: 5px !important;
    margin: 0 0 7px !important;
    font-size: clamp(5px, 1.25vw, 6.2px) !important;
    line-height: 1 !important;
    letter-spacing: .28em !important;
    white-space: nowrap !important;
  }

  body.package-page-body .pkg-hero-eyebrow::before,
  body.package-page-body .pkg-hero-eyebrow::after {
    width: 17px !important;
    height: 1px !important;
  }

  body.package-page-body .pkg-hero-title {
    max-width: 236px !important;
    margin: 0 0 9px !important;
    font-size: clamp(31px, 10.5vw, 46px) !important;
    line-height: .86 !important;
    letter-spacing: -.07em !important;
    text-align: left !important;
  }

  body.package-page-body .pkg-hero-title span {
    display: block !important;
  }

  body.package-page-body .pkg-hero-text {
    max-width: 215px !important;
    margin: 0 0 12px !important;
    color: rgba(245,248,245,.76) !important;
    font-size: clamp(5.4px, 1.55vw, 7px) !important;
    line-height: 1.58 !important;
    font-weight: 650 !important;
    text-align: left !important;
  }

  body.package-page-body .pkg-hero-actions {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 7px !important;
    margin: 0 0 13px !important;
  }

  body.package-page-body .package-page-hero .pkg-page-btn {
    min-height: 23px !important;
    height: 23px !important;
    padding: 0 11px !important;
    gap: 4px !important;
    border-radius: 999px !important;
    font-size: clamp(4.8px, 1.28vw, 6.2px) !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }

  body.package-page-body .package-page-hero .pkg-page-btn i {
    font-size: 5.8px !important;
  }

  body.package-page-body .pkg-hero-proof {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 5px !important;
    width: 100% !important;
    max-width: 184px !important;
    margin: 0 !important;
  }

  body.package-page-body .pkg-proof-pill {
    min-height: 35px !important;
    height: 35px !important;
    padding: 5px 5px !important;
    gap: 4px !important;
    border-radius: 5px !important;
    border: 1px solid rgba(212,175,55,.27) !important;
    background: rgba(255,255,255,.055) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 7px 16px rgba(0,0,0,.18) !important;
  }

  body.package-page-body .pkg-proof-icon {
    width: 13px !important;
    height: 13px !important;
    flex: 0 0 13px !important;
    font-size: 5.4px !important;
  }

  body.package-page-body .pkg-proof-pill strong {
    margin: 0 0 2px !important;
    font-size: clamp(8.8px, 2.5vw, 11.2px) !important;
    line-height: .86 !important;
    color: #fff !important;
  }

  body.package-page-body .pkg-proof-pill span:not(.pkg-proof-icon) {
    font-size: clamp(3.1px, .86vw, 3.9px) !important;
    line-height: 1.05 !important;
    color: rgba(236,241,233,.72) !important;
  }

  body.package-page-body .pkg-hero-visual {
    min-height: 176px !important;
    height: 176px !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 3 !important;
  }

  body.package-page-body .pkg-orbit {
    width: 244px !important;
    height: 244px !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-42%, -50%) !important;
    opacity: .74 !important;
  }

  body.package-page-body .pkg-visual-card {
    width: clamp(145px, 39.5vw, 174px) !important;
    max-width: none !important;
    padding: 8px !important;
    border-radius: 8px !important;
    box-shadow: 0 14px 32px rgba(0,0,0,.40) !important;
  }

  body.package-page-body .pkg-visual-top {
    margin: 0 0 6px !important;
    gap: 5px !important;
  }

  body.package-page-body .pkg-card-icon {
    width: 14px !important;
    height: 14px !important;
    flex: 0 0 14px !important;
    border-radius: 4px !important;
    font-size: 6px !important;
  }

  body.package-page-body .pkg-visual-top strong {
    font-size: clamp(6px, 1.45vw, 7px) !important;
    line-height: 1 !important;
  }

  body.package-page-body .pkg-visual-top span {
    margin-top: 2px !important;
    font-size: 3.6px !important;
    line-height: 1 !important;
  }

  body.package-page-body .pkg-visual-badge {
    height: 12px !important;
    padding: 0 5px !important;
    gap: 2px !important;
    font-size: 3.6px !important;
  }

  body.package-page-body .pkg-visual-chart {
    height: 62px !important;
  }

  body.package-page-body .pkg-visual-stats {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 4px !important;
    margin-top: 7px !important;
  }

  body.package-page-body .pkg-visual-stat {
    min-height: 24px !important;
    padding: 4px !important;
    border-radius: 5px !important;
    gap: 3px !important;
  }

  body.package-page-body .pkg-float-card {
    position: absolute !important;
    min-height: 14px !important;
    padding: 3px 5px !important;
    border-radius: 4px !important;
    gap: 3px !important;
    font-size: 3.7px !important;
    white-space: nowrap !important;
  }

  body.package-page-body .pkg-float-card.one {
    left: -18px !important;
    top: 28px !important;
    right: auto !important;
    bottom: auto !important;
  }

  body.package-page-body .pkg-float-card.two {
    right: -3px !important;
    bottom: 18px !important;
    left: auto !important;
    top: auto !important;
  }

  /* Stats card right after hero: exact white one-row strip */
  body.package-page-body .post-hero-stats-section {
    margin: 0 !important;
    padding: 8px 0 28px !important;
    background:
      radial-gradient(ellipse 380px 170px at 50% 0%, rgba(212,175,55,.055), transparent 70%),
      linear-gradient(180deg, #07130f 0%, #0d2016 100%) !important;
  }

  body.package-page-body .post-hero-stats-strip {
    width: 95% !important;
    max-width: none !important;
    min-height: 52px !important;
    margin: 0 auto !important;
    padding: 6px !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 5px !important;
    border-radius: 13px !important;
    background: #fff !important;
    border: 1px solid rgba(255,255,255,.92) !important;
    box-shadow: 0 16px 34px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.98) !important;
  }

  body.package-page-body .post-hero-stat {
    min-height: 38px !important;
    height: 38px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 5px !important;
    padding: 6px 5px !important;
    border-radius: 8px !important;
    background: #fff !important;
    border: 1px solid rgba(20,20,20,.075) !important;
    color: #111 !important;
    overflow: hidden !important;
  }

  body.package-page-body .post-hero-stat-icon {
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
    border-radius: 50% !important;
    font-size: 7px !important;
  }

  body.package-page-body .post-hero-stat strong {
    display: block !important;
    color: #111 !important;
    font-size: clamp(12px, 3.55vw, 16px) !important;
    line-height: .82 !important;
    font-weight: 900 !important;
    letter-spacing: -.055em !important;
  }

  body.package-page-body .post-hero-stat span:not(.post-hero-stat-icon) {
    display: block !important;
    margin-top: 2px !important;
    color: #3a413b !important;
    font-size: clamp(3.2px, .94vw, 4.2px) !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 430px) {/* removed shared-nav override */
/* removed shared-nav override */


  body.package-page-body .package-hero-area {
    min-height: 198px !important;
    padding: 5px 0 16px !important;
    grid-template-columns: minmax(0, 1.04fr) minmax(132px, .96fr) !important;
  }

  body.package-page-body .pkg-hero-title {
    max-width: 220px !important;
    font-size: clamp(29px, 10vw, 41px) !important;
  }

  body.package-page-body .pkg-hero-text {
    max-width: 204px !important;
    font-size: clamp(5.2px, 1.48vw, 6.4px) !important;
  }

  body.package-page-body .pkg-hero-proof {
    max-width: 178px !important;
    gap: 4px !important;
  }

  body.package-page-body .pkg-proof-pill {
    height: 33px !important;
    min-height: 33px !important;
  }

  body.package-page-body .pkg-hero-visual {
    height: 168px !important;
    min-height: 168px !important;
  }

  body.package-page-body .pkg-visual-card {
    width: clamp(138px, 38vw, 156px) !important;
  }

  body.package-page-body .post-hero-stats-strip {
    min-height: 50px !important;
    gap: 4px !important;
    padding: 5px !important;
  }

  body.package-page-body .post-hero-stat {
    height: 37px !important;
    min-height: 37px !important;
    padding: 5px 4px !important;
    gap: 4px !important;
  }
}

@media (max-width: 767px) {
  /* Only clip on html — clip+visible on body creates a 2nd dark scrollbar rail */
  html {
    overflow-x: clip !important;
  }
  body.package-page-body {
    overflow: clip !important;
  }/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */


  /* ---- HERO ---- */
  body.package-page-body .hero-section.package-page-hero {
    padding: 0 0 10px !important;
    overflow: hidden !important;
    background:
      radial-gradient(ellipse 290px 250px at 84% 38%, rgba(57,88,44,.28) 0%, rgba(25,56,34,.16) 44%, transparent 74%),
      radial-gradient(ellipse 350px 170px at 44% 100%, rgba(0,0,0,.34), transparent 70%),
      linear-gradient(180deg, #102019 0%, #07120f 100%) !important;
  }

  body.package-page-body .package-page-hero > .site-wrap {
    width: 95% !important;
    padding: 0 !important;
  }

  body.package-page-body .package-hero-area {
    min-height: 0 !important;
    padding: 4px 0 16px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.02fr) minmax(145px, .98fr) !important;
    align-items: start !important;
    gap: 10px !important;
    text-align: left !important;
    overflow: visible !important;
  }

  body.package-page-body .pkg-hero-copy {
    padding-top: 4px !important;
    text-align: left !important;
  }

  body.package-page-body .pkg-hero-eyebrow {
    justify-content: flex-start !important;
    margin: 0 0 8px !important;
    font-size: 6.8px !important;
    letter-spacing: .24em !important;
  }

  body.package-page-body .pkg-hero-eyebrow::before,
  body.package-page-body .pkg-hero-eyebrow::after {
    width: 18px !important;
  }

  body.package-page-body .pkg-hero-title {
    max-width: 210px !important;
    margin: 0 0 10px !important;
    font-size: clamp(41px, 13vw, 57px) !important;
    line-height: .88 !important;
    letter-spacing: -.07em !important;
    text-align: left !important;
  }

  body.package-page-body .pkg-hero-title span {
    display: block !important;
  }

  body.package-page-body .pkg-hero-text {
    max-width: 188px !important;
    margin: 0 0 14px !important;
    font-size: 10px !important;
    line-height: 1.45 !important;
    font-weight: 600 !important;
    color: rgba(245,248,245,.80) !important;
    text-align: left !important;
  }

  body.package-page-body .pkg-hero-actions {
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    margin: 0 0 14px !important;
  }

  body.package-page-body .package-page-hero .pkg-page-btn {
    min-height: 34px !important;
    height: 34px !important;
    padding: 0 14px !important;
    gap: 6px !important;
    border-radius: 999px !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
  }

  body.package-page-body .package-page-hero .pkg-page-btn i {
    font-size: 9px !important;
  }

  body.package-page-body .pkg-hero-proof {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  body.package-page-body .pkg-proof-pill {
    min-height: 54px !important;
    height: auto !important;
    padding: 8px 6px !important;
    gap: 5px !important;
    border-radius: 10px !important;
    background: rgba(255,255,255,.055) !important;
  }

  body.package-page-body .pkg-proof-icon {
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
    font-size: 8px !important;
  }

  body.package-page-body .pkg-proof-pill strong {
    margin: 0 0 3px !important;
    font-size: 14px !important;
    line-height: .95 !important;
  }

  body.package-page-body .pkg-proof-pill span:not(.pkg-proof-icon) {
    display: block !important;
    font-size: 5.1px !important;
    line-height: 1.15 !important;
  }

  body.package-page-body .pkg-hero-visual {
    min-height: 244px !important;
    height: 244px !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;
    overflow: visible !important;
    position: relative !important;
  }

  body.package-page-body .pkg-orbit {
    width: 268px !important;
    height: 268px !important;
    right: -42px !important;
    top: 8px !important;
    opacity: .55 !important;
  }

  body.package-page-body .pkg-visual-card {
    width: 194px !important;
    max-width: 194px !important;
    border-radius: 18px !important;
    box-shadow: 0 18px 36px rgba(0,0,0,.28) !important;
    margin-top: 18px !important;
  }

  body.package-page-body .pkg-float-card.one {
    left: -14px !important;
    top: 34px !important;
    transform: none !important;
  }

  body.package-page-body .pkg-float-card.two {
    right: -26px !important;
    bottom: 28px !important;
    transform: none !important;
  }

  body.package-page-body .post-hero-stats-section {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
  }

  body.package-page-body .post-hero-stats-strip {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 5px !important;
    padding: 7px !important;
    min-height: 0 !important;
    border-radius: 20px !important;
  }

  body.package-page-body .post-hero-stat {
    min-height: 44px !important;
    height: auto !important;
    padding: 7px 6px !important;
    gap: 6px !important;
    border-radius: 14px !important;
    overflow: hidden !important;
  }

  body.package-page-body .post-hero-stat-icon {
    width: 16px !important;
    height: 16px !important;
    flex: 0 0 16px !important;
    font-size: 8px !important;
  }

  body.package-page-body .post-hero-stat strong {
    display: block !important;
    font-size: 13px !important;
    line-height: .95 !important;
  }

  body.package-page-body .post-hero-stat span:not(.post-hero-stat-icon) {
    display: block !important;
    font-size: 5.4px !important;
    line-height: 1.1 !important;
  }

  /* ---- PACKAGE CARDS: no more cutting, one card at a time ---- */
  body.package-page-body .packages-section,
  body.package-page-body .packages-section .pkg-container,
  body.package-page-body .packages-section .pkg-cards,
  body.package-page-body .packages-section .pkg-card,
  body.package-page-body .packages-section .pkg-card.is-featured {
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  body.package-page-body .packages-section .pkg-container {
    width: min(calc(100% - 24px), 520px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  body.package-page-body .packages-section .pkg-cards {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    gap: 12px !important;
    padding: 6px 0 12px !important;
    margin: 0 !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
  }

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

  body.package-page-body .packages-section .pkg-card,
  body.package-page-body .packages-section .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;
    margin: 0 !important;
    padding: 28px 18px 20px !important;
    border-radius: 24px !important;
    min-height: auto !important;
    transform: none !important;
  }

  body.package-page-body .packages-section .pkg-card.is-featured {
    margin-top: 0 !important;
  }

  body.package-page-body .packages-section .pkg-popular {
    top: 14px !important;
    right: 14px !important;
    left: auto !important;
    transform: none !important;
    font-size: 10px !important;
    padding: 7px 10px !important;
  }

  body.package-page-body .packages-section .pkg-plan-icon {
    width: 52px !important;
    height: 52px !important;
    margin-bottom: 14px !important;
  }

  body.package-page-body .packages-section .pkg-card h3 {
    font-size: 18px !important;
    margin-bottom: 8px !important;
    letter-spacing: .01em !important;
  }

  body.package-page-body .packages-section .pkg-plan-sub,
  body.package-page-body .packages-section .pkg-onetime,
  body.package-page-body .packages-section .pkg-followers strong,
  body.package-page-body .packages-section .pkg-list li {
    font-size: 14px !important;
    line-height: 1.35 !important;
  }

  body.package-page-body .packages-section .pkg-price-row {
    margin-bottom: 6px !important;
  }

  body.package-page-body .packages-section .pkg-price {
    font-size: 62px !important;
    line-height: .92 !important;
  }

  body.package-page-body .packages-section .pkg-currency {
    font-size: 28px !important;
  }

  body.package-page-body .packages-section .pkg-followers {
    padding: 13px 14px !important;
    margin: 16px 0 !important;
  }

  body.package-page-body .packages-section .pkg-list {
    gap: 11px !important;
    margin-bottom: 18px !important;
  }

  body.package-page-body .packages-section .pkg-card-btn {
    min-height: 54px !important;
    font-size: 18px !important;
    border-radius: 14px !important;
  }

  body.package-page-body .pkg-mobile-slider-controls {
    display: flex !important;
  }
}

@media (max-width: 767px) {
  body.package-page-body {
    overflow-x: clip !important;
  }

  body.package-page-body section,
  body.package-page-body header,
  body.package-page-body footer {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  body.package-page-body .hero-section.package-page-hero {
    max-width: 100% !important;
    width: 100% !important;
    border-radius: 0 !important;
  }

  body.package-page-body .site-wrap,
  body.package-page-body .pkg-container,
  body.package-page-body .wwd-container,
  body.package-page-body .footer-container,
  body.package-page-body .post-hero-stats-strip,
  body.package-page-body .shruti-mobile-exact-section > *,
  body.package-page-body .packages-section .pkg-container {
    max-width: none !important;
    width: 95% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  body.package-page-body .packages-section .pkg-cards {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.package-page-body .packages-section .pkg-card,
  body.package-page-body .packages-section .pkg-card.is-featured {
    flex-basis: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
  }

  body.package-page-body img,
  body.package-page-body video,
  body.package-page-body canvas,
  body.package-page-body table {
    max-width: 100% !important;
  }
}

@media (max-width: 767px) {
  body.package-page-body {
    overflow-x: clip !important;
    background: #07120f !important;
  }

  body.package-page-body .hero-section.package-page-hero {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 0 18px !important;
    min-height: auto !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    background:
      radial-gradient(ellipse 310px 265px at 83% 38%, rgba(60,88,48,.30) 0%, rgba(26,55,34,.17) 45%, transparent 76%),
      radial-gradient(ellipse 420px 170px at 48% 100%, rgba(0,0,0,.38), transparent 70%),
      linear-gradient(180deg, #11231a 0%, #07130f 100%) !important;
  }

  body.package-page-body .package-page-hero > .site-wrap {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 8px !important;
    margin: 0 auto !important;
  }/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */


  body.package-page-body .package-hero-area {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 310px !important;
    margin: 0 !important;
    padding: 4px 0 18px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.03fr) minmax(0, .97fr) !important;
    align-items: center !important;
    gap: 8px !important;
    overflow: visible !important;
    text-align: left !important;
  }

  body.package-page-body .pkg-hero-copy {
    width: 100% !important;
    max-width: none !important;
    text-align: left !important;
    position: relative !important;
    z-index: 4 !important;
  }

  body.package-page-body .pkg-hero-eyebrow {
    justify-content: flex-start !important;
    margin: 0 0 9px !important;
    gap: 6px !important;
    font-size: clamp(6px, 1.65vw, 8px) !important;
    line-height: 1 !important;
    letter-spacing: .27em !important;
    white-space: nowrap !important;
  }

  body.package-page-body .pkg-hero-eyebrow::before,
  body.package-page-body .pkg-hero-eyebrow::after {
    width: 20px !important;
    height: 1px !important;
  }

  body.package-page-body .pkg-hero-title {
    max-width: 240px !important;
    margin: 0 0 12px !important;
    font-size: clamp(38px, 13.2vw, 58px) !important;
    line-height: .88 !important;
    letter-spacing: -.07em !important;
    text-align: left !important;
  }

  body.package-page-body .pkg-hero-title span {
    display: block !important;
  }

  body.package-page-body .pkg-hero-text {
    max-width: 230px !important;
    margin: 0 0 16px !important;
    font-size: clamp(8px, 2.35vw, 11px) !important;
    line-height: 1.42 !important;
    font-weight: 650 !important;
    color: rgba(245,248,245,.78) !important;
    text-align: left !important;
  }

  body.package-page-body .pkg-hero-actions {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 9px !important;
    margin: 0 0 16px !important;
  }

  body.package-page-body .package-page-hero .pkg-page-btn {
    min-height: 32px !important;
    height: 32px !important;
    padding: 0 13px !important;
    gap: 5px !important;
    border-radius: 999px !important;
    font-size: clamp(7.4px, 2.05vw, 9.5px) !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }

  body.package-page-body .package-page-hero .pkg-page-btn i {
    font-size: 8px !important;
  }

  body.package-page-body .pkg-hero-proof {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
    width: 100% !important;
    max-width: 270px !important;
    margin: 0 !important;
  }

  body.package-page-body .pkg-proof-pill {
    min-height: 54px !important;
    height: 54px !important;
    padding: 8px 7px !important;
    gap: 5px !important;
    border-radius: 9px !important;
    border: 1px solid rgba(212,175,55,.28) !important;
    background: rgba(255,255,255,.055) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 8px 16px rgba(0,0,0,.20) !important;
  }

  body.package-page-body .pkg-proof-icon {
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
    font-size: 8px !important;
  }

  body.package-page-body .pkg-proof-pill strong {
    margin: 0 0 3px !important;
    font-size: clamp(13px, 3.7vw, 16px) !important;
    line-height: .9 !important;
    color: #fff !important;
  }

  body.package-page-body .pkg-proof-pill span:not(.pkg-proof-icon) {
    display: block !important;
    font-size: clamp(4.5px, 1.18vw, 5.8px) !important;
    line-height: 1.08 !important;
    color: rgba(236,241,233,.72) !important;
  }

  body.package-page-body .pkg-hero-visual {
    min-height: 245px !important;
    height: 245px !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 3 !important;
  }

  body.package-page-body .pkg-orbit {
    display: block !important;
    width: 260px !important;
    height: 260px !important;
    right: -52px !important;
    top: 2px !important;
    opacity: .56 !important;
  }

  body.package-page-body .pkg-visual-card {
    width: clamp(165px, 46vw, 210px) !important;
    max-width: 210px !important;
    margin: 22px -4px 0 0 !important;
    border-radius: 16px !important;
    transform: none !important;
  }

  body.package-page-body .pkg-float-card {
    min-height: 28px !important;
    padding: 7px 9px !important;
    border-radius: 8px !important;
    font-size: clamp(5.2px, 1.45vw, 6.8px) !important;
    gap: 5px !important;
    white-space: nowrap !important;
  }

  body.package-page-body .pkg-float-card i {
    width: 17px !important;
    height: 17px !important;
    font-size: 7px !important;
  }

  body.package-page-body .pkg-float-card.one {
    left: -6px !important;
    top: 50px !important;
    right: auto !important;
    transform: none !important;
  }

  body.package-page-body .pkg-float-card.two {
    right: -18px !important;
    bottom: 40px !important;
    left: auto !important;
    transform: none !important;
  }

  body.package-page-body .post-hero-stats-section {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 22px !important;
    padding: 0 !important;
  }

  body.package-page-body .post-hero-stats-strip {
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 5px !important;
    padding: 7px !important;
    border-radius: 18px !important;
    background: #fff !important;
  }

  body.package-page-body .post-hero-stat {
    min-height: 43px !important;
    height: 43px !important;
    padding: 6px 5px !important;
    gap: 5px !important;
    border-radius: 12px !important;
    background: #fff !important;
    overflow: hidden !important;
  }

  body.package-page-body .post-hero-stat-icon {
    width: 17px !important;
    height: 17px !important;
    flex: 0 0 17px !important;
    font-size: 7px !important;
  }

  body.package-page-body .post-hero-stat strong {
    display: block !important;
    font-size: clamp(12px, 3.2vw, 15px) !important;
    line-height: .92 !important;
  }

  body.package-page-body .post-hero-stat span:not(.post-hero-stat-icon) {
    display: block !important;
    font-size: clamp(4.2px, 1.08vw, 5.4px) !important;
    line-height: 1.08 !important;
  }
}

@media (max-width: 390px) {
  body.package-page-body .package-hero-area {
    min-height: 290px !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, .88fr) !important;
    gap: 5px !important;
  }

  body.package-page-body .pkg-hero-title {
    font-size: clamp(35px, 12.8vw, 50px) !important;
    max-width: 205px !important;
  }

  body.package-page-body .pkg-hero-text {
    max-width: 200px !important;
    font-size: 8px !important;
  }

  body.package-page-body .pkg-visual-card {
    width: 160px !important;
    margin-right: -6px !important;
  }

  body.package-page-body .pkg-hero-visual {
    height: 220px !important;
    min-height: 220px !important;
  }

  body.package-page-body .pkg-proof-pill {
    height: 49px !important;
    min-height: 49px !important;
    padding: 7px 5px !important;
  }
}/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */


/* Hero section padding so content doesn't hide behind navbar */
body.package-page-body .package-page-hero {
  padding-top: 30px !important;
}

/* Mobile: reset navbar top so logo doesn't get cut */
@media (max-width: 767px) {/* removed shared-nav override */


  body.package-page-body .package-page-hero {
    padding-top: 60px !important;
  }/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */

}

/* FINAL mobile pass: exact desktop hero replica, proportionally scaled + smaller text */
@media (max-width: 767px) {
  body.package-page-body {
    font-size: 11px !important;
  }

  /* Kill older rules that stack/center hero on mobile */
  body.package-page-body .hero-section.package-page-hero {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 0 10px !important;
    min-height: auto !important;
    overflow: hidden !important;
    background:
      radial-gradient(ellipse 260px 220px at 86% 36%, rgba(60,88,48,.32) 0%, rgba(26,55,34,.17) 45%, transparent 76%),
      radial-gradient(ellipse 340px 150px at 40% 100%, rgba(0,0,0,.40), transparent 70%),
      linear-gradient(180deg, #11231a 0%, #07130f 100%) !important;
  }

  body.package-page-body .hero-section.package-page-hero::after {
    right: -70px !important;
    top: 28px !important;
    width: 210px !important;
    opacity: .68 !important;
  }

  body.package-page-body .package-page-hero > .site-wrap {
    width: 95% !important;
    max-width: 95% !important;
    padding: 0 4px !important;
    margin: 0 auto !important;
  }

  body.package-page-body .package-hero-area {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 268px !important;
    margin: 0 !important;
    padding: 4px 0 10px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr) !important;
    align-items: center !important;
    gap: 4px !important;
    text-align: left !important;
    overflow: visible !important;
  }

  body.package-page-body .pkg-hero-copy {
    max-width: 100% !important;
    width: 100% !important;
    text-align: left !important;
  }

  body.package-page-body .pkg-hero-copy,
  body.package-page-body .pkg-hero-text,
  body.package-page-body .pkg-hero-proof,
  body.package-page-body .pkg-hero-eyebrow,
  body.package-page-body .pkg-hero-actions {
    margin-left: 0 !important;
    margin-right: 0 !important;
    justify-content: flex-start !important;
    text-align: left !important;
  }

  body.package-page-body .pkg-hero-eyebrow {
    display: flex !important;
    align-items: center !important;
    margin: 0 0 6px !important;
    gap: 5px !important;
    font-size: clamp(5.5px, 1.5vw, 7px) !important;
    line-height: 1 !important;
    letter-spacing: .30em !important;
    white-space: nowrap !important;
    text-transform: uppercase !important;
    font-weight: 900 !important;
    color: #e5be43 !important;
    text-shadow: 0 0 10px rgba(212,175,55,.25) !important;
  }

  body.package-page-body .pkg-hero-eyebrow::before,
  body.package-page-body .pkg-hero-eyebrow::after {
    content: "" !important;
    width: clamp(10px, 2.8vw, 14px) !important;
    height: 1px !important;
    border-radius: 999px !important;
    flex-shrink: 0 !important;
  }

  body.package-page-body .pkg-hero-eyebrow::before {
    background: linear-gradient(90deg, transparent, #d4af37) !important;
  }

  body.package-page-body .pkg-hero-eyebrow::after {
    background: linear-gradient(90deg, #d4af37, transparent) !important;
  }

  body.package-page-body .pkg-hero-title {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 0 6px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: clamp(19px, 5.6vw, 26px) !important;
    line-height: .92 !important;
    letter-spacing: -.06em !important;
    text-align: left !important;
    text-transform: uppercase !important;
    font-weight: 900 !important;
    color: #fbfbf7 !important;
    text-shadow: 0 4px 14px rgba(0,0,0,.40) !important;
    white-space: normal !important;
  }

  body.package-page-body .pkg-hero-title span {
    display: block !important;
    color: #d4af37 !important;
    background: linear-gradient(180deg, #f0ce56 0%, #d4af37 44%, #9f7626 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: none !important;
  }

  body.package-page-body .pkg-hero-text {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 0 8px !important;
    font-size: clamp(8px, 2.1vw, 9px) !important;
    line-height: 1.78 !important;
    font-weight: 500 !important;
    color: rgba(231,238,232,.78) !important;
    text-align: left !important;
  }

  body.package-page-body .pkg-hero-actions {
    flex-wrap: nowrap !important;
    gap: 6px !important;
    margin: 0 0 8px !important;
  }

  body.package-page-body .package-page-hero .pkg-page-btn {
    min-height: 24px !important;
    height: 24px !important;
    padding: 0 10px !important;
    gap: 4px !important;
    font-size: clamp(6.5px, 1.7vw, 7.5px) !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
    border-radius: 999px !important;
  }

  body.package-page-body .package-page-hero .pkg-page-btn.primary {
    color: #10120b !important;
    background: linear-gradient(135deg, #f7dc67 0%, #d4af37 55%, #ad8028 100%) !important;
    border: 1px solid rgba(255,224,130,.66) !important;
    box-shadow: 0 6px 16px rgba(212,175,55,.22), inset 0 1px 0 rgba(255,255,255,.40) !important;
  }

  body.package-page-body .package-page-hero .pkg-page-btn.ghost {
    color: rgba(255,255,255,.88) !important;
    background: rgba(12,24,17,.48) !important;
    border: 1px solid rgba(212,175,55,.40) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 4px 12px rgba(0,0,0,.14) !important;
  }

  body.package-page-body .package-page-hero .pkg-page-btn i {
    font-size: 6px !important;
  }

  body.package-page-body .pkg-hero-proof {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 4px !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  body.package-page-body .pkg-proof-pill {
    min-height: 32px !important;
    height: 32px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    padding: 4px 4px !important;
    gap: 3px !important;
    border-radius: 6px !important;
    background: linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.035)) !important;
    border: 1px solid rgba(212,175,55,.18) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.065), 0 6px 14px rgba(0,0,0,.18) !important;
  }

  body.package-page-body .pkg-proof-pill:nth-child(3) {
    border-color: rgba(212,175,55,.46) !important;
  }

  body.package-page-body .pkg-proof-icon {
    width: 11px !important;
    height: 11px !important;
    flex: 0 0 11px !important;
    font-size: 5px !important;
    border-radius: 50% !important;
  }

  body.package-page-body .pkg-proof-pill strong {
    font-size: 8px !important;
    margin: 0 0 1px !important;
    line-height: .9 !important;
    font-weight: 900 !important;
    color: #f8faf7 !important;
  }

  body.package-page-body .pkg-proof-pill span:not(.pkg-proof-icon) {
    font-size: 3.5px !important;
    line-height: 1.05 !important;
    font-weight: 700 !important;
    color: rgba(210,221,211,.68) !important;
  }

  body.package-page-body .pkg-hero-visual {
    min-height: 228px !important;
    height: 228px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    overflow: visible !important;
    position: relative !important;
  }

  body.package-page-body .pkg-orbit {
    width: 200px !important;
    height: 200px !important;
    right: -42px !important;
    top: 2px !important;
    left: auto !important;
    transform: none !important;
    opacity: .52 !important;
  }

  body.package-page-body .pkg-visual-card {
    width: clamp(132px, 38vw, 158px) !important;
    max-width: 158px !important;
    margin: 10px -4px 0 0 !important;
    padding: 8px 8px 7px !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.36) !important;
  }

  body.package-page-body .pkg-visual-top {
    margin-bottom: 6px !important;
    gap: 4px !important;
  }

  body.package-page-body .pkg-card-icon {
    width: 14px !important;
    height: 14px !important;
    flex: 0 0 14px !important;
    font-size: 6px !important;
    border-radius: 5px !important;
  }

  body.package-page-body .pkg-visual-top strong {
    font-size: 7px !important;
    line-height: 1.05 !important;
    font-weight: 900 !important;
  }

  body.package-page-body .pkg-visual-top span {
    font-size: 4.5px !important;
    margin-top: 1px !important;
    font-weight: 700 !important;
  }

  body.package-page-body .pkg-visual-badge {
    height: 13px !important;
    padding: 0 5px !important;
    font-size: 4.5px !important;
    gap: 2px !important;
    font-weight: 900 !important;
  }

  body.package-page-body .pkg-visual-chart {
    height: 50px !important;
  }

  body.package-page-body .pkg-chart-callout {
    top: 10px !important;
    min-width: 54px !important;
    padding: 3px 4px !important;
    border-radius: 6px !important;
    transform: translateX(-50%) scale(.68) !important;
  }

  body.package-page-body .pkg-chart-callout strong {
    font-size: 6.5px !important;
  }

  body.package-page-body .pkg-chart-callout span {
    font-size: 4px !important;
  }

  body.package-page-body .pkg-visual-stats {
    gap: 3px !important;
    margin-top: 5px !important;
  }

  body.package-page-body .pkg-visual-stat {
    font-size: 4px !important;
    gap: 2px !important;
  }

  body.package-page-body .pkg-visual-stat b {
    font-size: 5.5px !important;
  }

  body.package-page-body .pkg-visual-stat i {
    font-size: 5px !important;
  }

  body.package-page-body .pkg-float-card {
    min-height: 18px !important;
    padding: 4px 6px !important;
    font-size: 4.5px !important;
    gap: 3px !important;
    border-radius: 6px !important;
    font-weight: 700 !important;
  }

  body.package-page-body .pkg-float-card i {
    width: 11px !important;
    height: 11px !important;
    font-size: 5px !important;
  }

  body.package-page-body .pkg-float-card.one {
    left: -6px !important;
    top: 38px !important;
  }

  body.package-page-body .pkg-float-card.two {
    right: -10px !important;
    bottom: 30px !important;
  }

  /* Post-hero stats strip — section full bleed, strip content 95% */
  body.package-page-body .post-hero-stats-section {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
  }

  body.package-page-body .post-hero-stats-strip {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 3px !important;
    padding: 5px !important;
    border-radius: 12px !important;
  }

  body.package-page-body .post-hero-stat {
    min-height: 34px !important;
    height: 34px !important;
    padding: 4px 3px !important;
    gap: 3px !important;
    border-radius: 8px !important;
  }

  body.package-page-body .post-hero-stat-icon {
    width: 12px !important;
    height: 12px !important;
    flex: 0 0 12px !important;
    font-size: 5px !important;
  }

  body.package-page-body .post-hero-stat strong {
    font-size: 9px !important;
    line-height: .92 !important;
  }

  body.package-page-body .post-hero-stat span:not(.post-hero-stat-icon) {
    font-size: 4px !important;
    line-height: 1.05 !important;
  }

  /* Site-wide smaller fonts on mobile */
  body.package-page-body .pkg-title,
  body.package-page-body .sm-story-title,
  body.package-page-body .cr-section-title,
  body.package-page-body .wwd-title {
    font-size: clamp(16px, 4.6vw, 20px) !important;
    line-height: 1.08 !important;
  }

  body.package-page-body .pkg-subtitle,
  body.package-page-body .pkg-packages-desc,
  body.package-page-body .sm-story-text,
  body.package-page-body .wwd-desc {
    font-size: clamp(8px, 2.2vw, 10px) !important;
    line-height: 1.45 !important;
  }

  body.package-page-body .pkg-packages-title {
    font-size: clamp(11px, 3.1vw, 14px) !important;
  }

  body.package-page-body .pkg-eyebrow {
    font-size: clamp(6px, 1.7vw, 7.5px) !important;
  }

  body.package-page-body .pkg-card h3 {
    font-size: clamp(12px, 3.3vw, 15px) !important;
  }

  body.package-page-body .pkg-plan-sub,
  body.package-page-body .pkg-onetime,
  body.package-page-body .pkg-list li {
    font-size: clamp(7px, 1.9vw, 9px) !important;
  }

  body.package-page-body .pkg-price {
    font-size: clamp(24px, 7vw, 30px) !important;
  }

  body.package-page-body .pkg-card-btn {
    min-height: 30px !important;
    font-size: clamp(8px, 2.1vw, 10px) !important;
  }

  body.package-page-body .pkg-tab-text strong {
    font-size: clamp(8px, 2.1vw, 10px) !important;
  }

  body.package-page-body .pkg-tab-text span {
    font-size: clamp(6px, 1.6vw, 7.5px) !important;
  }

  body.package-page-body .footer-v2-title {
    font-size: clamp(10px, 2.7vw, 12px) !important;
  }

  body.package-page-body .footer-v2-links-grid a,
  body.package-page-body .footer-v2-contact-list a {
    font-size: clamp(7px, 1.9vw, 9px) !important;
  }
}

@media (max-width: 390px) {
  body.package-page-body .package-hero-area {
    min-height: 252px !important;
    gap: 3px !important;
    grid-template-columns: minmax(0, 1.06fr) minmax(0, .94fr) !important;
  }

  body.package-page-body .pkg-hero-title {
    font-size: clamp(17px, 5.1vw, 23px) !important;
    max-width: 100% !important;
  }

  body.package-page-body .pkg-hero-text {
    font-size: clamp(7.5px, 2vw, 8.5px) !important;
    line-height: 1.78 !important;
    max-width: 100% !important;
  }

  body.package-page-body .pkg-hero-eyebrow {
    font-size: 5.5px !important;
    letter-spacing: .28em !important;
  }

  body.package-page-body .pkg-visual-card {
    width: 128px !important;
  }

  body.package-page-body .pkg-hero-visual {
    min-height: 212px !important;
    height: 212px !important;
  }

  body.package-page-body .pkg-proof-pill {
    min-height: 30px !important;
    height: 30px !important;
    padding: 3px 3px !important;
  }

  body.package-page-body .pkg-proof-pill strong {
    font-size: 7.5px !important;
  }

  body.package-page-body .package-page-hero .pkg-page-btn {
    min-height: 22px !important;
    height: 22px !important;
    font-size: clamp(6px, 1.55vw, 7px) !important;
    padding: 0 9px !important;
  }
}

/* Mobile package cards: compact 3-col grid, not oversized full-width slider */
@media (max-width: 767px) {
  body.package-page-body .packages-section .pkg-container {
    width: 95% !important;
    max-width: 95% !important;
    margin: 0 auto !important;
    padding: 0 4px !important;
  }

  body.package-page-body .packages-section .pkg-cards {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 8px auto 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    flex-wrap: unset !important;
    scroll-snap-type: none !important;
  }

  body.package-page-body .packages-section .pkg-card,
  body.package-page-body .packages-section .pkg-card.is-featured {
    flex: unset !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 8px 5px 6px !important;
    border-radius: 7px !important;
    scroll-snap-align: unset !important;
    transform: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    overflow: hidden !important;
    border: 1px solid rgba(212,175,55,.35) !important;
    background: linear-gradient(180deg, #fffef9 0%, #efeee7 100%) !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.96) !important;
    position: relative !important;
  }

  body.package-page-body .packages-section .pkg-card.is-featured {
    border-color: rgba(212,175,55,.72) !important;
    margin-top: 0 !important;
    padding-top: 14px !important;
  }

  body.package-page-body .packages-section .pkg-popular {
    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    z-index: 3 !important;
    min-height: 10px !important;
    padding: 0 6px !important;
    border-radius: 0 0 3px 3px !important;
    font-size: 3.8px !important;
    line-height: 10px !important;
    gap: 2px !important;
    white-space: nowrap !important;
  }

  body.package-page-body .packages-section .pkg-popular i {
    font-size: 3.5px !important;
  }

  body.package-page-body .packages-section .pkg-card.is-featured > .pkg-plan-icon {
    margin-top: 2px !important;
    position: relative !important;
    z-index: 1 !important;
  }

  body.package-page-body .packages-section .pkg-plan-icon {
    width: 16px !important;
    height: 16px !important;
    flex: 0 0 16px !important;
    margin: 0 auto 5px !important;
    border-radius: 5px !important;
    font-size: 8px !important;
  }

  body.package-page-body .packages-section .pkg-card h3 {
    margin: 0 0 3px !important;
    font-size: clamp(6.5px, 1.7vw, 8px) !important;
    line-height: 1 !important;
    letter-spacing: .02em !important;
    text-align: center !important;
    text-transform: uppercase !important;
    color: #141814 !important;
  }

  body.package-page-body .packages-section .pkg-plan-sub {
    min-height: 0 !important;
    margin: 0 0 4px !important;
    font-size: clamp(4px, 1vw, 4.8px) !important;
    line-height: 1.2 !important;
    text-align: center !important;
    color: #565d55 !important;
  }

  body.package-page-body .packages-section .pkg-small-line {
    width: 14px !important;
    height: 1px !important;
    margin: 0 auto 2px !important;
  }

  body.package-page-body .packages-section .pkg-price-row {
    justify-content: center !important;
    margin: 0 !important;
  }

  body.package-page-body .packages-section .pkg-currency {
    font-size: clamp(10px, 2.6vw, 12px) !important;
    transform: translateY(-4px) !important;
  }

  body.package-page-body .packages-section .pkg-price {
    font-size: clamp(20px, 5.4vw, 26px) !important;
    line-height: .84 !important;
    letter-spacing: -.06em !important;
    color: #141814 !important;
  }

  body.package-page-body .packages-section .pkg-onetime {
    margin: 1px 0 5px !important;
    font-size: clamp(3.8px, 1vw, 4.5px) !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    text-align: center !important;
    color: #6b7069 !important;
  }

  body.package-page-body .packages-section .pkg-followers {
    min-height: 12px !important;
    height: auto !important;
    margin: 0 0 5px !important;
    padding: 0 4px !important;
    border-radius: 3px !important;
    gap: 3px !important;
  }

  body.package-page-body .packages-section .pkg-followers > i {
    width: 7px !important;
    min-width: 7px !important;
    font-size: 4.5px !important;
  }

  body.package-page-body .packages-section .pkg-followers strong {
    font-size: clamp(3.8px, 1vw, 4.6px) !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  body.package-page-body .packages-section .pkg-list {
    gap: 3px !important;
    margin: 0 0 5px !important;
    padding: 0 !important;
    flex: 1 1 auto !important;
  }

  body.package-page-body .packages-section .pkg-list li {
    font-size: clamp(3.8px, 1vw, 4.5px) !important;
    line-height: 1.08 !important;
    gap: 3px !important;
    grid-template-columns: 7px minmax(0, 1fr) !important;
    color: #555e53 !important;
    font-weight: 700 !important;
  }

  body.package-page-body .packages-section .pkg-list li > i,
  body.package-page-body .packages-section .pkg-list i {
    width: 6px !important;
    min-width: 6px !important;
    font-size: 4.5px !important;
    color: #d4af37 !important;
  }

  body.package-page-body .packages-section .pkg-card-btn {
    min-height: 15px !important;
    height: 15px !important;
    margin-top: auto !important;
    padding: 0 4px !important;
    border-radius: 4px !important;
    font-size: clamp(4px, 1.05vw, 4.8px) !important;
    line-height: 1 !important;
    justify-content: center !important;
  }

  body.package-page-body .packages-section .pkg-card-btn i {
    display: none !important;
  }

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

  /* Mobile Slider Controls (Arrows + Dots) */
  .pkg-slider-controls {
    display: none;
  }

  @media (max-width: 767px) {
    .pkg-slider-controls {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 16px;
      margin-top: 20px;
      margin-bottom: 14px;
    }

    .pkg-slider-arrow {
      width: 36px;
      height: 36px;
      border-radius: 50%;
      border: 1.5px solid rgba(212, 175, 55, 0.5);
      background: transparent;
      color: #D4AF37;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 15px;
      cursor: pointer;
      transition: all 0.3s ease;
      flex-shrink: 0;
    }

    .pkg-slider-arrow:hover {
      border-color: #D4AF37;
      background: rgba(212, 175, 55, 0.1);
      transform: scale(1.05);
    }

    .pkg-slider-arrow:active {
      transform: scale(0.95);
    }

    .pkg-slider-dots {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
    }

    .pkg-dot {
      width: 10px;
      height: 10px;
      background: rgba(212, 175, 55, 0.4);
      border-radius: 50%;
      cursor: pointer;
      transition: all 0.3s ease;
    }

    .pkg-dot.active {
      width: 40px;
      height: 4px;
      background: linear-gradient(90deg, #D4AF37, #C9A52B);
      border-radius: 4px;
      box-shadow: 0 0 8px rgba(212, 175, 55, 0.4);
    }

    .pkg-dot:hover {
      background: rgba(212, 175, 55, 0.6);
    }
  }
}

@media (max-width: 390px) {
  body.package-page-body .packages-section .pkg-cards {
    gap: 5px !important;
  }

  body.package-page-body .packages-section .pkg-card,
  body.package-page-body .packages-section .pkg-card.is-featured {
    padding: 7px 4px 5px !important;
  }

  body.package-page-body .packages-section .pkg-price {
    font-size: clamp(18px, 5vw, 22px) !important;
  }

  body.package-page-body .packages-section .pkg-card h3 {
    font-size: 6px !important;
  }
}

/* Mobile story sections: exact desktop two-column layout, two separate sections */
@media (max-width: 767px) {
  body.package-page-body .shruti-mobile-story {
    display: none !important;
  }

  body.package-page-body .pkg-image-story-section,
  body.package-page-body .pkg-image-story-section.alt {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 6vw 0 7vw !important;
    min-height: 0 !important;
    overflow: hidden !important;
    background:
      radial-gradient(ellipse 760px 420px at 8% 12%, rgba(212,175,55,.075), transparent 64%),
      radial-gradient(ellipse 620px 430px at 94% 88%, rgba(255,255,255,.035), transparent 66%),
      linear-gradient(180deg, rgba(18,35,25,.98), rgba(7,17,15,.98)) !important;
  }

  body.package-page-body .pkg-image-story-section.alt {
    background:
      radial-gradient(ellipse 680px 390px at 92% 16%, rgba(212,175,55,.07), transparent 62%),
      radial-gradient(ellipse 620px 430px at 4% 86%, rgba(255,255,255,.032), transparent 66%),
      linear-gradient(180deg, rgba(7,17,15,.98), rgba(18,35,25,.98)) !important;
  }

  body.package-page-body .pkg-image-story-container {
    width: 95% !important;
    max-width: none !important;
    margin: 0 auto !important;
  }

  /* Desktop replica: copy left / image right */
  body.package-page-body .pkg-image-story-grid {
    display: grid !important;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr) !important;
    gap: 2.4vw !important;
    align-items: center !important;
  }

  /* Desktop replica: image left / copy right */
  body.package-page-body .pkg-image-story-grid.reverse {
    display: grid !important;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr) !important;
    gap: 2.4vw !important;
    align-items: center !important;
  }

  body.package-page-body .pkg-image-story-grid.reverse .pkg-platform-visual,
  body.package-page-body .pkg-image-story-grid.reverse .pkg-story-copy {
    order: 0 !important;
  }

  body.package-page-body .pkg-story-copy {
    max-width: none !important;
    margin: 0 !important;
    text-align: left !important;
  }

  body.package-page-body .pkg-story-kicker {
    width: fit-content !important;
    margin: 0 0 1.4vw !important;
    padding: .55vw 1.05vw !important;
    gap: .45vw !important;
    border-radius: 999px !important;
    border: 1px solid rgba(212,175,55,.38) !important;
    background: rgba(212,175,55,.075) !important;
    font-size: .72vw !important;
    line-height: 1 !important;
    letter-spacing: .14em !important;
    white-space: nowrap !important;
    box-shadow: none !important;
  }

  body.package-page-body .pkg-story-kicker i {
    font-size: .72vw !important;
  }

  body.package-page-body .pkg-story-title {
    margin: 0 0 2vw !important;
    max-width: 42vw !important;
    font-size: 4vw !important;
    line-height: .95 !important;
    letter-spacing: -.07em !important;
    text-align: left !important;
    text-shadow: 0 .8vw 1.8vw rgba(0,0,0,.35) !important;
  }

  body.package-page-body .pkg-story-title span {
    color: var(--gold) !important;
  }

  body.package-page-body .pkg-story-text {
    max-width: 42vw !important;
    margin: 0 0 1.8vw !important;
    color: rgba(244,248,244,.78) !important;
    font-size: 1.04vw !important;
    line-height: 1.55 !important;
    font-weight: 650 !important;
    text-align: left !important;
  }

  body.package-page-body .pkg-story-points {
    gap: .85vw !important;
    margin: 0 0 1.4vw !important;
  }

  body.package-page-body .pkg-story-point {
    display: grid !important;
    grid-template-columns: 3vw minmax(0, 1fr) !important;
    gap: 1vw !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 42vw !important;
    min-height: 4.8vw !important;
    padding: .9vw 1.15vw !important;
    border-radius: .65vw !important;
    border: 1px solid rgba(212,175,55,.16) !important;
    background: rgba(255,255,255,.055) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important;
    text-align: left !important;
  }

  body.package-page-body .pkg-story-point i {
    width: 2.2vw !important;
    height: 2.2vw !important;
    min-width: 2.2vw !important;
    border-radius: 50% !important;
    font-size: .9vw !important;
    color: #0b130d !important;
    background: var(--gold) !important;
    box-shadow: none !important;
  }

  body.package-page-body .pkg-story-point strong {
    margin: 0 0 .35vw !important;
    color: #fff !important;
    font-size: .88vw !important;
    line-height: 1.08 !important;
    font-weight: 900 !important;
  }

  body.package-page-body .pkg-story-point span {
    color: rgba(238,244,235,.68) !important;
    font-size: .64vw !important;
    line-height: 1.25 !important;
    font-weight: 650 !important;
  }

  body.package-page-body .pkg-story-mini-row {
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: .7vw !important;
    margin-top: 2.2vw !important;
    max-width: 42vw !important;
  }

  body.package-page-body .pkg-story-chip {
    min-height: 2.6vw !important;
    height: 2.6vw !important;
    padding: 0 1.1vw !important;
    gap: .45vw !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #263027 !important;
    font-size: .74vw !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
    box-shadow: 0 .65vw 1.5vw rgba(0,0,0,.18) !important;
  }

  body.package-page-body .pkg-story-chip i {
    color: var(--gold) !important;
    font-size: .75vw !important;
  }

  body.package-page-body .pkg-story-copy .pkg-page-btn.primary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 4vw !important;
    height: 4vw !important;
    max-height: none !important;
    padding: 0 2vw !important;
    margin-top: 1.15vw !important;
    border-radius: 999px !important;
    gap: .75vw !important;
    color: #10150d !important;
    background: linear-gradient(135deg, #ffe36f 0%, #d4af37 55%, #b88625 100%) !important;
    border: 1px solid rgba(255,230,118,.72) !important;
    box-shadow: 0 1.1vw 2.2vw rgba(212,175,55,.24) !important;
    font-size: .8vw !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    width: auto !important;
  }

  body.package-page-body .pkg-photo-wrap {
    min-height: 0 !important;
    width: 100% !important;
  }

  body.package-page-body .pkg-photo-card,
  body.package-page-body .pkg-photo-card img,
  body.package-page-body .pkg-platform-visual,
  body.package-page-body .pkg-user-platform-img,
  body.package-page-body .pkg-platform-visual.no-image {
    width: 100% !important;
    min-height: 27vw !important;
    height: 27vw !important;
    max-height: none !important;
    border-radius: 2vw !important;
    object-fit: cover !important;
  }

  body.package-page-body .pkg-photo-card,
  body.package-page-body .pkg-platform-visual {
    position: relative !important;
    overflow: hidden !important;
    background:
      radial-gradient(ellipse 22vw 15vw at 32% 18%, rgba(212,175,55,.18), transparent 65%),
      linear-gradient(145deg, rgba(255,255,255,.085), rgba(255,255,255,.025)),
      linear-gradient(145deg, #142a1f 0%, #081610 100%) !important;
    border: 1px solid rgba(212,175,55,.36) !important;
    box-shadow: 0 1.7vw 4vw rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.08) !important;
  }

  body.package-page-body .pkg-photo-card::before {
    display: none !important;
  }

  body.package-page-body .pkg-photo-card::after {
    inset: 2vw !important;
    border-radius: 1.4vw !important;
    border: 1px solid rgba(212,175,55,.14) !important;
  }

  body.package-page-body .pkg-platform-visual::before {
    inset: 4.5vw !important;
    border-radius: 50% !important;
    border: 1px solid rgba(212,175,55,.14) !important;
  }

  body.package-page-body .pkg-platform-visual::after {
    inset: 7.5vw !important;
    border-radius: 50% !important;
    border: 1px solid rgba(255,255,255,.08) !important;
  }

  body.package-page-body .pkg-platform-visual {
    color: rgba(255,255,255,.70) !important;
    font-size: .92vw !important;
    line-height: 1.2 !important;
    font-weight: 650 !important;
  }

  body.package-page-body .pkg-floating-stat {
    display: none !important;
  }
}

@media (max-width: 390px) {
  body.package-page-body .pkg-image-story-section,
  body.package-page-body .pkg-image-story-section.alt {
    padding: 5.5vw 0 6.5vw !important;
  }

  body.package-page-body .pkg-image-story-grid,
  body.package-page-body .pkg-image-story-grid.reverse {
    gap: 2vw !important;
  }

  body.package-page-body .pkg-story-title {
    font-size: 3.85vw !important;
    max-width: 43vw !important;
  }

  body.package-page-body .pkg-story-text {
    font-size: 1vw !important;
    max-width: 43vw !important;
  }
}

/* Mobile compare + process: exact desktop replica, separate sections, vw-scaled text */
@media (max-width: 767px) {
  body.package-page-body .shruti-mobile-compare,
  body.package-page-body .shruti-mobile-process {
    display: none !important;
  }

  body.package-page-body .exact-compare-section,
  body.package-page-body .exact-process-section {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    position: relative !important;
    isolation: isolate !important;
  }

  /* ── PLAN COMPARISON ── */
  body.package-page-body .exact-compare-section {
    padding: 5vw 0 8vw !important;
    background:
      radial-gradient(ellipse 820px 430px at 96% -12%, rgba(212,175,55,.13), transparent 60%),
      radial-gradient(ellipse 620px 350px at 8% 108%, rgba(42,79,47,.22), transparent 58%),
      linear-gradient(180deg, #071410 0%, #07130e 56%, #04100b 100%) !important;
  }

  body.package-page-body .exact-compare-container {
    width: 95% !important;
    max-width: none !important;
    margin: 0 auto !important;
  }

  body.package-page-body .exact-compare-head {
    margin: 0 auto 2vw !important;
    text-align: center !important;
  }

  body.package-page-body .exact-compare-head .pkg-section-eyebrow {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .9vw !important;
    margin: 0 0 1vw !important;
    font-size: .58vw !important;
    line-height: 1 !important;
    letter-spacing: .34em !important;
    white-space: nowrap !important;
  }

  body.package-page-body .exact-compare-head .pkg-section-eyebrow::before,
  body.package-page-body .exact-compare-head .pkg-section-eyebrow::after {
    width: 3.6vw !important;
    height: 1px !important;
  }

  body.package-page-body .exact-compare-head .enhance-title {
    margin: 1vw auto 0 !important;
    max-width: none !important;
    font-size: 2.72vw !important;
    line-height: .95 !important;
    letter-spacing: -.065em !important;
    white-space: nowrap !important;
    text-shadow: 0 .7vw 1.5vw rgba(0,0,0,.33) !important;
  }

  body.package-page-body .exact-compare-head .enhance-title span {
    color: var(--gold) !important;
  }

  body.package-page-body .exact-compare-card {
    width: 100% !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border-radius: .85vw !important;
    background: #fff !important;
    overflow: hidden !important;
    box-shadow: 0 1.5vw 3.6vw rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.98) !important;
  }

  body.package-page-body .exact-compare-table {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: #fff !important;
  }

  body.package-page-body .exact-compare-table th:first-child,
  body.package-page-body .exact-compare-table td:first-child {
    width: 28% !important;
    border-left: 0 !important;
    text-align: left !important;
  }

  body.package-page-body .exact-compare-table th:not(:first-child),
  body.package-page-body .exact-compare-table td:not(:first-child) {
    width: 24% !important;
  }

  body.package-page-body .exact-compare-table th,
  body.package-page-body .exact-compare-table td {
    padding: .42vw .8vw !important;
    border-left: 1px solid rgba(0,0,0,.075) !important;
    border-bottom: 1px solid rgba(0,0,0,.075) !important;
    background: #fff !important;
    color: #1d241f !important;
    text-align: center !important;
    vertical-align: middle !important;
    font-size: .78vw !important;
    line-height: 1.15 !important;
    font-weight: 850 !important;
    overflow: hidden !important;
  }

  body.package-page-body .exact-compare-table th {
    height: 5vw !important;
    text-transform: uppercase !important;
    font-size: .63vw !important;
    letter-spacing: .02em !important;
  }

  body.package-page-body .exact-compare-table tr:last-child td {
    border-bottom: 0 !important;
  }

  body.package-page-body .exact-compare-table .plan-head {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .18vw !important;
    line-height: 1 !important;
  }

  body.package-page-body .exact-compare-table .plan-head i {
    color: var(--gold) !important;
    font-size: 1.25vw !important;
    line-height: 1 !important;
    margin: 0 !important;
  }

  body.package-page-body .exact-compare-table .plan-head strong {
    font-size: .67vw !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    color: #111 !important;
  }

  body.package-page-body .exact-compare-table .plan-head em {
    font-style: normal !important;
    font-size: .63vw !important;
    line-height: 1 !important;
    color: var(--gold) !important;
    font-weight: 900 !important;
  }

  body.package-page-body .compare-feature {
    display: inline-flex !important;
    align-items: center !important;
    gap: .75vw !important;
    max-width: 100% !important;
    color: #343d36 !important;
    font-size: .74vw !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }

  body.package-page-body .compare-feature i {
    width: 1.2vw !important;
    min-width: 1.2vw !important;
    font-size: 1.1vw !important;
    color: #717a73 !important;
  }

  body.package-page-body .exact-compare-table .compare-check {
    color: #1f9a57 !important;
    font-size: 1.12vw !important;
  }

  /* ── HOW YOUR PACKAGE STARTS ── */
  body.package-page-body .exact-process-section {
    display: block !important;
    padding: 5.5vw 0 6.5vw !important;
    min-height: 0 !important;
    background:
      radial-gradient(ellipse 620px 330px at 90% 12%, rgba(212,175,55,.08), transparent 62%),
      radial-gradient(ellipse 520px 280px at 10% 98%, rgba(24,63,37,.25), transparent 68%),
      linear-gradient(180deg, #06120e 0%, #06150f 48%, #03100b 100%) !important;
  }

  body.package-page-body .exact-process-container {
    width: 95% !important;
    max-width: none !important;
    margin: 0 auto !important;
  }

  body.package-page-body .exact-process-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, .52fr) !important;
    align-items: start !important;
    gap: 1.5vw !important;
    margin: 0 0 2.8vw !important;
  }

  body.package-page-body .exact-process-title-block {
    min-width: 0 !important;
  }

  body.package-page-body .exact-process-section .pkg-section-eyebrow {
    display: inline-flex !important;
    align-items: center !important;
    gap: .9vw !important;
    margin: 0 0 1.2vw !important;
    font-size: .58vw !important;
    line-height: 1 !important;
    letter-spacing: .34em !important;
    white-space: nowrap !important;
    color: var(--gold) !important;
  }

  body.package-page-body .exact-process-section .pkg-section-eyebrow::before,
  body.package-page-body .exact-process-section .pkg-section-eyebrow::after {
    width: 3.6vw !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, var(--gold), transparent) !important;
  }

  body.package-page-body .exact-process-section .enhance-title {
    margin: 0 !important;
    max-width: none !important;
    font-size: 3vw !important;
    line-height: .95 !important;
    letter-spacing: -.065em !important;
    white-space: nowrap !important;
    text-align: left !important;
    text-shadow: 0 .7vw 1.5vw rgba(0,0,0,.33) !important;
    color: #f8f7f2 !important;
  }

  body.package-page-body .exact-process-section .enhance-title span {
    color: var(--gold) !important;
  }

  body.package-page-body .exact-process-section .enhance-text {
    width: 100% !important;
    max-width: 30.5vw !important;
    margin: 1.5vw 0 0 auto !important;
    color: rgba(245,248,245,.72) !important;
    font-size: 1.02vw !important;
    line-height: 1.35 !important;
    font-weight: 750 !important;
    text-align: left !important;
  }

  body.package-page-body .exact-process-grid,
  body.package-page-body .process-grid.exact-process-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 1.45vw !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
  }

  body.package-page-body .exact-step-card,
  body.package-page-body .step-card.exact-step-card {
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 10.95vw !important;
    padding: 2.2vw 1.55vw 1.4vw !important;
    border-radius: .7vw !important;
    background: linear-gradient(180deg, #ffffff 0%, #fbfaf4 100%) !important;
    border: 1px solid rgba(255,255,255,.95) !important;
    color: #141814 !important;
    box-shadow: 0 1.3vw 2.8vw rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.96) !important;
    transform: none !important;
    overflow: visible !important;
    display: flex !important;
    flex-direction: column !important;
  }

  body.package-page-body .exact-step-icon {
    width: 2.75vw !important;
    height: 2.75vw !important;
    flex: 0 0 2.75vw !important;
    margin: 0 0 1.5vw !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: radial-gradient(circle at 32% 24%, #ffe577 0%, #d4af37 56%, #b78623 100%) !important;
    color: #0c140d !important;
    font-size: 1vw !important;
    box-shadow: 0 0 0 .72vw rgba(212,175,55,.13), 0 .55vw 1.3vw rgba(212,175,55,.18) !important;
  }

  body.package-page-body .exact-step-card h3,
  body.package-page-body .step-card.exact-step-card h3 {
    margin: 0 0 .9vw !important;
    color: #151515 !important;
    font-size: 1.35vw !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: -.04em !important;
    text-align: left !important;
  }

  body.package-page-body .exact-step-card p,
  body.package-page-body .step-card.exact-step-card p {
    margin: 0 !important;
    color: #5c645d !important;
    font-size: .88vw !important;
    line-height: 1.35 !important;
    font-weight: 650 !important;
    text-align: left !important;
    overflow: visible !important;
    white-space: normal !important;
    word-wrap: break-word !important;
  }
}

@media (max-width: 390px) {
  body.package-page-body .exact-compare-head .enhance-title {
    font-size: 2.65vw !important;
  }

  body.package-page-body .exact-process-section .enhance-title {
    font-size: 2.9vw !important;
  }

  body.package-page-body .exact-process-grid {
    gap: 1.2vw !important;
  }

  body.package-page-body .exact-step-card,
  body.package-page-body .step-card.exact-step-card {
    padding: 2vw 1.4vw 1.3vw !important;
  }

  body.package-page-body .exact-step-card p,
  body.package-page-body .step-card.exact-step-card p {
    font-size: .85vw !important;
  }
}

/* Final process section lock: desktop 4-card row, full text visible */
@media (max-width: 767px) {
  body.package-page-body .shruti-mobile-process {
    display: none !important;
  }

  body.package-page-body .exact-process-section {
    display: block !important;
  }

  body.package-page-body .exact-process-head {
    flex-direction: unset !important;
  }

  body.package-page-body .exact-process-grid,
  body.package-page-body .process-grid.exact-process-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  body.package-page-body .exact-step-card,
  body.package-page-body .step-card.exact-step-card {
    height: auto !important;
    min-height: 10.95vw !important;
    overflow: visible !important;
  }
}

/* Mobile FAQ + CTA — compact height */
@media (max-width: 767px) {

  body.package-page-body .exact-faq-section {
    display: block !important;
    padding: 4px 0 6px !important;
    min-height: 0 !important;
    overflow: hidden !important;
    background:
      radial-gradient(ellipse 520px 280px at 90% 6%, rgba(212,175,55,.07), transparent 60%),
      radial-gradient(ellipse 420px 240px at 8% 94%, rgba(24,63,37,.18), transparent 66%),
      linear-gradient(180deg, #07160f 0%, #06130e 100%) !important;
  }

  body.package-page-body .exact-faq-section::after { display: none !important; }

  body.package-page-body .exact-faq-container {
    width: 92% !important;
    max-width: none !important;
    margin: 0 auto !important;
  }

  body.package-page-body .exact-faq-layout,
  body.package-page-body .faq-cta-grid.exact-faq-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1.6fr) minmax(110px, 1fr) !important;
    gap: 8px !important;
    align-items: stretch !important;
    width: 100% !important;
  }

  body.package-page-body .exact-faq-left {
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
  }

  body.package-page-body .exact-faq-section .pkg-section-eyebrow {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    margin: 0 0 2px !important;
    font-size: 6.5px !important;
    line-height: 1 !important;
    letter-spacing: .28em !important;
    color: var(--gold) !important;
    text-transform: uppercase !important;
  }

  body.package-page-body .exact-faq-section .pkg-section-eyebrow::before,
  body.package-page-body .exact-faq-section .pkg-section-eyebrow::after {
    display: block !important;
    width: 14px !important;
    height: 1px !important;
    flex-shrink: 0 !important;
    background: var(--gold) !important;
    opacity: .7 !important;
  }

  body.package-page-body .exact-faq-left .enhance-title {
    margin: 0 0 5px !important;
    max-width: none !important;
    font-size: 13px !important;
    line-height: 1.1 !important;
    letter-spacing: -.02em !important;
    font-weight: 900 !important;
    color: #f8f7f2 !important;
    white-space: normal !important;
  }

  body.package-page-body .exact-faq-left .enhance-title span {
    color: var(--gold) !important;
  }

  body.package-page-body .exact-faq-list,
  body.package-page-body .faq-list.exact-faq-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    flex: 1 !important;
  }

  body.package-page-body .exact-faq-card,
  body.package-page-body .faq-card.exact-faq-card {
    min-height: 0 !important;
    height: auto !important;
    padding: 5px 7px !important;
    border-radius: 7px !important;
    display: grid !important;
    grid-template-columns: 18px minmax(0, 1fr) !important;
    gap: 6px !important;
    align-items: center !important;
    background: #ffffff !important;
    border: none !important;
    box-shadow: 0 3px 10px rgba(0,0,0,.18) !important;
    overflow: hidden !important;
    transform: none !important;
    transition: none !important;
  }

  body.package-page-body .exact-faq-icon {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    margin: 0 !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: radial-gradient(circle at 34% 24%, #2a4a22 0%, #07120c 70%) !important;
    color: var(--gold) !important;
    font-size: 8px !important;
    font-weight: 900 !important;
    flex-shrink: 0 !important;
    align-self: start !important;
    margin-top: 1px !important;
  }

  body.package-page-body .exact-faq-copy,
  body.package-page-body .exact-faq-card > div:not(.exact-faq-icon) {
    min-width: 0 !important;
  }

  body.package-page-body .exact-faq-copy h3,
  body.package-page-body .exact-faq-card h3 {
    margin: 0 0 2px !important;
    color: #111111 !important;
    font-size: 9px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: -.01em !important;
  }

  body.package-page-body .exact-faq-copy p,
  body.package-page-body .exact-faq-card p {
    max-width: none !important;
    margin: 0 !important;
    color: #4a5a48 !important;
    font-size: 7.5px !important;
    line-height: 1.4 !important;
    font-weight: 500 !important;
    white-space: normal !important;
    word-wrap: break-word !important;
  }

  body.package-page-body .exact-cta-panel,
  body.package-page-body .cta-panel.exact-cta-panel {
    position: relative !important;
    min-height: 0 !important;
    height: 100% !important;
    padding: 6px 7px 5px !important;
    border-radius: 10px !important;
    border: 1.5px solid rgba(212,175,55,.55) !important;
    background:
      radial-gradient(ellipse 200px 150px at 20% 16%, rgba(40,72,38,.55), transparent 70%),
      linear-gradient(160deg, rgba(18,40,26,.97) 0%, rgba(6,18,12,.99) 100%) !important;
    box-shadow: 0 6px 22px rgba(0,0,0,.38) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    gap: 3px !important;
  }

  body.package-page-body .exact-cta-panel::before,
  body.package-page-body .exact-cta-panel::after { display: none !important; }

  body.package-page-body .exact-cta-content {
    position: relative !important;
    z-index: 2 !important;
    flex: 0 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
  }

  body.package-page-body .exact-cta-icon {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    margin: 0 0 4px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(212,175,55,.14) !important;
    border: 1px solid rgba(212,175,55,.42) !important;
    color: var(--gold) !important;
    font-size: 8px !important;
  }

  body.package-page-body .exact-cta-panel h2 {
    max-width: none !important;
    margin: 0 0 2px !important;
    font-size: 9px !important;
    line-height: 1.15 !important;
    letter-spacing: -.01em !important;
    color: #ffffff !important;
    font-weight: 900 !important;
  }

  body.package-page-body .exact-cta-panel h2 span { color: var(--gold) !important; }

  body.package-page-body .exact-cta-panel p {
    max-width: none !important;
    margin: 0 0 3px !important;
    color: rgba(220,235,218,.72) !important;
    font-size: 6px !important;
    line-height: 1.4 !important;
    font-weight: 500 !important;
  }

  body.package-page-body .exact-cta-list,
  body.package-page-body .cta-mini-list.exact-cta-list {
    display: flex !important;
    flex-direction: column !important;
    margin-top: 2px !important;
    gap: 2px !important;
  }

  body.package-page-body .exact-cta-list span {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    color: rgba(255,255,255,.88) !important;
    font-size: 6px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
  }

  body.package-page-body .exact-cta-list i {
    width: 9px !important;
    height: 9px !important;
    min-width: 9px !important;
    flex-shrink: 0 !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #08120c !important;
    background: var(--gold) !important;
    font-size: 5px !important;
  }

  body.package-page-body .exact-cta-divider { display: none !important; }

  body.package-page-body .exact-cta-btn,
  body.package-page-body .exact-cta-panel .pkg-page-btn.primary {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    min-height: 22px !important;
    height: auto !important;
    padding: 4px 6px !important;
    margin-top: 3px !important;
    border-radius: 6px !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 3px !important;
    background: linear-gradient(135deg, #ffe466 0%, #d4af37 50%, #b98b28 100%) !important;
    color: #08100a !important;
    border: 1px solid rgba(255,224,100,.6) !important;
    box-shadow: 0 3px 10px rgba(212,175,55,.28) !important;
    font-size: 7.5px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }

  body.package-page-body .exact-cta-btn i,
  body.package-page-body .exact-cta-panel .pkg-page-btn.primary i {
    font-size: 7px !important;
  }
}

@media (max-width: 480px) {
  body.package-page-body .exact-faq-left .enhance-title { font-size: 12px !important; }
  body.package-page-body .exact-cta-panel h2 { font-size: 10px !important; }
}

@media (max-width: 390px) {
  body.package-page-body .exact-faq-layout,
  body.package-page-body .faq-cta-grid.exact-faq-layout { gap: 5px !important; }
  body.package-page-body .exact-faq-left .enhance-title { font-size: 11px !important; }
  body.package-page-body .exact-cta-panel { padding: 7px 8px !important; }
  body.package-page-body .exact-cta-panel h2 { font-size: 9.5px !important; }
  body.package-page-body .exact-cta-btn,
  body.package-page-body .exact-cta-panel .pkg-page-btn.primary { min-height: 24px !important; font-size: 8.5px !important; }
}

/* Mobile footer: exact desktop 3-column layout, vw-scaled text */
@media (max-width: 767px) {
  body.package-page-body .apex-footer.apex-footer-v2 {
    margin-top: 0 !important;
    padding: 3vw 0 2vw !important;
    overflow: hidden !important;
    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%) !important;
  }

  body.package-page-body .footer-v2-container {
    width: 95% !important;
    max-width: none !important;
    margin: 0 auto !important;
  }

  body.package-page-body .footer-v2-main {
    display: grid !important;
    grid-template-columns: 1.08fr 1.31fr .92fr !important;
    gap: 1.8vw !important;
    align-items: stretch !important;
  }

  body.package-page-body .footer-v2-panel,
  body.package-page-body .footer-v2-brand-panel,
  body.package-page-body .footer-v2-links-panel,
  body.package-page-body .footer-v2-contact-panel {
    grid-column: auto !important;
    grid-row: auto !important;
    position: relative !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 2.8vw 2.5vw !important;
    border: 1px solid rgba(212,175,55,.25) !important;
    border-radius: 1.2vw !important;
    overflow: visible !important;
    background:
      radial-gradient(ellipse 420px 220px at 50% -18%, rgba(212,175,55,.08), transparent 62%),
      linear-gradient(145deg, rgba(20,35,30,.88), rgba(6,18,16,.94)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 1.2vw 2.8vw rgba(0,0,0,.24) !important;
  }

  body.package-page-body .footer-v2-brand-panel {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding: 3.5vw 2.8vw !important;
  }

  body.package-page-body .footer-v2-logo {
    gap: 1.8vw !important;
    margin-bottom: 2.2vw !important;
  }

  body.package-page-body .footer-v2-logo-mark {
    width: 7.2vw !important;
    height: 7.2vw !important;
    border-radius: 1.2vw !important;
    font-size: 3.8vw !important;
    border: 1px solid rgba(212,175,55,.42) !important;
    box-shadow: 0 0 1.5vw rgba(212,175,55,.18), inset 0 1px 0 rgba(255,255,255,.08) !important;
  }

  body.package-page-body .footer-v2-logo-text strong {
    font-size: 2.3vw !important;
    line-height: 1 !important;
    letter-spacing: .2em !important;
    color: #fff !important;
  }

  body.package-page-body .footer-v2-logo-text span {
    margin-top: .5vw !important;
    font-size: 1vw !important;
    letter-spacing: .27em !important;
    color: #fff !important;
  }

  body.package-page-body .footer-v2-about {
    max-width: 100% !important;
    margin: 0 0 2.2vw !important;
    color: rgba(255,255,255,.82) !important;
    font-size: 1.23vw !important;
    line-height: 1.55 !important;
  }

  body.package-page-body .footer-v2-socials {
    gap: 1.2vw !important;
    margin-bottom: 2.2vw !important;
  }

  body.package-page-body .footer-v2-socials a {
    width: 3.8vw !important;
    height: 3.8vw !important;
    border-radius: .9vw !important;
    font-size: 1.9vw !important;
    box-shadow: 0 .8vw 1.6vw rgba(0,0,0,.30) !important;
  }

  body.package-page-body .footer-v2-trust {
    gap: .7vw !important;
    color: rgba(255,255,255,.78) !important;
    font-size: 1.15vw !important;
    line-height: 1.2 !important;
  }

  body.package-page-body .footer-v2-trust i {
    color: #2ecc71 !important;
    font-size: 1.3vw !important;
  }

  body.package-page-body .footer-v2-links-grid {
    display: grid !important;
    grid-template-columns: 1.05fr .95fr !important;
    gap: 2.5vw !important;
  }

  body.package-page-body .footer-v2-block + .footer-v2-block {
    margin-top: 2vw !important;
  }

  body.package-page-body .footer-v2-title {
    margin: 0 0 1.2vw !important;
    color: var(--gold) !important;
    font-size: 1.36vw !important;
    line-height: 1 !important;
    letter-spacing: .17em !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
  }

  body.package-page-body .footer-v2-list a {
    min-height: 2.8vw !important;
    gap: .8vw !important;
    color: rgba(255,255,255,.72) !important;
    font-size: 1.23vw !important;
    line-height: 1.15 !important;
  }

  body.package-page-body .footer-v2-list a::before {
    font-size: 1vw !important;
  }

  body.package-page-body .footer-v2-platforms i {
    width: 1.3vw !important;
    font-size: 1.15vw !important;
  }

  body.package-page-body .footer-v2-contact-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .8vw !important;
    margin-bottom: 1.2vw !important;
  }

  body.package-page-body .footer-v2-contact-card {
    min-height: 0 !important;
    height: auto !important;
    grid-template-columns: 3.5vw minmax(0, 1fr) !important;
    gap: .9vw !important;
    padding: .9vw !important;
    border-radius: .8vw !important;
    border: 1px solid rgba(255,255,255,.06) !important;
    background: rgba(255,255,255,.045) !important;
  }

  body.package-page-body .footer-v2-contact-icon {
    width: 3.2vw !important;
    height: 3.2vw !important;
    border-radius: .8vw !important;
    font-size: 1.5vw !important;
    color: var(--gold) !important;
    background: rgba(212,175,55,.10) !important;
    border: 1px solid rgba(212,175,55,.16) !important;
  }

  body.package-page-body .footer-v2-contact-label {
    margin-bottom: .3vw !important;
    color: rgba(255,255,255,.62) !important;
    font-size: .95vw !important;
    line-height: 1 !important;
  }

  body.package-page-body .footer-v2-contact-value {
    color: rgba(255,255,255,.86) !important;
    font-size: 1.08vw !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    word-break: break-word !important;
  }

  body.package-page-body .footer-v2-hours {
    margin-top: 0 !important;
    padding: 1.5vw 1.4vw !important;
    border-radius: 1vw !important;
    border: 1px solid rgba(212,175,55,.48) !important;
    background:
      radial-gradient(ellipse 250px 105px at 70% 100%, rgba(212,175,55,.18), transparent 62%),
      rgba(212,175,55,.075) !important;
    max-width: none !important;
  }

  body.package-page-body .footer-v2-hours-head {
    gap: .7vw !important;
    margin-bottom: 1.2vw !important;
    color: var(--gold) !important;
    font-size: 1.15vw !important;
    line-height: 1 !important;
    font-weight: 900 !important;
  }

  body.package-page-body .footer-v2-hours-head i {
    width: 1.6vw !important;
    height: 1.6vw !important;
    font-size: 1vw !important;
  }

  body.package-page-body .footer-v2-hour-row {
    gap: .8vw !important;
    margin-top: .7vw !important;
    color: rgba(255,255,255,.72) !important;
    font-size: 1vw !important;
    line-height: 1.1 !important;
  }

  body.package-page-body .footer-v2-hour-row strong {
    color: var(--gold) !important;
  }

  body.package-page-body .footer-v2-bottom {
    min-height: 5vw !important;
    height: auto !important;
    margin-top: 1.8vw !important;
    padding: 0 1.8vw !important;
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    gap: 1.5vw !important;
    align-items: center !important;
    justify-items: stretch !important;
    text-align: left !important;
    border-radius: 1vw !important;
    border: 1px solid rgba(212,175,55,.18) !important;
    background: rgba(15,30,25,.65) !important;
    color: rgba(255,255,255,.42) !important;
    font-size: 1.08vw !important;
    line-height: 1.2 !important;
  }

  body.package-page-body .footer-v2-policies {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 1vw !important;
    white-space: nowrap !important;
  }

  body.package-page-body .footer-v2-policies a {
    color: rgba(255,255,255,.72) !important;
  }

  body.package-page-body .footer-v2-dot {
    color: rgba(212,175,55,.58) !important;
    font-size: .9vw !important;
  }

  body.package-page-body .footer-v2-business {
    justify-self: end !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: .6vw !important;
    color: rgba(255,255,255,.42) !important;
    white-space: nowrap !important;
  }

  body.package-page-body .footer-v2-business i {
    color: #2ecc71 !important;
    font-size: 1vw !important;
  }
}

@media (max-width: 390px) {
  body.package-page-body .footer-v2-main {
    gap: 1.5vw !important;
  }

  body.package-page-body .footer-v2-logo-text strong {
    font-size: 2.1vw !important;
  }

  body.package-page-body .footer-v2-bottom {
    font-size: 1vw !important;
    gap: 1.2vw !important;
  }
}

/* Mobile navbar: hide hamburger, show inline nav links like desktop */
@media (max-width: 767px) {/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */

}

/* Prevent plan icon overlapping the Most Popular badge */
@media (max-width: 767px) {
  body.package-page-body .pkg-card {
    position: relative !important;
  }

  body.package-page-body .pkg-popular {
    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    z-index: 3 !important;
  }

  body.package-page-body .pkg-card.is-featured > .pkg-plan-icon {
    margin-top: 0 !important;
    position: relative !important;
    z-index: 1 !important;
  }
}

/* Desktop navbar same spacing/size as home page. Mobile remains untouched except existing mobile rules. */
@media (min-width: 768px) {
  body.package-page-body .package-page-hero > .site-wrap {
    width: 95% !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */

}

/* Mobile package cards exactly like the shared screenshot: one card visible, next card peeking. */
@media (max-width: 767px) {
  body.package-page-body .packages-section {
    overflow: hidden !important;
  }

  body.package-page-body .packages-section .pkg-container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  /* ── pkg-cards: exact same 3-column grid as home.html mobile ── */
  body.package-page-body .packages-section .pkg-cards {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 11px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 auto 10px !important;
    padding: 0 !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
    transform: none !important;
    flex-wrap: unset !important;
  }

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

  body.package-page-body .packages-section .pkg-card,
  body.package-page-body .packages-section .pkg-card.is-featured {
    flex: unset !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 310px !important;
    height: 310px !important;
    padding: 12px 12px 10px !important;
    border-radius: 7px !important;
    scroll-snap-align: unset !important;
    transform: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    overflow: hidden !important;
    background: linear-gradient(180deg, #fffef9 0%, #efeee7 100%) !important;
    border: 1px solid rgba(212,175,55,.35) !important;
    box-shadow: 0 11px 23px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.96) !important;
    color: #161a16 !important;
  }

  body.package-page-body .packages-section .pkg-card.is-featured {
    padding-top: 12px !important;
    border-color: rgba(212,175,55,.75) !important;
  }

  body.package-page-body .packages-section .pkg-popular {
    position: absolute !important;
    top: -1px !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    z-index: 3 !important;
    min-width: unset !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;
    white-space: nowrap !important;
  }

  body.package-page-body .packages-section .pkg-popular i {
    font-size: 4px !important;
  }

  body.package-page-body .packages-section .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;
  }

  body.package-page-body .packages-section .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;
  }

  body.package-page-body .packages-section .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;
    font-weight: 600 !important;
  }

  body.package-page-body .packages-section .pkg-small-line {
    width: 18px !important;
    height: 1px !important;
    margin: 0 auto 2px !important;
  }

  body.package-page-body .packages-section .pkg-price-row {
    width: 100% !important;
    justify-content: center !important;
    align-items: baseline !important;
    gap: 0 !important;
    margin: 0 !important;
  }

  body.package-page-body .packages-section .pkg-currency {
    font-size: 15px !important;
    padding-top: 0 !important;
    line-height: 1 !important;
    transform: translateY(-7px) !important;
  }

  body.package-page-body .packages-section .pkg-price {
    font-size: clamp(33px, 7.8vw, 42px) !important;
    line-height: .84 !important;
    letter-spacing: -.08em !important;
    color: #141814 !important;
  }

  body.package-page-body .packages-section .pkg-onetime {
    margin: 2px 0 7px !important;
    font-size: 4.1px !important;
    line-height: 1 !important;
    text-align: center !important;
    font-weight: 800 !important;
    color: #6b7069 !important;
  }

  body.package-page-body .packages-section .pkg-followers {
    min-height: 14px !important;
    height: 14px !important;
    margin: 0 0 7px !important;
    padding: 0 6px !important;
    border-radius: 3px !important;
    justify-content: flex-start !important;
    gap: 4px !important;
    font-size: unset !important;
  }

  body.package-page-body .packages-section .pkg-followers > i {
    width: 8px !important;
    min-width: 8px !important;
    font-size: 5px !important;
  }

  body.package-page-body .packages-section .pkg-followers strong {
    font-size: clamp(4.2px, 1.04vw, 5.2px) !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  body.package-page-body .packages-section .pkg-list {
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    gap: 4px !important;
    flex: 1 1 auto !important;
  }

  body.package-page-body .packages-section .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;
  }

  body.package-page-body .packages-section .pkg-list li > i {
    width: 7px !important;
    min-width: 7px !important;
    margin-top: 0 !important;
    color: #d4af37 !important;
    font-size: 5px !important;
  }

  body.package-page-body .packages-section .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;
  }

  body.package-page-body .packages-section .pkg-card-btn i {
    display: none !important;
  }
}

/* Mobile footer returned to the exact home-page mobile sizing. */
@media (max-width: 767px) {
  body.package-page-body .apex-footer.apex-footer-v2 {
    margin-top: 10px !important;
    padding: 12px 0 8px !important;
    overflow: hidden !important;
    background:
      radial-gradient(ellipse 520px 245px at 50% -10%, rgba(212,175,55,.06), transparent 66%),
      linear-gradient(180deg, #07100f 0%, #050c0b 100%) !important;
  }

  body.package-page-body .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;
  }

  body.package-page-body .footer-v2-main {
    display: grid !important;
    grid-template-columns: 1.02fr 1.48fr .92fr !important;
    gap: 7px !important;
    align-items: stretch !important;
  }

  body.package-page-body .footer-v2-panel,
  body.package-page-body .footer-v2-brand-panel,
  body.package-page-body .footer-v2-links-panel,
  body.package-page-body .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;
  }

  body.package-page-body .footer-v2-brand-panel {
    justify-content: center !important;
    padding: 14px 11px 11px !important;
  }

  body.package-page-body .footer-v2-logo { gap: 7px !important; margin-bottom: 10px !important; }
  body.package-page-body .footer-v2-logo-mark { width: 28px !important; height: 28px !important; border-radius: 5px !important; font-size: 15px !important; }
  body.package-page-body .footer-v2-logo-text strong { font-size: 9px !important; line-height: 1 !important; letter-spacing: .2em !important; }
  body.package-page-body .footer-v2-logo-text span { margin-top: 3px !important; font-size: 4px !important; letter-spacing: .27em !important; }
  body.package-page-body .footer-v2-about { max-width: 122px !important; margin: 0 0 11px !important; font-size: 4.8px !important; line-height: 1.55 !important; }
  body.package-page-body .footer-v2-socials { gap: 5px !important; margin-bottom: 11px !important; }
  body.package-page-body .footer-v2-socials a { width: 15px !important; height: 15px !important; border-radius: 3px !important; font-size: 8px !important; }
  body.package-page-body .footer-v2-trust { gap: 3px !important; font-size: 4.5px !important; line-height: 1.2 !important; }
  body.package-page-body .footer-v2-trust i { font-size: 5px !important; }

  body.package-page-body .footer-v2-links-grid { display: grid !important; grid-template-columns: 1.05fr .95fr !important; gap: 12px !important; }
  body.package-page-body .footer-v2-block + .footer-v2-block { margin-top: 9px !important; }
  body.package-page-body .footer-v2-title { margin: 0 0 6px !important; font-size: 5.3px !important; line-height: 1 !important; letter-spacing: .18em !important; }
  body.package-page-body .footer-v2-list a { min-height: 13px !important; gap: 4px !important; font-size: 4.8px !important; line-height: 1.15 !important; }
  body.package-page-body .footer-v2-list a::before { font-size: 4px !important; }
  body.package-page-body .footer-v2-platforms i { width: 6px !important; font-size: 5.2px !important; }

  body.package-page-body .footer-v2-contact-list { display: grid !important; grid-template-columns: 1fr !important; gap: 4px !important; margin-bottom: 7px !important; }
  body.package-page-body .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; }
  body.package-page-body .footer-v2-contact-icon { width: 13px !important; height: 13px !important; border-radius: 3px !important; font-size: 6px !important; }
  body.package-page-body .footer-v2-contact-label { margin-bottom: 1px !important; font-size: 3.7px !important; line-height: 1 !important; }
  body.package-page-body .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; }
  body.package-page-body .footer-v2-hours { margin-top: 0 !important; padding: 6px 6px 5px !important; border-radius: 4px !important; }
  body.package-page-body .footer-v2-hours-head { gap: 3px !important; margin-bottom: 5px !important; font-size: 4.8px !important; line-height: 1 !important; }
  body.package-page-body .footer-v2-hours-head i { width: 7px !important; height: 7px !important; font-size: 4px !important; }
  body.package-page-body .footer-v2-hour-row { gap: 4px !important; margin-top: 4px !important; font-size: 4px !important; line-height: 1.1 !important; }

  body.package-page-body .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;
  }

  body.package-page-body .footer-v2-policies { display: flex !important; flex-wrap: nowrap !important; gap: 5px !important; white-space: nowrap !important; justify-content: center !important; }
  body.package-page-body .footer-v2-business { justify-self: end !important; gap: 3px !important; white-space: nowrap !important; }
  body.package-page-body .footer-v2-business i { font-size: 4px !important; }
  body.package-page-body .footer-v2-dot { font-size: 3.5px !important; }
}

@media (max-width: 390px) {
  body.package-page-body .packages-section .pkg-cards {
    gap: 8px !important;
    padding: 0 !important;
  }

  body.package-page-body .packages-section .pkg-card,
  body.package-page-body .packages-section .pkg-card.is-featured {
    flex: unset !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  body.package-page-body .footer-v2-main {
    gap: 5px !important;
  }

  body.package-page-body .footer-v2-panel,
  body.package-page-body .footer-v2-brand-panel,
  body.package-page-body .footer-v2-links-panel,
  body.package-page-body .footer-v2-contact-panel {
    height: 158px !important;
    min-height: 158px !important;
    padding: 10px 8px !important;
  }

  body.package-page-body .footer-v2-bottom {
    font-size: 3.8px !important;
    gap: 4px !important;
  }
}

@media (max-width: 767px) {
  body.package-page-body .apex-footer.apex-footer-v2,
  body.package-page-body .footer-v2-container,
  body.package-page-body .footer-v2-main {
    overflow: visible !important;
  }

  body.package-page-body .footer-v2-main {
    align-items: stretch !important;
  }

  body.package-page-body .footer-v2-panel,
  body.package-page-body .footer-v2-brand-panel,
  body.package-page-body .footer-v2-links-panel,
  body.package-page-body .footer-v2-contact-panel {
    height: auto !important;
    min-height: 206px !important;
    overflow: visible !important;
  }

  body.package-page-body .footer-v2-contact-panel {
    padding-bottom: 12px !important;
  }

  body.package-page-body .footer-v2-hours {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    padding-bottom: 7px !important;
  }

  body.package-page-body .footer-v2-hours-head,
  body.package-page-body .footer-v2-hour-row,
  body.package-page-body .footer-v2-hour-row span,
  body.package-page-body .footer-v2-hour-row strong {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
  }
}

@media (max-width: 390px) {
  body.package-page-body .footer-v2-panel,
  body.package-page-body .footer-v2-brand-panel,
  body.package-page-body .footer-v2-links-panel,
  body.package-page-body .footer-v2-contact-panel {
    height: auto !important;
    min-height: 202px !important;
    overflow: visible !important;
  }
}

@media (max-width: 767px) {
  body.package-page-body .footer-v2-main {
    align-items: stretch !important;
  }

  body.package-page-body .footer-v2-contact-panel {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    height: 100% !important;
    min-height: 206px !important;
    overflow: hidden !important;
    padding-bottom: 8px !important;
  }

  body.package-page-body .footer-v2-contact-panel > .footer-v2-title,
  body.package-page-body .footer-v2-contact-list {
    flex: 0 0 auto !important;
  }

  body.package-page-body .footer-v2-contact-list {
    margin-bottom: 6px !important;
  }

  body.package-page-body .footer-v2-hours {
    flex: 1 1 auto !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 7px 6px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    overflow: visible !important;
  }
}

@media (max-width: 390px) {
  body.package-page-body .footer-v2-contact-panel {
    min-height: 202px !important;
  }
}

@media (max-width: 767px) {
  body.package-page-body {
    overflow-x: clip !important;
  }

  /* HERO BACKGROUND + SIZE */
  body.package-page-body .hero-section.package-page-hero {
    width: 100% !important;
    max-width: 100% !important;
    min-height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background:
      radial-gradient(ellipse 270px 220px at 78% 42%, rgba(65, 92, 49, .34) 0%, rgba(25, 55, 34, .18) 45%, transparent 75%),
      radial-gradient(ellipse 390px 170px at 42% 100%, rgba(0,0,0,.42), transparent 72%),
      linear-gradient(180deg, #102119 0%, #07120f 100%) !important;
  }

  body.package-page-body .hero-section.package-page-hero::before {
    background: radial-gradient(ellipse 430px 230px at 50% 108%, rgba(0,0,0,.36), transparent 68%) !important;
    opacity: 1 !important;
  }

  body.package-page-body .hero-section.package-page-hero::after {
    right: -62px !important;
    top: 42px !important;
    width: clamp(178px, 43vw, 230px) !important;
    height: clamp(178px, 43vw, 230px) !important;
    opacity: .62 !important;
  }

  body.package-page-body .package-page-hero > .site-wrap {
    width: 95% !important;
    max-width: 95% !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */


  /* HERO CONTENT TWO-COLUMN DESKTOP-LIKE MINI LAYOUT */
  body.package-page-body .package-hero-area {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 52px 0 6px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 52.4%) minmax(0, 47.6%) !important;
    align-items: start !important;
    gap: 4px !important;
    text-align: left !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 12 !important;
  }

  body.package-page-body .pkg-hero-copy {
    width: 100% !important;
    max-width: 100% !important;
    padding-top: 8px !important;
    margin: 0 !important;
    text-align: left !important;
  }

  body.package-page-body .pkg-hero-copy,
  body.package-page-body .pkg-hero-text,
  body.package-page-body .pkg-hero-proof,
  body.package-page-body .pkg-hero-eyebrow,
  body.package-page-body .pkg-hero-actions {
    margin-left: 0 !important;
    margin-right: 0 !important;
    justify-content: flex-start !important;
    text-align: left !important;
  }

  body.package-page-body .pkg-hero-eyebrow {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    margin: 0 0 7px !important;
    color: #d4af37 !important;
    font-size: clamp(4.6px, 1.18vw, 6.1px) !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: .26em !important;
    white-space: nowrap !important;
    text-transform: uppercase !important;
  }

  body.package-page-body .pkg-hero-eyebrow::before,
  body.package-page-body .pkg-hero-eyebrow::after {
    content: "" !important;
    width: clamp(10px, 3vw, 16px) !important;
    height: 1px !important;
    flex: 0 0 auto !important;
  }

  body.package-page-body .pkg-hero-eyebrow::before {
    background: linear-gradient(90deg, transparent, #d4af37) !important;
  }

  body.package-page-body .pkg-hero-eyebrow::after {
    background: linear-gradient(90deg, #d4af37, transparent) !important;
  }

  body.package-page-body .pkg-hero-title {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 6px !important;
    padding: 0 !important;
    color: #f9f9f5 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: clamp(21px, 6.4vw, 34px) !important;
    line-height: .87 !important;
    font-weight: 900 !important;
    letter-spacing: -.070em !important;
    text-align: left !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    text-shadow: 0 5px 15px rgba(0,0,0,.42) !important;
  }

  body.package-page-body .pkg-hero-title span {
    display: block !important;
    color: #d4af37 !important;
    background: linear-gradient(180deg, #f4d458 0%, #d4af37 50%, #aa7b25 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    white-space: nowrap !important;
    text-shadow: none !important;
  }

  body.package-page-body .pkg-hero-text {
    width: 100% !important;
    max-width: clamp(178px, 48vw, 238px) !important;
    margin: 0 0 9px !important;
    color: rgba(231,238,232,.78) !important;
    font-size: clamp(5.8px, 1.55vw, 7.3px) !important;
    line-height: 1.50 !important;
    font-weight: 600 !important;
    text-align: left !important;
  }

  body.package-page-body .pkg-hero-actions {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    margin: 0 0 9px !important;
  }

  body.package-page-body .package-page-hero .pkg-page-btn {
    min-height: clamp(18px, 4.2vw, 22px) !important;
    height: clamp(18px, 4.2vw, 22px) !important;
    padding: 0 clamp(9px, 2.2vw, 13px) !important;
    gap: 4px !important;
    border-radius: 999px !important;
    font-size: clamp(4.9px, 1.25vw, 6.4px) !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
    transform: none !important;
  }

  body.package-page-body .package-page-hero .pkg-page-btn i {
    font-size: clamp(4.8px, 1.2vw, 6px) !important;
  }

  body.package-page-body .package-page-hero .pkg-page-btn.primary {
    color: #10120b !important;
    background: linear-gradient(135deg, #f6da62 0%, #d4af37 55%, #a97b25 100%) !important;
    border: 1px solid rgba(255,224,130,.68) !important;
    box-shadow: 0 7px 16px rgba(212,175,55,.22), inset 0 1px 0 rgba(255,255,255,.40) !important;
  }

  body.package-page-body .package-page-hero .pkg-page-btn.ghost {
    color: #ffffff !important;
    background: rgba(8,18,13,.54) !important;
    border: 1px solid rgba(255,255,255,.46) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 4px 12px rgba(0,0,0,.14) !important;
  }

  body.package-page-body .pkg-hero-proof {
    width: 100% !important;
    max-width: clamp(182px, 48vw, 238px) !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 5px !important;
  }

  body.package-page-body .pkg-proof-pill {
    min-height: clamp(28px, 6.4vw, 33px) !important;
    height: clamp(28px, 6.4vw, 33px) !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 4px 5px !important;
    border-radius: 5px !important;
    background: linear-gradient(135deg, rgba(255,255,255,.070), rgba(255,255,255,.035)) !important;
    border: 1px solid rgba(212,175,55,.18) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 6px 13px rgba(0,0,0,.18) !important;
  }

  body.package-page-body .pkg-proof-pill:nth-child(3) {
    border-color: rgba(212,175,55,.50) !important;
  }

  body.package-page-body .pkg-proof-icon {
    width: clamp(10px, 2.45vw, 13px) !important;
    height: clamp(10px, 2.45vw, 13px) !important;
    flex: 0 0 clamp(10px, 2.45vw, 13px) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    font-size: clamp(4.6px, 1.12vw, 5.8px) !important;
  }

  body.package-page-body .pkg-proof-pill strong {
    margin: 0 0 1px !important;
    color: #ffffff !important;
    font-size: clamp(7.5px, 2vw, 10px) !important;
    line-height: .9 !important;
    font-weight: 900 !important;
  }

  body.package-page-body .pkg-proof-pill span:not(.pkg-proof-icon) {
    color: rgba(210,221,211,.68) !important;
    font-size: clamp(2.9px, .84vw, 3.9px) !important;
    line-height: 1.05 !important;
    font-weight: 800 !important;
  }

  /* HERO RIGHT VISUAL */
  body.package-page-body .pkg-hero-visual {
    position: relative !important;
    width: 100% !important;
    min-height: clamp(170px, 37vw, 184px) !important;
    height: clamp(170px, 37vw, 184px) !important;
    margin-top: clamp(18px, 4.5vw, 23px) !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;
    overflow: visible !important;
  }

  body.package-page-body .pkg-orbit {
    width: clamp(170px, 43vw, 226px) !important;
    height: clamp(170px, 43vw, 226px) !important;
    right: clamp(-48px, -8vw, -26px) !important;
    left: auto !important;
    top: clamp(-34px, -6vw, -18px) !important;
    transform: none !important;
    opacity: .62 !important;
  }

  body.package-page-body .pkg-visual-card {
    width: clamp(142px, 32vw, 168px) !important;
    max-width: 168px !important;
    margin: 0 clamp(0px, 1vw, 6px) 0 0 !important;
    padding: 8px !important;
    border-radius: 9px !important;
    background: #ffffff !important;
    color: #111111 !important;
    box-shadow: 0 14px 34px rgba(0,0,0,.38) !important;
    overflow: visible !important;
  }

  body.package-page-body .pkg-visual-card::before {
    width: 80px !important;
    height: 80px !important;
    inset: -40px auto auto -40px !important;
    opacity: .45 !important;
  }

  body.package-page-body .pkg-visual-top {
    margin: 0 0 6px !important;
    gap: 5px !important;
    display: flex !important;
    align-items: center !important;
  }

  body.package-page-body .pkg-card-icon {
    width: 14px !important;
    height: 14px !important;
    flex: 0 0 14px !important;
    border-radius: 4px !important;
    font-size: 6px !important;
  }

  body.package-page-body .pkg-visual-heading {
    gap: 5px !important;
  }

  body.package-page-body .pkg-visual-top strong {
    font-size: clamp(6.5px, 1.45vw, 7.6px) !important;
    line-height: 1.05 !important;
    font-weight: 900 !important;
  }

  body.package-page-body .pkg-visual-top span {
    margin-top: 2px !important;
    font-size: clamp(3.5px, .95vw, 4.6px) !important;
    line-height: 1 !important;
    font-weight: 700 !important;
  }

  body.package-page-body .pkg-visual-badge {
    height: 12px !important;
    padding: 0 5px !important;
    gap: 2px !important;
    border-radius: 999px !important;
    font-size: clamp(3.3px, .88vw, 4.3px) !important;
    font-weight: 900 !important;
  }

  body.package-page-body .pkg-visual-badge i {
    font-size: 3.8px !important;
  }

  body.package-page-body .pkg-visual-chart {
    height: clamp(55px, 12vw, 63px) !important;
    padding: 0 !important;
    border-radius: 0 !important;
  }

  body.package-page-body .pkg-visual-chart::before {
    left: 10px !important;
    right: 10px !important;
    bottom: 6px !important;
    height: 40px !important;
  }

  body.package-page-body .pkg-chart-line {
    left: 12px !important;
    right: 12px !important;
    bottom: 8px !important;
    height: 42px !important;
  }

  body.package-page-body .pkg-chart-line polyline {
    stroke-width: 4 !important;
  }

  body.package-page-body .pkg-chart-line circle {
    r: 4px !important;
  }

  body.package-page-body .pkg-chart-callout {
    top: 13px !important;
    left: 47% !important;
    min-width: 52px !important;
    padding: 3px 5px !important;
    border-radius: 5px !important;
    column-gap: 3px !important;
    transform: translateX(-50%) !important;
  }

  body.package-page-body .pkg-chart-callout i {
    width: 8px !important;
    height: 8px !important;
    font-size: 3.6px !important;
  }

  body.package-page-body .pkg-chart-callout strong {
    font-size: 5.5px !important;
    line-height: 1 !important;
  }

  body.package-page-body .pkg-chart-callout span {
    font-size: 3.2px !important;
    line-height: 1 !important;
  }

  body.package-page-body .pkg-visual-stats {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 4px !important;
    margin-top: 6px !important;
  }

  body.package-page-body .pkg-visual-stat {
    min-height: 23px !important;
    padding: 4px !important;
    gap: 3px !important;
    border-radius: 5px !important;
    align-items: center !important;
  }

  body.package-page-body .pkg-visual-stat i {
    width: 9px !important;
    height: 9px !important;
    flex: 0 0 9px !important;
    font-size: 4px !important;
  }

  body.package-page-body .pkg-visual-stat b {
    font-size: 5.5px !important;
    line-height: 1 !important;
  }

  body.package-page-body .pkg-visual-stat span {
    font-size: 3.2px !important;
    line-height: 1 !important;
  }

  body.package-page-body .pkg-float-card {
    position: absolute !important;
    min-height: 16px !important;
    padding: 3px 6px !important;
    gap: 3px !important;
    border-radius: 5px !important;
    font-size: clamp(3.5px, .88vw, 4.5px) !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.25) !important;
    white-space: nowrap !important;
  }

  body.package-page-body .pkg-float-card i {
    width: 10px !important;
    height: 10px !important;
    font-size: 4px !important;
  }

  body.package-page-body .pkg-float-card.one {
    left: clamp(-16px, -2vw, -8px) !important;
    top: 4px !important;
    right: auto !important;
    bottom: auto !important;
  }

  body.package-page-body .pkg-float-card.two {
    right: clamp(-12px, -1.7vw, -6px) !important;
    bottom: clamp(24px, 5.7vw, 30px) !important;
    left: auto !important;
    top: auto !important;
  }

  /* WHITE STATS STRIP UNDER HERO SAME AS IMAGE */
  body.package-page-body .post-hero-stats-section {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 0 8px !important;
    background: linear-gradient(180deg, #07120f 0%, #07120f 100%) !important;
  }

  body.package-page-body .post-hero-stats-strip {
    width: 95% !important;
    max-width: 95% !important;
    height: clamp(31px, 7.2vw, 36px) !important;
    margin: 0 auto !important;
    padding: 5px !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 4px !important;
    border-radius: 9px !important;
    background: #ffffff !important;
    border: 1px solid rgba(255,255,255,.92) !important;
    box-shadow: 0 14px 32px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.96) !important;
  }

  body.package-page-body .post-hero-stat {
    min-height: 0 !important;
    height: 100% !important;
    padding: 3px clamp(3px, 1.2vw, 7px) !important;
    gap: 4px !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    border: 1px solid rgba(20,20,20,.08) !important;
    color: #111111 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.95) !important;
  }

  body.package-page-body .post-hero-stat-icon {
    width: clamp(12px, 3.1vw, 16px) !important;
    height: clamp(12px, 3.1vw, 16px) !important;
    flex: 0 0 clamp(12px, 3.1vw, 16px) !important;
    font-size: clamp(4.8px, 1.2vw, 6.5px) !important;
  }

  body.package-page-body .post-hero-stat strong {
    color: #111111 !important;
    font-size: clamp(9px, 2.55vw, 13.5px) !important;
    line-height: .88 !important;
    font-weight: 900 !important;
    letter-spacing: -.04em !important;
  }

  body.package-page-body .post-hero-stat span:not(.post-hero-stat-icon) {
    margin-top: 2px !important;
    color: #333b33 !important;
    font-size: clamp(3px, .76vw, 4.1px) !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 390px) {
  body.package-page-body .package-hero-area {
    grid-template-columns: minmax(0, 53%) minmax(0, 47%) !important;
    padding-top: 49px !important;
    gap: 3px !important;
  }

  body.package-page-body .pkg-hero-copy {
    padding-top: 7px !important;
  }

  body.package-page-body .pkg-hero-title {
    font-size: clamp(20px, 6.05vw, 24px) !important;
  }

  body.package-page-body .pkg-hero-text {
    font-size: clamp(5.2px, 1.48vw, 6px) !important;
    line-height: 1.48 !important;
    margin-bottom: 8px !important;
  }

  body.package-page-body .pkg-hero-proof {
    gap: 4px !important;
  }

  body.package-page-body .pkg-proof-pill {
    padding: 3px 4px !important;
  }

  body.package-page-body .pkg-visual-card {
    width: clamp(132px, 37vw, 144px) !important;
    padding: 7px !important;
  }

  body.package-page-body .pkg-hero-visual {
    height: 168px !important;
    min-height: 168px !important;
    margin-top: 17px !important;
  }

  body.package-page-body .pkg-orbit {
    width: 168px !important;
    height: 168px !important;
    right: -34px !important;
  }

  body.package-page-body .post-hero-stat {
    gap: 3px !important;
    padding-inline: 3px !important;
  }
}

/* Safe smoothness/performance patch: no layout, color, content or image changes. */
html { scroll-behavior: smooth !important; }
.cr-cards-grid,
.pkg-cards,
.tst-masonry,
.wwd-services-grid,
.wwd-steps-grid {
  scroll-behavior: smooth !important;
  -webkit-overflow-scrolling: touch !important;
}
.apex-nav,
.nav-mobile-panel,
.nav-mobile-backdrop,
.nav-links a,
.nav-toggle,
.btn-cta,
.btn-primary-hero,
.btn-ghost-hero,
.wwd-card,
.cr-card,
.pkg-card,
.tst-card,
.insights-post,
.footer-v2-contact-card,
.pkg-slider-btn,
.pkg-dot {
  transition-timing-function: cubic-bezier(.22, 1, .36, 1) !important;
}
.hero-woman,
.db-card,
.pkg-float-card,
body.package-page-body .pkg-floating-stat,
.cr-live-main,
.cr-mini-chart {
  backface-visibility: hidden;
  transform: translateZ(0);
}
@media (max-width: 767px) {
  .cr-live-main::before,
  .cr-mini-chart::before,
  .cr-chart-points circle,
  .cr-animated-bars span,
  .pkg-float-card,
  body.package-page-body .pkg-floating-stat {
    animation-iteration-count: 1 !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
}

/* Only this fix: clicked platform icon background now matches in the package heading */
.pkg-instagram-mark.is-instagram,
.pkg-instagram-mark.platform-instagram {
  background: linear-gradient(135deg, #feda75, #d62976 48%, #962fbf) !important;
  box-shadow: 0 8px 18px rgba(214,41,118,.23) !important;
}
.pkg-instagram-mark.is-tiktok,
.pkg-instagram-mark.platform-tiktok {
  background: #060606 !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.32) !important;
}
.pkg-instagram-mark.is-youtube,
.pkg-instagram-mark.platform-youtube {
  background: #ff0000 !important;
  box-shadow: 0 8px 18px rgba(255,0,0,.24) !important;
}
.pkg-instagram-mark.is-facebook,
.pkg-instagram-mark.platform-facebook {
  background: #1877f2 !important;
  box-shadow: 0 8px 18px rgba(24,119,242,.24) !important;
}

/* FINAL HOME THEME SYNC: only background/theme colors + font family, no HTML/layout/content changes */
  :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,
  body.package-page-body {
    background: var(--bg) !important;
    color: var(--text-light) !important;
    overflow-x: clip !important;
  }

  body.package-page-body {
    font-family: 'Montserrat', sans-serif !important;
    background-image:
      radial-gradient(ellipse 380px 300px at 96% 80%, rgba(0,0,0,.12) 0%, transparent 70%) !important;
  }

  body.package-page-body,
  body.package-page-body *:not(.bi):not([class^="bi-"]):not([class*=" bi-"]) {
    font-family: 'Montserrat', sans-serif !important;
  }

  body.package-page-body h1,
  body.package-page-body h2,
  body.package-page-body h3,
  body.package-page-body h4,
  body.package-page-body h5,
  body.package-page-body h6 {
    font-family: 'Montserrat', sans-serif !important;
  }

  body.package-page-body .hero-section.package-page-hero {
    background: var(--bg) !important;
  }

  body.package-page-body .hero-section.package-page-hero::before {
    background: radial-gradient(ellipse 800px 500px at 50% 110%, rgba(0,0,0,.4), transparent 55%) !important;
  }

  body.package-page-body .packages-section,
  body.package-page-body .post-hero-stats-section {
    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%) !important;
    color: #fff !important;
  }

  body.package-page-body .pkg-image-story-section,
  body.package-page-body .shruti-mobile-exact-section {
    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 !important;
    color: #fff !important;
  }

  body.package-page-body .pkg-image-story-section.alt,
  body.package-page-body .enhance-section,
  body.package-page-body .exact-compare-section {
    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%) !important;
    color: #fff !important;
  }

  body.package-page-body .exact-process-section,
  body.package-page-body .exact-faq-section {
    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%) !important;
    color: #fff !important;
  }

  body.package-page-body .apex-footer,
  body.package-page-body .apex-footer.apex-footer-v2 {
    background:
      radial-gradient(ellipse 700px 280px at 12% 0%, rgba(212,175,55,.06), transparent 62%),
      #06110f !important;
    color: rgba(236,241,233,.76) !important;
  }

  body.package-page-body .btn-cta,
  body.package-page-body .btn-primary-hero,
  body.package-page-body .pkg-tab.active,
  body.package-page-body .pkg-card-cta,
  body.package-page-body .pkg-slider-btn,
  body.package-page-body .pricing-btn,
  body.package-page-body button[type="submit"] {
    background: var(--btn-bg) !important;
    border-color: rgba(212,175,55,.65) !important;
  }

/* Only width sync: every main page section/container is 95% on desktop + mobile */
  body.package-page-body {
    overflow-x: clip !important;
  }

  body.package-page-body .site-wrap,
  body.package-page-body .hero-section.package-page-hero > .site-wrap,
  body.package-page-body .post-hero-stats-strip,
  body.package-page-body .wwd-container,
  body.package-page-body .cr-container,
  body.package-page-body .pkg-container,
  body.package-page-body .pkg-image-story-container,
  body.package-page-body .enhance-container,
  body.package-page-body .exact-compare-container,
  body.package-page-body .exact-process-container,
  body.package-page-body .exact-faq-container,
  body.package-page-body .tst-container,
  body.package-page-body .insights-container,
  body.package-page-body .footer-v2-container {
    width: 95% !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  body.package-page-body .shruti-mobile-exact-section {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  @media (max-width: 767px) {
    body.package-page-body .site-wrap,
    body.package-page-body .hero-section.package-page-hero > .site-wrap,
    body.package-page-body .post-hero-stats-strip,
    body.package-page-body .wwd-container,
    body.package-page-body .cr-container,
    body.package-page-body .pkg-container,
    body.package-page-body .pkg-image-story-container,
    body.package-page-body .enhance-container,
    body.package-page-body .exact-compare-container,
    body.package-page-body .exact-process-container,
    body.package-page-body .exact-faq-container,
    body.package-page-body .tst-container,
    body.package-page-body .insights-container,
    body.package-page-body .footer-v2-container {
      width: 95% !important;
      max-width: none !important;
      margin-left: auto !important;
      margin-right: auto !important;
      box-sizing: border-box !important;
    }
  }

/* Sections full-bleed 100%; inner content stays 95% (no side color strips). */
  @media (max-width: 991px) {
    body.package-page-body {
      overflow-x: clip !important;
    }

    body.package-page-body section,
    body.package-page-body .hero-section.package-page-hero,
    body.package-page-body .apex-footer,
    body.package-page-body .apex-footer.apex-footer-v2 {
      width: 100% !important;
      max-width: 100% !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
      box-sizing: border-box !important;
    }

    body.package-page-body section > .site-wrap,
    body.package-page-body .hero-section.package-page-hero > .site-wrap,
    body.package-page-body .post-hero-stats-strip,
    body.package-page-body .wwd-container,
    body.package-page-body .cr-container,
    body.package-page-body .pkg-container,
    body.package-page-body .pkg-image-story-container,
    body.package-page-body .enhance-container,
    body.package-page-body .exact-compare-container,
    body.package-page-body .exact-process-container,
    body.package-page-body .exact-faq-container,
    body.package-page-body .tst-container,
    body.package-page-body .insights-container,
    body.package-page-body .footer-v2-container {
      width: 95% !important;
      max-width: none !important;
      margin-left: auto !important;
      margin-right: auto !important;
      box-sizing: border-box !important;
    }

    body.package-page-body .shruti-mobile-exact-section {
      width: 100% !important;
      max-width: 100% !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
      box-sizing: border-box !important;
    }
  }

/* Packages section: match hero.html platform tabs, intro, and benefits */
body.package-page-body .packages-section .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;
  padding: 0 !important;
  overflow: visible !important;
}

body.package-page-body .packages-section .pkg-tab {
  position: relative !important;
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  min-width: 0 !important;
  width: 100% !important;
  min-height: 74px !important;
  height: auto !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;
  color: rgba(255,255,255,.92) !important;
  transform: none !important;
}

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

body.package-page-body .packages-section .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;
}

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

body.package-page-body .packages-section .pkg-tab-icon {
  width: 38px !important;
  height: 38px !important;
  flex: 0 0 38px !important;
  border-radius: 10px !important;
  font-size: 20px !important;
}

body.package-page-body .packages-section .pkg-tab-text {
  width: auto !important;
  min-width: 0 !important;
  text-align: left !important;
}

body.package-page-body .packages-section .pkg-tab-text strong {
  display: block !important;
  font-size: 13px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
  white-space: normal !important;
}

body.package-page-body .packages-section .pkg-tab-text span {
  display: block !important;
  margin-top: 4px !important;
  font-size: 11px !important;
  line-height: 1 !important;
  opacity: .68 !important;
}

body.package-page-body .packages-section .pkg-subtitle {
  max-width: 610px !important;
  margin: 14px auto 0 !important;
  color: rgba(236,241,233,.74) !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
  text-align: center !important;
}

body.package-page-body .packages-section .pkg-packages-intro {
  text-align: center !important;
  margin: 22px auto 22px !important;
}

body.package-page-body .pkg-benefits-outer {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}

@media (max-width: 700px) {
  body.package-page-body .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;
    margin: 16px auto 18px !important;
  }

  body.package-page-body .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;
    min-height: 58px !important;
    height: auto !important;
    padding: 8px 4px !important;
    border-radius: 12px !important;
  }

  body.package-page-body .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;
  }

  body.package-page-body .packages-section .pkg-platform-tabs .pkg-tab-text {
    width: 100% !important;
    text-align: center !important;
  }

  body.package-page-body .packages-section .pkg-platform-tabs .pkg-tab-text strong {
    font-size: 8.5px !important;
    white-space: nowrap !important;
  }

  body.package-page-body .packages-section .pkg-platform-tabs .pkg-tab-text span {
    display: none !important;
  }

  body.package-page-body .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: 768px) {
  body.package-page-body .pkg-benefits-outer {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
  }

  body.package-page-body .pkg-benefits-outer .pkg-benefits-bar,
  body.package-page-body #pkg-benefits-bar-main {
    width: 100% !important;
    max-width: 100% !important;
    margin: 14px 0 0 !important;
  }
}

body.package-page-body .post-hero-stats-section,
body.package-page-body .post-hero-stats-strip {
  position: relative !important;
  z-index: 0000 !important;
}

@media (max-width: 991px) {
  /* Remove separate dark green background only on mobile */
  body.package-page-body .packages-section,
  .packages-section {
    background: transparent !important;
    box-shadow: none !important;
  }

  body.package-page-body .packages-section::before,
  body.package-page-body .packages-section::after,
  .packages-section::before,
  .packages-section::after {
    display: none !important;
    content: none !important;
  }

  body.package-page-body .packages-section .pkg-container,
  .packages-section .pkg-container {
    background: transparent !important;
  }

  /* Fix bottom white benefits card on mobile */
  body.package-page-body .packages-section .pkg-benefits-outer,
  .packages-section .pkg-benefits-outer {
    width: 100% !important;
    margin: 14px 0 0 !important;
  }

  body.package-page-body .packages-section .pkg-benefits-bar,
  body.package-page-body #pkg-benefits-bar-main,
  .packages-section .pkg-benefits-bar,
  #pkg-benefits-bar-main {
    width: 100% !important;
    max-width: 100% !important;
    margin: 14px 0 0 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12) !important;
  }

  body.package-page-body .packages-section .pkg-benefit,
  body.package-page-body .packages-section .pkg-benefit:first-child,
  body.package-page-body .packages-section .pkg-benefit:nth-child(odd),
  body.package-page-body .packages-section .pkg-benefit:nth-child(n+3),
  .packages-section .pkg-benefit,
  .packages-section .pkg-benefit:first-child,
  .packages-section .pkg-benefit:nth-child(odd),
  .packages-section .pkg-benefit:nth-child(n+3) {
    min-height: 78px !important;
    padding: 10px 6px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    text-align: center !important;
    border: 0 !important;
    border-left: 1px solid rgba(0, 0, 0, 0.08) !important;
  }

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

  body.package-page-body .packages-section .pkg-benefit i,
  .packages-section .pkg-benefit i {
    font-size: 16px !important;
    line-height: 1 !important;
    color: #D4AF37 !important;
  }

  body.package-page-body .packages-section .pkg-benefit strong,
  .packages-section .pkg-benefit strong {
    display: block !important;
    font-size: 8px !important;
    line-height: 1.15 !important;
    color: #17231D !important;
  }

  body.package-page-body .packages-section .pkg-benefit span,
  .packages-section .pkg-benefit span {
    display: block !important;
    margin-top: 1px !important;
    font-size: 6px !important;
    line-height: 1.2 !important;
    color: #5E6A62 !important;
  }
}

@media (max-width: 767px) {
  body.package-page-body .packages-section .pkg-benefits-outer,
  body.package-page-body .pkg-benefits-outer,
  .packages-section .pkg-benefits-outer,
  .pkg-benefits-outer {
    width: 100% !important;
    margin: 16px 0 0 !important;
  }

  body.package-page-body .packages-section .pkg-benefits-bar,
  body.package-page-body #pkg-benefits-bar-main,
  body.package-page-body .pkg-benefits-bar,
  .packages-section .pkg-benefits-bar,
  #pkg-benefits-bar-main,
  .pkg-benefits-bar {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 88px !important;
    margin: 16px 0 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    border: 1px solid rgba(0,0,0,.08) !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.12) !important;
  }

  body.package-page-body .packages-section .pkg-benefit,
  body.package-page-body .packages-section .pkg-benefit:first-child,
  body.package-page-body .packages-section .pkg-benefit:nth-child(odd),
  body.package-page-body .packages-section .pkg-benefit:nth-child(n+3),
  body.package-page-body .pkg-benefit,
  body.package-page-body .pkg-benefit:first-child,
  body.package-page-body .pkg-benefit:nth-child(odd),
  body.package-page-body .pkg-benefit:nth-child(n+3),
  .packages-section .pkg-benefit,
  .packages-section .pkg-benefit:first-child,
  .packages-section .pkg-benefit:nth-child(odd),
  .packages-section .pkg-benefit:nth-child(n+3),
  .pkg-benefit,
  .pkg-benefit:first-child,
  .pkg-benefit:nth-child(odd),
  .pkg-benefit:nth-child(n+3) {
    height: auto !important;
    min-height: 88px !important;
    padding: 10px 6px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    text-align: center !important;
    border: 0 !important;
    border-left: 1px solid rgba(0,0,0,.08) !important;
    color: #17231D !important;
    overflow: visible !important;
  }

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

  body.package-page-body .packages-section .pkg-benefit > i,
  body.package-page-body .packages-section .pkg-benefit i,
  body.package-page-body .pkg-benefit > i,
  body.package-page-body .pkg-benefit i,
  .packages-section .pkg-benefit > i,
  .packages-section .pkg-benefit i,
  .pkg-benefit > i,
  .pkg-benefit i {
    width: auto !important;
    min-width: 0 !important;
    font-size: 16px !important;
    line-height: 1 !important;
    color: #D4AF37 !important;
    margin: 0 !important;
  }

  body.package-page-body .packages-section .pkg-benefit > div,
  body.package-page-body .pkg-benefit > div,
  .packages-section .pkg-benefit > div,
  .pkg-benefit > div {
    display: block !important;
    width: 100% !important;
  }

  body.package-page-body .packages-section .pkg-benefit strong,
  body.package-page-body .pkg-benefit strong,
  .packages-section .pkg-benefit strong,
  .pkg-benefit strong {
    display: block !important;
    font-size: 8px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
    color: #17231D !important;
    white-space: normal !important;
  }

  body.package-page-body .packages-section .pkg-benefit span,
  body.package-page-body .pkg-benefit span,
  .packages-section .pkg-benefit span,
  .pkg-benefit span {
    display: block !important;
    margin-top: 2px !important;
    font-size: 6px !important;
    line-height: 1.2 !important;
    color: #5E6A62 !important;
    white-space: normal !important;
  }
}

@media (max-width: 767px) {
  body.package-page-body .packages-section .pkg-benefits-bar,
  body.package-page-body #pkg-benefits-bar-main,
  body.package-page-body .pkg-benefits-bar,
  .packages-section .pkg-benefits-bar,
  #pkg-benefits-bar-main,
  .pkg-benefits-bar {
    min-height: 58px !important;
    height: auto !important;
    margin-top: 12px !important;
    border-radius: 16px !important;
  }

  body.package-page-body .packages-section .pkg-benefit,
  body.package-page-body .packages-section .pkg-benefit:first-child,
  body.package-page-body .packages-section .pkg-benefit:nth-child(odd),
  body.package-page-body .packages-section .pkg-benefit:nth-child(n+3),
  body.package-page-body .pkg-benefit,
  body.package-page-body .pkg-benefit:first-child,
  body.package-page-body .pkg-benefit:nth-child(odd),
  body.package-page-body .pkg-benefit:nth-child(n+3),
  .packages-section .pkg-benefit,
  .packages-section .pkg-benefit:first-child,
  .packages-section .pkg-benefit:nth-child(odd),
  .packages-section .pkg-benefit:nth-child(n+3),
  .pkg-benefit,
  .pkg-benefit:first-child,
  .pkg-benefit:nth-child(odd),
  .pkg-benefit:nth-child(n+3) {
    min-height: 58px !important;
    padding: 6px 5px !important;
    gap: 3px !important;
  }

  body.package-page-body .packages-section .pkg-benefit > i,
  body.package-page-body .packages-section .pkg-benefit i,
  body.package-page-body .pkg-benefit > i,
  body.package-page-body .pkg-benefit i,
  .packages-section .pkg-benefit > i,
  .packages-section .pkg-benefit i,
  .pkg-benefit > i,
  .pkg-benefit i {
    font-size: 13px !important;
  }

  body.package-page-body .packages-section .pkg-benefit strong,
  body.package-page-body .pkg-benefit strong,
  .packages-section .pkg-benefit strong,
  .pkg-benefit strong {
    font-size: 7px !important;
    line-height: 1.1 !important;
  }

  body.package-page-body .packages-section .pkg-benefit span,
  body.package-page-body .pkg-benefit span,
  .packages-section .pkg-benefit span,
  .pkg-benefit span {
    font-size: 5px !important;
    line-height: 1.1 !important;
    margin-top: 1px !important;
  }
}

@media (max-width: 767px) {
  body.package-page-body .packages-section .pkg-benefits-bar,
  body.package-page-body #pkg-benefits-bar-main,
  body.package-page-body .pkg-benefits-bar,
  .packages-section .pkg-benefits-bar,
  #pkg-benefits-bar-main,
  .pkg-benefits-bar {
    min-height: 44px !important;
    height: auto !important;
    margin-top: 10px !important;
    border-radius: 14px !important;
  }

  body.package-page-body .packages-section .pkg-benefit,
  body.package-page-body .packages-section .pkg-benefit:first-child,
  body.package-page-body .packages-section .pkg-benefit:nth-child(odd),
  body.package-page-body .packages-section .pkg-benefit:nth-child(n+3),
  body.package-page-body .pkg-benefit,
  body.package-page-body .pkg-benefit:first-child,
  body.package-page-body .pkg-benefit:nth-child(odd),
  body.package-page-body .pkg-benefit:nth-child(n+3),
  .packages-section .pkg-benefit,
  .packages-section .pkg-benefit:first-child,
  .packages-section .pkg-benefit:nth-child(odd),
  .packages-section .pkg-benefit:nth-child(n+3),
  .pkg-benefit,
  .pkg-benefit:first-child,
  .pkg-benefit:nth-child(odd),
  .pkg-benefit:nth-child(n+3) {
    min-height: 44px !important;
    padding: 4px 4px !important;
    gap: 2px !important;
  }

  body.package-page-body .packages-section .pkg-benefit > i,
  body.package-page-body .packages-section .pkg-benefit i,
  body.package-page-body .pkg-benefit > i,
  body.package-page-body .pkg-benefit i,
  .packages-section .pkg-benefit > i,
  .packages-section .pkg-benefit i,
  .pkg-benefit > i,
  .pkg-benefit i {
    font-size: 11px !important;
  }

  body.package-page-body .packages-section .pkg-benefit strong,
  body.package-page-body .pkg-benefit strong,
  .packages-section .pkg-benefit strong,
  .pkg-benefit strong {
    font-size: 6px !important;
    line-height: 1.05 !important;
  }

  body.package-page-body .packages-section .pkg-benefit span,
  body.package-page-body .pkg-benefit span,
  .packages-section .pkg-benefit span,
  .pkg-benefit span {
    font-size: 4px !important;
    line-height: 1.05 !important;
    margin-top: 0 !important;
  }
}

@media (max-width: 767px) {
  body.package-page-body .packages-section .pkg-benefits-bar,
  body.package-page-body #pkg-benefits-bar-main,
  body.package-page-body .pkg-benefits-bar,
  .packages-section .pkg-benefits-bar,
  #pkg-benefits-bar-main,
  .pkg-benefits-bar {
    min-height: 34px !important;
    height: auto !important;
    margin-top: 8px !important;
    border-radius: 12px !important;
  }

  body.package-page-body .packages-section .pkg-benefit,
  body.package-page-body .packages-section .pkg-benefit:first-child,
  body.package-page-body .packages-section .pkg-benefit:nth-child(odd),
  body.package-page-body .packages-section .pkg-benefit:nth-child(n+3),
  body.package-page-body .pkg-benefit,
  body.package-page-body .pkg-benefit:first-child,
  body.package-page-body .pkg-benefit:nth-child(odd),
  body.package-page-body .pkg-benefit:nth-child(n+3),
  .packages-section .pkg-benefit,
  .packages-section .pkg-benefit:first-child,
  .packages-section .pkg-benefit:nth-child(odd),
  .packages-section .pkg-benefit:nth-child(n+3),
  .pkg-benefit,
  .pkg-benefit:first-child,
  .pkg-benefit:nth-child(odd),
  .pkg-benefit:nth-child(n+3) {
    min-height: 34px !important;
    padding: 3px 3px !important;
    gap: 1px !important;
  }

  body.package-page-body .packages-section .pkg-benefit > i,
  body.package-page-body .packages-section .pkg-benefit i,
  body.package-page-body .pkg-benefit > i,
  body.package-page-body .pkg-benefit i,
  .packages-section .pkg-benefit > i,
  .packages-section .pkg-benefit i,
  .pkg-benefit > i,
  .pkg-benefit i {
    font-size: 9px !important;
  }

  body.package-page-body .packages-section .pkg-benefit strong,
  body.package-page-body .pkg-benefit strong,
  .packages-section .pkg-benefit strong,
  .pkg-benefit strong {
    font-size: 5px !important;
    line-height: 1 !important;
  }

  body.package-page-body .packages-section .pkg-benefit span,
  body.package-page-body .pkg-benefit span,
  .packages-section .pkg-benefit span,
  .pkg-benefit span {
    font-size: 3.2px !important;
    line-height: 1 !important;
    margin-top: 0 !important;
  }
}

@media (max-width: 767px) {
  html,
  body,
  body.package-page-body {
    overflow-x: clip !important;
  }

  /* Background full width rahega. Hero aur Our Growth Packages ko touch nahi kiya. */
  body.package-page-body .about-section > *,
  body.package-page-body .wwd-section > *,
  body.package-page-body .client-results-section > *,
  body.package-page-body .testimonials-section > *,
  body.package-page-body .insights-section > *,
  body.package-page-body .pkg-image-story-section > *,
  body.package-page-body .enhance-section > *,
  body.package-page-body .exact-compare-section > *,
  body.package-page-body .exact-process-section > *,
  body.package-page-body .exact-faq-section > *,
  body.package-page-body .post-hero-stats-section > *,
  body.package-page-body .apex-footer > * {
    width: 95% !important;
    max-width: 95% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  /* Common containers 95%, but hero-section and packages-section excluded */
  body.package-page-body .about-section .site-wrap,
  body.package-page-body .wwd-container,
  body.package-page-body .cr-container,
  body.package-page-body .tst-container,
  body.package-page-body .insights-container,
  body.package-page-body .pkg-image-story-container,
  body.package-page-body .enhance-container,
  body.package-page-body .exact-compare-container,
  body.package-page-body .exact-process-container,
  body.package-page-body .exact-faq-container,
  body.package-page-body .post-hero-stats-strip,
  body.package-page-body .footer-v2-container {
    width: 95% !important;
    max-width: 95% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  /* Hero and Our Growth Packages restored/untouched */
  body.package-page-body .hero-section,
  body.package-page-body .hero-section *,
  body.package-page-body .packages-section,
  body.package-page-body .packages-section * {
    /* no forced 95% rules here */
  }
}

@media (max-width: 767px) {
  body.package-page-body .packages-section {
    overflow: hidden !important;
  }

  body.package-page-body .packages-section .pkg-cards {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-template-columns: none !important;
    grid-auto-columns: calc((100% - 10px) / 2) !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto 10px !important;
    padding: 0 0 8px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scroll-padding-inline: 0 !important;
    scroll-behavior: smooth !important;
    overscroll-behavior-x: contain !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    touch-action: pan-x pan-y !important;
  }

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

  body.package-page-body .packages-section .pkg-card,
  body.package-page-body .packages-section .pkg-card.is-featured {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
    transform: none !important;
  }
}

.pkg-two-card-controls {
  display: none;
}

@media (max-width: 767px) {
  body.package-page-body .packages-section .pkg-cards {
    display: flex !important;
    grid-auto-flow: initial !important;
    grid-auto-columns: initial !important;
    grid-template-columns: none !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 0 8px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    touch-action: pan-x pan-y !important;
  }

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

  body.package-page-body .packages-section .pkg-card,
  body.package-page-body .packages-section .pkg-card.is-featured {
    flex: 0 0 calc((100% - 10px) / 2) !important;
    width: calc((100% - 10px) / 2) !important;
    min-width: calc((100% - 10px) / 2) !important;
    max-width: calc((100% - 10px) / 2) !important;
    margin: 0 !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
    transform: none !important;
  }

  body.package-page-body .packages-section .pkg-two-card-controls {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 4px auto 12px !important;
    position: relative !important;
    z-index: 20 !important;
  }

  body.package-page-body .packages-section .pkg-two-card-arrow {
    width: 38px !important;
    height: 38px !important;
    flex: 0 0 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    border: 1px solid rgba(212,175,55,.72) !important;
    border-radius: 50% !important;
    background: linear-gradient(145deg, rgba(255,255,255,.13), rgba(255,255,255,.05)) !important;
    color: #d4af37 !important;
    box-shadow: 0 7px 18px rgba(0,0,0,.24) !important;
    font-size: 17px !important;
    line-height: 1 !important;
    cursor: pointer !important;
    opacity: 1 !important;
    visibility: visible !important;
    transition: transform .18s ease, opacity .18s ease, background .18s ease !important;
  }

  body.package-page-body .packages-section .pkg-two-card-arrow:active {
    transform: scale(.94) !important;
  }

  body.package-page-body .packages-section .pkg-two-card-arrow:disabled {
    opacity: .35 !important;
    cursor: default !important;
  }

  body.package-page-body .packages-section .pkg-two-card-dots {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    min-width: 34px !important;
  }

  body.package-page-body .packages-section .pkg-two-card-dot {
    width: 8px !important;
    height: 8px !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;
  }

  body.package-page-body .packages-section .pkg-two-card-dot.is-active {
    width: 22px !important;
    background: #d4af37 !important;
  }
}

/* ===== packages head style block 2 ===== */
/* ── MOBILE NAVBAR: same desktop-style single-row navigation ── */
@media (max-width: 991px) {/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */

}

@media (max-width: 480px) {/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */

}

@media (max-width: 360px) {/* removed shared-nav override */
/* removed shared-nav override */
/* removed shared-nav override */

}

/* ===== packages head style block 3 ===== */
/* Single white scrollbar only — body must not own a vertical rail */
html {
  overflow-x: clip !important;
  overflow-y: scroll !important;
  height: auto !important;
  min-height: 100% !important;
  scrollbar-width: auto !important;
  scrollbar-color: #9a9a9a #f0f0f0 !important;
  -ms-overflow-style: scrollbar !important;
  background-color: #f0f0f0 !important;
}
html::-webkit-scrollbar {
  width: 14px !important;
  display: block !important;
  background: #f0f0f0 !important;
}
html::-webkit-scrollbar-track {
  background: #f0f0f0 !important;
}
html::-webkit-scrollbar-thumb {
  background: #b0b0b0 !important;
  border-radius: 8px !important;
  border: 2px solid #f0f0f0 !important;
  background-clip: padding-box !important;
}
body,
body.package-page-body {
  overflow: clip !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  height: auto !important;
  min-height: 100% !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}
body::-webkit-scrollbar,
body.package-page-body::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}
@media (max-width: 767px) {
  body.package-page-body .packages-section .pkg-cards {
    touch-action: pan-x pan-y !important;
  }
  body.package-page-body .shruti-mobile-exact-section {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* ===== packages trailing style block 1 ===== */