/* Q-DASH Followers Growth V4 — isolated preview */
.growth4 {
  --g4-ink: #f7fbff;
  --g4-muted: #9fb3c7;
  --g4-bg: #061522;
  --g4-panel: #0b2235;
  --g4-line: rgba(127, 184, 222, .2);
  --g4-accent: #f26522;
  --g4-accent-2: #ff4fa3;
  position: relative;
  overflow: clip;
  color: var(--g4-ink);
  background: var(--g4-bg);
  font-family: "Tajawal", "Cairo", system-ui, sans-serif;
  isolation: isolate;
}
.growth4 *, .growth4 *::before, .growth4 *::after { box-sizing: border-box; }
.growth4 button, .growth4 a { font: inherit; }
.growth4 button { color: inherit; }
.growth4-shell { width: min(1440px, calc(100% - 48px)); margin-inline: auto; }
.growth4-preview-flag {
  position: relative; z-index: 30; display: flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 42px; padding: 8px 18px; color: #071827; background: #ffd83d; font-size: 13px; font-weight: 900;
}
.growth4-preview-flag i { color: #b83e10; }
.growth4-hero {
  position: relative; min-height: 760px; display: grid; align-items: center; padding: 88px 0 92px;
  background:
    radial-gradient(circle at 82% 10%, color-mix(in srgb, var(--g4-accent) 20%, transparent), transparent 32%),
    radial-gradient(circle at 4% 70%, color-mix(in srgb, var(--g4-accent-2) 12%, transparent), transparent 30%),
    linear-gradient(120deg, #071827 0%, #081a2a 54%, #061522 100%);
}
.growth4-hero::before, .growth4-packages::before {
  content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .22;
  background-image: linear-gradient(rgba(90,148,188,.18) 1px, transparent 1px), linear-gradient(90deg, rgba(90,148,188,.18) 1px, transparent 1px);
  background-size: 54px 54px; mask-image: linear-gradient(to bottom, #000, transparent 88%);
}
.growth4-orbit { position: absolute; border: 1px solid color-mix(in srgb, var(--g4-accent) 30%, transparent); border-radius: 50%; pointer-events: none; }
.growth4-orbit-a { width: 440px; height: 440px; inset-inline-end: -230px; top: 90px; animation: g4-spin 28s linear infinite; }
.growth4-orbit-b { width: 180px; height: 180px; inset-inline-start: -70px; bottom: 55px; animation: g4-spin 18s linear infinite reverse; }
.growth4-orbit::after { content: ""; position: absolute; width: 10px; height: 10px; border-radius: 50%; background: var(--g4-accent); inset-inline-start: 16%; top: 4%; box-shadow: 0 0 26px var(--g4-accent); }
.growth4-hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(570px, .95fr) minmax(0, 1.05fr); gap: clamp(28px, 3.5vw, 58px); align-items: center; }
.growth4-copy { max-width: 790px; width: 100%; justify-self: end; }
[dir="rtl"] .growth4-copy { text-align: right; }
.growth4-kicker { display: inline-flex; align-items: center; gap: 10px; padding: 9px 15px; border: 1px solid color-mix(in srgb, var(--g4-accent) 48%, transparent); border-radius: 999px; color: var(--g4-accent); background: color-mix(in srgb, var(--g4-accent) 9%, transparent); font-size: 14px; font-weight: 900; }
.growth4-copy h1 { margin: 24px 0 20px; max-width: 780px; font-size: clamp(40px, 4.9vw, 76px); line-height: 1.07; letter-spacing: -.045em; text-wrap: balance; }
.growth4-copy > p { max-width: 690px; margin: 0; color: #bdcbd8; font-size: clamp(17px, 1.4vw, 21px); line-height: 1.9; }
.growth4-platforms { display: inline-flex; gap: 7px; margin-top: 30px; padding: 7px; border: 1px solid var(--g4-line); border-radius: 18px; background: rgba(2, 15, 27, .72); box-shadow: 0 22px 70px rgba(0,0,0,.24); }
.growth4-platforms button { position: relative; display: inline-flex; min-width: 132px; min-height: 52px; align-items: center; justify-content: center; gap: 9px; padding: 10px 18px; border: 0; border-radius: 12px; background: transparent; color: #8ea5b8; cursor: pointer; font-weight: 900; transition: transform .25s ease, color .25s ease, background .25s ease, box-shadow .25s ease; }
.growth4-platforms button:hover { color: #fff; transform: translateY(-2px); }
.growth4-platforms button[aria-pressed="true"] { color: #071827; background: var(--g4-accent); box-shadow: 0 12px 32px color-mix(in srgb, var(--g4-accent) 30%, transparent); }
.growth4-platforms button i { font-size: 20px; }
.growth4-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.growth4-actions a { display: inline-flex; min-height: 54px; align-items: center; justify-content: center; gap: 10px; padding: 12px 24px; border-radius: 15px; text-decoration: none; font-weight: 900; transition: transform .25s ease, box-shadow .25s ease; }
.growth4-actions a:hover { transform: translateY(-3px); }
.growth4-primary { color: #071827; background: var(--g4-accent); box-shadow: 0 15px 38px color-mix(in srgb, var(--g4-accent) 24%, transparent); }
.growth4-secondary { color: #fff; border: 1px solid rgba(75, 220, 139, .45); background: rgba(22, 163, 74, .15); }
.growth4 .growth4-microcopy { display: flex; align-items: flex-start; gap: 9px; max-width: 680px; margin-top: 18px; color: #8097aa; font-size: 13px; line-height: 1.7; }
.growth4-microcopy i { margin-top: 5px; color: var(--g4-accent); }

.growth4-console { position: relative; overflow: hidden; width: 100%; min-height: 610px; padding: 28px; border: 1px solid color-mix(in srgb, var(--g4-accent) 42%, #24465c); border-radius: 34px; background: linear-gradient(145deg, rgba(14,40,60,.96), rgba(6,21,34,.98)); box-shadow: 0 45px 100px rgba(0,0,0,.42), inset 0 1px rgba(255,255,255,.07); transform: perspective(1200px) rotateY(-2deg); }
[dir="rtl"] .growth4-console { transform: perspective(1200px) rotateY(2deg); }
.growth4-console::after { content: ""; position: absolute; width: 280px; height: 280px; inset-inline-end: -120px; top: -130px; border-radius: 50%; background: var(--g4-accent); filter: blur(90px); opacity: .13; }
.growth4-console > header { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-bottom: 18px; border-bottom: 1px solid var(--g4-line); }
.growth4-console-brand, .growth4-console-platform { display: flex; align-items: center; gap: 9px; }
.growth4-live-dot { width: 9px; height: 9px; border-radius: 50%; background: #4ade80; box-shadow: 0 0 0 0 rgba(74,222,128,.5); animation: g4-live 1.8s ease-out infinite; }
.growth4-console-brand b { font-size: 12px; letter-spacing: .15em; }
.growth4-console-brand small { color: #6f8799; font-size: 10px; }
.growth4-console-platform { min-height: 38px; padding: 7px 12px; border-radius: 12px; color: var(--g4-accent); background: color-mix(in srgb, var(--g4-accent) 10%, transparent); font-weight: 900; }
.growth4-profile-row { position: relative; z-index: 2; display: grid; grid-template-columns: auto 1fr auto; gap: 13px; align-items: center; padding: 22px 0; }
.growth4-avatar { position: relative; display: grid; width: 56px; height: 56px; place-items: center; border-radius: 18px; background: linear-gradient(135deg, var(--g4-accent), var(--g4-accent-2)); color: #071827; font-size: 25px; font-weight: 1000; box-shadow: 0 10px 28px color-mix(in srgb, var(--g4-accent) 30%, transparent); }
.growth4-avatar i { position: absolute; inset-inline-end: -4px; bottom: -4px; display: grid; width: 21px; height: 21px; place-items: center; border: 3px solid #0b2235; border-radius: 50%; background: #fff; color: #0c2030; font-size: 9px; }
.growth4-profile-row div:nth-child(2) { display: grid; gap: 4px; }
.growth4-profile-row b { font-size: 16px; }
.growth4-profile-row span { color: #7890a3; font-size: 12px; }
.growth4-profile-row em { padding: 5px 8px; border: 1px solid rgba(74,222,128,.3); border-radius: 99px; color: #4ade80; font-size: 10px; font-style: normal; font-weight: 900; letter-spacing: .08em; }
.growth4-metrics { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.growth4-metrics article { position: relative; overflow: hidden; min-height: 112px; display: grid; place-items: center; align-content: center; gap: 5px; border: 1px solid var(--g4-line); border-radius: 18px; background: rgba(255,255,255,.035); text-align: center; }
.growth4-metrics article::after { content: ""; position: absolute; height: 2px; inset: auto 20px 0; background: var(--g4-accent); transform: scaleX(.35); animation: g4-metric 3.6s ease-in-out infinite; }
.growth4-metrics article:nth-child(2)::after { animation-delay: .45s; }.growth4-metrics article:nth-child(3)::after { animation-delay: .9s; }
.growth4-metrics i { color: var(--g4-accent); font-size: 16px; }.growth4-metrics b { font-size: 24px; }.growth4-metrics span { color: #7f96a9; font-size: 12px; }
.growth4-chart { position: relative; z-index: 2; margin-top: 12px; padding: 16px 16px 8px; border: 1px solid var(--g4-line); border-radius: 20px; background: rgba(2,12,23,.62); }
.growth4-chart-head { display: flex; align-items: center; justify-content: space-between; color: #9eb1c0; font-size: 12px; font-weight: 800; }.growth4-chart-head strong { color: #4ade80; }
.growth4-chart svg { display: block; width: 100%; height: 170px; margin-top: 4px; overflow: visible; }
.growth4-grid-lines path { fill: none; stroke: rgba(135,179,208,.12); stroke-width: 1; }.growth4-area { fill: url(#g4Area); }.growth4-line { fill: none; stroke: var(--g4-accent); stroke-width: 4; stroke-linecap: round; stroke-dasharray: 1; stroke-dashoffset: 1; animation: g4-draw 2.2s cubic-bezier(.2,.8,.2,1) forwards; }.growth4-pulse-point { fill: var(--g4-accent); stroke: #fff; stroke-width: 3; filter: drop-shadow(0 0 10px var(--g4-accent)); animation: g4-point 1.8s ease-in-out infinite; }
.growth4-ticker { position: relative; z-index: 2; display: grid; grid-template-columns: auto 80px 1fr; gap: 13px; align-items: center; margin-top: 12px; padding: 12px 14px; border-radius: 13px; background: color-mix(in srgb, var(--g4-accent) 7%, #071522); color: #71899c; font-size: 10px; letter-spacing: .08em; }
.growth4-ticker > div { display: flex; gap: 4px; align-items: end; height: 20px; }.growth4-ticker > div i { width: 7px; height: 35%; border-radius: 4px 4px 0 0; background: var(--g4-accent); animation: g4-bars 1.4s ease-in-out infinite alternate; }.growth4-ticker > div i:nth-child(2){height:70%;animation-delay:.15s}.growth4-ticker > div i:nth-child(3){height:45%;animation-delay:.3s}.growth4-ticker > div i:nth-child(4){height:90%;animation-delay:.45s}.growth4-ticker > div i:nth-child(5){height:60%;animation-delay:.6s}.growth4-ticker strong { overflow: hidden; color: #b8c7d3; white-space: nowrap; text-overflow: ellipsis; }

.growth4-packages { position: relative; padding: 68px 0 88px; background: linear-gradient(180deg, #071827, #091f31); }
.growth4-section-head { position: relative; z-index: 2; max-width: 900px; margin: 0 auto 24px; text-align: center; }
.growth4-section-head > span { color: var(--g4-accent); font-size: 13px; font-weight: 1000; letter-spacing: .08em; text-transform: uppercase; }
.growth4-section-head h2 { margin: 9px 0 10px; font-size: clamp(30px, 3.5vw, 52px); line-height: 1.18; letter-spacing: -.035em; text-wrap: balance; }
.growth4-section-head p { margin: 0; color: #91a7b9; line-height: 1.7; }
.growth4-platforms-packages { position: relative; z-index: 2; display: flex; width: max-content; max-width: 100%; margin: 0 auto 16px; }
.growth4-package-context { position: relative; z-index: 2; display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: center; max-width: 760px; margin: 0 auto 24px; padding: 11px 15px; border: 1px solid var(--g4-line); border-radius: 17px; background: rgba(4,20,33,.65); }
.growth4-package-context > i { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 13px; background: var(--g4-accent); color: #071827; font-size: 21px; }.growth4-package-context > div:nth-child(2) { display: grid; gap: 2px; }.growth4-package-context span { color: #7890a4; font-size: 11px; }.growth4-package-context b { font-size: 17px; }
.growth4-context-pulse { display: flex; align-items: center; gap: 8px; }.growth4-context-pulse i { width: 8px; height: 8px; border-radius: 50%; background: #4ade80; box-shadow: 0 0 12px #4ade80; }
.growth4-tier-stage { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; align-items: stretch; }
.growth4-tier { --tier: #f26522; position: relative; overflow: hidden; display: flex; min-height: 610px; flex-direction: column; align-items: center; padding: 29px 25px 25px; border: 1px solid color-mix(in srgb, var(--tier) 52%, #25455d); border-radius: 30px; background: linear-gradient(170deg, color-mix(in srgb, var(--tier) 10%, #10263a) 0 28%, #071a29 55%); box-shadow: 0 30px 70px rgba(0,0,0,.22); text-align: center; transition: transform .35s ease, box-shadow .35s ease; }
.growth4-tier:hover { transform: translateY(-10px); box-shadow: 0 40px 90px color-mix(in srgb, var(--tier) 12%, rgba(0,0,0,.55)); }
.growth4-tier::before { content: ""; position: absolute; width: 270px; height: 270px; top: -190px; inset-inline-start: calc(50% - 135px); border: 1px solid var(--tier); border-radius: 50%; box-shadow: 0 0 90px color-mix(in srgb, var(--tier) 25%, transparent); opacity: .55; }
.growth4-tier-premium { --tier: #54c5ff; transform: translateY(-16px); }.growth4-tier-premium:hover { transform: translateY(-26px); }.growth4-tier-vip { --tier: #e5a918; }
.growth4[data-platform="instagram"] .growth4-tier-standard { --tier: #ff6728; }
.growth4[data-platform="instagram"] .growth4-tier-premium { --tier: #ff4fa3; }
.growth4[data-platform="instagram"] .growth4-tier-vip { --tier: #9a6cff; }
.growth4[data-platform="snapchat"] .growth4-tier-standard { --tier: #ff6328; }
.growth4[data-platform="snapchat"] .growth4-tier-premium { --tier: #54c5ff; }
.growth4[data-platform="snapchat"] .growth4-tier-vip { --tier: #ffd400; }
.growth4[data-platform="tiktok"] .growth4-tier-standard { --tier: #26f3e7; }
.growth4[data-platform="tiktok"] .growth4-tier-premium { --tier: #fe2c55; }
.growth4[data-platform="tiktok"] .growth4-tier-vip { --tier: #8b5cf6; }
.growth4-tier-index { position: absolute; top: 25px; inset-inline-end: 25px; color: color-mix(in srgb, var(--tier) 60%, transparent); font-size: 24px; font-weight: 1000; }
.growth4-tier-symbol { position: relative; display: grid; width: 100px; height: 100px; place-items: center; margin-top: 19px; border: 1px solid color-mix(in srgb, var(--tier) 55%, transparent); border-radius: 31px; color: #fff; background: color-mix(in srgb, var(--tier) 22%, #071827); font-size: 33px; transform: rotate(-5deg); box-shadow: 0 16px 45px color-mix(in srgb, var(--tier) 22%, transparent); }
[dir="rtl"] .growth4-tier-symbol { transform: rotate(5deg); }.growth4-tier-symbol span { position: absolute; inset: -12px; border: 1px dashed color-mix(in srgb, var(--tier) 48%, transparent); border-radius: 43px; animation: g4-spin 15s linear infinite; }.growth4-tier-symbol span::after { content: ""; position: absolute; width: 9px; height: 9px; top: 11%; inset-inline-start: 5%; border-radius: 50%; background: var(--tier); box-shadow: 0 0 16px var(--tier); }
.growth4-tier-name { margin-top: 22px; color: var(--tier); font-size: 13px; font-weight: 1000; letter-spacing: .05em; }.growth4-tier h3 { min-height: 58px; margin: 7px 0 15px; font-size: 24px; line-height: 1.35; }.growth4-tier-policy { width: 100%; min-height: 92px; display: grid; place-items: center; align-content: center; gap: 6px; padding: 13px; border: 1px solid color-mix(in srgb, var(--tier) 35%, #244559); border-radius: 18px; background: rgba(2,15,25,.62); }.growth4-tier-policy small { color: #758c9e; }.growth4-tier-policy b { max-width: 300px; font-size: 15px; line-height: 1.5; }
.growth4-tier ul { width: 100%; display: grid; gap: 10px; margin: 18px 0; padding: 0; list-style: none; text-align: start; }.growth4-tier li { display: flex; align-items: center; gap: 10px; color: #cad6df; font-size: 14px; line-height: 1.5; }.growth4-tier li i { display: grid; flex: 0 0 25px; width: 25px; height: 25px; place-items: center; border-radius: 50%; background: color-mix(in srgb, var(--tier) 18%, transparent); color: var(--tier); font-size: 10px; }
.growth4-tier-cta { width: 84%; min-height: 50px; display: flex; align-items: center; justify-content: center; gap: 10px; margin: auto auto 0; border: 1px solid var(--tier); border-radius: 14px; background: color-mix(in srgb, var(--tier) 13%, transparent); color: #fff; cursor: pointer; font-weight: 900; transition: background .25s ease, color .25s ease, transform .25s ease; }.growth4-tier-cta:hover { background: var(--tier); color: #071827; transform: translateY(-2px); }

.growth4-calculator { position: relative; padding: 115px 0; background: #04111d; }
.growth4-calculator::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 50% 0, color-mix(in srgb, var(--g4-accent) 12%, transparent), transparent 38%); }
.growth4-calc-intro { position:relative; z-index:2; display:grid; grid-template-columns:minmax(0,1.12fr) minmax(400px,.88fr); gap:22px; max-width:1260px; margin:0 auto 22px; padding:30px; border:1px solid color-mix(in srgb,var(--g4-accent) 32%,#1f4056); border-radius:30px; background:linear-gradient(135deg,color-mix(in srgb,var(--g4-accent) 7%,#0b2639),#061724 68%); box-shadow:0 28px 72px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.05); overflow:hidden; }
.growth4-calc-intro::before { content:""; position:absolute; width:360px; height:360px; inset-inline-start:-210px; top:-230px; border-radius:50%; background:var(--g4-accent); filter:blur(105px); opacity:.14; pointer-events:none; }
.growth4-calc-intro::after { content:"Q"; position:absolute; inset-inline-end:34px; top:-38px; color:rgba(255,255,255,.025); font-size:190px; font-weight:1000; line-height:1; pointer-events:none; }
.growth4-calc-intro-copy,.growth4-calc-intro-map,.growth4-calc-intro-footer { position:relative; z-index:1; min-width:0; }
.growth4-calc-intro-copy { display:flex; flex-direction:column; justify-content:center; padding:6px 10px; }
.growth4-calc-intro-rail { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:18px; }.growth4-calc-intro-rail > span,.growth4-calc-intro-rail > em { display:inline-flex; min-height:32px; align-items:center; gap:8px; padding:6px 11px; border-radius:999px; font-size:11px; font-weight:1000; font-style:normal; }.growth4-calc-intro-rail > span { border:1px solid color-mix(in srgb,var(--g4-accent) 48%,transparent); background:color-mix(in srgb,var(--g4-accent) 12%,transparent); color:var(--g4-accent); }.growth4-calc-intro-rail > em { color:#a7bac8; background:rgba(255,255,255,.045); }.growth4-calc-intro-rail > em i { width:7px; height:7px; border-radius:50%; background:#35dd83; box-shadow:0 0 0 5px rgba(53,221,131,.1); }
.growth4-calc-intro h2 { max-width:760px; margin:0; color:#fff; font-size:clamp(34px,3.6vw,54px); line-height:1.14; letter-spacing:-.04em; text-wrap:balance; }.growth4-calc-intro-copy > p { max-width:720px; margin:18px 0 0; color:#a9bdcb; font-size:15px; line-height:1.9; }
.growth4-calc-intro-trust { display:flex; flex-wrap:wrap; gap:9px; margin-top:23px; }.growth4-calc-intro-trust span { display:inline-flex; min-height:39px; align-items:center; gap:8px; padding:8px 11px; border:1px solid rgba(255,255,255,.075); border-radius:11px; background:rgba(255,255,255,.035); color:#c6d5df; font-size:11px; font-weight:850; }.growth4-calc-intro-trust i { color:var(--g4-accent); }
.growth4-calc-intro-map { padding:21px; border:1px solid var(--g4-line); border-radius:22px; background:linear-gradient(155deg,rgba(13,43,63,.94),rgba(5,21,34,.96)); box-shadow:inset 0 1px rgba(255,255,255,.04); }.growth4-calc-intro-map-head { display:flex; align-items:center; justify-content:space-between; gap:14px; padding-bottom:15px; border-bottom:1px solid var(--g4-line); }.growth4-calc-intro-map-head span { color:var(--g4-accent); font-size:10px; font-weight:1000; letter-spacing:.13em; }.growth4-calc-intro-map-head b { font-size:13px; }
.growth4-calc-intro-map ol { position:relative; display:grid; gap:10px; margin:18px 0; padding:0; list-style:none; }.growth4-calc-intro-map ol::before { content:""; position:absolute; top:27px; bottom:27px; inset-inline-start:21px; width:1px; background:linear-gradient(var(--g4-accent),var(--g4-accent-2)); opacity:.65; }.growth4-calc-intro-map li { position:relative; display:grid; grid-template-columns:44px 1fr; gap:12px; align-items:center; min-height:58px; padding:8px; border-radius:13px; background:rgba(255,255,255,.028); }.growth4-calc-intro-map li > span { z-index:1; display:grid; width:44px; height:44px; place-items:center; border:1px solid color-mix(in srgb,var(--g4-accent) 42%,var(--g4-line)); border-radius:12px; background:#0b2639; color:var(--g4-accent); font-size:11px; font-weight:1000; }.growth4-calc-intro-map li b { display:block; font-size:13px; }.growth4-calc-intro-map li small { display:block; margin-top:4px; color:#829bad; font-size:10px; line-height:1.5; }
.growth4-calc-intro-active { display:grid; grid-template-columns:auto 1fr auto; gap:11px; align-items:center; padding:13px; border:1px solid color-mix(in srgb,var(--g4-accent) 36%,var(--g4-line)); border-radius:14px; background:color-mix(in srgb,var(--g4-accent) 8%,rgba(255,255,255,.02)); }.growth4-calc-intro-active > i { display:grid; width:40px; height:40px; place-items:center; border-radius:12px; background:var(--g4-accent); color:#071827; font-size:18px; }.growth4-calc-intro-active small { display:block; color:#839cad; font-size:10px; }.growth4-calc-intro-active strong { display:block; margin-top:2px; font-size:14px; }.growth4-calc-intro-active > span { display:inline-flex; min-height:28px; align-items:center; padding:5px 9px; border-radius:999px; background:rgba(53,221,131,.1); color:#55e596; font-size:9px; font-weight:1000; }
.growth4-calc-intro-footer { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:17px 18px; border:1px solid rgba(255,255,255,.07); border-radius:18px; background:rgba(255,255,255,.028); }.growth4-calc-intro-footer > div { display:flex; align-items:center; gap:12px; }.growth4-calc-intro-footer > div > i { display:grid; flex:0 0 42px; width:42px; height:42px; place-items:center; border-radius:12px; background:color-mix(in srgb,var(--g4-accent) 14%,transparent); color:var(--g4-accent); }.growth4-calc-intro-footer p { display:grid; gap:3px; margin:0; }.growth4-calc-intro-footer b { font-size:13px; }.growth4-calc-intro-footer p span { color:#879faf; font-size:11px; line-height:1.5; }.growth4-calc-intro-footer .growth4-inline-policy { flex:0 0 auto; width:auto; margin:0; padding:11px 15px; }.growth4-calc-intro-footer .growth4-inline-policy > i { transition:transform .18s cubic-bezier(.2,0,0,1); }[dir="ltr"] .growth4-calc-intro-footer .growth4-inline-policy > i { transform:rotate(180deg); }

/* Calculator intro — richer Q-DASH colour, depth and functional motion. */
.growth4-calc-intro {
  border-color:color-mix(in srgb,var(--g4-accent) 55%,#27617d);
  background:
    radial-gradient(circle at 82% 18%,color-mix(in srgb,var(--g4-accent) 24%,transparent),transparent 28%),
    radial-gradient(circle at 10% 82%,rgba(84,197,255,.16),transparent 31%),
    linear-gradient(128deg,#0d2d43 0%,#071d2d 48%,#120f1c 100%);
  box-shadow:0 32px 90px rgba(0,0,0,.4),0 0 42px color-mix(in srgb,var(--g4-accent) 10%,transparent),inset 0 1px rgba(255,255,255,.09);
}
.growth4-calc-intro::before {
  width:520px;
  height:520px;
  inset-inline-start:-250px;
  top:-310px;
  background:conic-gradient(from 40deg,var(--g4-accent),#54c5ff,var(--g4-accent-2),var(--g4-accent));
  filter:blur(112px);
  opacity:.24;
}
.growth4-calc-intro::after { color:color-mix(in srgb,var(--g4-accent) 8%,rgba(255,255,255,.02)); text-shadow:0 0 80px color-mix(in srgb,var(--g4-accent) 22%,transparent); }
.growth4-calc-intro h2 {
  color:transparent;
  background:linear-gradient(108deg,#fff 0 44%,#ffb28d 58%,#fff 72%,#8fdcff 100%);
  background-size:220% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  filter:drop-shadow(0 8px 25px rgba(0,0,0,.25));
}
.growth4-calc-intro-copy > p { color:#c0d3df; }
.growth4-calc-intro-rail > span { box-shadow:0 0 24px color-mix(in srgb,var(--g4-accent) 15%,transparent),inset 0 0 18px color-mix(in srgb,var(--g4-accent) 8%,transparent); }
.growth4-calc-intro-rail > em { border:1px solid rgba(53,221,131,.17); background:linear-gradient(90deg,rgba(53,221,131,.09),rgba(255,255,255,.035)); color:#c1d5df; }
.growth4-calc-intro-trust span { border-color:rgba(84,197,255,.16); background:linear-gradient(135deg,rgba(84,197,255,.09),rgba(255,255,255,.035)); box-shadow:inset 0 1px rgba(255,255,255,.04); }
.growth4-calc-intro-trust span:nth-child(2) { border-color:color-mix(in srgb,var(--g4-accent) 28%,transparent); background:linear-gradient(135deg,color-mix(in srgb,var(--g4-accent) 13%,transparent),rgba(255,255,255,.025)); }
.growth4-calc-intro-trust span:nth-child(3) { border-color:rgba(255,79,163,.2); background:linear-gradient(135deg,rgba(255,79,163,.1),rgba(255,255,255,.025)); }
.growth4-calc-intro-trust span:nth-child(1) i { color:#54c5ff; }.growth4-calc-intro-trust span:nth-child(3) i { color:var(--g4-accent-2); }
.growth4-calc-intro-map { overflow:hidden; border-color:color-mix(in srgb,#54c5ff 32%,var(--g4-line)); background:linear-gradient(150deg,rgba(15,54,77,.98),rgba(6,22,35,.98) 62%,rgba(28,16,35,.96)); box-shadow:0 20px 55px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.08); }
.growth4-calc-intro-map::after { content:""; position:absolute; z-index:0; inset-inline:-35%; top:-40%; height:34%; pointer-events:none; background:linear-gradient(to bottom,transparent,rgba(84,197,255,.13),color-mix(in srgb,var(--g4-accent) 16%,transparent),transparent); transform:skewY(-8deg); }
.growth4-calc-intro-map > * { position:relative; z-index:1; }
.growth4-calc-intro-map li { border:1px solid rgba(84,197,255,.08); background:linear-gradient(90deg,rgba(84,197,255,.07),rgba(255,255,255,.025)); transition:transform .25s cubic-bezier(.2,0,0,1),border-color .25s ease,background .25s ease; }
.growth4-calc-intro-map li:nth-child(2) { border-color:color-mix(in srgb,var(--g4-accent) 18%,transparent); background:linear-gradient(90deg,color-mix(in srgb,var(--g4-accent) 9%,transparent),rgba(255,255,255,.025)); }
.growth4-calc-intro-map li:nth-child(3) { border-color:rgba(255,79,163,.13); background:linear-gradient(90deg,rgba(255,79,163,.07),rgba(255,255,255,.025)); }
.growth4-calc-intro-map li > span { box-shadow:0 0 22px color-mix(in srgb,var(--g4-accent) 12%,transparent); }
.growth4-calc-intro-map li:nth-child(2) > span { color:#54c5ff; border-color:rgba(84,197,255,.38); }.growth4-calc-intro-map li:nth-child(3) > span { color:var(--g4-accent-2); border-color:rgba(255,79,163,.35); }
.growth4-calc-intro-active { border-color:color-mix(in srgb,var(--g4-accent) 58%,#315f78); background:linear-gradient(105deg,color-mix(in srgb,var(--g4-accent) 19%,#102b3e),rgba(84,197,255,.08)); box-shadow:0 14px 34px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.07); }
.growth4-calc-intro-active > i { box-shadow:0 10px 26px color-mix(in srgb,var(--g4-accent) 34%,transparent); }
.growth4-calc-intro-active > span { border:1px solid rgba(53,221,131,.22); box-shadow:0 0 20px rgba(53,221,131,.09); }
.growth4-calc-intro-footer { border-color:rgba(84,197,255,.15); background:linear-gradient(100deg,rgba(84,197,255,.08),rgba(255,255,255,.025) 48%,color-mix(in srgb,var(--g4-accent) 8%,transparent)); }
.growth4-calc-intro-footer > div > i { border:1px solid color-mix(in srgb,var(--g4-accent) 35%,transparent); box-shadow:0 0 24px color-mix(in srgb,var(--g4-accent) 14%,transparent); }
.growth4-calc-intro-footer .growth4-inline-policy { border-color:color-mix(in srgb,var(--g4-accent) 62%,#fff); background:linear-gradient(110deg,color-mix(in srgb,var(--g4-accent) 22%,transparent),rgba(255,255,255,.045)); box-shadow:0 10px 28px color-mix(in srgb,var(--g4-accent) 12%,transparent); }
.growth4-calc-board { position: relative; overflow: hidden; max-width: 1260px; margin: 0 auto; padding: 24px; border: 1px solid color-mix(in srgb, var(--g4-accent) 42%, #1f4056); border-radius: 30px; background: linear-gradient(145deg, color-mix(in srgb, var(--g4-accent) 8%, #102b40), #061827 58%); box-shadow: 0 40px 95px rgba(0,0,0,.34), inset 0 1px rgba(255,255,255,.06); }
.growth4-calc-board::after { content: ""; position: absolute; width: 300px; height: 300px; inset-inline-end: -160px; bottom: -190px; border-radius: 50%; background: var(--g4-accent); filter: blur(90px); opacity: .13; pointer-events: none; }
.growth4-calc-grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(320px, .65fr); gap: 24px; }
.growth4-calc-controls { padding: 6px 8px 8px; }
.growth4-calc-platform { position: relative; z-index: 2; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 13px; margin-bottom: 22px; padding: 15px 17px; border: 1px solid var(--g4-line); border-radius: 17px; background: rgba(2,14,24,.48); }
.growth4-calc-platform > i { display: grid; width: 46px; height: 46px; place-items: center; border-radius: 14px; background: var(--g4-accent); color: #071827; font-size: 22px; }.growth4-calc-platform div { display: grid; gap: 3px; }.growth4-calc-platform small { color: #7890a4; }.growth4-calc-platform b { font-size: 18px; }
.growth4-calc-step { display: flex; align-items: center; gap: 12px; margin: 22px 0 13px; }.growth4-calc-step > span { display: grid; width: 36px; height: 36px; place-items: center; border: 1px solid color-mix(in srgb, var(--g4-accent) 55%, transparent); border-radius: 11px; color: var(--g4-accent); font-weight: 1000; }.growth4-calc-step > div { display: grid; gap: 2px; }.growth4-calc-step b { font-size: 15px; }.growth4-calc-step small { color: #70889b; font-size: 11px; }
.growth4-calc-services, .growth4-calc-quantities { display: grid; gap: 9px; }
.growth4-calc-services { grid-template-columns: repeat(3, 1fr); }.growth4-calc-quantities { grid-template-columns: repeat(5, 1fr); }
.growth4-calc-services button, .growth4-calc-quantities button { min-height: 60px; border: 1px solid var(--g4-line); border-radius: 14px; background: rgba(255,255,255,.025); color: #8da5b7; cursor: pointer; font-weight: 900; transition: border-color .2s ease, background .2s ease, color .2s ease, transform .2s ease; }
.growth4-calc-quantities button { position: relative; isolation: isolate; }
.growth4-calc-quantities button::after { content: attr(data-price-preview); position: absolute; z-index: 5; left: 50%; bottom: calc(100% + 11px); min-width: max-content; padding: 10px 14px; border: 2px solid color-mix(in srgb,var(--g4-accent) 72%,#fff); border-radius: 10px; background: #f7fbff; color: #071927; box-shadow: 0 12px 28px rgba(0,0,0,.34); font-size: 13px; font-weight: 1000; line-height: 1; direction:ltr; pointer-events: none; opacity: 0; transform: translate(-50%,6px) scale(.96); transition: opacity .18s ease,transform .18s ease; }
.growth4-calc-quantities button:hover::after, .growth4-calc-quantities button:focus-visible::after { opacity: 1; transform: translate(-50%,0) scale(1); }
.growth4-calc-services button { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 9px; }.growth4-calc-services button i { color: var(--g4-accent); }
.growth4-calc-services button:hover, .growth4-calc-quantities button:hover { transform: translateY(-2px); border-color: var(--g4-accent); color: #fff; }
.growth4-calc-services button.is-active, .growth4-calc-quantities button.is-active { border-color: var(--g4-accent); background: color-mix(in srgb, var(--g4-accent) 18%, transparent); color: #fff; box-shadow: inset 0 -2px var(--g4-accent); }
.growth4-calc-input { display: grid; gap: 9px; margin-top: 23px; color: #aabac7; font-size: 13px; font-weight: 800; }.growth4-calc-input input { width: 100%; min-height: 56px; padding: 12px 16px; border: 1px solid var(--g4-line); outline: none; border-radius: 14px; background: rgba(2,13,23,.75); color: #fff; direction: ltr; text-align: start; transition: border-color .2s ease, box-shadow .2s ease; }.growth4-calc-input input:focus { border-color: var(--g4-accent); box-shadow: 0 0 0 4px color-mix(in srgb, var(--g4-accent) 12%, transparent); }
.growth4-calc-signal { display: flex; align-items: center; justify-content: center; gap: 8px; color: #8da4b6; font-size: 12px; font-weight: 900; }.growth4-calc-signal i { width: 8px; height: 8px; border-radius: 50%; background: #4ade80; box-shadow: 0 0 15px #4ade80; animation: g4-live 1.8s ease-out infinite; }
.growth4-calc-summary { position: relative; overflow: hidden; display: flex; flex-direction: column; align-items: stretch; padding: 24px; border-inline-start: 1px solid var(--g4-line); border-radius: 22px; background: rgba(2,14,24,.44); text-align: start; }
.growth4-calc-result-head { display: flex; align-items: center; gap: 15px; padding-bottom: 20px; border-bottom: 1px solid var(--g4-line); }.growth4-calc-result-head > i { display: grid; flex: 0 0 68px; width: 68px; height: 68px; place-items: center; border: 1px solid color-mix(in srgb, var(--g4-accent) 58%, transparent); border-radius: 21px; background: color-mix(in srgb, var(--g4-accent) 15%, transparent); color: var(--g4-accent); font-size: 29px; }.growth4-calc-result-head > div { display: grid; gap: 4px; }.growth4-calc-result-head small { color: #849bad; font-weight: 800; }.growth4-calc-result-head strong { font-size: 35px; line-height: 1; }
.growth4-calc-price { width: 100%; display: flex; align-items: center; justify-content: space-between; margin: 25px 0 18px; padding: 17px 18px; border: 1px solid color-mix(in srgb,var(--g4-accent) 26%,var(--g4-line)); border-radius: 15px; background: rgba(2,13,23,.65); }.growth4-calc-price span { color: #9aafbf; font-size: 12px; }.growth4-calc-price b { color: var(--g4-accent); font-size: 26px; line-height:1; direction:ltr; text-shadow:0 0 18px color-mix(in srgb,var(--g4-accent) 32%,transparent); }
.growth4-calc-summary ul { width: 100%; display: grid; gap: 10px; margin: 0 0 22px; padding: 0; list-style: none; text-align: start; }.growth4-calc-summary li { display: flex; align-items: center; gap: 9px; color: #a9bbc9; font-size: 12px; }.growth4-calc-summary li i { color: var(--g4-accent); }
.growth4-calc-summary > a { width: 100%; min-height: 56px; display: flex; align-items: center; justify-content: center; gap: 10px; border-radius: 14px; background: var(--g4-accent); color: #071827; text-decoration: none; cursor: pointer; font-weight: 1000; box-shadow: 0 14px 35px color-mix(in srgb, var(--g4-accent) 24%, transparent); transition: transform .18s ease, box-shadow .25s ease; }.growth4-calc-summary > a:hover { transform: translateY(-2px); box-shadow: 0 18px 42px color-mix(in srgb, var(--g4-accent) 30%, transparent); }.growth4-calc-summary > a i { font-size: 20px; }.growth4-calc-summary > p { margin: 12px 0 0; color: #687f92; font-size: 10px; text-align: center; }

.growth4-snap { position:relative; overflow:hidden; padding:115px 0; background:#f5f3eb; color:#071827; }
.growth4-snap::before { content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(circle at 86% 10%,rgba(255,252,0,.46),transparent 27%),radial-gradient(circle at 8% 72%,rgba(242,101,34,.1),transparent 25%),linear-gradient(90deg,rgba(7,24,39,.045) 1px,transparent 1px); background-size:auto,auto,52px 52px; }
.growth4-snap::after { content:""; position:absolute; width:520px; height:520px; inset-inline-end:-260px; top:-270px; border:1px solid rgba(7,24,39,.12); border-radius:50%; box-shadow:0 0 0 52px rgba(255,252,0,.07),0 0 0 104px rgba(7,24,39,.025); pointer-events:none; }
.growth4-snap-intro { position:relative; z-index:2; overflow:hidden; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(390px,.75fr); gap:36px; align-items:center; margin-bottom:22px; padding:clamp(32px,4.5vw,64px); border:1px solid rgba(255,252,0,.48); border-radius:36px; background:radial-gradient(circle at 88% 22%,rgba(255,252,0,.18),transparent 28%),linear-gradient(128deg,#071827 0%,#0a2639 55%,#15170d 100%); color:#fff; box-shadow:0 38px 90px rgba(7,24,39,.24),inset 0 1px rgba(255,255,255,.08); }
.growth4-snap-intro::before { content:"SNAP"; position:absolute; inset-inline-start:-20px; bottom:-72px; color:rgba(255,252,0,.035); font-size:clamp(150px,20vw,310px); font-weight:1000; line-height:1; pointer-events:none; }
.growth4-snap-copy { position:relative; z-index:3; min-width:0; }
.growth4-snap-kicker { display:inline-flex; align-items:center; gap:10px; min-height:38px; padding:8px 13px; border:1px solid rgba(255,252,0,.45); border-radius:999px; background:rgba(255,252,0,.09); color:#fffc00; font-size:11px; font-weight:1000; letter-spacing:.12em; }
.growth4-snap-kicker i { font-size:16px; }
.growth4-snap-intro h2 { max-width:760px; margin:22px 0 18px; color:#fff; font-size:clamp(38px,4.4vw,65px); line-height:1.08; letter-spacing:-.045em; text-wrap:balance; }
.growth4-snap-copy > p { max-width:690px; margin:0; color:#b8c9d5; font-size:16px; line-height:1.9; }
.growth4-snap-pills { display:flex; flex-wrap:wrap; gap:9px; margin-top:25px; }
.growth4-snap-pills span { display:inline-flex; min-height:40px; align-items:center; gap:8px; padding:8px 12px; border:1px solid rgba(255,255,255,.1); border-radius:12px; background:rgba(255,255,255,.045); color:#e5edf2; font-size:12px; font-weight:900; }
.growth4-snap-pills i { color:#fffc00; }
.growth4-snap-stage { position:relative; z-index:2; min-height:390px; display:grid; place-items:center; isolation:isolate; }
.growth4-snap-phone { position:relative; z-index:3; display:flex; width:min(270px,78%); min-height:330px; flex-direction:column; align-items:center; justify-content:center; padding:25px; border:1px solid rgba(255,252,0,.55); border-radius:42px; background:linear-gradient(160deg,#fffc00,#f2ce00); color:#071827; box-shadow:18px 20px 0 #04111d,0 30px 70px rgba(0,0,0,.32); transform:rotate(4deg); }
.growth4-snap-phone::before { content:""; position:absolute; inset:11px; border:1px solid rgba(7,24,39,.16); border-radius:33px; pointer-events:none; }
.growth4-snap-phone-head { position:absolute; top:25px; inset-inline:25px; display:flex; justify-content:space-between; font-size:9px; font-weight:1000; letter-spacing:.12em; }
.growth4-snap-phone-head span { padding:4px 7px; border-radius:999px; background:#071827; color:#fffc00; }
.growth4-snap-ghost { display:grid; width:102px; height:102px; place-items:center; border:2px solid #071827; border-radius:34px; background:#fff; color:#071827; font-size:48px; box-shadow:9px 9px 0 #071827; transform:rotate(-6deg); }
.growth4-snap-phone > strong { margin-top:28px; font-size:22px; letter-spacing:.09em; }.growth4-snap-phone > small { margin-top:6px; font-size:8px; font-weight:1000; letter-spacing:.1em; }
.growth4-snap-bars { display:flex; height:33px; align-items:end; gap:5px; margin-top:24px; }.growth4-snap-bars i { display:block; width:8px; height:35%; border-radius:5px 5px 2px 2px; background:#071827; }.growth4-snap-bars i:nth-child(2){height:58%}.growth4-snap-bars i:nth-child(3){height:86%}.growth4-snap-bars i:nth-child(4){height:65%}.growth4-snap-bars i:nth-child(5){height:100%}
.growth4-snap-orbit { position:absolute; z-index:1; border:1px dashed rgba(255,252,0,.35); border-radius:50%; }.growth4-snap-orbit::after { content:""; position:absolute; width:10px; height:10px; top:7%; inset-inline-start:18%; border-radius:50%; background:#fffc00; box-shadow:0 0 22px #fffc00; }.growth4-snap-orbit-a { width:350px; height:350px; }.growth4-snap-orbit-b { width:275px; height:275px; border-color:rgba(84,197,255,.25); }
.growth4-snap-signal { position:absolute; z-index:4; display:inline-flex; align-items:center; gap:7px; min-height:36px; padding:8px 11px; border:1px solid rgba(255,255,255,.13); border-radius:12px; background:rgba(5,21,34,.9); color:#fff; box-shadow:0 12px 28px rgba(0,0,0,.25); font-size:9px; font-weight:1000; letter-spacing:.08em; }.growth4-snap-signal i { color:#fffc00; }.growth4-snap-signal-a { inset-inline-start:1%; top:24%; }.growth4-snap-signal-b { inset-inline-end:0; bottom:22%; }
.growth4-snap-grid { position:relative; z-index:2; display:grid; grid-template-columns:repeat(12,1fr); gap:14px; }
.growth4-snap-grid article { position:relative; overflow:hidden; grid-column:span 6; min-height:270px; padding:27px 28px 24px; border:1px solid rgba(7,24,39,.15); border-radius:27px; background:rgba(255,255,255,.78); box-shadow:0 18px 48px rgba(7,24,39,.08); transition:transform .32s cubic-bezier(.2,0,0,1),box-shadow .32s ease,border-color .32s ease; }
.growth4-snap-grid article:nth-child(1),.growth4-snap-grid article:nth-child(4) { grid-column:span 7; }.growth4-snap-grid article:nth-child(2),.growth4-snap-grid article:nth-child(3) { grid-column:span 5; }
.growth4-snap-grid article::before { content:""; position:absolute; width:170px; height:170px; inset-inline-end:-95px; top:-105px; border-radius:50%; background:#fffc00; filter:blur(46px); opacity:.24; }
.growth4-snap-grid article:nth-child(2)::before { background:#54c5ff; opacity:.13; }.growth4-snap-grid article:nth-child(3)::before { background:var(--g4-accent); opacity:.12; }
.growth4-snap-grid article header { position:relative; z-index:2; display:grid; grid-template-columns:auto auto 1fr; gap:10px; align-items:center; }
.growth4-snap-grid article header > span { color:#9aa9b4; font-size:12px; font-weight:1000; letter-spacing:.12em; }
.growth4-snap-grid article header > i { display:grid; width:48px; height:48px; place-items:center; border-radius:15px; background:#071827; color:#fffc00; font-size:18px; box-shadow:0 10px 24px rgba(7,24,39,.16); }
.growth4-snap-grid article header > small { justify-self:end; padding:6px 9px; border-radius:999px; background:#fffbd0; color:#655c00; font-size:9px; font-weight:1000; }
.growth4-snap-grid h3 { position:relative; z-index:2; margin:42px 0 11px; font-size:clamp(20px,2vw,27px); line-height:1.35; }.growth4-snap-grid p { position:relative; z-index:2; max-width:650px; margin:0; color:#526778; line-height:1.9; font-size:14px; }
.growth4-snap-card-line { position:absolute; inset-inline:28px; bottom:21px; height:2px; overflow:hidden; border-radius:99px; background:rgba(7,24,39,.08); }.growth4-snap-card-line i { display:block; width:36%; height:100%; border-radius:inherit; background:linear-gradient(90deg,#fffc00,var(--g4-accent)); }
.growth4-disclosure { position:relative; z-index:2; overflow:hidden; display:grid; grid-template-columns:auto 1fr auto; gap:18px; align-items:center; margin-top:15px; padding:25px 27px; border:1px solid rgba(255,252,0,.42); border-radius:24px; background:linear-gradient(115deg,#071827,#0b2a3f 70%,#24250b); color:#fff; box-shadow:0 20px 52px rgba(7,24,39,.16); }.growth4-disclosure::after { content:""; position:absolute; width:180px; height:180px; inset-inline-end:-100px; top:-100px; border-radius:50%; background:#fffc00; filter:blur(55px); opacity:.13; }.growth4-disclosure > i { position:relative; z-index:2; display:grid; width:52px; height:52px; place-items:center; border-radius:16px; background:#fffc00; color:#071827; box-shadow:0 10px 25px rgba(255,252,0,.18); }.growth4-disclosure > div { position:relative; z-index:2; }.growth4-disclosure div > span { display:block; margin-bottom:4px; color:#fffc00; font-size:10px; font-weight:1000; letter-spacing:.08em; }.growth4-disclosure b { font-size:17px; }.growth4-disclosure p { margin:6px 0 0; color:#aebfcb; line-height:1.75; }.growth4-disclosure > strong { position:relative; z-index:2; color:rgba(255,252,0,.5); font-size:12px; letter-spacing:.13em; }

.growth4-channel-library { padding: 115px 0; background: linear-gradient(180deg, #071a2a, #061522); }
.growth4-channel-stage { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.growth4-channel { --channel: #f26522; position: relative; overflow: hidden; min-height: 420px; display: flex; flex-direction: column; padding: 26px; border: 1px solid color-mix(in srgb, var(--channel) 46%, #29465a); border-radius: 26px; background: linear-gradient(155deg, color-mix(in srgb, var(--channel) 10%, #10283b), #071927 62%); transition: transform .35s cubic-bezier(.2,0,0,1), box-shadow .35s ease; }
.growth4-channel:hover { transform: translateY(-8px); box-shadow: 0 28px 65px color-mix(in srgb, var(--channel) 12%, rgba(0,0,0,.4)); }.growth4-channel::after { content: ""; position: absolute; width: 170px; height: 170px; inset-inline-end: -95px; top: -90px; border-radius: 50%; background: var(--channel); filter: blur(58px); opacity: .16; }
.growth4-channel-instagram { --channel: #ff5f32; }.growth4-channel-snapchat { --channel: #ffdc00; }.growth4-channel-tiktok { --channel: #25e8df; }
.growth4-channel header { position: relative; z-index: 2; display: flex; align-items: center; gap: 14px; }.growth4-channel header > i { display: grid; flex: 0 0 60px; width: 60px; height: 60px; place-items: center; border-radius: 18px; background: var(--channel); color: #071827; font-size: 27px; }.growth4-channel header div { display: grid; gap: 4px; }.growth4-channel header small { color: var(--channel); font-size: 10px; font-weight: 1000; letter-spacing: .08em; }.growth4-channel h3 { margin: 0; font-size: 20px; }.growth4-channel > p { margin: 34px 0 24px; color: #9eb1c0; line-height: 1.85; }.growth4-channel-metrics { display: grid; gap: 9px; }.growth4-channel-metrics span { display: flex; align-items: center; gap: 9px; padding: 11px 12px; border: 1px solid var(--g4-line); border-radius: 12px; color: #c4d1da; font-size: 13px; }.growth4-channel-metrics i { color: var(--channel); }.growth4-channel footer { margin-top: auto; padding-top: 22px; color: #7f95a6; font-size: 12px; line-height: 1.7; }.growth4-channel footer b { color: var(--channel); }
.growth4-regions { display: grid; grid-template-columns: auto 1fr; gap: 16px; align-items: center; margin-top: 20px; padding: 22px 25px; border: 1px solid var(--g4-line); border-radius: 19px; background: rgba(10,35,52,.72); }.growth4-regions > i { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 14px; background: var(--g4-accent); color: #071827; }.growth4-regions b { font-size: 16px; }.growth4-regions p { margin: 4px 0 0; color: #8198aa; line-height: 1.75; font-size: 13px; }

.growth4-process { padding: 105px 0 125px; background: #061522; }.growth4-process-line { position: relative; display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; }.growth4-process-line::before { content: ""; position: absolute; top: 52px; inset-inline: 10%; height: 1px; background: linear-gradient(90deg, transparent, var(--g4-accent), transparent); }.growth4-process-line article { position: relative; min-height: 245px; padding: 28px 22px; border: 1px solid var(--g4-line); border-radius: 22px; background: #0a2032; text-align: center; }.growth4-process-line b { position: absolute; top: 14px; inset-inline-end: 16px; color: #365067; font-size: 20px; }.growth4-process-line i { position: relative; display: grid; width: 68px; height: 68px; place-items: center; margin: 0 auto 35px; border: 1px solid var(--g4-accent); border-radius: 22px; background: #071827; color: var(--g4-accent); font-size: 23px; box-shadow: 0 0 0 8px #0a2032; }.growth4-process-line h3 { margin: 0 0 8px; font-size: 19px; }.growth4-process-line p { margin: 0; color: #8298aa; line-height: 1.75; font-size: 14px; }
.growth4-order-toast { position: fixed; z-index: 9999; inset-inline-start: 50%; bottom: 24px; width: min(520px, calc(100% - 30px)); padding: 16px 20px; border: 1px solid var(--g4-accent); border-radius: 16px; background: #0c2437; color: #fff; box-shadow: 0 24px 70px rgba(0,0,0,.5); text-align: center; font-weight: 800; transform: translate(-50%, 160%); opacity: 0; transition: transform .35s ease, opacity .35s ease; }.growth4-order-toast.is-visible { transform: translate(-50%, 0); opacity: 1; }[dir="rtl"] .growth4-order-toast { transform: translate(50%, 160%); }[dir="rtl"] .growth4-order-toast.is-visible { transform: translate(50%, 0); }
[data-g4-reveal] { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s cubic-bezier(.2,.8,.2,1); }[data-g4-reveal].is-visible { opacity: 1; transform: none; }
.growth4.is-switching .growth4-console { animation: g4-switch .55s cubic-bezier(.2,.8,.2,1); }

@keyframes g4-spin { to { transform: rotate(360deg); } }
@keyframes g4-live { 70% { box-shadow: 0 0 0 12px rgba(74,222,128,0); } 100% { box-shadow: 0 0 0 0 rgba(74,222,128,0); } }
@keyframes g4-metric { 0%,100% { transform: scaleX(.3); opacity: .55; } 50% { transform: scaleX(1); opacity: 1; } }
@keyframes g4-draw { to { stroke-dashoffset: 0; } }
@keyframes g4-point { 50% { r: 10; opacity: .62; } }
@keyframes g4-bars { to { height: 100%; } }
@keyframes g4-switch { 0% { transform: scale(.985); filter: saturate(.5); } 100% { transform: scale(1); filter: saturate(1); } }

@media (max-width: 1100px) {
  .growth4-hero-grid { grid-template-columns: 1fr; }.growth4-copy { max-width: 900px; }.growth4-console { max-width: 820px; width: 100%; min-height: 0; margin-inline: auto; transform: none; }[dir="rtl"] .growth4-console{transform:none}.growth4-tier-stage { grid-template-columns: 1fr 1fr; }.growth4-tier-vip { grid-column: 1 / -1; width: calc(50% - 9px); justify-self: center; }.growth4-calc-grid { grid-template-columns: 1fr; }.growth4-calc-summary { border-inline-start: 0; border-top: 1px solid var(--g4-line); }.growth4-channel-stage { grid-template-columns: 1fr 1fr; }.growth4-channel-tiktok { grid-column: 1 / -1; width: calc(50% - 8px); justify-self: center; }.growth4-snap-grid { grid-template-columns: 1fr 1fr; }.growth4-snap-intro { grid-template-columns: auto 1fr; }.growth4-snap-intro > p { grid-column: 1 / -1; }.growth4-process-line { grid-template-columns: 1fr 1fr; }.growth4-process-line::before { display: none; }
}
@media (max-width: 720px) {
  .growth4-shell { width: min(100% - 28px, 620px); }.growth4-preview-flag { font-size: 11px; text-align: center; }.growth4-hero { min-height: auto; padding: 64px 0 70px; }.growth4-copy h1 { font-size: clamp(36px, 11vw, 52px); }.growth4-copy > p { font-size: 16px; }.growth4-platforms { width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); }.growth4-platforms button { min-width: 0; min-height: 66px; flex-direction: column; padding: 8px 5px; font-size: 11px; }.growth4-actions { display: grid; }.growth4-actions a { width: 100%; }.growth4-console { min-height: 0; padding: 14px; border-radius: 24px; }.growth4-console-brand small { display: none; }.growth4-profile-row em { display: none; }.growth4-metrics article { min-height: 94px; }.growth4-metrics b { font-size: 18px; }.growth4-chart svg { height: 130px; }.growth4-ticker { grid-template-columns: auto 55px minmax(0,1fr); }.growth4-packages, .growth4-calculator, .growth4-snap, .growth4-channel-library, .growth4-process { padding: 78px 0; }.growth4-section-head { margin-bottom: 26px; }.growth4-package-context { grid-template-columns: auto 1fr; }.growth4-context-pulse { grid-column: 1 / -1; justify-content: center; padding-top: 8px; border-top: 1px solid var(--g4-line); }.growth4-tier-stage { grid-template-columns: 1fr; }.growth4-tier, .growth4-tier-premium, .growth4-tier-premium:hover { min-height: 610px; transform: none; }.growth4-tier-vip { grid-column: auto; width: 100%; }.growth4-calc-board { padding: 14px; border-radius: 23px; }.growth4-calc-platform { grid-template-columns: auto 1fr; }.growth4-calc-signal { grid-column: 1 / -1; padding-top: 11px; border-top: 1px solid var(--g4-line); }.growth4-calc-controls, .growth4-calc-summary { padding: 14px 4px; }.growth4-calc-summary { padding: 20px 14px; }.growth4-calc-services { grid-template-columns: 1fr; }.growth4-calc-quantities { grid-template-columns: repeat(3,1fr); }.growth4-channel-stage { grid-template-columns: 1fr; }.growth4-channel, .growth4-channel-tiktok { grid-column: auto; width: 100%; min-height: 390px; }.growth4-regions { grid-template-columns: 1fr; text-align: center; }.growth4-regions > i { margin: 0 auto; }.growth4-snap-intro { grid-template-columns: 1fr; text-align: center; }.growth4-snap-ghost { margin: 0 auto; }.growth4-snap-intro > p { grid-column: auto; padding: 18px 0 0; border-inline-start: 0; border-top: 3px solid #ffca00; }.growth4-snap-grid { grid-template-columns: 1fr; }.growth4-snap-grid article { min-height: 270px; }.growth4-disclosure { grid-template-columns: 1fr; text-align: center; }.growth4-disclosure > i { margin: 0 auto; }.growth4-process-line { grid-template-columns: 1fr; }.growth4-process-line article { min-height: 220px; }
}
@media (prefers-reduced-motion: reduce) {
  .growth4 *, .growth4 *::before, .growth4 *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  [data-g4-reveal] { opacity: 1; transform: none; }
}

/* V4 decision layer: package levels, rich guidance, and platform-aware motion. */
.growth4-calc-tiers { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; }
.growth4-calc-tiers button { --calc-tier: var(--g4-accent); position: relative; overflow: hidden; min-height: 96px; display: grid; grid-template-columns: auto minmax(0,1fr); gap: 12px; align-items: center; padding: 14px; border: 1px solid color-mix(in srgb,var(--calc-tier) 46%,var(--g4-line)); border-block-start: 3px solid var(--calc-tier); border-radius: 17px; background: linear-gradient(145deg,color-mix(in srgb,var(--calc-tier) 12%,#10283a),rgba(4,19,31,.92) 72%); color: #fff; cursor: pointer; text-align: start; box-shadow: inset 0 1px rgba(255,255,255,.04); transition: transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease; }
.growth4-calc-tiers button::after { content:""; position:absolute; width:80px; height:80px; inset-inline-end:-35px; bottom:-45px; border-radius:50%; background:var(--calc-tier); filter:blur(25px); opacity:.16; pointer-events:none; }
.growth4-calc-tiers button:hover { transform: translateY(-4px); border-color: var(--calc-tier); box-shadow: 0 14px 30px color-mix(in srgb,var(--calc-tier) 16%,transparent); }
.growth4-calc-tiers button.is-active { border-color: var(--calc-tier); background: linear-gradient(145deg,color-mix(in srgb,var(--calc-tier) 25%,#10283a),rgba(4,19,31,.96) 76%); box-shadow: inset 0 -3px var(--calc-tier),0 14px 34px color-mix(in srgb,var(--calc-tier) 22%,transparent); }
.growth4-calc-tiers em { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid color-mix(in srgb,var(--calc-tier) 55%,transparent); border-radius: 11px; color: var(--calc-tier); font-size: 11px; font-style: normal; font-weight: 1000; }
.growth4-calc-tiers span { min-width: 0; display: grid; gap: 4px; }.growth4-calc-tiers mark { width:max-content; padding:3px 8px; border:1px solid color-mix(in srgb,var(--calc-tier) 52%,transparent); border-radius:999px; background:color-mix(in srgb,var(--calc-tier) 16%,transparent); color:var(--calc-tier); font-size:9px; font-weight:1000; line-height:1.2; }.growth4-calc-tiers b { overflow: hidden; color: #f4f8fb; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }.growth4-calc-tiers small { overflow: hidden; color: #91a8ba; font-size: 10px; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; }
.growth4-calc-tiers button[data-tier-quality="premium"] { --calc-tier:#54c5ff !important; border-color:#2d88b7; background:linear-gradient(145deg,rgba(40,142,196,.28),rgba(4,19,31,.97) 74%); box-shadow:inset 0 1px rgba(157,224,255,.18),0 10px 28px rgba(16,137,200,.12); }
.growth4-calc-tiers button[data-tier-quality="premium"] mark { border-color:#8dddff; background:#54c5ff; color:#031725; box-shadow:0 0 0 3px rgba(84,197,255,.12),0 0 18px rgba(84,197,255,.38); }
.growth4-calc-tiers button[data-tier-quality="premium"] em { border-color:#75d2ff; background:#123e59; color:#9fe3ff; box-shadow:inset 0 0 0 1px rgba(159,227,255,.12),0 0 16px rgba(84,197,255,.2); }
.growth4-calc-tiers button[data-tier-quality="premium"] b { color:#fff; text-shadow:0 0 14px rgba(84,197,255,.3); }
.growth4-calc-tiers button[data-tier-quality="premium"].is-active { border-color:#75d2ff; background:linear-gradient(145deg,rgba(49,163,221,.38),rgba(4,19,31,.98) 76%); box-shadow:inset 0 -3px #54c5ff,0 15px 36px rgba(36,166,230,.25); }
.growth4-calc-result-head b { color: var(--g4-accent); font-size: 12px; }.growth4-calc-tier-features { margin-bottom: 18px; padding: 15px; border: 1px solid color-mix(in srgb,var(--g4-accent) 28%,var(--g4-line)); border-radius: 15px; background: color-mix(in srgb,var(--g4-accent) 6%,rgba(2,13,23,.55)); }.growth4-calc-tier-features > b { display: block; margin-bottom: 10px; color: #f3f7fa; font-size: 12px; }.growth4-calc-tier-features ul { margin-bottom: 0; }.growth4-calc-tier-features li i { display: grid; width: 21px; height: 21px; place-items: center; border-radius: 7px; background: color-mix(in srgb,var(--g4-accent) 14%,transparent); font-size: 9px; }

.growth4-intelligence { position:relative; overflow:hidden; padding:78px 0 92px; background:#f5f1e9; color:#0b2235; }.growth4-intelligence::before { content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(circle at 7% 9%,color-mix(in srgb,var(--g4-accent) 20%,transparent),transparent 24%),radial-gradient(circle at 92% 62%,rgba(84,197,255,.12),transparent 25%),linear-gradient(90deg,rgba(11,34,53,.045) 1px,transparent 1px); background-size:auto,auto,58px 58px; }
.growth4-hook { position:relative; z-index:2; display:grid; grid-template-columns:minmax(0,1.28fr) minmax(350px,.72fr); gap:16px; align-items:stretch; }.growth4-hook > div:first-child { position:relative; overflow:hidden; padding:34px 38px; border:1px solid #cbd4da; border-radius:28px; background:rgba(255,255,255,.82); box-shadow:0 18px 48px rgba(17,42,60,.07); }.growth4-hook > div:first-child::after { content:"Q"; position:absolute; inset-inline-end:25px; bottom:-55px; color:rgba(242,101,34,.045); font-size:190px; font-weight:1000; line-height:1; }.growth4-hook > div:first-child > span,.growth4-faq-rich header > span { position:relative; z-index:2; color:#e64d18; font-size:11px; font-weight:1000; letter-spacing:.08em; }.growth4-hook h2 { position:relative; z-index:2; max-width:820px; margin:12px 0 15px; font-size:clamp(30px,3.3vw,49px); line-height:1.18; letter-spacing:-.035em; }.growth4-hook p { position:relative; z-index:2; max-width:900px; margin:0; color:#526777; font-size:15px; line-height:1.9; }
.growth4-signal-lab { display:grid; align-content:center; gap:15px; padding:27px; border:1px solid #203f55; border-radius:28px; background:radial-gradient(circle at 95% 5%,rgba(255,79,163,.11),transparent 35%),#081c2c; color:#fff; box-shadow:0 18px 48px rgba(8,28,44,.17); }.growth4-signal-lab > div { display:grid; grid-template-columns:1fr auto; gap:8px; align-items:center; }.growth4-signal-lab span { color:#c0ced8; font-size:12px; font-weight:800; }.growth4-signal-lab b { color:var(--g4-accent); font-size:18px; direction:ltr; }.growth4-signal-lab i { grid-column:1/-1; overflow:hidden; height:7px; border-radius:20px; background:#163247; }.growth4-signal-lab i::before { content:""; display:block; width:var(--signal); height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--g4-accent),var(--g4-accent-2)); transform-origin:right; animation:g4-signal 2.4s cubic-bezier(.2,.8,.2,1) both; }.growth4-signal-lab small { color:#7390a4; line-height:1.6; }
.growth4-decision-map { position:relative; z-index:2; overflow:hidden; margin-top:16px; padding:30px; border:1px solid #24465d; border-radius:28px; background:radial-gradient(circle at 8% 10%,rgba(84,197,255,.12),transparent 24%),linear-gradient(135deg,#0c2a3e,#071927 72%); color:#fff; box-shadow:0 22px 58px rgba(7,24,39,.16); }.growth4-decision-map::after { content:""; position:absolute; width:260px; height:260px; inset-inline-end:-150px; bottom:-160px; border-radius:50%; background:var(--g4-accent); filter:blur(80px); opacity:.13; }.growth4-decision-map header { position:relative; z-index:2; display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:24px; text-align:start; }.growth4-decision-map header > div { display:grid; gap:5px; }.growth4-decision-map header span { color:#7fa0b5; font-size:10px; font-weight:800; }.growth4-decision-map header small { display:inline-flex; align-items:center; gap:8px; color:var(--g4-accent); font-size:10px; font-weight:1000; letter-spacing:.13em; direction:ltr; }.growth4-decision-map header small i { width:7px; height:7px; border-radius:50%; background:#42e58d; box-shadow:0 0 0 5px rgba(66,229,141,.1); }.growth4-decision-map h3 { margin:0; font-size:clamp(24px,2.2vw,34px); line-height:1.3; }.growth4-decision-flow { position:relative; z-index:2; display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr; gap:10px; align-items:center; }.growth4-decision-flow article { position:relative; overflow:hidden; min-height:164px; display:grid; place-items:center; align-content:center; gap:9px; padding:20px 15px; border:1px solid #2b4f67; border-radius:20px; background:linear-gradient(145deg,rgba(19,57,79,.92),rgba(8,29,45,.96)); text-align:center; transition:transform .25s cubic-bezier(.2,0,0,1),border-color .25s ease,box-shadow .25s ease; }.growth4-decision-flow article::after { content:""; position:absolute; height:3px; inset-inline:18px; bottom:0; border-radius:99px; background:linear-gradient(90deg,var(--g4-accent),#54c5ff,var(--g4-accent-2)); transform:scaleX(.32); }.growth4-decision-flow article mark { position:absolute; top:13px; inset-inline-end:14px; padding:0; background:transparent; color:#486a80; font-size:13px; font-weight:1000; }.growth4-decision-flow article > i { display:grid; width:50px; height:50px; place-items:center; border:1px solid color-mix(in srgb,var(--g4-accent) 48%,#2b4f67); border-radius:15px; background:color-mix(in srgb,var(--g4-accent) 13%,#071827); color:var(--g4-accent); box-shadow:0 10px 24px rgba(0,0,0,.18); }.growth4-decision-flow article:nth-of-type(2) > i { color:#54c5ff; border-color:rgba(84,197,255,.4); }.growth4-decision-flow article:nth-of-type(3) > i { color:var(--g4-accent-2); border-color:rgba(255,79,163,.38); }.growth4-decision-flow article b { font-size:14px; }.growth4-decision-flow article span { color:#8fa8b9; font-size:10px; line-height:1.6; }.growth4-decision-flow > em { display:flex; gap:3px; }.growth4-decision-flow > em i { width:5px; height:5px; border-radius:50%; background:#f26522; animation:g4-dots 1.4s ease-in-out infinite; }.growth4-decision-flow > em i:nth-child(2){animation-delay:.16s}.growth4-decision-flow > em i:nth-child(3){animation-delay:.32s}
.growth4-seo-columns { position:relative; z-index:2; display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:16px; }.growth4-seo-columns article { position:relative; overflow:hidden; min-height:285px; padding:27px; border:1px solid #cbd5dc; border-radius:24px; background:rgba(255,255,255,.82); box-shadow:0 16px 42px rgba(15,44,63,.06); transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease; }.growth4-seo-columns article::before { content:""; position:absolute; width:140px; height:140px; inset-inline-end:-85px; top:-85px; border-radius:50%; background:var(--g4-accent); filter:blur(42px); opacity:.13; }.growth4-seo-columns article:nth-child(2)::before { background:#ffdc00; }.growth4-seo-columns article:nth-child(3)::before { background:#25e8df; }.growth4-seo-columns article:hover { transform:translateY(-6px); border-color:color-mix(in srgb,var(--g4-accent) 42%,#cbd5dc); box-shadow:0 24px 55px rgba(15,44,63,.11); }.growth4-seo-columns span { position:relative; z-index:2; color:#df4d1b; font-size:10px; font-weight:1000; letter-spacing:.1em; }.growth4-seo-columns h3 { position:relative; z-index:2; margin:17px 0 12px; font-size:21px; line-height:1.42; }.growth4-seo-columns p { position:relative; z-index:2; margin:0; color:#556b7a; font-size:13px; line-height:1.85; }
.growth4-faq-rich { position:relative; z-index:2; overflow:hidden; display:grid; grid-template-columns:minmax(330px,.78fr) minmax(0,1.22fr); gap:22px; margin-top:16px; padding:30px; border:1px solid #24465d; border-radius:28px; background:radial-gradient(circle at 12% 30%,rgba(84,197,255,.1),transparent 28%),linear-gradient(135deg,#0b2235,#071927); color:#fff; box-shadow:0 24px 62px rgba(7,24,39,.18); }.growth4-faq-rich::after { content:"Q"; position:absolute; inset-inline-start:-25px; bottom:-90px; color:rgba(255,255,255,.025); font-size:300px; font-weight:1000; line-height:1; pointer-events:none; }.growth4-faq-rich header { position:relative; z-index:2; min-height:430px; display:flex; flex-direction:column; align-items:stretch; }.growth4-faq-rich header h2 { max-width:390px; margin:10px 0 0; font-size:clamp(28px,2.5vw,38px); line-height:1.28; }.growth4-faq-rich > div:last-child { position:relative; z-index:2; display:grid; align-content:start; gap:8px; }.growth4-faq-rich details { overflow:hidden; border:1px solid #284b62; border-radius:14px; background:rgba(14,42,61,.9); transition:border-color .2s ease,background .2s ease,transform .2s ease; }.growth4-faq-rich details[open] { border-color:color-mix(in srgb,var(--g4-accent) 42%,#284b62); background:linear-gradient(110deg,color-mix(in srgb,var(--g4-accent) 8%,#0e2a3d),#0e2a3d); }.growth4-faq-rich summary { position:relative; padding:16px 18px; padding-inline-end:48px; cursor:pointer; font-size:13px; font-weight:900; line-height:1.55; list-style:none; }.growth4-faq-rich summary::-webkit-details-marker { display:none; }.growth4-faq-rich summary::after { content:"+"; position:absolute; inset-inline-end:17px; top:50%; color:var(--g4-accent); font-size:21px; transform:translateY(-50%); }.growth4-faq-rich details[open] summary::after { content:"−"; }.growth4-faq-rich details p { margin:0; padding:0 18px 17px; color:#a9bbc8; font-size:12px; line-height:1.8; }
@keyframes g4-signal { from { transform: scaleX(0); } to { transform: scaleX(1); } } @keyframes g4-dots { 0%,100% { transform: scale(.65); opacity: .35; } 50% { transform: scale(1.25); opacity: 1; } }
@media (max-width:1100px) { .growth4-hook { grid-template-columns: 1fr; }.growth4-decision-flow { grid-template-columns: 1fr 1fr; }.growth4-decision-flow > em { display:none; }.growth4-seo-columns { grid-template-columns: 1fr 1fr; }.growth4-seo-columns article:last-child { grid-column:1/-1; }.growth4-faq-rich { grid-template-columns:1fr; } }
@media (max-width:720px) { .growth4-intelligence { padding:78px 0; }.growth4-calc-tiers { grid-template-columns:1fr; }.growth4-calc-tiers button { min-height:70px; }.growth4-hook > div:first-child,.growth4-decision-map,.growth4-faq-rich { padding:24px 19px; border-radius:22px; }.growth4-signal-lab { padding:23px; }.growth4-decision-map header { display:grid; }.growth4-decision-flow,.growth4-seo-columns { grid-template-columns:1fr; }.growth4-seo-columns article:last-child { grid-column:auto; }.growth4-seo-columns article { min-height:0; }.growth4-faq-rich { gap:24px; } }
@media (max-width:720px) { .growth4 .growth4-shell { width:calc(100% - 66px); margin-left:52px; margin-right:14px; } }

.growth4-calc-platform-choice { display:grid; gap:12px; margin-bottom:22px; padding:17px; border:1px solid var(--g4-line); border-radius:18px; background:rgba(2,14,24,.42); }.growth4-calc-platform-choice > div:first-child { display:grid; gap:3px; }.growth4-calc-platform-choice > div:first-child b { font-size:15px; }.growth4-calc-platform-choice > div:first-child small { color:#728b9e; font-size:11px; }
.growth4-calc-platform-switch { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; }.growth4-calc-platform-switch button { min-height:54px; display:flex; align-items:center; justify-content:center; gap:9px; padding:9px 12px; border:1px solid var(--g4-line); border-radius:14px; background:rgba(255,255,255,.025); color:#8ea5b7; cursor:pointer; font-weight:900; transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease; }.growth4-calc-platform-switch button:hover { transform:translateY(-2px); border-color:var(--g4-accent); color:#fff; }.growth4-calc-platform-switch button[aria-pressed="true"] { border-color:var(--g4-accent); background:color-mix(in srgb,var(--g4-accent) 18%,transparent); color:#fff; box-shadow:inset 0 -2px var(--g4-accent),0 10px 25px color-mix(in srgb,var(--g4-accent) 10%,transparent); }.growth4-calc-platform-switch button i { color:var(--g4-accent); font-size:18px; }
.growth4-calc-refill-notice { display:none; align-items:flex-start; gap:11px; margin-bottom:21px; padding:14px 16px; border:1px solid rgba(255,223,0,.42); border-radius:15px; background:rgba(255,223,0,.07); }.growth4[data-platform="snapchat"] .growth4-calc-refill-notice { display:flex; }.growth4-calc-refill-notice > i { display:grid; flex:0 0 34px; width:34px; height:34px; place-items:center; border-radius:10px; background:#ffdf00; color:#071827; }.growth4-calc-refill-notice p { display:grid; gap:4px; margin:0; }.growth4-calc-refill-notice b { color:#ffdf00; font-size:12px; }.growth4-calc-refill-notice span { color:#aebdca; font-size:11px; line-height:1.7; }
@media (max-width:720px) { .growth4-calc-platform-switch { grid-template-columns:1fr; }.growth4-calc-platform-switch button { min-height:50px; }.growth4-calc-platform-choice { padding:14px; }.growth4-calc-refill-notice { padding:13px; } }

/* Trust and service-policy layer — built from the existing Q-DASH tokens. */
.growth4 #growth-v4-calculator, .growth4 #growth-v4-packages, .growth4 #growth-v4-policy { scroll-margin-top: 110px; }
.growth4-policy-link { color:#fff; border:1px solid var(--g4-line); background:rgba(255,255,255,.035); }
.growth4-inline-policy { width:max-content; max-width:100%; display:inline-flex; align-items:center; justify-content:center; gap:9px; margin-top:18px; padding:10px 14px; border:1px solid color-mix(in srgb,var(--g4-accent) 42%,var(--g4-line)); border-radius:12px; color:#dbe7ef; background:color-mix(in srgb,var(--g4-accent) 7%,transparent); text-decoration:none; font-size:13px; font-weight:900; line-height:1.5; transition:transform .18s cubic-bezier(.2,0,0,1),border-color .18s ease,background .18s ease; }
.growth4-section-head .growth4-inline-policy { margin-inline:auto; }
.growth4-packages .growth4-section-head .growth4-inline-policy { margin-top:12px; }
.growth4-inline-policy i { color:var(--g4-accent); }
.growth4-tier-badge { display:inline-flex; align-items:center; justify-content:center; min-height:30px; margin-top:22px; padding:6px 12px; border:1px solid color-mix(in srgb,var(--tier) 60%,transparent); border-radius:999px; background:color-mix(in srgb,var(--tier) 15%,#071827); color:#fff; font-size:11px; font-weight:1000; line-height:1.35; box-shadow:0 8px 22px color-mix(in srgb,var(--tier) 16%,transparent); }
.growth4-tier-badge[hidden] { display:none; }
.growth4-tier-badge + .growth4-tier-name { margin-top:12px; }

.growth4-policy { position:relative; padding:115px 0 125px; background:linear-gradient(180deg,#081b2b,#061522); }
.growth4-policy::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.18; background-image:linear-gradient(rgba(90,148,188,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(90,148,188,.16) 1px,transparent 1px); background-size:54px 54px; mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent); }
.growth4-policy-head { position:relative; max-width:920px; margin:0 auto 34px; text-align:center; }
.growth4-policy-head > span { display:inline-flex; align-items:center; gap:8px; color:var(--g4-accent); font-size:13px; font-weight:1000; }
.growth4-policy-head h2 { margin:14px 0 16px; font-size:clamp(32px,4vw,56px); line-height:1.18; letter-spacing:-.035em; text-wrap:balance; }
.growth4-policy-head p { max-width:780px; margin:0 auto; color:#a9bccb; font-size:16px; line-height:1.9; }
.growth4-policy-alert { position:relative; display:grid; grid-template-columns:auto 1fr; gap:16px; align-items:start; margin-bottom:18px; padding:22px 24px; border:1px solid color-mix(in srgb,var(--g4-accent) 50%,#31536a); border-radius:20px; background:color-mix(in srgb,var(--g4-accent) 8%,rgba(4,19,31,.94)); }
.growth4-policy-alert > i { display:grid; width:46px; height:46px; place-items:center; border-radius:14px; background:var(--g4-accent); color:#071827; }
.growth4-policy-alert b { font-size:17px; }.growth4-policy-alert p { margin:6px 0 0; color:#b8c8d4; line-height:1.85; }
.growth4-policy-story { position:relative; display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); gap:18px; margin-bottom:20px; }
.growth4-policy-dial,.growth4-policy-timeline { min-width:0; border:1px solid var(--g4-line); border-radius:24px; background:linear-gradient(145deg,rgba(12,38,57,.96),rgba(7,27,43,.98)); box-shadow:0 22px 55px rgba(0,0,0,.17); }
.growth4-policy-dial { display:grid; grid-template-columns:150px 1fr; gap:24px; align-items:center; padding:26px; }
.growth4-policy-dial-ring { position:relative; display:grid; width:144px; height:144px; place-items:center; border-radius:50%; background:conic-gradient(var(--g4-accent) 0 84%,rgba(255,255,255,.08) 84% 100%); box-shadow:0 0 0 10px rgba(255,255,255,.025),0 18px 45px color-mix(in srgb,var(--g4-accent) 14%,transparent); }
.growth4-policy-dial-ring::before { content:""; position:absolute; inset:12px; border-radius:50%; background:#081b2b; border:1px solid rgba(255,255,255,.08); }
.growth4-policy-dial-ring span { position:relative; display:grid; text-align:center; line-height:1; }.growth4-policy-dial-ring strong { color:#fff; font-size:46px; letter-spacing:-.06em; }.growth4-policy-dial-ring small { margin-top:8px; color:var(--g4-accent); font-size:12px; font-weight:1000; }
.growth4-policy-dial > div:last-child > small,.growth4-policy-comparison > header span { color:var(--g4-accent); font-size:11px; font-weight:1000; letter-spacing:.12em; }.growth4-policy-dial h3 { margin:8px 0; font-size:22px; line-height:1.35; }.growth4-policy-dial p { margin:0; color:#9fb3c2; font-size:13px; line-height:1.8; }
.growth4-policy-timeline { position:relative; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; align-items:center; margin:0; padding:29px 22px; list-style:none; overflow:hidden; }
.growth4-policy-timeline::before,.growth4-policy-timeline::after { content:""; position:absolute; top:58px; inset-inline:16.5%; height:2px; }.growth4-policy-timeline::before { background:rgba(255,255,255,.1); }.growth4-policy-timeline::after { background:linear-gradient(90deg,var(--g4-accent),var(--g4-accent-2)); transform:scaleX(0); transform-origin:left; }
[dir="rtl"] .growth4-policy-timeline::after { transform-origin:right; }
.growth4-policy-timeline li { position:relative; z-index:1; display:grid; justify-items:center; gap:13px; text-align:center; }.growth4-policy-timeline li > span { display:grid; width:58px; height:58px; place-items:center; border:7px solid #0a2133; border-radius:50%; background:#17384d; color:#fff; font-size:13px; font-weight:1000; box-shadow:0 0 0 1px var(--g4-line); }.growth4-policy-timeline li:nth-child(2) > span { background:color-mix(in srgb,var(--g4-accent) 58%,#17384d); }.growth4-policy-timeline li:last-child > span { background:var(--g4-accent); color:#071827; }.growth4-policy-timeline b { display:block; font-size:14px; }.growth4-policy-timeline small { display:block; max-width:140px; margin-top:5px; color:#8fa6b7; font-size:11px; line-height:1.55; }
.growth4-policy-story.is-visible .growth4-policy-timeline::after { animation:g4-policy-flow 1.1s cubic-bezier(.2,0,0,1) .18s forwards; }

.growth4-policy-comparison { position:relative; margin-bottom:20px; padding:28px; border:1px solid var(--g4-line); border-radius:26px; background:rgba(5,23,37,.82); }.growth4-policy-comparison > header { margin-bottom:22px; }.growth4-policy-comparison > header h3 { margin:7px 0 0; font-size:clamp(23px,2.4vw,34px); line-height:1.3; }
.growth4-policy-levels { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }.growth4-policy-levels article { --level:#728697; position:relative; min-width:0; padding:22px; border:1px solid color-mix(in srgb,var(--level) 40%,var(--g4-line)); border-radius:20px; background:linear-gradient(155deg,color-mix(in srgb,var(--level) 8%,#0a2133),#091c2c 70%); overflow:hidden; }.growth4-policy-levels article::before { content:""; position:absolute; top:0; inset-inline:0; height:3px; background:var(--level); transform:scaleX(.25); transition:transform .35s cubic-bezier(.2,0,0,1); }.growth4-policy-levels .is-premium { --level:#27b7e5; }.growth4-policy-levels .is-vip { --level:#ffb321; box-shadow:0 22px 55px rgba(255,179,33,.08); }
.growth4-policy-level-title { display:flex; align-items:center; gap:12px; }.growth4-policy-level-title > span { display:grid; flex:0 0 43px; width:43px; height:43px; place-items:center; border-radius:13px; background:color-mix(in srgb,var(--level) 17%,transparent); color:var(--level); font-size:12px; font-weight:1000; }.growth4-policy-level-title small { color:var(--level); font-size:10px; font-weight:1000; letter-spacing:.12em; }.growth4-policy-level-title h4 { margin:3px 0 0; font-size:16px; }.growth4-policy-levels article > p { min-height:72px; margin:18px 0; color:#9eb2c1; font-size:13px; line-height:1.75; }
.growth4-policy-levels dl { display:grid; gap:8px; margin:0; }.growth4-policy-levels dl > div { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 12px; border-radius:11px; background:rgba(255,255,255,.035); }.growth4-policy-levels dt { color:#8299aa; font-size:11px; }.growth4-policy-levels dd { margin:0; color:#eaf3f8; font-size:11px; font-weight:900; text-align:end; }.growth4-policy-levels dd i { margin-inline-end:6px; color:var(--level); }
.growth4-policy-snap-note { display:flex; align-items:flex-start; gap:10px; margin:16px 0 0; padding:14px 16px; border:1px solid rgba(255,223,0,.24); border-radius:14px; background:rgba(255,223,0,.055); color:#aebfcb; font-size:12px; line-height:1.75; }.growth4-policy-snap-note > i { margin-top:4px; color:#ffdf00; }.growth4-policy-snap-note strong { color:#ffdf00; }

.growth4-policy-scope { position:relative; display:grid; grid-template-columns:minmax(0,1fr) 92px minmax(0,1fr); gap:16px; align-items:stretch; margin-bottom:20px; }.growth4-policy-scope article { --scope:#40da8a; padding:24px; border:1px solid color-mix(in srgb,var(--scope) 36%,var(--g4-line)); border-radius:22px; background:linear-gradient(150deg,color-mix(in srgb,var(--scope) 7%,#092033),#081b2b); }.growth4-policy-scope .is-excluded { --scope:#ff6a43; }.growth4-policy-scope header { display:flex; gap:13px; align-items:center; }.growth4-policy-scope header > i { color:var(--scope); font-size:34px; }.growth4-policy-scope header small { color:var(--scope); font-size:11px; font-weight:1000; }.growth4-policy-scope h3 { margin:3px 0 0; font-size:18px; }.growth4-policy-scope ul { display:grid; gap:10px; margin:20px 0 0; padding:0; list-style:none; }.growth4-policy-scope li { position:relative; padding-inline-start:19px; color:#a8bbc9; font-size:13px; line-height:1.7; }.growth4-policy-scope li::before { content:""; position:absolute; inset-inline-start:0; top:.65em; width:7px; height:7px; border-radius:50%; background:var(--scope); box-shadow:0 0 0 5px color-mix(in srgb,var(--scope) 10%,transparent); }
.growth4-policy-scope-arrow { display:grid; place-content:center; justify-items:center; gap:9px; color:var(--g4-accent); }.growth4-policy-scope-arrow span { display:grid; width:52px; height:52px; place-items:center; border:1px solid color-mix(in srgb,var(--g4-accent) 48%,var(--g4-line)); border-radius:50%; background:#0b2639; }.growth4-policy-scope-arrow small { color:#7790a3; font-size:10px; font-weight:900; text-align:center; }
[dir="ltr"] .growth4-policy-scope-arrow i { transform:rotate(180deg); }
.growth4-policy-facts { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }.growth4-policy-facts article { position:relative; min-width:0; padding:20px; border:1px solid var(--g4-line); border-radius:18px; background:#0a2032; overflow:hidden; }.growth4-policy-facts article > span { position:absolute; top:14px; inset-inline-end:15px; color:rgba(255,255,255,.17); font-size:24px; font-weight:1000; }.growth4-policy-facts article > i { display:grid; width:38px; height:38px; place-items:center; border-radius:11px; background:color-mix(in srgb,var(--g4-accent) 13%,transparent); color:var(--g4-accent); }.growth4-policy-facts h3 { margin:15px 0 8px; font-size:15px; }.growth4-policy-facts p { margin:0; color:#91a8b8; font-size:12px; line-height:1.75; }

.growth4 button:focus-visible, .growth4 a:focus-visible, .growth4 summary:focus-visible, .growth4 input:focus-visible { outline:3px solid var(--g4-accent); outline-offset:3px; }
.growth4.is-switching .growth4-copy h1, .growth4.is-switching .growth4-copy > p, .growth4.is-switching .growth4-kicker { animation:g4-copy-switch .48s cubic-bezier(.2,0,0,1) both; }
.growth4.is-switching .growth4-copy > p { animation-delay:.04s; }.growth4.is-switching .growth4-kicker { animation-delay:.08s; }
@keyframes g4-copy-switch { from { opacity:.25; transform:translateY(10px); } to { opacity:1; transform:none; } }
@keyframes g4-policy-flow { from { transform:scaleX(0); } to { transform:scaleX(1); } }
@keyframes g4-policy-arrive { from { opacity:0; transform:translateY(14px) scale(.985); } to { opacity:1; transform:none; } }

@media (hover:hover) {
  .growth4-inline-policy:hover { transform:translateY(-2px); border-color:var(--g4-accent); background:color-mix(in srgb,var(--g4-accent) 13%,transparent); }
  .growth4-policy-levels article:hover::before { transform:scaleX(1); }
  .growth4-policy-facts article:hover { border-color:color-mix(in srgb,var(--g4-accent) 45%,var(--g4-line)); }
}
@media (prefers-reduced-motion:no-preference) { .growth4-policy-comparison.is-visible .growth4-policy-levels article,.growth4-policy-scope.is-visible article,.growth4-policy-facts.is-visible article { animation:g4-policy-arrive .45s cubic-bezier(.2,0,0,1) both; }.growth4-policy-comparison.is-visible .growth4-policy-levels article:nth-child(2),.growth4-policy-facts.is-visible article:nth-child(2) { animation-delay:.07s; }.growth4-policy-comparison.is-visible .growth4-policy-levels article:nth-child(3),.growth4-policy-facts.is-visible article:nth-child(3),.growth4-policy-scope.is-visible article:last-child { animation-delay:.14s; }.growth4-policy-facts.is-visible article:nth-child(4) { animation-delay:.21s; } }
@media (max-width:1080px) { .growth4-policy-story { grid-template-columns:1fr; }.growth4-policy-facts { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:860px) { .growth4-policy-levels { grid-template-columns:1fr; }.growth4-policy-levels article > p { min-height:0; }.growth4-policy-scope { grid-template-columns:1fr; }.growth4-policy-scope-arrow { grid-template-columns:auto auto; }.growth4-policy-scope-arrow i { transform:rotate(-90deg); }[dir="ltr"] .growth4-policy-scope-arrow i { transform:rotate(90deg); } }
@media (max-width:720px) { .growth4-policy { padding:78px 0; }.growth4-policy-alert { grid-template-columns:1fr; text-align:center; }.growth4-policy-alert > i { margin:0 auto; }.growth4-policy-dial { grid-template-columns:1fr; justify-items:center; text-align:center; }.growth4-policy-dial-ring { width:128px; height:128px; }.growth4-policy-timeline { grid-template-columns:1fr; gap:18px; padding:22px; }.growth4-policy-timeline::before,.growth4-policy-timeline::after { top:44px; bottom:44px; inset-inline-start:50%; width:2px; height:auto; }.growth4-policy-timeline::after { transform:scaleY(0); transform-origin:top; }.growth4-policy-story.is-visible .growth4-policy-timeline::after { animation-name:g4-policy-flow-y; }.growth4-policy-timeline li { grid-template-columns:58px 1fr; justify-items:start; text-align:start; }.growth4-policy-timeline small { max-width:none; }.growth4-policy-comparison { padding:20px 14px; }.growth4-policy-facts { grid-template-columns:1fr; }.growth4-inline-policy { width:100%; }.growth4-tier-badge { margin-top:18px; } }
@media (max-width:720px) {
  .growth4-packages { padding:52px 0 64px; }
  .growth4-packages .growth4-section-head { margin-bottom:18px; }
  .growth4-packages .growth4-section-head h2 { margin-block:8px; }
  .growth4-packages .growth4-section-head .growth4-inline-policy { margin-top:10px; }
  .growth4-platforms-packages { margin-bottom:12px; }
  .growth4-package-context { margin-bottom:18px; padding:11px 13px; }
  .growth4-tier,.growth4-tier-premium,.growth4-tier-premium:hover { min-height:0; padding:26px 20px 22px; }
  .growth4-tier-symbol { margin-top:14px; }
  .growth4-tier-cta { margin-top:22px; }
}
@media (max-width:380px) { .growth4-copy h1 { font-size:32px; }.growth4-calc-price { flex-wrap:wrap; gap:10px; }.growth4-calc-price b { font-size:23px; }.growth4-calc-quantities button:nth-child(3n+1)::after { left:0; transform:translate(0,6px) scale(.96); }.growth4-calc-quantities button:nth-child(3n+1):hover::after,.growth4-calc-quantities button:nth-child(3n+1):focus-visible::after { transform:translate(0,0) scale(1); }.growth4-calc-quantities button:nth-child(3n)::after { left:auto; right:0; transform:translate(0,6px) scale(.96); }.growth4-calc-quantities button:nth-child(3n):hover::after,.growth4-calc-quantities button:nth-child(3n):focus-visible::after { transform:translate(0,0) scale(1); } }
@keyframes g4-policy-flow-y { from { transform:scaleY(0); } to { transform:scaleY(1); } }
@media (prefers-reduced-motion:reduce) { .growth4-policy-timeline::after { transform:none; }.growth4.is-switching .growth4-copy h1,.growth4.is-switching .growth4-copy > p,.growth4.is-switching .growth4-kicker { animation:none; } }

/* Calculator introduction — a compact visual bridge into the configurator. */
@keyframes g4-calc-intro-arrive { from { opacity:0; transform:translateY(13px); } to { opacity:1; transform:none; } }
@keyframes g4-calc-intro-line { from { transform:scaleY(0); } to { transform:scaleY(1); } }
@keyframes g4-calc-intro-aurora { 0%,100% { transform:translate3d(-3%,0,0) rotate(-8deg) scale(.92); } 50% { transform:translate3d(14%,10%,0) rotate(10deg) scale(1.08); } }
@keyframes g4-calc-intro-title { 0%,100% { background-position:0 50%; } 50% { background-position:100% 50%; } }
@keyframes g4-calc-intro-scan { 0% { transform:translateY(-170%) skewY(-8deg); opacity:0; } 12%,70% { opacity:1; } 100% { transform:translateY(520%) skewY(-8deg); opacity:0; } }
@keyframes g4-calc-intro-step { 0%,72%,100% { transform:translateY(0); box-shadow:none; } 12% { transform:translateY(-3px); box-shadow:0 11px 26px color-mix(in srgb,var(--g4-accent) 11%,transparent); } }
@keyframes g4-calc-intro-status { 0%,100% { transform:scale(1); box-shadow:0 0 0 4px rgba(53,221,131,.09),0 0 12px rgba(53,221,131,.3); } 50% { transform:scale(1.3); box-shadow:0 0 0 8px rgba(53,221,131,0),0 0 22px rgba(53,221,131,.65); } }
@keyframes g4-calc-intro-icon { 0%,100% { transform:translateY(0) rotate(0); } 50% { transform:translateY(-3px) rotate(3deg); } }
@keyframes g4-calc-intro-shell { 0%,100% { box-shadow:0 32px 90px rgba(0,0,0,.4),0 0 36px color-mix(in srgb,var(--g4-accent) 8%,transparent),inset 0 1px rgba(255,255,255,.09); } 50% { box-shadow:0 38px 100px rgba(0,0,0,.46),0 0 58px color-mix(in srgb,var(--g4-accent) 16%,transparent),inset 0 1px rgba(255,255,255,.11); } }
@media (prefers-reduced-motion:no-preference) {
  .growth4-calc-intro { animation:g4-calc-intro-shell 6s ease-in-out infinite; }
  .growth4-calc-intro::before { animation:g4-calc-intro-aurora 8s ease-in-out infinite; }
  .growth4-calc-intro::after { animation:g4-calc-intro-icon 5s ease-in-out infinite; }
  .growth4-calc-intro h2 { animation:g4-calc-intro-title 5.5s ease-in-out infinite; }
  .growth4-calc-intro-rail > em i { animation:g4-calc-intro-status 1.8s ease-in-out infinite; }
  .growth4-calc-intro-map::after { animation:g4-calc-intro-scan 5.4s cubic-bezier(.4,0,.2,1) infinite; }
  .growth4-calc-intro-map li { animation:g4-calc-intro-step 4.8s cubic-bezier(.2,0,0,1) infinite; }
  .growth4-calc-intro-map li:nth-child(2) { animation-delay:.32s; }.growth4-calc-intro-map li:nth-child(3) { animation-delay:.64s; }
  .growth4-calc-intro-active > i,.growth4-calc-intro-footer > div > i { animation:g4-calc-intro-icon 2.8s ease-in-out infinite; }
  .growth4-calc-intro-active > span { animation:g4-calc-intro-status 2.2s ease-in-out infinite; }
  .growth4-calc-intro.is-visible .growth4-calc-intro-copy > * { animation:g4-calc-intro-arrive .48s cubic-bezier(.2,0,0,1) both; }
  .growth4-calc-intro.is-visible .growth4-calc-intro-copy > h2 { animation:g4-calc-intro-arrive .48s cubic-bezier(.2,0,0,1) .05s both,g4-calc-intro-title 5.5s ease-in-out .55s infinite; }
  .growth4-calc-intro.is-visible .growth4-calc-intro-copy > p { animation-delay:.1s; }
  .growth4-calc-intro.is-visible .growth4-calc-intro-trust { animation-delay:.15s; }
  .growth4-calc-intro.is-visible .growth4-calc-intro-map { animation:g4-calc-intro-arrive .5s cubic-bezier(.2,0,0,1) .1s both; }
  .growth4-calc-intro.is-visible .growth4-calc-intro-map ol::before { transform-origin:top; animation:g4-calc-intro-line .65s cubic-bezier(.2,0,0,1) .28s both; }
}
@media (hover:hover) {
  .growth4-calc-intro-map li:hover { transform:translateY(-4px); border-color:color-mix(in srgb,var(--g4-accent) 45%,#54c5ff); background:linear-gradient(90deg,color-mix(in srgb,var(--g4-accent) 15%,transparent),rgba(84,197,255,.08)); }
  .growth4-calc-intro-footer .growth4-inline-policy:hover > i { transform:translateX(-3px); }
  [dir="ltr"] .growth4-calc-intro-footer .growth4-inline-policy:hover > i { transform:rotate(180deg) translateX(-3px); }
}
@media (prefers-reduced-motion:reduce) {
  .growth4-calc-intro,.growth4-calc-intro::before,.growth4-calc-intro::after,.growth4-calc-intro h2,.growth4-calc-intro-rail > em i,.growth4-calc-intro-map::after,.growth4-calc-intro-map li,.growth4-calc-intro-active > i,.growth4-calc-intro-active > span,.growth4-calc-intro-footer > div > i { animation:none !important; }
}
@media (max-width:1050px) { .growth4-calc-intro { grid-template-columns:minmax(0,1fr) minmax(350px,.8fr); }.growth4-calc-intro h2 { font-size:clamp(32px,4.5vw,46px); } }
@media (max-width:850px) { .growth4-calc-intro { grid-template-columns:1fr; }.growth4-calc-intro-copy { padding:2px; }.growth4-calc-intro h2 { max-width:680px; }.growth4-calc-intro-map { display:grid; grid-template-columns:1fr 1fr; gap:16px; }.growth4-calc-intro-map-head,.growth4-calc-intro-active { grid-column:1/-1; }.growth4-calc-intro-map ol { margin:0; } }
@media (max-width:620px) { .growth4-calc-intro { gap:16px; padding:18px 14px; border-radius:24px; }.growth4-calc-intro h2 { font-size:clamp(31px,9.5vw,42px); }.growth4-calc-intro-copy > p { font-size:14px; line-height:1.8; }.growth4-calc-intro-trust { display:grid; grid-template-columns:1fr; }.growth4-calc-intro-map { display:block; padding:16px; }.growth4-calc-intro-map ol { margin:16px 0; }.growth4-calc-intro-footer { align-items:stretch; flex-direction:column; padding:15px; }.growth4-calc-intro-footer .growth4-inline-policy { width:100%; }.growth4-calc-intro-active { grid-template-columns:auto 1fr; }.growth4-calc-intro-active > span { grid-column:1/-1; justify-content:center; }.growth4-calc-intro::after { font-size:130px; } }

/* Snapchat identity — playful brand energy with a controlled Q-DASH motion system. */
@keyframes g4-snap-phone-float { 0%,100% { transform:translateY(0) rotate(4deg); } 50% { transform:translateY(-9px) rotate(2.5deg); } }
@keyframes g4-snap-ghost-pop { 0%,100% { transform:rotate(-6deg) scale(1); box-shadow:9px 9px 0 #071827; } 50% { transform:rotate(-2deg) scale(1.045); box-shadow:13px 15px 0 #071827; } }
@keyframes g4-snap-orbit { to { transform:rotate(360deg); } }
@keyframes g4-snap-signal-float { 0%,100% { transform:translate3d(0,0,0); } 50% { transform:translate3d(0,-7px,0); } }
@keyframes g4-snap-bars { 0%,100% { transform:scaleY(.45); opacity:.58; } 50% { transform:scaleY(1); opacity:1; } }
@keyframes g4-snap-line { 0% { transform:translateX(-140%); } 55%,100% { transform:translateX(330%); } }
@keyframes g4-snap-halo { 0%,100% { transform:scale(.9); opacity:.55; } 50% { transform:scale(1.08); opacity:1; } }
@media (prefers-reduced-motion:no-preference) {
  .growth4-snap::after { animation:g4-snap-halo 7s ease-in-out infinite; }
  .growth4-snap-phone { animation:g4-snap-phone-float 4.8s ease-in-out infinite; }
  .growth4-snap-ghost { animation:g4-snap-ghost-pop 3.2s cubic-bezier(.4,0,.2,1) infinite; }
  .growth4-snap-orbit-a { animation:g4-snap-orbit 24s linear infinite; }.growth4-snap-orbit-b { animation:g4-snap-orbit 17s linear infinite reverse; }
  .growth4-snap-signal { animation:g4-snap-signal-float 3.4s ease-in-out infinite; }.growth4-snap-signal-b { animation-delay:.8s; }
  .growth4-snap-bars i { transform-origin:bottom; animation:g4-snap-bars 1.5s ease-in-out infinite; }.growth4-snap-bars i:nth-child(2){animation-delay:.12s}.growth4-snap-bars i:nth-child(3){animation-delay:.24s}.growth4-snap-bars i:nth-child(4){animation-delay:.36s}.growth4-snap-bars i:nth-child(5){animation-delay:.48s}
  .growth4-snap-card-line i { animation:g4-snap-line 4.2s cubic-bezier(.4,0,.2,1) infinite; }.growth4-snap-grid article:nth-child(2) .growth4-snap-card-line i { animation-delay:.3s; }.growth4-snap-grid article:nth-child(3) .growth4-snap-card-line i { animation-delay:.6s; }.growth4-snap-grid article:nth-child(4) .growth4-snap-card-line i { animation-delay:.9s; }
}
@media (hover:hover) {
  .growth4-snap-grid article:hover { transform:translateY(-7px); border-color:rgba(255,214,0,.7); box-shadow:0 28px 64px rgba(7,24,39,.16); }
  .growth4-snap-grid article:hover header > i { background:#fffc00; color:#071827; transform:rotate(-5deg) scale(1.06); }
  .growth4-snap-grid article header > i { transition:transform .25s cubic-bezier(.2,0,0,1),background .25s ease,color .25s ease; }
}
@media (max-width:1100px) {
  .growth4-snap-intro { grid-template-columns:minmax(0,1fr) minmax(320px,.72fr); }
  .growth4-snap-grid { grid-template-columns:repeat(12,1fr); }
}
@media (max-width:820px) {
  .growth4-snap-intro { grid-template-columns:1fr; padding:34px 28px; }
  .growth4-snap-stage { min-height:365px; }
  .growth4-snap-grid article,.growth4-snap-grid article:nth-child(1),.growth4-snap-grid article:nth-child(2),.growth4-snap-grid article:nth-child(3),.growth4-snap-grid article:nth-child(4) { grid-column:span 6; }
  .growth4-disclosure { grid-template-columns:auto 1fr; }.growth4-disclosure > strong { grid-column:1/-1; text-align:center; }
}
@media (max-width:620px) {
  .growth4-snap-intro { padding:27px 18px; border-radius:27px; text-align:start; }
  .growth4-snap-intro h2 { font-size:clamp(34px,10.5vw,47px); }
  .growth4-snap-copy > p { font-size:14px; }
  .growth4-snap-pills { display:grid; grid-template-columns:1fr; }.growth4-snap-pills span { justify-content:center; }
  .growth4-snap-stage { min-height:330px; }
  .growth4-snap-phone { width:218px; min-height:285px; border-radius:34px; box-shadow:12px 14px 0 #04111d,0 24px 55px rgba(0,0,0,.28); }
  .growth4-snap-ghost { width:82px; height:82px; border-radius:27px; font-size:38px; }
  .growth4-snap-orbit-a { width:285px; height:285px; }.growth4-snap-orbit-b { width:230px; height:230px; }
  .growth4-snap-signal { font-size:8px; }.growth4-snap-signal-a { inset-inline-start:-2%; }.growth4-snap-signal-b { inset-inline-end:-2%; }
  .growth4-snap-grid { grid-template-columns:1fr; }
  .growth4-snap-grid article,.growth4-snap-grid article:nth-child(1),.growth4-snap-grid article:nth-child(2),.growth4-snap-grid article:nth-child(3),.growth4-snap-grid article:nth-child(4) { grid-column:1 !important; min-height:255px; padding:24px 21px; }
  .growth4-snap-grid h3 { margin-top:32px; }
  .growth4-disclosure { grid-template-columns:1fr; padding:23px 20px; text-align:start; }.growth4-disclosure > i { margin:0; }.growth4-disclosure > strong { text-align:start; }
}
@media (prefers-reduced-motion:reduce) {
  .growth4-snap::after,.growth4-snap-phone,.growth4-snap-ghost,.growth4-snap-orbit,.growth4-snap-signal,.growth4-snap-bars i,.growth4-snap-card-line i { animation:none !important; }
}

/* Decision, FAQ and section rhythm — compact, RTL-safe and infographic-led. */
.growth4-channel-library { padding:82px 0 34px; }
.growth4-process { padding:46px 0 52px; background:radial-gradient(circle at 50% 0,rgba(242,101,34,.09),transparent 30%),#061522; }
.growth4-process .growth4-section-head { margin-bottom:28px; }
.growth4-process-line article { min-height:215px; background:linear-gradient(150deg,#0d2a3e,#081c2c); transition:transform .28s cubic-bezier(.2,0,0,1),border-color .28s ease,box-shadow .28s ease; }
.growth4-process-line article:nth-child(2) i { color:#54c5ff; border-color:#54c5ff; }.growth4-process-line article:nth-child(3) i { color:var(--g4-accent-2); border-color:var(--g4-accent-2); }.growth4-process-line article:nth-child(4) i { color:#42e58d; border-color:#42e58d; }
.growth4-process-line article i { margin-bottom:25px; }
.growth4-faq-visual { position:relative; min-height:250px; margin-top:auto; isolation:isolate; }
.growth4-faq-visual > strong { position:absolute; z-index:4; left:50%; top:48%; display:grid; width:96px; height:96px; place-items:center; align-content:center; gap:4px; border:1px solid color-mix(in srgb,var(--g4-accent) 62%,#fff); border-radius:31px; background:linear-gradient(145deg,var(--g4-accent),#ff8a4f); color:#071827; box-shadow:0 18px 45px color-mix(in srgb,var(--g4-accent) 28%,transparent); transform:translate(-50%,-50%) rotate(-5deg); }
.growth4-faq-visual > strong > i { font-size:31px; }.growth4-faq-visual > strong > small { font-size:8px; font-weight:1000; letter-spacing:.08em; }
.growth4-faq-ring { position:absolute; z-index:1; left:50%; top:48%; border:1px dashed rgba(84,197,255,.35); border-radius:50%; transform:translate(-50%,-50%); }.growth4-faq-ring::after { content:""; position:absolute; width:8px; height:8px; top:8%; left:22%; border-radius:50%; background:#54c5ff; box-shadow:0 0 18px #54c5ff; }.growth4-faq-ring-a { width:205px; height:205px; }.growth4-faq-ring-b { width:155px; height:155px; border-color:rgba(255,79,163,.3); }.growth4-faq-ring-b::after { top:auto; bottom:7%; left:auto; right:19%; background:var(--g4-accent-2); box-shadow:0 0 18px var(--g4-accent-2); }
.growth4-faq-node { position:absolute; z-index:5; display:inline-flex; align-items:center; gap:6px; min-height:34px; padding:7px 10px; border:1px solid #31556c; border-radius:11px; background:#102f44; color:#dce7ed; box-shadow:0 10px 26px rgba(0,0,0,.22); font-size:9px; letter-spacing:.06em; }.growth4-faq-node i { color:var(--g4-accent); }.growth4-faq-search { inset-inline-start:3%; top:21%; }.growth4-faq-check { inset-inline-end:2%; top:28%; }.growth4-faq-ai { inset-inline-start:13%; bottom:14%; }
.growth4-faq-wave { position:absolute; z-index:3; inset-inline-end:4%; bottom:12%; display:flex; height:46px; align-items:end; gap:5px; }.growth4-faq-wave i { display:block; width:6px; height:24%; border-radius:5px 5px 1px 1px; background:linear-gradient(var(--g4-accent-2),#54c5ff); }.growth4-faq-wave i:nth-child(2){height:48%}.growth4-faq-wave i:nth-child(3){height:75%}.growth4-faq-wave i:nth-child(4){height:100%}.growth4-faq-wave i:nth-child(5){height:67%}.growth4-faq-wave i:nth-child(6){height:42%}.growth4-faq-wave i:nth-child(7){height:82%}
[dir="rtl"] .growth4-decision-map header,[dir="rtl"] .growth4-decision-map header > div { direction:rtl; text-align:right; }
[dir="ltr"] .growth4-decision-map header,[dir="ltr"] .growth4-decision-map header > div { direction:ltr; text-align:left; }
@keyframes g4-faq-orbit { from { transform:translate(-50%,-50%) rotate(0); } to { transform:translate(-50%,-50%) rotate(360deg); } }
@keyframes g4-faq-core { 0%,100% { transform:translate(-50%,-50%) rotate(-5deg) scale(1); } 50% { transform:translate(-50%,-54%) rotate(-2deg) scale(1.035); } }
@keyframes g4-faq-node { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-6px); } }
@keyframes g4-faq-wave { 0%,100% { transform:scaleY(.35); opacity:.55; } 50% { transform:scaleY(1); opacity:1; } }
@keyframes g4-decision-card { 0%,74%,100% { transform:translateY(0); border-color:#2b4f67; } 12% { transform:translateY(-4px); border-color:color-mix(in srgb,var(--g4-accent) 58%,#2b4f67); } }
@media (prefers-reduced-motion:no-preference) {
  .growth4-faq-ring-a { animation:g4-faq-orbit 19s linear infinite; }.growth4-faq-ring-b { animation:g4-faq-orbit 13s linear infinite reverse; }
  .growth4-faq-visual > strong { animation:g4-faq-core 3.8s ease-in-out infinite; }
  .growth4-faq-node { animation:g4-faq-node 3s ease-in-out infinite; }.growth4-faq-check { animation-delay:.45s; }.growth4-faq-ai { animation-delay:.9s; }
  .growth4-faq-wave i { transform-origin:bottom; animation:g4-faq-wave 1.35s ease-in-out infinite; }.growth4-faq-wave i:nth-child(2){animation-delay:.1s}.growth4-faq-wave i:nth-child(3){animation-delay:.2s}.growth4-faq-wave i:nth-child(4){animation-delay:.3s}.growth4-faq-wave i:nth-child(5){animation-delay:.4s}.growth4-faq-wave i:nth-child(6){animation-delay:.5s}.growth4-faq-wave i:nth-child(7){animation-delay:.6s}
  .growth4-decision-flow article { animation:g4-decision-card 5.2s cubic-bezier(.2,0,0,1) infinite; }.growth4-decision-flow article:nth-of-type(2){animation-delay:.35s}.growth4-decision-flow article:nth-of-type(3){animation-delay:.7s}.growth4-decision-flow article:nth-of-type(4){animation-delay:1.05s}
}
@media (hover:hover) {
  .growth4-process-line article:hover { transform:translateY(-6px); border-color:color-mix(in srgb,var(--g4-accent) 42%,var(--g4-line)); box-shadow:0 24px 48px rgba(0,0,0,.2); }
  .growth4-decision-flow article:hover { animation:none; transform:translateY(-5px); border-color:var(--g4-accent); box-shadow:0 18px 38px rgba(0,0,0,.25); }
  .growth4-faq-rich details:hover { transform:translateX(-3px); border-color:#3b647d; }[dir="ltr"] .growth4-faq-rich details:hover { transform:translateX(3px); }
}
@media (max-width:1100px) {
  .growth4-faq-rich { grid-template-columns:1fr; }.growth4-faq-rich header { min-height:330px; }.growth4-faq-rich header h2 { max-width:650px; }
  .growth4-faq-visual { min-height:220px; }
}
@media (max-width:720px) {
  .growth4-channel-library { padding:62px 0 28px; }.growth4-process { padding:38px 0 46px; }.growth4-intelligence { padding:48px 0 62px; }
  .growth4-hook { gap:12px; }.growth4-hook > div:first-child { padding:25px 21px; }.growth4-signal-lab { padding:22px; }
  .growth4-decision-map { margin-top:12px; padding:22px 17px; }.growth4-decision-map header { align-items:start; gap:12px; }.growth4-decision-map header small { justify-self:start; }.growth4-decision-flow { gap:9px; }.growth4-decision-flow article { min-height:145px; }
  .growth4-seo-columns { gap:11px; margin-top:12px; }.growth4-seo-columns article { min-height:0; padding:23px 20px; }
  .growth4-faq-rich { gap:16px; margin-top:12px; padding:23px 17px; }.growth4-faq-rich header { min-height:330px; }.growth4-faq-rich header h2 { font-size:28px; }.growth4-faq-visual { min-height:205px; }.growth4-faq-ring-a { width:185px; height:185px; }.growth4-faq-ring-b { width:138px; height:138px; }.growth4-faq-visual > strong { width:82px; height:82px; border-radius:27px; }.growth4-faq-search { inset-inline-start:0; }.growth4-faq-check { inset-inline-end:0; }.growth4-faq-wave { display:none; }
}
@media (prefers-reduced-motion:reduce) {
  .growth4-faq-ring,.growth4-faq-visual > strong,.growth4-faq-node,.growth4-faq-wave i,.growth4-decision-flow article { animation:none !important; }
}

/* Unified Q-DASH editorial cards — platform colour is a signal, not a separate theme. */
.growth4-hook > div:first-child {
  isolation:isolate;
  border-color:#274a61;
  background:
    radial-gradient(circle at 8% 16%,rgba(84,197,255,.13),transparent 27%),
    radial-gradient(circle at 92% 85%,rgba(255,79,163,.11),transparent 28%),
    linear-gradient(135deg,#0d2b40 0%,#081c2c 58%,#071827 100%);
  color:#fff;
  box-shadow:0 24px 64px rgba(7,24,39,.2),inset 0 1px rgba(255,255,255,.055);
}
.growth4-hook > div:first-child::before {
  content:"";
  position:absolute;
  z-index:-1;
  width:48%;
  height:2px;
  inset-inline-start:-52%;
  top:0;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,#54c5ff,var(--g4-accent),var(--g4-accent-2),transparent);
  box-shadow:0 0 25px rgba(84,197,255,.55);
}
.growth4-hook > div:first-child::after {
  color:rgba(242,101,34,.075);
  text-shadow:0 0 50px rgba(242,101,34,.12);
}
.growth4-hook > div:first-child > span {
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#ff8853;
}
.growth4-hook > div:first-child > span::before {
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--g4-accent);
  box-shadow:0 0 0 5px rgba(242,101,34,.1),0 0 20px rgba(242,101,34,.55);
}
.growth4-hook h2 { color:#fff; text-wrap:balance; }
.growth4-hook p { color:#aebfcb; }

.growth4-seo-columns article {
  --g4-platform:#f26522;
  isolation:isolate;
  border-color:color-mix(in srgb,var(--g4-platform) 32%,#29485d);
  background:
    radial-gradient(circle at 88% 8%,color-mix(in srgb,var(--g4-platform) 16%,transparent),transparent 31%),
    linear-gradient(145deg,#0d2b40,#071a29 76%);
  display:flex;
  flex-direction:column;
  color:#fff;
  box-shadow:0 20px 52px rgba(7,24,39,.17),inset 0 1px rgba(255,255,255,.045);
}
.growth4-seo-columns article:nth-child(1) { --g4-platform:#ff5a8d; }
.growth4-seo-columns article:nth-child(2) { --g4-platform:#ffdc00; }
.growth4-seo-columns article:nth-child(3) { --g4-platform:#25e8df; }
.growth4-seo-columns article:nth-child(1) { border-start-end-radius:50px; }
.growth4-seo-columns article:nth-child(2) { transform:translateY(-8px); border-radius:38px 18px 38px 18px; }
.growth4-seo-columns article:nth-child(3) { border-start-start-radius:50px; }
.growth4-seo-columns article::before {
  z-index:-1;
  width:190px;
  height:190px;
  inset-inline-end:-110px;
  top:-115px;
  background:var(--g4-platform) !important;
  filter:blur(55px);
  opacity:.14 !important;
}
.growth4-seo-columns article::after {
  content:"";
  position:absolute;
  z-index:2;
  height:3px;
  inset-inline:26px;
  bottom:0;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,var(--g4-platform),var(--g4-accent),transparent);
  transform:scaleX(.28);
  transform-origin:center;
  box-shadow:0 0 18px color-mix(in srgb,var(--g4-platform) 45%,transparent);
}
.growth4-seo-columns article:hover {
  border-color:color-mix(in srgb,var(--g4-platform) 68%,#29485d);
  box-shadow:0 28px 66px rgba(7,24,39,.24),0 0 28px color-mix(in srgb,var(--g4-platform) 10%,transparent);
}
.growth4-seo-columns header { position:relative; z-index:3; display:grid; grid-template-columns:auto 1fr auto; gap:11px; align-items:center; }
.growth4-seo-columns header > i { display:grid; width:46px; height:46px; place-items:center; border:1px solid color-mix(in srgb,var(--g4-platform) 48%,#29485d); border-radius:15px; background:color-mix(in srgb,var(--g4-platform) 14%,#071827); color:var(--g4-platform); font-size:19px; box-shadow:0 11px 25px rgba(0,0,0,.2),0 0 22px color-mix(in srgb,var(--g4-platform) 12%,transparent); transition:transform .28s cubic-bezier(.2,0,0,1),background .28s ease,color .28s ease; }
.growth4-seo-columns header > b { color:color-mix(in srgb,var(--g4-platform) 48%,#7790a3); font-size:19px; font-weight:1000; }
.growth4-seo-columns span {
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:var(--g4-platform);
}
.growth4-seo-columns span::before {
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:currentColor;
  box-shadow:0 0 15px currentColor;
}
.growth4-seo-columns h3 { color:#fff; text-wrap:balance; }
.growth4-seo-columns p { color:#9fb3c2; }
.growth4-seo-columns footer { position:relative; z-index:3; display:grid; grid-template-columns:1fr auto; gap:12px; align-items:center; margin-top:auto; padding-top:23px; }
.growth4-seo-columns footer > i { overflow:hidden; height:2px; border-radius:99px; background:rgba(255,255,255,.08); }
.growth4-seo-columns footer > i::after { content:""; display:block; width:38%; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--g4-platform),var(--g4-accent)); box-shadow:0 0 13px var(--g4-platform); }
.growth4-seo-columns footer small { color:color-mix(in srgb,var(--g4-platform) 72%,#829aaa); font-size:8px; font-weight:1000; letter-spacing:.09em; direction:ltr; }

.growth4-snap-grid article {
  --g4-snap-card:#fffc00;
  isolation:isolate;
  border-color:color-mix(in srgb,var(--g4-snap-card) 30%,#29485d);
  background:
    radial-gradient(circle at 88% 4%,color-mix(in srgb,var(--g4-snap-card) 14%,transparent),transparent 30%),
    linear-gradient(145deg,#0d2c41,#071a29 76%);
  color:#fff;
  box-shadow:0 20px 54px rgba(7,24,39,.2),inset 0 1px rgba(255,255,255,.05);
}
.growth4-snap-grid article:nth-child(2) { --g4-snap-card:#54c5ff; }
.growth4-snap-grid article:nth-child(3) { --g4-snap-card:#f26522; }
.growth4-snap-grid article:nth-child(4) { --g4-snap-card:#ffdc00; }
.growth4-snap-grid article::before {
  z-index:-1;
  width:205px;
  height:205px;
  inset-inline-end:-115px;
  top:-125px;
  background:var(--g4-snap-card) !important;
  filter:blur(58px);
  opacity:.14 !important;
}
.growth4-snap-grid article::after {
  content:"";
  position:absolute;
  z-index:-1;
  width:115px;
  height:115px;
  inset-inline-start:-78px;
  bottom:-78px;
  border:1px solid color-mix(in srgb,var(--g4-snap-card) 38%,transparent);
  border-radius:50%;
  box-shadow:0 0 0 16px color-mix(in srgb,var(--g4-snap-card) 4%,transparent),0 0 0 34px color-mix(in srgb,var(--g4-snap-card) 3%,transparent);
}
.growth4-snap-grid article header > span { color:color-mix(in srgb,var(--g4-snap-card) 72%,#d7e4ec); }
.growth4-snap-grid article header > i {
  border:1px solid color-mix(in srgb,var(--g4-snap-card) 40%,#284b62);
  background:color-mix(in srgb,var(--g4-snap-card) 12%,#071827);
  color:var(--g4-snap-card);
  box-shadow:0 12px 28px rgba(0,0,0,.22),0 0 22px color-mix(in srgb,var(--g4-snap-card) 9%,transparent);
}
.growth4-snap-grid article header > small {
  border:1px solid color-mix(in srgb,var(--g4-snap-card) 28%,transparent);
  background:color-mix(in srgb,var(--g4-snap-card) 10%,#0b2235);
  color:color-mix(in srgb,var(--g4-snap-card) 78%,#fff);
}
.growth4-snap-grid h3 { color:#fff; text-wrap:balance; }
.growth4-snap-grid p { color:#9fb3c2; }
.growth4-snap-card-line { background:rgba(255,255,255,.07); }
.growth4-snap-card-line i { background:linear-gradient(90deg,var(--g4-snap-card),var(--g4-accent),#54c5ff); box-shadow:0 0 15px color-mix(in srgb,var(--g4-snap-card) 45%,transparent); }

@keyframes g4-brand-scan { 0% { transform:translateX(-12%); } 50%,100% { transform:translateX(320%); } }
@keyframes g4-brand-breathe { 0%,100% { opacity:.09; transform:scale(.88); } 50% { opacity:.18; transform:scale(1.08); } }
@keyframes g4-brand-rail { 0%,72%,100% { transform:scaleX(.28); opacity:.58; } 12% { transform:scaleX(1); opacity:1; } }
@media (prefers-reduced-motion:no-preference) {
  .growth4-hook > div:first-child::before { animation:g4-brand-scan 6.2s cubic-bezier(.4,0,.2,1) infinite; }
  .growth4-hook > div:first-child::after { animation:g4-brand-breathe 5.6s ease-in-out infinite; }
  .growth4-seo-columns article::before,.growth4-snap-grid article::before { animation:g4-brand-breathe 5.8s ease-in-out infinite; }
  .growth4-seo-columns article:nth-child(2)::before,.growth4-snap-grid article:nth-child(2)::before { animation-delay:.7s; }
  .growth4-seo-columns article:nth-child(3)::before,.growth4-snap-grid article:nth-child(3)::before { animation-delay:1.4s; }
  .growth4-snap-grid article:nth-child(4)::before { animation-delay:2.1s; }
  .growth4-seo-columns article::after { animation:g4-brand-rail 5s cubic-bezier(.2,0,0,1) infinite; }
  .growth4-seo-columns article:nth-child(2)::after { animation-delay:.42s; }
  .growth4-seo-columns article:nth-child(3)::after { animation-delay:.84s; }
}
@media (hover:hover) {
  .growth4-snap-grid article:hover { border-color:color-mix(in srgb,var(--g4-snap-card) 68%,#29485d); box-shadow:0 30px 70px rgba(7,24,39,.26),0 0 30px color-mix(in srgb,var(--g4-snap-card) 10%,transparent); }
  .growth4-snap-grid article:hover header > i { background:var(--g4-snap-card); color:#071827; }
  .growth4-seo-columns article:hover header > i { transform:translateY(-4px) rotate(-5deg); background:var(--g4-platform); color:#071827; }
  .growth4-seo-columns article:nth-child(2):hover { transform:translateY(-14px); }
}
@media (max-width:720px) {
  .growth4-seo-columns article,.growth4-snap-grid article { border-radius:21px; }
  .growth4-seo-columns article:nth-child(1),.growth4-seo-columns article:nth-child(2),.growth4-seo-columns article:nth-child(3) { transform:none; border-radius:21px; }
  .growth4-hook > div:first-child::after { bottom:-34px; font-size:132px; }
}
@media (prefers-reduced-motion:reduce) {
  .growth4-hook > div:first-child::before,.growth4-hook > div:first-child::after,.growth4-seo-columns article::before,.growth4-seo-columns article::after,.growth4-snap-grid article::before { animation:none !important; }
}

/* FAQ signal console — one bounded composition instead of disconnected floating items. */
.growth4-faq-visual {
  isolation:isolate;
  overflow:hidden;
  width:100%;
  max-width:430px;
  min-height:270px;
  margin:auto auto 0;
  border:1px solid #284b62;
  border-radius:26px;
  background:radial-gradient(circle at 50% 48%,rgba(242,101,34,.12),transparent 24%),linear-gradient(145deg,rgba(16,47,68,.94),rgba(6,24,38,.97));
  box-shadow:inset 0 1px rgba(255,255,255,.04),0 18px 42px rgba(0,0,0,.16);
}
.growth4-faq-visual::before {
  content:"";
  position:absolute;
  z-index:-2;
  inset:0;
  background:linear-gradient(rgba(84,197,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(84,197,255,.055) 1px,transparent 1px);
  background-size:32px 32px;
  mask-image:radial-gradient(circle at center,#000,transparent 76%);
}
.growth4-faq-visual::after {
  content:"";
  position:absolute;
  z-index:-1;
  width:76%;
  height:76%;
  left:12%;
  top:12%;
  border-radius:50%;
  background:linear-gradient(90deg,transparent 49.8%,rgba(84,197,255,.14) 50%,transparent 50.2%),linear-gradient(transparent 49.8%,rgba(255,79,163,.12) 50%,transparent 50.2%);
}
.growth4-faq-search { inset-inline-start:20px; top:20px; }
.growth4-faq-check { inset-inline-end:20px; top:20px; }
.growth4-faq-ai { inset-inline-start:20px; bottom:20px; }
.growth4-faq-wave {
  display:flex;
  height:42px;
  inset-inline-end:24px;
  bottom:20px;
  gap:5px;
  padding:7px 9px;
  border:1px solid #294e66;
  border-radius:11px;
  background:rgba(8,29,44,.78);
  box-shadow:0 10px 25px rgba(0,0,0,.18);
}
.growth4-faq-wave i { width:5px; }
@media (max-width:1100px) {
  .growth4-faq-visual { min-height:270px; margin-top:24px; }
}
@media (max-width:720px) {
  .growth4-faq-rich header { min-height:0; }
  .growth4-faq-visual { min-height:245px; margin-top:20px; border-radius:21px; }
  .growth4-faq-ring-a { width:172px; height:172px; }
  .growth4-faq-ring-b { width:126px; height:126px; }
  .growth4-faq-visual > strong { width:76px; height:76px; border-radius:24px; }
  .growth4-faq-visual > strong > i { font-size:26px; }
  .growth4-faq-search { inset-inline-start:12px; top:12px; }
  .growth4-faq-check { inset-inline-end:12px; top:12px; }
  .growth4-faq-ai { inset-inline-start:12px; bottom:12px; }
  .growth4-faq-wave { display:flex; height:38px; inset-inline-end:12px; bottom:12px; padding:6px 7px; gap:4px; }
  .growth4-faq-wave i { width:4px; }
}