@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@500;600;700;800&display=swap');
/* ============================================================
   GrowthPages — scoped landing-page styles for SEOeStore
   Everything is namespaced under .gp / .gp-* so it cannot
   collide with the site's existing Bootstrap/global CSS.
   Wrap page content in: <div class="gp"> ... </div>
   ============================================================ */
.gp{--gp-brand:#0075de;--gp-brand-deep:#005384;--gp-brand-light:#3f9be8;--gp-tint:#e3f0fb;
  --gp-green:#34B36B;--gp-green-deep:#2A9A5B;--gp-yellow:#FFD93B;--gp-coral:#EE6B53;
  --gp-ink:#26384B;--gp-text:#3A4A5C;--gp-muted:#6B7A8D;--gp-alt:#F5F8FA;--gp-border:#E6ECF2;
  --gp-radius:12px;--gp-shadow:0 4px 16px rgba(38,56,75,.08);--gp-shadow-sm:0 2px 8px rgba(38,56,75,.06);
  --gp-fh:'Poppins','Segoe UI',Roboto,Arial,sans-serif;--gp-fb:'Inter','Segoe UI',Roboto,Arial,sans-serif;
  font-family:var(--gp-fb);color:var(--gp-text);line-height:1.55;-webkit-font-smoothing:antialiased}
.gp *{box-sizing:border-box}
.gp img{max-width:100%;height:auto}
.gp h1,.gp h2,.gp h3,.gp h4{font-family:var(--gp-fh);color:var(--gp-ink);line-height:1.2;font-weight:700;margin:0 0 .4em}
.gp h2{font-size:30px}
.gp p{margin:0 0 1em;color:var(--gp-text)}
.gp a{color:inherit;text-decoration:none}
.gp strong{font-weight:700}
.gp-wrap{max-width:1140px;margin:0 auto;padding:0 24px}
.gp-section{padding:64px 0}
.gp-section.alt{background:var(--gp-alt)}
.gp-section.blue{background:linear-gradient(120deg,var(--gp-brand),var(--gp-brand-light));color:#fff}
.gp-section.blue h2{color:#fff}.gp-section.blue .gp-lead{color:rgba(255,255,255,.92)}
.gp-center{text-align:center}
.gp-kicker{display:inline-block;font-family:var(--gp-fh);font-size:12px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--gp-brand);margin-bottom:10px}
.gp-section.blue .gp-kicker{color:#cfe0ff}
.gp-lead{font-size:18px;color:var(--gp-muted);max-width:720px}
.gp-center .gp-lead{margin-left:auto;margin-right:auto}
/* buttons — HARD-LOCKED against the host SEOeStore theme (embedded component).
   Scoped under .gp, target a.gp-btn*, and use !important + literal hex + -webkit-text-fill-color
   on EVERY state so the host theme's a{} / .btn{} / !important link colors cannot bleed in and
   cause white-on-white or dark-on-blue. (-webkit-text-fill-color beats themes that use text-fill.) */
.gp .gp-btn{display:inline-block;font-family:var(--gp-fh);font-weight:600;font-size:14px!important;line-height:1.2;border-radius:6px;padding:13px 22px;cursor:pointer;border:2px solid transparent;transition:.15s;text-align:center;text-decoration:none!important;text-shadow:none!important;opacity:1!important}
.gp a.gp-btn,.gp a.gp-btn:link,.gp a.gp-btn:visited,.gp a.gp-btn:hover,.gp a.gp-btn:focus,.gp a.gp-btn:active{text-decoration:none!important}
/* PRIMARY — blue bg, WHITE text */
.gp a.gp-btn-primary,.gp a.gp-btn-primary:link,.gp a.gp-btn-primary:visited{background:#0075de!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#0075de!important}
.gp a.gp-btn-primary:hover,.gp a.gp-btn-primary:focus,.gp a.gp-btn-primary:active{background:#005384!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#005384!important}
/* WHITE — white bg, BLUE text — for use on dark/blue backgrounds */
.gp a.gp-btn-white,.gp a.gp-btn-white:link,.gp a.gp-btn-white:visited{background:#fff!important;color:#0075de!important;-webkit-text-fill-color:#0075de!important;border-color:#fff!important}
.gp a.gp-btn-white:hover,.gp a.gp-btn-white:focus,.gp a.gp-btn-white:active{background:#eef4ff!important;color:#005384!important;-webkit-text-fill-color:#005384!important;border-color:#eef4ff!important}
/* GHOST — transparent + WHITE text + white border — ONLY on dark/blue backgrounds */
.gp a.gp-btn-ghost,.gp a.gp-btn-ghost:link,.gp a.gp-btn-ghost:visited{background:transparent!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:rgba(255,255,255,.75)!important}
.gp a.gp-btn-ghost:hover,.gp a.gp-btn-ghost:focus,.gp a.gp-btn-ghost:active{background:rgba(255,255,255,.16)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#fff!important}
/* GHOSTD — white bg + BLUE text + light border — safe secondary for LIGHT backgrounds */
.gp a.gp-btn-ghostd,.gp a.gp-btn-ghostd:link,.gp a.gp-btn-ghostd:visited{background:#fff!important;color:#0075de!important;-webkit-text-fill-color:#0075de!important;border-color:#E6ECF2!important}
.gp a.gp-btn-ghostd:hover,.gp a.gp-btn-ghostd:focus,.gp a.gp-btn-ghostd:active{background:#e3f0fb!important;color:#005384!important;-webkit-text-fill-color:#005384!important;border-color:#0075de!important}
/* GREEN */
.gp a.gp-btn-green,.gp a.gp-btn-green:link,.gp a.gp-btn-green:visited{background:#34B36B!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#34B36B!important}
.gp a.gp-btn-green:hover,.gp a.gp-btn-green:focus,.gp a.gp-btn-green:active{background:#2A9A5B!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#2A9A5B!important}
.gp .gp-btn-sm{padding:10px 16px;font-size:13px!important}
.gp-btnrow{display:flex;gap:12px;flex-wrap:wrap}
.gp-center .gp-btnrow{justify-content:center}
.gp-back{display:inline-flex;align-items:center;gap:7px;color:#0075de!important;-webkit-text-fill-color:#0075de!important;font-weight:600;font-size:14px;margin-top:6px}
/* badges */
.gp-badge{display:inline-block;font-family:var(--gp-fh);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:4px 9px;border-radius:5px;color:#fff}
.gp-badge.green{background:var(--gp-green)}.gp-badge.white{background:var(--gp-tint);color:var(--gp-brand-deep)}.gp-badge.blue{background:var(--gp-brand)}
.gp-badgerow{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
/* hero */
.gp-hero{background:linear-gradient(120deg,var(--gp-brand),var(--gp-brand-light));color:#fff;padding:62px 0 70px;overflow:hidden}
/* hub hero — blue gradient matching the SEO Campaigns PRO hero
   (deeper medium-blue bottom-left → light sky-blue top-right; no navy/purple) */
.gp-hero.gp-hero-campaigns{background:linear-gradient(to top right,#3F7FD6 0%,#4A90E2 45%,#69B9E5 100%)}
.gp-hero .gp-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.gp-hero h1{font-size:40px;color:#fff;margin-bottom:14px;font-weight:800;line-height:1.14}
.gp-hero .gp-lead{color:rgba(255,255,255,.92);font-size:17px;max-width:520px}
.gp-hl{color:#fff;background:linear-gradient(transparent 55%,var(--gp-yellow) 55%);padding:0 .12em;border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.gp-keyfacts{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.gp-keyfacts span{background:rgba(255,255,255,.14);border-radius:8px;padding:8px 13px;font-size:13px;font-weight:600;color:#fff}
.gp-vrow{display:flex;gap:22px;flex-wrap:wrap;margin-top:26px;padding-top:22px;border-top:1px solid rgba(255,255,255,.18)}
.gp-vrow div{display:flex;align-items:center;gap:9px;color:#e3f0fb;font-size:14px;font-weight:500}
.gp-tick{color:#fff;background:var(--gp-green);width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex:none}
/* hero visual */
.gp-art{position:relative;min-height:380px;display:flex;align-items:center;justify-content:center}
.gp-art .glow{position:absolute;z-index:0;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22),rgba(255,255,255,.05) 46%,transparent 68%)}
.gp-art .blob{position:absolute;z-index:0;border-radius:50%;filter:blur(34px)}
.gp-art .blob.b1{width:280px;height:280px;background:rgba(124,162,250,.45);top:-6px;right:6px}
.gp-art .blob.b2{width:220px;height:220px;background:rgba(58,200,140,.4);bottom:-8px;left:-8px}
.gp-art .blob.b3{width:150px;height:150px;background:rgba(255,217,59,.26);bottom:48px;right:-6px}
.gp-art img{position:relative;z-index:2;width:100%;max-width:430px;filter:drop-shadow(0 30px 56px rgba(5,14,42,.5))}
.gp-float{position:absolute;z-index:3;background:#fff;border-radius:14px;box-shadow:0 14px 36px rgba(5,16,48,.22);padding:10px 14px;font-family:var(--gp-fh);font-weight:600;font-size:12.5px;color:var(--gp-ink);display:flex;align-items:center;gap:9px;white-space:nowrap}
.gp-float .fi{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;flex:none}
.gp-float.f1{top:6px;left:-10px}.gp-float.f2{bottom:34px;right:-14px}
/* trust bar */
.gp-trustbar{background:#fff;border-bottom:1px solid var(--gp-border)}
.gp-trustbar .gp-wrap{display:flex;flex-wrap:wrap;gap:12px 26px;justify-content:center;align-items:center;padding:15px 24px}
.gp-trustbar .ti{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--gp-muted);font-weight:500}
.gp-trustbar .ti b{color:var(--gp-ink);font-family:var(--gp-fh)}.gp-trustbar .tc{color:#F2B01E;font-weight:800}
.gp-trustbar .sep{width:1px;height:15px;background:var(--gp-border)}
/* generic grid + cards */
.gp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;margin-top:26px}
.gp-card{background:#fff;border:1px solid var(--gp-border);border-radius:var(--gp-radius);box-shadow:var(--gp-shadow);padding:22px}
.gp-card .lbl{font-family:var(--gp-fh);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--gp-ink);margin-bottom:8px;display:block}
.gp-card ul{list-style:none;margin:0;padding:0}
.gp-card ul li{font-size:13.5px;color:var(--gp-muted);padding-left:22px;position:relative;margin-bottom:8px}
.gp-card ul li::before{content:"\2713";color:var(--gp-green);position:absolute;left:0;font-weight:800}
.gp-chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}
.gp-chip{background:#fff;border:1px solid var(--gp-border);color:var(--gp-muted);font-size:13px;font-weight:500;padding:7px 13px;border-radius:999px}
/* pricing tiers */
.gp-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;margin-top:28px;align-items:stretch}
.gp-tier{background:#fff;border:1px solid var(--gp-border);border-radius:var(--gp-radius);padding:24px;box-shadow:var(--gp-shadow-sm);position:relative;display:flex;flex-direction:column}
.gp-tier.pop{border:2px solid var(--gp-brand);box-shadow:0 16px 38px rgba(47,107,224,.16)}
.gp-pp{position:absolute;top:-12px;left:24px;background:var(--gp-brand);color:#fff;font-family:var(--gp-fh);font-size:11px;font-weight:600;padding:4px 12px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em}
.gp-pp.green{background:var(--gp-green)}
.gp-tier h4{font-family:var(--gp-fh);font-size:18px;color:var(--gp-ink);margin-bottom:2px}
.gp-tierdesc{font-size:12.5px;color:var(--gp-muted);margin:4px 0 14px;line-height:1.45}
.gp-pr{display:flex;align-items:baseline;gap:5px;font-family:var(--gp-fh);font-weight:800;font-size:34px;line-height:1;color:var(--gp-brand);letter-spacing:-.5px;margin:0}
.gp-pr .per{font-size:15px;font-weight:500;color:var(--gp-muted)}
.gp-saverow{display:flex;align-items:center;gap:10px;min-height:24px;margin:9px 0 16px;flex-wrap:wrap}
.gp-was{font-size:15px;color:var(--gp-muted);text-decoration:line-through;font-weight:500}
.gp-save{display:inline-flex;align-items:center;background:#E7F6EE;color:#1E8E54;font-family:var(--gp-fh);font-size:11px;font-weight:700;letter-spacing:.03em;padding:4px 10px;border-radius:999px;text-transform:uppercase}
.gp-tier ul{list-style:none;margin:0 0 18px;padding:0;flex:1 0 auto}
.gp-tier ul li{font-size:13.5px;color:var(--gp-text);padding-left:22px;position:relative;margin-bottom:9px;line-height:1.4}
.gp-tier ul li::before{content:"\2713";color:var(--gp-green);position:absolute;left:0;font-weight:800}
.gp-tier .gp-btn{margin-top:auto;width:100%}
/* extras tabs (pure CSS) */
.gp-tabs{position:relative;margin-top:24px}
.gp-tabs>input{position:absolute;opacity:0;width:18px;height:18px;top:0;left:0}
.gp-tablabels{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.gp-tablabels label{cursor:pointer;font-family:var(--gp-fh);font-weight:600;font-size:13px;color:var(--gp-text);background:#fff;border:1px solid var(--gp-border);border-radius:999px;padding:9px 16px;transition:.15s;user-select:none}
.gp-tablabels label:hover{border-color:var(--gp-brand);color:var(--gp-brand)}
.gp-tabpanel{display:none;grid-template-columns:1fr 1fr;gap:18px 32px}
.gp-tabdesc{grid-column:1/-1;font-size:13px;color:var(--gp-muted);margin:-2px 0 10px;line-height:1.45}
.gp-arow .gp-aname{display:flex;align-items:center;gap:8px;font-family:var(--gp-fh);font-weight:600;font-size:14px;color:var(--gp-ink);margin-bottom:3px}
.gp-arow .gp-ahelp{font-size:12.5px;color:var(--gp-muted);line-height:1.45}
.gp-arec{font-family:var(--gp-fh);font-size:10px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#1E8E54;background:#E7F6EE;border-radius:999px;padding:2px 8px;white-space:nowrap}
#gpx1:checked~.gp-tablabels label[for=gpx1],#gpx2:checked~.gp-tablabels label[for=gpx2],#gpx3:checked~.gp-tablabels label[for=gpx3],#gpx4:checked~.gp-tablabels label[for=gpx4],#gpx5:checked~.gp-tablabels label[for=gpx5]{background:var(--gp-brand);border-color:var(--gp-brand);color:#fff}
#gpx1:checked~.gp-tabpanels #gpp1,#gpx2:checked~.gp-tabpanels #gpp2,#gpx3:checked~.gp-tabpanels #gpp3,#gpx4:checked~.gp-tabpanels #gpp4,#gpx5:checked~.gp-tabpanels #gpp5{display:grid}
/* related / next-step */
.gp-next{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;background:var(--gp-tint);border:1px solid #d4e3fb;border-radius:var(--gp-radius);padding:22px 26px;margin-top:26px}
.gp-next .nl{font-family:var(--gp-fh);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--gp-brand);margin-bottom:4px}
.gp-next h3{color:var(--gp-ink);font-size:20px;margin:0}
.gp-next p{font-size:14px;color:var(--gp-muted);margin:4px 0 0}
.gp-related{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:24px}
.gp-rel{background:#fff;border:1px solid var(--gp-border);border-radius:var(--gp-radius);padding:18px;box-shadow:var(--gp-shadow-sm);display:flex;flex-direction:column;gap:6px;transition:.15s}
.gp-rel:hover{border-color:var(--gp-brand);box-shadow:var(--gp-shadow)}
.gp-rel h4{font-family:var(--gp-fh);font-size:15px;color:var(--gp-ink);margin:0}
.gp-rel p{font-size:13px;color:var(--gp-muted);margin:0}
.gp-rel .go{margin-top:auto;color:var(--gp-brand);font-weight:600;font-size:13px}
/* faq */
.gp-faq{margin-top:24px;max-width:840px}
.gp-faq details{background:#fff;border:1px solid var(--gp-border);border-radius:var(--gp-radius);margin-bottom:12px;overflow:hidden}
.gp-faq summary{cursor:pointer;padding:16px 20px;font-family:var(--gp-fh);font-weight:600;font-size:15px;color:var(--gp-ink);list-style:none;display:flex;justify-content:space-between;gap:14px}
.gp-faq summary::-webkit-details-marker{display:none}
.gp-faq summary::after{content:"+";color:var(--gp-brand);font-size:22px;font-weight:700}
.gp-faq details[open] summary::after{content:"\2013"}
.gp-faq p{padding:0 20px 18px;font-size:14px;color:var(--gp-muted);margin:0}
.gp-note{font-size:12.5px;color:var(--gp-muted);margin-top:12px}.gp-note a{color:#0075de!important;-webkit-text-fill-color:#0075de!important;font-weight:600}
/* spacing for the bundle meta line under the bundle cards */
.gp-bundlemeta{margin-top:22px;font-size:12px}
/* main-use strip on hub service cards */
.gp-usestrip{font-size:12px;font-weight:600;color:var(--gp-brand);background:var(--gp-tint);border-radius:7px;padding:7px 11px;margin:0 0 12px;text-align:center}
/* sample-report text link inside hero (sits on blue bg → light, locked) */
.gp-hero .gp-sample,.gp-hero .gp-sample:link,.gp-hero .gp-sample:visited{display:inline-flex;align-items:center;gap:7px;margin-top:14px;font-family:var(--gp-fh);font-size:13px;font-weight:600;color:#fff!important;-webkit-text-fill-color:#fff!important;text-decoration:underline!important;text-underline-offset:3px}
.gp-hero .gp-sample:hover,.gp-hero .gp-sample:focus{color:#dfe9ff!important;-webkit-text-fill-color:#dfe9ff!important}
/* reporting trust strip under pricing/bundles */
.gp-reportstrip{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;text-align:center;background:#fff;border:1px solid var(--gp-border);border-radius:var(--gp-radius);padding:14px 20px;margin-top:24px;font-size:14px;color:var(--gp-muted);box-shadow:var(--gp-shadow-sm)}
.gp-reportstrip a,.gp-reportstrip a:link,.gp-reportstrip a:visited{color:#0075de!important;-webkit-text-fill-color:#0075de!important;font-weight:600;white-space:nowrap;text-decoration:none}
.gp-reportstrip a:hover{text-decoration:underline!important}
.gp-final h2{color:#fff;font-size:30px}
/* responsive */
@media(max-width:860px){
  .gp-hero .gp-wrap{grid-template-columns:1fr}
  .gp-hero h1{font-size:31px}
  .gp-art{order:0;min-height:0;margin:14px auto 0;max-width:330px}
  .gp-art img{max-width:280px}.gp-art .gp-float{display:none}
  .gp h2{font-size:24px}.gp-section{padding:50px 0}
}
@media(max-width:640px){
  .gp-tabpanel{grid-template-columns:1fr;gap:16px}
  .gp-tablabels{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}
  .gp-tablabels label{white-space:nowrap;flex:0 0 auto}
  .gp-btnrow .gp-btn{width:100%}
  .gp-next{flex-direction:column;align-items:flex-start}
}

/* ===========================================================================
   GrowthPages brand color overrides - added for SEOeStore alignment
   Palette pulled from panel.seoestore.net (press-release / style.css):
     blue #0075de · orange #ff851b · red #dd4b39 · green #01ad75 · gold #f2b01e
   CSS-only overrides appended at end of file. No HTML / image / link changes.
   =========================================================================== */

/* HERO — richer SEOeStore brand-blue gradient (deep bottom-left -> light top-right) */
.gp .gp-hero.gp-hero-campaigns{background:linear-gradient(to top right,#0075de 0%,#2f8fe6 55%,#7cc0f3 100%)}

/* SECTION EYEBROWS -> warm SEOeStore orange (breaks the all-blue feel; darkened for contrast) */
.gp .gp-kicker{color:#cc6200}
.gp .gp-section.blue .gp-kicker{color:#ffd2a6}

/* HERO secondary badge -> orange pop (matches the PR "Updated 2026" badge); card badge stays blue */
.gp .gp-badge.green{background:#ff851b}

/* SUCCESS accents -> SEOeStore green */
.gp .gp-tick{background:#01ad75}
.gp .gp-card ul li::before,.gp .gp-tier ul li::before{color:#01ad75}
.gp .gp-save{background:#e2f6ef;color:#018a5e}
.gp .gp-arec{background:#e2f6ef;color:#018a5e}

/* PRICING / BUNDLE ribbons -> lively: "Most popular" = SEOeStore red, discount tags = green */
.gp .gp-pp{background:#dd4b39}
.gp .gp-pp.green{background:#01ad75}
.gp .gp-tier.pop{box-shadow:0 16px 38px rgba(0,117,222,.16)}

/* "Best for" strip on hub cards -> warm orange tint (was blue tint) */
.gp .gp-usestrip{background:#fff2e6;color:#b5560a}

/* FEATURE CHIPS -> subtle branded tint */
.gp .gp-chip{background:#f4f8fd;border-color:#d9e6f4;color:#5a6b7e}

/* TRUST stars keep SEOeStore gold */
.gp .gp-trustbar .tc{color:#f2b01e}

/* IMAGE DISPLAY CONSISTENCY (no image edits): equal container, height auto, no distortion */
.gp .gp-art img{max-width:420px;height:auto;object-fit:contain}
@media(max-width:860px){.gp .gp-art img{max-width:280px}}