/* ============================================================
 * GrowME — pricing page consolidated Elementor stylesheet
 * ============================================================
 * Paste this entire file into Elementor Custom CSS for /pricing/:
 *   • Recommended: Page Settings → Custom CSS on /pricing/ only.
 *   • OR site-wide: Site Settings → Custom CSS (adds CSS to every
 *     page on growmemarketing.ca).
 *
 * Replaces whatever Custom CSS is currently there.
 *
 * Contents:
 *   1. Pricing-page-specific Custom CSS overrides (edit
 *      ../page-custom-css.css to add).
 *   2. Pricing-page stylesheet (.gpp-page, scoped via :where()
 *      to preserve cascade). Generated from ../pricing-page.html.
 *      Paste target: growmemarketing.ca/pricing/.
 *
 * Regenerate: python3 ../make_paste_ready.py
 */

/* ============================================================
 * Pricing-page stylesheet — scoped to .gpp-page wrapper
 * ============================================================
 */

    :root {
      --blue: #d02623;
      --blue-2: #981914;
      --blue-3: #ef3f36;
      --growme-red: #d02623;
      --growme-red-bright: #ef3f36;
      --growme-red-dark: #8f1712;
      --navy: #08080a;
      --navy-2: #111114;
      --charcoal: #151517;
      --ink: #111114;
      --muted: #686b73;
      --line: #ebe5dd;
      --soft: #f7f4ef;
      --cream: #fbf8f3;
      --white: #ffffff;
      --radius: 18px;
      --shadow: 0 24px 70px rgba(17, 17, 20, 0.14);
      --max: 1280px;
    }

    :where(.gpp-page) * { box-sizing: border-box; }

    html { scroll-behavior: smooth; }

    .gpp-page {
      margin: 0;
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      color: var(--ink);
      background: var(--cream);
      line-height: 1.5;
    }

    :where(.gpp-page) a { color: inherit; text-decoration: none; }

    .page { width: 100%; overflow: hidden; }

    .fold {
      display: block;
      min-height: 260px;
      border-bottom: 1px solid rgba(17, 17, 20, 0.08);
    }

    .rail { display: none; }

    .content { position: relative; }

    .inner {
      width: min(var(--max), calc(100% - 48px));
      margin: 0 auto;
      position: relative;
      z-index: 1;
    }

    :where(.gpp-page) h1, :where(.gpp-page) h2, :where(.gpp-page) h3, :where(.gpp-page) p { margin-top: 0; }

    :where(.gpp-page) h1 {
      font-size: clamp(44px, 6vw, 82px);
      line-height: .93;
      letter-spacing: -0.06em;
      margin-bottom: 24px;
      color: #fff;
    }

    :where(.gpp-page) h1 .accent { color: var(--blue); }

    :where(.gpp-page) h2 {
      font-size: clamp(30px, 3.6vw, 52px);
      line-height: 1.02;
      letter-spacing: -0.045em;
      margin-bottom: 18px;
    }

    :where(.gpp-page) h3 {
      font-size: 22px;
      line-height: 1.1;
      letter-spacing: -0.03em;
      margin-bottom: 12px;
    }

    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      margin-bottom: 14px;
      font-size: 12px;
      font-weight: 950;
      letter-spacing: .14em;
      text-transform: uppercase;
      color: rgba(255,255,255,.74);
    }

    .eyebrow.dark { color: var(--growme-red); }

    .blue-rule {
      width: 52px;
      height: 4px;
      margin: 14px 0 22px;
      background: var(--growme-red);
      border-radius: 99px;
    }

    .muted { color: var(--muted); }
    .white-muted { color: rgba(255,255,255,.72); }

    .btn-row { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 28px; }

    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 48px;
      padding: 0 22px;
      border-radius: 8px;
      border: 1px solid transparent;
      font-size: 13px;
      font-weight: 900;
      transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
      cursor: pointer;
    }

    .btn:hover { transform: translateY(-2px); }
    .btn.primary { background: var(--growme-red); color: #fff; box-shadow: 0 14px 34px rgba(208,38,35,.32); }
    .btn.secondary { color: #fff; border-color: rgba(255,255,255,.3); background: rgba(255,255,255,.04); }
    .btn.light { background: #fff; color: #081225; }
    .btn.ghost { color: var(--growme-red); border-color: #f2c8c4; background: #fff6f4; }

    .hero .content {
      color: #fff;
      background:
        radial-gradient(circle at 82% 18%, rgba(208,38,35,.36), transparent 28%),
        radial-gradient(circle at 12% 82%, rgba(255,255,255,.06), transparent 35%),
        linear-gradient(145deg, #08080a 0%, #121215 54%, #050506 100%);
      overflow: hidden;
    }

    .hero .content::before {
      content: "";
      position: absolute;
      inset: 0;
      opacity: .42;
      background-image:
        linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px),
        radial-gradient(circle, rgba(208,38,35,.18) 1px, transparent 1.5px);
      background-size: 72px 72px, 72px 72px, 28px 28px;
      mask-image: radial-gradient(circle at 62% 45%, black 0, transparent 72%);
    }

    .hero .inner {
      min-height: 680px;
      padding: 132px 0 54px;
      display: grid;
      grid-template-columns: minmax(0, .95fr) minmax(420px, 1.05fr);
      align-items: center;
      gap: 48px;
    }

    .hero-copy p { max-width: 650px; font-size: 17px; }

    .trusted {
      margin-top: 42px;
    }

    .trusted-label {
      margin-bottom: 13px;
      color: rgba(255,255,255,.63);
      font-size: 11px;
      font-weight: 900;
      letter-spacing: .14em;
      text-transform: uppercase;
    }

    .logos {
      display: grid;
      grid-template-columns: repeat(6, minmax(70px, 1fr));
      gap: 10px;
      opacity: .9;
    }

    .logo-chip {
      min-height: 46px;
      display: grid;
      place-items: center;
      color: rgba(255,255,255,.76);
      border: 1px solid rgba(255,255,255,.12);
      border-radius: 10px;
      background: rgba(255,255,255,.04);
      font-size: 12px;
      font-weight: 900;
      letter-spacing: .06em;
      padding: 6px 10px;
    }
    .logo-chip img {
      max-width: 100%;
      max-height: 30px;
      object-fit: contain;
      filter: brightness(0) invert(1) opacity(.78);
      transition: opacity .2s ease;
    }
    .logo-chip:hover img { filter: brightness(0) invert(1) opacity(1); }

    .hero-stats {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 18px;
      margin-top: 34px;
      max-width: 760px;
    }

    .stat strong {
      display: block;
      color: #fff;
      font-size: 28px;
      letter-spacing: -0.04em;
      line-height: 1;
      margin-bottom: 7px;
    }

    .stat span {
      display: block;
      color: rgba(255,255,255,.62);
      font-size: 11px;
      font-weight: 800;
      line-height: 1.25;
    }

    .hero-visual {
      min-height: 500px;
      position: relative;
    }

    .dashboard {
      position: absolute;
      left: 2%;
      top: 2%;
      width: 58%;
      min-width: 310px;
      padding: 18px;
      border: 1px solid rgba(208,38,35,.25);
      border-radius: 18px;
      background: rgba(16, 16, 18, .86);
      box-shadow: 0 22px 80px rgba(0,0,0,.35);
      backdrop-filter: blur(10px);
    }

    .dash-title { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; color: rgba(255,255,255,.58); font-size: 12px; font-weight: 800; }
    .dash-money { font-size: 24px; font-weight: 950; color: #fff; letter-spacing: -0.04em; }
    .dash-change { color: #2f910e; font-size: 11px; margin-bottom: 12px; }

    .sparkline { width: 100%; height: 128px; display: block; }

    .mini-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 12px;
      margin-top: 12px;
    }

    .mini-card {
      min-height: 112px;
      padding: 14px;
      border-radius: 14px;
      background: rgba(255,255,255,.055);
      border: 1px solid rgba(255,255,255,.08);
    }

    .mini-card small { color: rgba(255,255,255,.56); font-weight: 800; display: block; margin-bottom: 8px; }
    .mini-card strong { color: #fff; font-size: 24px; }
    .bars { display: flex; align-items: end; gap: 4px; height: 48px; margin-top: 8px; }
    .bars i { flex: 1; min-width: 4px; border-radius: 6px 6px 0 0; background: linear-gradient(180deg, #29b82e, #2f910e); opacity: .95; }

    .orbit {
      position: absolute;
      right: 0;
      top: 8%;
      width: min(430px, 52vw);
      aspect-ratio: 1;
      display: grid;
      place-items: center;
    }

    .orbit::before,
    .orbit::after {
      content: "";
      position: absolute;
      inset: 12%;
      border: 1px solid rgba(208,38,35,.26);
      border-radius: 50%;
      box-shadow: 0 0 80px rgba(208,38,35,.18) inset;
    }

    .orbit::after { inset: 24%; border-style: dashed; opacity: .8; }

    .g-mark {
      width: 128px;
      height: 128px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      color: #fff;
      font-size: 62px;
      font-weight: 950;
      background: radial-gradient(circle at 35% 25%, #ff6a5f, #d02623 70%);
      border: 1px solid rgba(255,255,255,.24);
      box-shadow: 0 0 0 16px rgba(208,38,35,.10), 0 0 80px rgba(208,38,35,.52);
      z-index: 2;
    }


    .g-mark.logo-center {
      width: clamp(190px, 17vw, 250px);
      height: auto;
      min-height: 92px;
      padding: 18px 22px;
      border-radius: 20px;
      background:
        radial-gradient(circle at 35% 25%, rgba(208,38,35,.42), rgba(8,8,10,.78) 68%),
        rgba(8,8,10,.76);
      border: 1px solid rgba(255,255,255,.22);
      box-shadow: 0 0 0 16px rgba(208,38,35,.10), 0 0 80px rgba(208,38,35,.48);
    }

    .g-mark.logo-center img {
      display: block;
      width: 100%;
      height: auto;
    }

    .orbit-label {
      position: absolute;
      min-width: 118px;
      padding: 10px 13px;
      border: 1px solid rgba(255,255,255,.2);
      border-radius: 8px;
      color: #fff;
      background: rgba(3, 10, 23, .74);
      font-size: 11px;
      font-weight: 950;
      letter-spacing: .06em;
      text-transform: uppercase;
      text-align: center;
      box-shadow: 0 14px 34px rgba(0,0,0,.25);
    }
    .orbit-label:nth-of-type(1) { top: 5%; right: 4%; }
    .orbit-label:nth-of-type(2) { top: 32%; right: -8%; }
    .orbit-label:nth-of-type(3) { bottom: 24%; right: -3%; }
    .orbit-label:nth-of-type(4) { bottom: 8%; left: 14%; }

    .section-light .content { background: var(--cream); }
    .section-soft .content { background: var(--soft); }
    .section-dark .content { background: var(--navy); color: #fff; }

    .section-pad .inner { padding: 58px 0; }

    .two-col {
      display: grid;
      grid-template-columns: minmax(280px, .8fr) minmax(420px, 1.2fr);
      gap: 54px;
      align-items: center;
    }

    .copy-block { max-width: 560px; }
    .copy-block p { color: #435069; font-size: 16px; }
    .copy-block .small { font-size: 14px; }

    .network {
      position: relative;
      width: min(760px, 100%);
      min-height: 360px;
      margin: 0 auto;
      display: grid;
      place-items: center;
      overflow: visible;
    }

    .network svg.paths {
      position: absolute;
      inset: 8% 4%;
      width: 92%;
      height: 84%;
      overflow: visible;
    }

    .node {
      position: absolute;
      width: 200px;
      min-height: 82px;
      padding: 14px 16px;
      border-radius: 12px;
      background: #fff;
      box-shadow: 0 18px 45px rgba(14, 35, 77, .13);
      border: 1px solid var(--line);
      display: grid;
      grid-template-columns: 34px minmax(0, 1fr);
      grid-template-rows: auto auto;
      column-gap: 12px;
      align-items: center;
    }

    .node b { grid-column: 2; display: block; font-size: 12px; text-transform: uppercase; letter-spacing: .05em; margin-bottom: 3px; }
    .node > span:not(.icon) { grid-column: 2; display: block; font-size: 12px; color: var(--muted); font-weight: 700; line-height: 1.25; }
    .node .icon { grid-row: 1 / 3; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 8px; color: var(--blue); background: rgba(208,38,35,.08); font-weight: 950; }
    .node.seo { top: 2%; left: 31%; }
    .node.ads { top: 6%; right: 6%; }
    .node.web { top: 34%; left: 6%; }
    .node.brand { top: 38%; right: 0; }
    .node.analytics { bottom: 0; left: 10%; }
    .node.social { bottom: 0; right: 8%; }

    .disconnected {
      position: relative;
      z-index: 2;
      width: 170px;
      height: 170px;
      border-radius: 50%;
      background: #fff;
      border: 1px solid #edf1f8;
      box-shadow: 0 22px 70px rgba(14, 35, 77, .15);
      display: grid;
      place-items: center;
      text-align: center;
      padding: 18px;
    }

    .x-mark {
      width: 44px;
      height: 44px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      margin: 0 auto 9px;
      background: #d02623;
      color: #fff;
      font-size: 25px;
      font-weight: 950;
    }

    .disconnected b { display: block; font-size: 12px; line-height: 1.15; text-transform: uppercase; }
    .disconnected span { display: block; margin-top: 4px; color: #232b3d; font-size: 12px; font-weight: 900; }

    .story-visual {
      width: min(780px, 100%);
      min-height: 360px;
      border-radius: 20px;
      overflow: hidden;
      position: relative;
      justify-self: end;
      background:
        linear-gradient(90deg, rgba(255,250,246,.06), rgba(2,2,3,.80)),
        radial-gradient(circle at 10% 80%, rgba(208,38,35,.30), transparent 20%),
        linear-gradient(135deg, #6f7278, #17171a 58%, #050506);
      box-shadow: var(--shadow);
    }

    .story-visual::before {
      content: "";
      position: absolute;
      left: 0; right: 0; bottom: 0;
      height: 44%;
      background:
        linear-gradient(90deg, transparent 0 18%, rgba(255,255,255,.22) 18% 19%, transparent 19% 38%, rgba(255,255,255,.16) 38% 39%, transparent 39% 100%),
        linear-gradient(180deg, transparent, rgba(0,0,0,.48));
      opacity: .8;
    }

    .table-shape {
      position: absolute;
      left: 8%;
      right: 8%;
      bottom: 10%;
      height: 70px;
      border-radius: 50% 50% 10px 10px / 45% 45% 10px 10px;
      background: linear-gradient(180deg, rgba(255,255,255,.24), rgba(255,255,255,.045));
      border: 1px solid rgba(255,255,255,.16);
    }

    .person {
      position: absolute;
      bottom: 18%;
      width: 34px;
      height: 76px;
      border-radius: 20px 20px 8px 8px;
      background: linear-gradient(180deg, rgba(255,255,255,.65), rgba(58,75,105,.8));
      box-shadow: 0 0 0 1px rgba(255,255,255,.18) inset;
    }

    .person::before {
      content: "";
      position: absolute;
      top: -22px;
      left: 6px;
      width: 22px;
      height: 22px;
      border-radius: 50%;
      background: rgba(255,255,255,.65);
    }
    .p1 { left: 8%; } .p2 { left: 18%; transform: scale(.85); } .p3 { right: 8%; } .p4 { right: 18%; transform: scale(.88); }

    .board {
      position: absolute;
      top: 12%;
      left: 30%;
      right: 8%;
      min-height: 166px;
      padding: 30px 34px;
      border-radius: 10px;
      border: 1px solid rgba(255,255,255,.24);
      color: #fff;
      background: rgba(11, 21, 37, .68);
      text-align: center;
      box-shadow: 0 18px 60px rgba(0,0,0,.25);
    }

    .board h3 { margin-bottom: 22px; text-transform: uppercase; font-size: clamp(15px, 1.55vw, 18px); letter-spacing: .08em; }
    .board-flow { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr); gap: 14px; align-items: center; }
    .board-flow b { min-width: 0; font-size: clamp(11px, 1.05vw, 13px); text-transform: uppercase; letter-spacing: .08em; }
    .board-flow span { color: rgba(255,255,255,.62); font-weight: 950; }

    .framework-grid {
      display: grid;
      grid-template-columns: minmax(280px, .9fr) minmax(300px, .8fr) minmax(300px, .8fr);
      gap: 44px;
      align-items: center;
    }

    .wheel {
      width: min(330px, 100%);
      aspect-ratio: 1;
      margin: 0 auto;
      border-radius: 50%;
      overflow: hidden;
      position: relative;
      box-shadow: 0 24px 70px rgba(3,22,60,.25);
      background:
        conic-gradient(from 0deg,
          #d02623 0 25%,
          #111114 25% 50%,
          #2b2b30 50% 75%,
          #ef3f36 75% 100%);
      border: 10px solid #f1f5fb;
    }

    .wheel::before {
      content: "";
      position: absolute;
      inset: 34%;
      border-radius: 50%;
      background: #fff;
      box-shadow: 0 0 0 12px rgba(255,255,255,.3);
      z-index: 2;
    }

    .wheel::after {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(90deg, transparent calc(50% - 2px), rgba(255,255,255,.9) calc(50% - 2px) calc(50% + 2px), transparent calc(50% + 2px)),
        linear-gradient(0deg, transparent calc(50% - 2px), rgba(255,255,255,.9) calc(50% - 2px) calc(50% + 2px), transparent calc(50% + 2px));
      opacity: .85;
    }

    .wheel-center {
      position: absolute;
      inset: 38%;
      z-index: 3;
      display: grid;
      place-items: center;
      color: var(--blue);
      font-size: 62px;
      font-weight: 950;
    }

    .wheel-label {
      position: absolute;
      z-index: 3;
      color: #fff;
      width: 42%;
      font-size: 12px;
      font-weight: 900;
      text-align: center;
      line-height: 1.15;
    }
    .w1 { top: 13%; left: 7%; } .w2 { top: 13%; right: 7%; } .w3 { bottom: 13%; left: 7%; } .w4 { bottom: 13%; right: 7%; }

    .benefit-list {
      display: grid;
      gap: 15px;
    }

    .check-row {
      display: flex;
      align-items: flex-start;
      gap: 12px;
      font-size: 16px;
      color: #1d2939;
      font-weight: 800;
    }

    .check-row::before,
    .check-list li::before {
      content: "";
      flex: 0 0 20px;
      width: 20px;
      height: 20px;
      margin-top: 1px;
      border-radius: 50%;
      background: var(--growme-red);
      box-shadow: 0 0 0 4px rgba(208,38,35,.10);
    }

    .result-note {
      margin-top: 24px;
      padding-top: 22px;
      border-top: 1px solid var(--line);
      font-size: 19px;
      font-weight: 950;
      letter-spacing: -0.025em;
    }

    .drivers-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 22px;
    }

    .driver-card {
      min-height: 410px;
      padding: 28px;
      border-radius: 18px;
      border: 1px solid var(--line);
      background: #fff;
      box-shadow: 0 14px 46px rgba(17, 35, 72, .08);
      position: relative;
      overflow: hidden;
    }

    .driver-card::after {
      content: "";
      position: absolute;
      right: -36px;
      bottom: -48px;
      width: 165px;
      height: 165px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(208,38,35,.12), transparent 65%);
    }

    .driver-number {
      width: 32px;
      height: 32px;
      display: grid;
      place-items: center;
      margin-bottom: 17px;
      border-radius: 7px;
      color: #fff;
      background: var(--growme-red);
      font-weight: 950;
    }

    .driver-card p { color: #4b5870; font-size: 14px; }
    .driver-art { height: 104px; margin: 20px 0; border-radius: 16px; background: linear-gradient(135deg, #fff1ef, #fffaf6); position: relative; overflow: hidden; }

    .check-list { list-style: none; padding: 0; margin: 18px 0 0; display: grid; gap: 9px; }
    .check-list li { display: flex; gap: 10px; align-items: flex-start; color: #243049; font-size: 13px; font-weight: 800; }
    .check-list li::before { width: 14px; height: 14px; flex-basis: 14px; box-shadow: 0 0 0 3px rgba(208,38,35,.10); margin-top: 2px; }

    .partnership .inner { padding: 54px 0 60px; }
    .partnership-head { text-align: center; max-width: 780px; margin: 0 auto 28px; }
    .partnership-head h2 { font-size: clamp(28px, 3vw, 42px); margin-bottom: 8px; }

    .price-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
    }

    .price-card {
      border-radius: 16px;
      padding: 30px;
      color: #fff;
      background: linear-gradient(160deg, #d02623 0%, #9f1914 72%, #5f0f0c 100%);
      box-shadow: 0 24px 58px rgba(95,15,12,.22);
      position: relative;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }

    .price-card.featured { background: linear-gradient(160deg, #171719, #050506); border: 1px solid rgba(208,38,35,.24); }
    .price-card.custom { background: linear-gradient(160deg, #171719, #050506); border: 1px solid rgba(208,38,35,.24); }
    .price-card::after { content: ""; position: absolute; inset: auto -34px -48px auto; width: 190px; height: 190px; border-radius: 50%; background: rgba(255,255,255,.08); pointer-events: none; }
    .price-card > * { position: relative; z-index: 1; }
    .price-kicker { color: rgba(255,255,255,.72); font-size: 12px; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; }
    .price { margin: 8px 0 6px; font-size: 48px; line-height: 1; font-weight: 950; letter-spacing: -0.06em; }
    .price small { font-size: 19px; letter-spacing: -0.02em; color: rgba(255,255,255,.78); }
    .price-card p { color: rgba(255,255,255,.72); font-size: 14px; }
    .price-card ul { margin: 20px 0 28px; padding: 0; list-style: none; columns: 2; column-gap: 18px; width: 100%; }
    .price-card li { break-inside: avoid; margin-bottom: 9px; font-size: 12px; font-weight: 800; color: rgba(255,255,255,.86); }
    .price-card li::before { content: "✓"; margin-right: 7px; color: #ffb2aa; }
    .price-card .btn { margin-top: auto; }

    .price-card.custom .package-label {
      color: rgba(255,255,255,.72); font-size: 12px; font-weight: 900;
      text-transform: uppercase; letter-spacing: .08em;
    }
    .price-card.custom .package-title {
      margin: 8px 0 6px; font-size: 48px; line-height: 1;
      font-weight: 950; letter-spacing: -0.06em; color: #fff;
    }
    .price-card.custom .package-pricing {
      color: rgba(255,255,255,.78); font-size: 15px; font-weight: 800;
      letter-spacing: -0.01em; margin: 0 0 12px;
    }
    .price-card.custom .package-description {
      color: rgba(255,255,255,.72); font-size: 14px; margin: 0 0 20px;
      line-height: 1.55;
    }
    .price-card.custom .performance-layer-box {
      width: 100%; background: rgba(255,255,255,.05);
      border: 1px solid rgba(208,38,35,.28); border-radius: 12px;
      padding: 18px 20px; margin: 0 0 24px; box-sizing: border-box;
    }
    .price-card.custom .performance-layer-box__heading {
      color: var(--growme-red-bright); font-size: 12px; font-weight: 900;
      text-transform: uppercase; letter-spacing: .08em;
      margin-bottom: 14px;
    }
    .price-card.custom .performance-layer-box ul.feature-list {
      margin: 0; padding: 0; list-style: none;
      columns: 1; width: 100%;
    }
    .price-card.custom .performance-layer-box ul.feature-list li {
      break-inside: avoid; margin-bottom: 9px; font-size: 12px;
      font-weight: 800; color: rgba(255,255,255,.86);
      overflow-wrap: break-word;
    }
    .price-card.custom .performance-layer-box ul.feature-list li::before {
      content: "✓"; margin-right: 7px; color: #ffb2aa;
    }

    .service-section .inner { padding: 46px 0; }
    .service-grid { display: grid; grid-template-columns: 290px 1fr; gap: 32px; align-items: start; }
    .service-table {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 12px;
    }

    .service-item {
      min-height: 66px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      padding: 14px 18px;
      border: 1px solid var(--line);
      border-radius: 12px;
      background: #fff;
      box-shadow: 0 10px 28px rgba(25, 45, 90, .05);
    }
    .service-item b { display: block; font-size: 13px; }
    .service-item small { color: var(--muted); font-weight: 800; }
    .arrow { color: var(--blue); font-weight: 950; }

    .service-categories { display: flex; flex-direction: column; gap: 28px; }
    .service-category-title {
      margin: 0 0 14px;
      padding-bottom: 10px;
      border-bottom: 1px solid var(--line);
      font-size: 12px;
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: .12em;
      color: var(--growme-red);
    }

    .aligned .content {
      color: #fff;
      background:
        radial-gradient(circle at 88% 28%, rgba(208,38,35,.32), transparent 30%),
        linear-gradient(140deg, #08080a, #151517 65%, #050506);
    }
    .aligned .inner { padding: 62px 0; display: grid; grid-template-columns: .78fr 1.22fr; gap: 52px; align-items: center; }
    .aligned p { color: rgba(255,255,255,.72); }
    .chart-card { position: relative; min-height: 360px; padding: 24px; border: 1px solid rgba(255,255,255,.12); border-radius: 20px; background: rgba(255,255,255,.035); box-shadow: 0 24px 80px rgba(0,0,0,.28); }
    .chart-icons { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; margin-bottom: 20px; }
    .chart-icon { text-align: center; color: rgba(255,255,255,.78); font-size: 11px; font-weight: 900; text-transform: uppercase; line-height: 1.2; }
    .chart-icon i { display: grid; place-items: center; width: 38px; height: 38px; margin: 0 auto 8px; border-radius: 50%; border: 1px solid rgba(255,255,255,.16); color: #ffb2aa; font-style: normal; }
    .line-chart { width: 100%; height: 230px; display: block; }

    .proof .inner { padding: 54px 0; }
    .proof-grid { display: grid; grid-template-columns: 285px 1fr; gap: 30px; align-items: stretch; }
    .proof-stats { display: grid; grid-template-columns: repeat(2,1fr); gap: 15px; margin: 24px 0; }
    .proof-stat strong { display: block; color: var(--blue); font-size: 31px; letter-spacing: -0.05em; line-height: 1; }
    .proof-stat span { display: block; color: #344054; font-size: 11px; font-weight: 900; line-height: 1.25; margin-top: 5px; }
    .case-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 14px; }
    .case-card { min-height: 245px; border-radius: 14px; border: 1px solid var(--line); background: #fff; box-shadow: 0 12px 34px rgba(19, 39, 78, .08); overflow: hidden; display: flex; flex-direction: column; }
    .case-logo { min-height: 56px; display: grid; place-items: center; padding: 10px; color: #4a556b; font-size: 12px; font-weight: 950; letter-spacing: .06em; text-align: center; background: #fff9f5; border-bottom: 1px solid var(--line); }
    .case-logo-img { max-height: 40px; max-width: 75%; object-fit: contain; }
    .case-logo-img.invert { filter: brightness(0) invert(0); }
    .case-image { flex: 1; position: relative; background: linear-gradient(135deg, #fff2ef, #9b9b9f); background-size: cover; background-position: center; }
    .case-image::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 55%, rgba(0,0,0,.55) 100%); pointer-events: none; }
    .case-image:not([style*="background-image"])::before { content: ""; position: absolute; left: 16%; right: 14%; bottom: 14%; height: 58%; background: linear-gradient(180deg, #f7f9fc, #728196); clip-path: polygon(0 35%, 64% 0, 100% 18%, 100% 100%, 0 100%); }
    .case-card.truck .case-image:not([style*="background-image"])::before { left: 8%; right: 8%; bottom: 22%; height: 45%; background: linear-gradient(180deg, #f4f8ff, #6f7c8e); clip-path: polygon(0 30%, 60% 30%, 73% 44%, 100% 44%, 100% 85%, 0 85%); }
    .case-link { display: flex; justify-content: space-between; align-items: center; padding: 11px 12px; color: #122033; font-size: 11px; font-weight: 950; background: var(--cream); }

    .who .inner { padding: 48px 0; }
    .who h2 { font-size: clamp(28px, 3vw, 40px); }
    .who-grid { display: grid; grid-template-columns: repeat(5, 1fr) 260px; gap: 16px; align-items: stretch; }
    .fit-card { padding: 19px; border-radius: 14px; background: #fff; border: 1px solid var(--line); box-shadow: 0 10px 28px rgba(14, 35, 77, .06); }
    .fit-icon { width: 39px; height: 39px; border-radius: 50%; display: grid; place-items: center; margin-bottom: 11px; color: #228605; background: rgba(14, 188, 55, 0.08); font-weight: 950; }
    .fit-card b { display: block; font-size: 13px; line-height: 1.25; margin-bottom: 7px; }
    .fit-card p { margin: 0; color: var(--muted); font-size: 12px; font-weight: 700; line-height: 1.35; }
    .not-fit { background: #fff; border: 1px solid var(--line); border-radius: 14px; padding: 19px; color: #243049; font-weight: 800; font-size: 14px; }
    .not-fit-icon { width: 39px; height: 39px; border-radius: 50%; display: grid; place-items: center; margin-bottom: 11px; color: var(--growme-red); background: rgba(208,38,35,.08); font-weight: 950; }

    .final .content {
      min-height: 420px;
      color: #fff;
      background:
        linear-gradient(180deg, rgba(2,2,3,.08), #050506),
        radial-gradient(circle at 80% 22%, rgba(208,38,35,.26), transparent 30%),
        linear-gradient(135deg, #19191c, #050506 64%);
      overflow: hidden;
    }
    .final .content::before {
      content: "";
      position: absolute;
      inset: auto 0 0;
      height: 68%;
      background:
        linear-gradient(150deg, transparent 0 11%, rgba(255,255,255,.12) 11.2% 12%, transparent 12.2% 20%, rgba(255,255,255,.08) 20.2% 21%, transparent 21.2%),
        linear-gradient(30deg, #0b0b0d 0 12%, #2c2c30 12% 23%, #111114 23% 35%, #4a1b18 35% 42%, #050506 42%);
      clip-path: polygon(0 48%, 14% 28%, 25% 52%, 39% 20%, 52% 48%, 64% 16%, 78% 44%, 90% 22%, 100% 48%, 100% 100%, 0 100%);
      opacity: .8;
    }
    .final .inner { min-height: 420px; display: flex; align-items: center; justify-content: space-between; gap: 42px; padding: 72px 0; }
    .final-copy { max-width: 650px; }
    .final h2 { color: #fff; font-size: clamp(35px, 5vw, 66px); }

    .site-header {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      z-index: 20;
      padding: 24px 0;
      color: #fff;
    }

    .header-inner {
      width: min(var(--max), calc(100% - 48px));
      margin: 0 auto;
      min-height: 70px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
      padding: 14px 16px 14px 24px;
      border: 1px solid rgba(255,255,255,.12);
      border-radius: 999px;
      background: rgba(8,8,10,.74);
      box-shadow: 0 18px 58px rgba(0,0,0,.28);
      backdrop-filter: blur(18px);
    }

    .brand-mark {
      display: inline-flex;
      align-items: baseline;
      gap: 1px;
      font-size: 27px;
      line-height: 1;
      font-weight: 950;
      letter-spacing: -0.07em;
      color: #fff;
      white-space: nowrap;
    }

    .brand-mark span:last-child { color: var(--growme-red-bright); }
    .brand-mark::after {
      content: "";
      width: 8px;
      height: 8px;
      margin-left: 8px;
      border-radius: 50%;
      background: var(--growme-red);
      box-shadow: 0 0 0 7px rgba(208,38,35,.12);
    }

    .site-nav {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 28px;
      color: rgba(255,255,255,.76);
      font-size: 13px;
      font-weight: 850;
    }

    .site-nav a:hover { color: #fff; }

    .nav-cta {
      min-height: 42px;
      padding: 0 18px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 999px;
      color: #fff;
      font-size: 12px;
      font-weight: 950;
      letter-spacing: .02em;
      background: var(--growme-red);
      box-shadow: 0 12px 28px rgba(208,38,35,.28);
    }

    .nav-cta:hover { transform: translateY(-1px); }

    .section-light .content,
    .proof .content,
    .service-section .content {
      background: var(--cream);
    }

    .driver-card,
    .service-item,
    .fit-card,
    .case-card,
    .node,
    .disconnected {
      box-shadow: 0 18px 44px rgba(17,17,20,.08);
    }

    .driver-card,
    .service-item,
    .fit-card,
    .not-fit,
    .case-card {
      background: #fff;
    }

    .partnership-head p,
    .copy-block p,
    .driver-card p,
    .service-item small,
    .fit-card p {
      color: var(--muted);
    }

    .price-card {
      min-height: 560px;
    }

    .price-card .btn.light {
      color: #111114;
      border-radius: 12px;
      box-shadow: 0 14px 34px rgba(0,0,0,.16);
    }

    .price-card .btn.light:hover {
      background: #fff7f4;
    }

    @media (max-width: 1100px) {
      .hero .inner, .two-col, .framework-grid, .aligned .inner, .proof-grid, .service-grid { grid-template-columns: 1fr; }
      .hero-visual { min-height: 460px; }
      .drivers-grid, .price-grid { grid-template-columns: repeat(2, 1fr); }
      .case-grid { grid-template-columns: repeat(3, 1fr); }
      .who-grid { grid-template-columns: repeat(3, 1fr); }
      .not-fit { grid-column: 1 / -1; }
      .service-table { grid-template-columns: repeat(2, 1fr); }
    }

    @media (max-width: 760px) {
      .inner { width: min(100% - 34px, var(--max)); }
      .site-header { padding: 14px 0; }
      .header-inner { width: min(100% - 28px, var(--max)); min-height: 62px; padding: 12px 14px; }
      .site-nav { display: none; }
      .brand-mark { font-size: 24px; }
      .nav-cta { min-height: 38px; padding: 0 14px; font-size: 11px; }
      .hero .inner { min-height: auto; padding: 112px 0 38px; grid-template-columns: 1fr; }
      .hero-visual { min-height: 510px; }
      .dashboard { position: relative; width: 100%; min-width: 0; left: auto; top: auto; }
      .orbit { position: relative; margin: 30px auto 0; width: min(360px, 96vw); right: auto; top: auto; }
      .g-mark.logo-center { width: min(220px, 66vw); min-height: 78px; padding: 15px 18px; }
      .logos { grid-template-columns: repeat(2, 1fr); }
      .hero-stats { grid-template-columns: repeat(2, 1fr); }
      .section-pad .inner, .partnership .inner, .service-section .inner, .aligned .inner, .proof .inner, .who .inner { padding: 42px 0; }
      h1 { font-size: 46px; }
      h2 { font-size: 34px; }
      .network { min-height: 620px; width: 100%; }
      .node { width: 158px; grid-template-columns: 30px minmax(0,1fr); column-gap: 9px; padding: 12px; }
      .node .icon { width: 30px; height: 30px; }
      .node.seo { top: 0; left: 4%; }
      .node.ads { top: 0; right: 4%; }
      .node.web { top: 22%; left: 0; }
      .node.brand { top: 22%; right: 0; }
      .node.analytics { bottom: 8%; left: 2%; }
      .node.social { bottom: 8%; right: 2%; }
      .story-visual { width: 100%; justify-self: stretch; }
      .board { left: 7%; right: 7%; padding: 24px 18px; }
      .board-flow { grid-template-columns: 1fr; }
      .board-flow span { display: none; }
      .drivers-grid, .price-grid, .service-table, .case-grid, .who-grid { grid-template-columns: 1fr; }
      .price-card ul { columns: 1; }
      .final .inner { display: block; }
    }