:root {
  --blue-950:#0a1628; --blue-900:#0f1f3d; --blue-800:#1a3260;
  --blue-700:#1e4080; --blue-600:#2563eb; --blue-500:#3b82f6;
  --blue-400:#60a5fa; --blue-100:#dbeafe; --blue-50:#eff6ff;
  --accent:#0ea5e9; --wa-green:#25d366;
  --surface:#f8faff; --white:#ffffff;
  --text-primary:#0a1628; --text-secondary:#4b5e7e; --text-muted:#8499b8;
  --border:#e2eaf8;
  --radius-sm:0.5rem; --radius-md:0.75rem; --radius-lg:1.25rem;
  --radius-xl:1.75rem; --radius-full:6.25rem;
  --shadow-sm:0 0.0625rem 0.25rem rgba(10,22,40,.07);
  --shadow-md:0 0.25rem 1.25rem rgba(37,99,235,.10);
  --shadow-lg:0 0.5rem 2.5rem rgba(37,99,235,.15);
  --shadow-blue:0 0.5rem 2rem rgba(37,99,235,.22);
}
/* 110% zoom equivalent: slightly reduced scale for better fit */
html{font-size:110%;scroll-behavior:smooth}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:'DM Sans',sans-serif;background:var(--white);color:var(--text-primary);overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
button{cursor:pointer;border:none;background:none;font-family:inherit}
.container{max-width:72.5rem;margin:0 auto;padding:0 1.5rem}
.section{padding:5.5rem 0}
.section-sm{padding:3.5rem 0}
.tag{display:inline-flex;align-items:center;gap:0.375rem;background:var(--blue-50);color:var(--blue-600);font-family:'Plus Jakarta Sans',sans-serif;font-size:0.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:0.3125rem 0.75rem;border-radius:var(--radius-full);border:1px solid var(--blue-100)}
.highlight{color:var(--blue-600)}
.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;background:var(--blue-600);color:var(--white);font-family:'Plus Jakarta Sans',sans-serif;font-size:0.9375rem;font-weight:700;padding:0.8125rem 1.625rem;border-radius:var(--radius-full);box-shadow:var(--shadow-blue);transition:all .2s}
.btn-primary:hover{background:var(--blue-700);transform:translateY(-0.0625rem)}
.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;background:transparent;color:var(--blue-600);font-family:'Plus Jakarta Sans',sans-serif;font-size:0.9375rem;font-weight:600;padding:0.75rem 1.5rem;border-radius:var(--radius-full);border:1.5px solid #bfdbfe;transition:all .2s}
.btn-ghost:hover{background:var(--blue-50);border-color:var(--blue-600)}
.btn-white{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;background:var(--white);color:var(--blue-700);font-family:'Plus Jakarta Sans',sans-serif;font-size:0.9375rem;font-weight:700;padding:0.8125rem 1.625rem;border-radius:var(--radius-full);box-shadow:0 0.25rem 1rem rgba(0,0,0,.1);transition:all .2s}
.btn-white:hover{transform:translateY(-0.0625rem);box-shadow:0 0.5rem 1.5rem rgba(0,0,0,.15)}
.fade-up{opacity:0;transform:translateY(1.5rem);transition:opacity .5s ease,transform .5s ease}
.fade-up.visible{opacity:1;transform:translateY(0)}
.fade-up-delay-1{transition-delay:.1s}
.fade-up-delay-2{transition-delay:.2s}
.fade-up-delay-3{transition-delay:.3s}
.fade-up-delay-4{transition-delay:.4s}

/* NAVBAR */
#navbar{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:blur(1rem);-webkit-backdrop-filter:blur(1rem);border-bottom:1px solid transparent;transition:border-color .3s}
#navbar.scrolled{border-bottom-color:var(--border)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:4rem}
.nav-logo{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:1.375rem;color:var(--blue-900);letter-spacing:-.03em}
.nav-logo .dot{color:var(--blue-500)}
.nav-links{display:flex;align-items:center;gap:2rem}
.nav-links a{font-size:0.875rem;font-weight:500;color:var(--text-secondary);transition:color .2s}
.nav-links a:hover,.nav-links a.active{color:var(--blue-600);font-weight:700}
.nav-cta{display:flex;align-items:center;gap:0.75rem}
.hamburger{display:none;flex-direction:column;gap:0.3125rem;padding:0.25rem;cursor:pointer}
.hamburger span{display:block;width:1.375rem;height:0.125rem;background:var(--text-primary);border-radius:0.125rem}
.mobile-menu{display:none;position:fixed;inset:0;z-index:200;background:var(--white);flex-direction:column;padding:1.5rem}
.mobile-menu.open{display:flex}
.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2.5rem}
.mobile-menu nav{display:flex;flex-direction:column;gap:1.5rem}
.mobile-menu nav a{font-size:1.375rem;font-weight:700;color:var(--text-primary)}
.mobile-menu .close-menu{font-size:1.75rem;cursor:pointer;color:var(--text-secondary)}
.mobile-menu .mobile-cta{margin-top:2.5rem}

/* HERO */
#pricing-hero{background:var(--blue-950);position:relative;overflow:hidden;padding:5rem 0 3.75rem}
#pricing-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 10% 50%,rgba(37,99,235,.18) 0%,transparent 60%),radial-gradient(ellipse 50% 70% at 90% 20%,rgba(14,165,233,.12) 0%,transparent 55%);pointer-events:none}
.hero-inner{position:relative;z-index:1;text-align:center}
.pricing-badge{display:inline-flex;align-items:center;gap:0.5rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-full);padding:0.375rem 1rem;font-size:0.75rem;font-weight:700;color:var(--blue-400);letter-spacing:.06em;text-transform:uppercase;margin-bottom:1.5rem}
.pricing-h1{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:clamp(2.25rem,5vw,3.625rem);line-height:1.1;letter-spacing:-.03em;color:var(--white);margin-bottom:1.25rem}
.pricing-sub{font-size:1.125rem;line-height:1.65;color:rgba(255,255,255,.55);max-width:36.25rem;margin:0 auto 2.5rem}
.pricing-trust-row{display:flex;align-items:center;justify-content:center;gap:1.75rem;flex-wrap:wrap;margin-bottom:3.25rem}
.pricing-trust-item{display:flex;align-items:center;gap:0.375rem;font-size:0.8125rem;color:rgba(255,255,255,.55)}
.pricing-trust-item .check{color:var(--wa-green)}
.pricing-toggle-hero{display:flex;justify-content:center;padding-bottom:3.25rem}
.pricing-controls{padding:1.5rem 0}
.pricing-controls-inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;width:100%;max-width:72.5rem;margin:0 auto;padding:0 1.5rem}
.pricing-controls .control-group{display:flex;align-items:center;gap:0.625rem}
.pricing-controls .control-group-currency{margin-left:auto}
.pricing-controls .control-label{font-size:0.8125rem;font-weight:600;color:var(--text-secondary)}
.pricing-controls .currency-select{padding:0.5rem 0.875rem;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--white);color:var(--text-primary);font-family:'Plus Jakarta Sans',sans-serif;font-size:0.875rem;font-weight:600;cursor:pointer;min-width:6.25rem}
.pricing-controls .currency-select:hover,.pricing-controls .currency-select:focus{border-color:var(--blue-500);outline:none}
.billing-toggle{display:flex;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-full);padding:0.25rem;gap:0.25rem}
.billing-btn{padding:0.5rem 1.25rem;border-radius:var(--radius-full);font-family:'Plus Jakarta Sans',sans-serif;font-size:0.8125rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .2s;border:none;background:transparent}
.billing-btn:hover{color:var(--text-primary)}
.billing-btn.active{background:var(--blue-600);color:var(--white)}
.currency-wrap{display:flex;align-items:center;justify-content:center;gap:0.625rem;margin-top:0.5rem;padding-bottom:1.5rem}
.currency-label{font-size:0.8125rem;font-weight:600;color:rgba(255,255,255,.6)}
.currency-select{padding:0.5rem 0.875rem;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:var(--white);font-family:'Plus Jakarta Sans',sans-serif;font-size:0.875rem;font-weight:600;cursor:pointer;min-width:6.25rem}
.currency-select:hover,.currency-select:focus{border-color:var(--blue-400);outline:none}
.ptog-wrap{display:flex;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-full);padding:0.25rem;gap:0.25rem}
.ptog-btn{padding:0.625rem 1.625rem;border-radius:var(--radius-full);font-family:'Plus Jakarta Sans',sans-serif;font-size:0.875rem;font-weight:600;color:rgba(255,255,255,.5);cursor:pointer;transition:all .2s;border:none;background:transparent;display:flex;align-items:center;gap:0.5rem}
.ptog-btn.active{background:var(--white);color:var(--text-primary)}
.save-badge{background:#dcfce7;color:#166534;font-size:0.6875rem;font-weight:700;padding:0.125rem 0.5rem;border-radius:var(--radius-full)}

/* PLAN CARDS */
#plans{background:var(--surface);padding:0 0 5.5rem}
.store-choice-section{text-align:center;padding:2rem 0 1.5rem}
.store-choice-q{font-family:'Plus Jakarta Sans',sans-serif;font-size:0.8125rem;font-weight:600;color:var(--text-primary);margin:0 0 0.5rem 0}
.store-choice-options{display:inline-flex;gap:0.5rem;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-full);padding:0.25rem}
.store-choice-btn{padding:0.5rem 1.25rem;border-radius:var(--radius-full);font-family:'Plus Jakarta Sans',sans-serif;font-size:0.8125rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .2s;border:none;background:transparent}
.store-choice-btn:hover{color:var(--text-primary)}
.store-choice-btn.active{background:var(--blue-600);color:var(--white)}
.store-choice-hint{font-size:0.8125rem;color:var(--text-muted);margin-top:0.75rem}
.plans-billing-controls{margin-bottom:1rem;padding:1rem 0}
.plans-controls-row{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}
.plans-controls-row .control-group{flex:0 0 auto}
.plans-controls-row .store-choice-inline{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-width:0}
.plans-controls-row .control-group-currency{margin-left:auto}
/* Currency dropdown: same blue active style as Plan (Monthly) */
.plans-billing-controls .control-group-currency .currency-select{background:var(--blue-600);color:var(--white);border-color:var(--blue-600)}
.plans-billing-controls .control-group-currency .currency-select:hover,.plans-billing-controls .control-group-currency .currency-select:focus{background:var(--blue-700);border-color:var(--blue-700);outline:none}
.plans-billing-controls .control-group-currency .currency-select option{background:var(--white);color:var(--text-primary)}
.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:0}
#plans.has-shopify .plan-card--basic{display:none !important}
#plans:not(.has-shopify) .plan-card--essential{display:none !important}
#plans.has-shopify .integ-col--basic{display:none !important}
#plans:not(.has-shopify) .integ-col--essential{display:none !important}
#plans.has-shopify .integ-grid--four{grid-template-columns:repeat(3,1fr)}
#plans:not(.has-shopify) .integ-grid--four{grid-template-columns:repeat(3,1fr)}
#plans.has-shopify .compare-col-basic,
#plans.has-shopify #compare-th-basic{display:none !important}
#plans:not(.has-shopify) .compare-col-essential,
#plans:not(.has-shopify) #compare-th-essential{display:none !important}
/* Same visibility for Integrations & Compare (they are outside #plans) */
body.has-shopify .integ-col--basic{display:none !important}
body:not(.has-shopify) .integ-col--essential{display:none !important}
body.has-shopify .integ-grid--four{grid-template-columns:repeat(3,1fr)}
body:not(.has-shopify) .integ-grid--four{grid-template-columns:repeat(3,1fr)}
body.has-shopify .compare-col-basic,
body.has-shopify #compare-th-basic{display:none !important}
body:not(.has-shopify) .compare-col-essential,
body:not(.has-shopify) #compare-th-essential{display:none !important}
.plan-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-xl);padding:1.5rem 1.25rem;transition:box-shadow .25s,transform .25s;position:relative;display:flex;flex-direction:column}
.plan-card:hover{box-shadow:var(--shadow-md);transform:translateY(-0.25rem)}
.plan-card.popular{border:2.5px solid var(--blue-500);box-shadow:var(--shadow-blue),0 0 0 0.25rem rgba(37,99,235,.06)}
.plan-card.plan-pro{background:linear-gradient(160deg,#0f1f3d 0%,#1a2f5e 100%);border-color:transparent;box-shadow:0 0.5rem 3rem rgba(10,22,40,.35)}
.popular-ribbon{position:absolute;top:-0.875rem;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--blue-600),var(--accent));color:var(--white);font-family:'Plus Jakarta Sans',sans-serif;font-size:0.6875rem;font-weight:800;letter-spacing:.05em;padding:0.3125rem 1rem;border-radius:var(--radius-full);white-space:nowrap;box-shadow:0 0.25rem 0.75rem rgba(37,99,235,.35)}
.pro-ribbon{position:absolute;top:-0.875rem;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#7c3aed,#4f46e5);color:var(--white);font-family:'Plus Jakarta Sans',sans-serif;font-size:0.6875rem;font-weight:800;letter-spacing:.05em;padding:0.3125rem 1rem;border-radius:var(--radius-full);white-space:nowrap;box-shadow:0 0.25rem 0.75rem rgba(124,58,237,.4)}
.plan-tier-label{font-family:'Plus Jakarta Sans',sans-serif;font-size:0.6875rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:0.375rem}
.plan-tier-essentials{color:#0d9488}
.plan-tier-basic{color:#0d9488}
.plan-tier-starter{color:#64748b}
.plan-tier-growth{color:var(--blue-600)}
.plan-tier-pro{color:#a78bfa}
.plan-name{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.25rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:0.25rem}
.plan-card.plan-pro .plan-name{color:var(--white)}
.plan-tagline{font-size:0.75rem;color:var(--text-muted);margin-bottom:0.875rem;line-height:1.4}
.plan-card.plan-pro .plan-tagline{color:rgba(255,255,255,.4)}
.plan-price-row{display:flex;align-items:baseline;gap:0.125rem;margin-bottom:0.25rem}
.plan-currency{font-size:1.125rem;font-weight:700;color:var(--text-muted);align-self:flex-start;padding-top:0.5rem}
.plan-card.plan-pro .plan-currency{color:rgba(255,255,255,.5)}
.plan-price{font-family:'Plus Jakarta Sans',sans-serif;font-size:2.25rem;font-weight:800;color:var(--text-primary);letter-spacing:-.04em;line-height:1}
.plan-card.plan-pro .plan-price{color:var(--white)}
.plan-price-orig{font-family:'Plus Jakarta Sans',sans-serif;font-size:0.9375rem;font-weight:600;color:var(--text-muted);text-decoration:line-through;margin-left:0.375rem;align-self:center}
.plan-card.plan-pro .plan-price-orig{color:rgba(255,255,255,.3)}
.plan-period{font-size:0.8125rem;color:var(--text-muted);margin-bottom:0.375rem}
.plan-card.plan-pro .plan-period{color:rgba(255,255,255,.4)}
.annual-savings-pill{display:none;background:#dcfce7;color:#166534;font-size:0.6875rem;font-weight:700;padding:0.1875rem 0.625rem;border-radius:var(--radius-full);margin-bottom:1rem;width:fit-content}
.plan-card.plan-pro .annual-savings-pill{background:rgba(167,139,250,.2);color:#c4b5fd}
.plan-divider{border:none;border-top:1px solid var(--border);margin:0.75rem 0}
.plan-card.plan-pro .plan-divider{border-color:rgba(255,255,255,.08)}
.plan-cta{width:100%;margin-bottom:0.875rem}
.plan-cta-pro{width:100%;margin-bottom:0.875rem;display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;background:linear-gradient(135deg,#7c3aed,#4f46e5);color:var(--white);font-family:'Plus Jakarta Sans',sans-serif;font-size:0.875rem;font-weight:700;padding:0.6875rem 1.375rem;border-radius:var(--radius-full);box-shadow:0 0.5rem 2rem rgba(124,58,237,.3);transition:all .2s;cursor:pointer;border:none;text-decoration:none}
.plan-cta-pro:hover{transform:translateY(-0.0625rem);box-shadow:0 0.75rem 2.5rem rgba(124,58,237,.4)}
.plan-feat-label{font-size:0.625rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted);margin:0.625rem 0 0.375rem}
.plan-card.plan-pro .plan-feat-label{color:rgba(255,255,255,.25)}
.plan-features{display:flex;flex-direction:column;gap:0.375rem}
.plan-feat{display:flex;align-items:flex-start;gap:0.5rem;font-size:0.75rem;color:var(--text-secondary);line-height:1.45}
.plan-card.plan-pro .plan-feat{color:rgba(255,255,255,.65)}
.feat-icon{width:0.9375rem;height:0.9375rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:0.0625rem;font-size:0.4375rem}
.fi-starter{background:var(--blue-50);border:1px solid var(--blue-100);color:var(--blue-600)}
.fi-basic{background:#ccfbf1;border:1px solid #99f6e4;color:#0d9488}
.fi-essentials{background:#ccfbf1;border:1px solid #99f6e4;color:#0d9488}
.fi-growth{background:#eff6ff;border:1px solid #bfdbfe;color:var(--blue-600)}
.fi-pro{background:rgba(167,139,250,.15);border:1px solid rgba(167,139,250,.3);color:#a78bfa}
.feat-strong{font-weight:700;color:var(--text-primary)}
.plan-card.plan-pro .feat-strong{color:rgba(255,255,255,.9)}
.trial-note{font-size:0.6875rem;color:var(--text-muted);text-align:center;margin-top:auto;padding-top:0.75rem}
.plan-card.plan-pro .trial-note{color:rgba(255,255,255,.25)}

/* WA BILLING */
.wa-billing-strip{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #7dd3fc;border-radius:var(--radius-lg);padding:1.5rem 1.75rem;margin-top:2rem;display:flex;align-items:flex-start;gap:1rem}
.wa-billing-icon{font-size:1.5rem;flex-shrink:0}
.wa-billing-text{font-size:0.875rem;color:#0c4a6e;line-height:1.65}
.wa-billing-text strong{font-weight:700}
.wa-billing-link{color:var(--blue-600);font-weight:600;text-decoration:underline;text-underline-offset:0.125rem}

/* PLAN RECOMMENDER */
#recommender{background:linear-gradient(160deg,#0a1628 0%,#0f2044 100%);padding:5rem 0;position:relative;overflow:hidden}
#recommender::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 100%,rgba(37,99,235,.15) 0%,transparent 60%);pointer-events:none}
.recommender-inner{position:relative;z-index:1;max-width:47.5rem;margin:0 auto;text-align:center}
.rec-eyebrow{font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--blue-400);margin-bottom:0.875rem}
.rec-h2{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:clamp(1.625rem,3.5vw,2.5rem);line-height:1.15;letter-spacing:-.025em;color:var(--white);margin-bottom:0.75rem}
.rec-sub{font-size:1rem;color:rgba(255,255,255,.45);margin-bottom:2.75rem}
.rec-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:2.5rem;text-align:left}
.rec-step{display:none}
.rec-step.active{display:block}
.rec-step-label{font-size:0.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--blue-400);margin-bottom:0.5rem}
.rec-q{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.25rem;font-weight:700;color:var(--white);margin-bottom:1.5rem;line-height:1.3}
.rec-q-hint{font-size:0.875rem;font-weight:500;color:rgba(255,255,255,.5)}
.rec-options{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem}
.rec-opt{display:flex;align-items:center;gap:0.875rem;background:rgba(255,255,255,.05);border:1.5px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:1rem 1.125rem;cursor:pointer;transition:all .2s;text-align:left}
.rec-opt:hover{background:rgba(37,99,235,.15);border-color:rgba(37,99,235,.5)}
.rec-opt.selected{background:rgba(37,99,235,.2);border-color:var(--blue-500)}
.rec-opt-icon{font-size:1.375rem;flex-shrink:0;width:2.625rem;height:2.625rem;background:rgba(255,255,255,.06);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}
.rec-opt-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:0.875rem;font-weight:700;color:var(--white);margin-bottom:0.125rem}
.rec-opt-desc{font-size:0.75rem;color:rgba(255,255,255,.4);line-height:1.4}
.rec-nav{display:flex;align-items:center;justify-content:space-between;margin-top:1.75rem}
.rec-progress{display:flex;align-items:center;gap:0.5rem}
.rec-dot{width:0.5rem;height:0.5rem;border-radius:50%;background:rgba(255,255,255,.15);transition:all .3s}
.rec-dot.active{background:var(--blue-500);width:1.5rem;border-radius:0.25rem}
.rec-dot.done{background:rgba(37,99,235,.6)}
.rec-next{display:inline-flex;align-items:center;gap:0.5rem;background:var(--blue-600);color:var(--white);font-family:'Plus Jakarta Sans',sans-serif;font-size:0.875rem;font-weight:700;padding:0.6875rem 1.375rem;border-radius:var(--radius-full);transition:all .2s;opacity:.4;pointer-events:none;border:none;cursor:pointer}
.rec-next.enabled{opacity:1;pointer-events:auto}
.rec-next.enabled:hover{background:var(--blue-700)}
.rec-back{font-size:0.8125rem;color:rgba(255,255,255,.35);cursor:pointer;transition:color .2s;border:none;background:none;font-family:inherit;padding:0}
.rec-back:hover{color:rgba(255,255,255,.7)}
#rec-result{display:none;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:2.5rem;text-align:center}
.rec-result-tag{display:inline-block;font-size:0.6875rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;padding:0.25rem 0.75rem;border-radius:var(--radius-full);margin-bottom:1rem}
.tag-basic{background:rgba(13,148,136,.2);color:#5eead4}
.tag-starter{background:rgba(100,116,139,.15);color:#94a3b8}
.tag-growth{background:rgba(37,99,235,.15);color:var(--blue-400)}
.tag-pro{background:rgba(124,58,237,.15);color:#a78bfa}
.rec-result-plan{font-family:'Plus Jakarta Sans',sans-serif;font-size:2.125rem;font-weight:800;color:var(--white);margin-bottom:0.375rem;letter-spacing:-.02em}
.rec-result-price{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.25rem;font-weight:700;margin-bottom:1rem}
.price-basic{color:#5eead4}
.price-starter{color:#94a3b8}
.price-growth{color:var(--blue-400)}
.price-pro{color:#a78bfa}
.rec-result-why{font-size:0.9375rem;color:rgba(255,255,255,.55);line-height:1.7;max-width:30rem;margin:0 auto 1.75rem}
.rec-result-bullets{display:flex;flex-direction:column;gap:0.5rem;max-width:25rem;margin:0 auto 2rem;text-align:left}
.rec-result-bullet{display:flex;align-items:flex-start;gap:0.625rem;font-size:0.8125rem;color:rgba(255,255,255,.6);line-height:1.5}
.rec-bullet-icon{width:1.125rem;height:1.125rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.5625rem;flex-shrink:0;margin-top:0.125rem}
.bi-basic{background:rgba(13,148,136,.2);color:#5eead4}
.bi-starter{background:rgba(100,116,139,.2);color:#94a3b8}
.bi-growth{background:rgba(37,99,235,.2);color:var(--blue-400)}
.bi-pro{background:rgba(124,58,237,.2);color:#a78bfa}
.rec-result-actions{display:flex;align-items:center;justify-content:center;gap:0.75rem;flex-wrap:wrap}
.rec-retake{font-size:0.8125rem;color:rgba(255,255,255,.3);margin-top:1rem;cursor:pointer;background:none;border:none;font-family:inherit}
.rec-retake:hover{color:rgba(255,255,255,.6);text-decoration:underline}

/* INTEGRATIONS */
#integrations{background:var(--white);padding:5.5rem 0}
.integ-header{text-align:center;margin-bottom:3.5rem}
.integ-h2{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:clamp(1.75rem,3.5vw,2.5rem);line-height:1.15;letter-spacing:-.025em;color:var(--text-primary);margin-bottom:0.75rem}
.integ-sub{font-size:1.0625rem;color:var(--text-secondary);max-width:35rem;margin:0 auto}
.integ-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
.integ-grid--three{grid-template-columns:repeat(3,1fr)}
.integ-grid--four{grid-template-columns:repeat(4,1fr)}
.integ-col{border-radius:var(--radius-xl);overflow:hidden;border:1.5px solid var(--border)}
.integ-col-starter{border-color:#e2e8f0}
.integ-col-essentials{border-color:#99f6e4;box-shadow:0 0 0 0.1875rem rgba(13,148,136,.05)}
.integ-col-growth{border-color:#bfdbfe;box-shadow:0 0 0 0.1875rem rgba(37,99,235,.05)}
.integ-col-pro{border-color:#ddd6fe;box-shadow:0 0 0 0.1875rem rgba(124,58,237,.05)}
.integ-col-head{padding:1.375rem 1.5rem 1.125rem}
.integ-col-head-starter{background:linear-gradient(135deg,#f8faff,#f1f5f9)}
.integ-col-head-essentials{background:linear-gradient(135deg,#f0fdfa,#ccfbf1)}
.integ-col-head-growth{background:linear-gradient(135deg,#eff6ff,#dbeafe)}
.integ-col-head-pro{background:linear-gradient(135deg,#f5f3ff,#ede9fe)}
.integ-plan-label{font-size:0.625rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;margin-bottom:0.25rem}
.ipl-starter{color:#64748b}
.ipl-essentials{color:#0d9488}
.ipl-growth{color:var(--blue-600)}
.ipl-pro{color:#7c3aed}
.integ-plan-name{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.25rem;font-weight:800;letter-spacing:-.02em;margin-bottom:0.125rem}
.ipn-starter{color:#334155}
.ipn-essentials{color:#0f766e}
.ipn-growth{color:var(--blue-800)}
.ipn-pro{color:#5b21b6}
.integ-plan-price{font-family:'Plus Jakarta Sans',sans-serif;font-size:0.875rem;font-weight:700}
.ipp-starter{color:#94a3b8}
.ipp-essentials{color:#0d9488}
.ipp-growth{color:var(--blue-500)}
.ipp-pro{color:#8b5cf6}
.integ-body{padding:1.25rem 1.5rem 1.5rem}
.integ-section-label{font-size:0.625rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted);margin:0.875rem 0 0.5rem}
.integ-section-label:first-child{margin-top:0}
.integ-chips{display:flex;flex-wrap:wrap;gap:0.4375rem}
.integ-chip{display:flex;align-items:center;gap:0.375rem;padding:0.3125rem 0.6875rem;border-radius:var(--radius-full);font-size:0.75rem;font-weight:600;transition:transform .15s;white-space:nowrap}
.integ-chip:hover{transform:scale(1.04)}
.ic-wa{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}
.ic-shopify{background:#fef3c7;color:#92400e;border:1px solid #fde68a}
.ic-logistics{background:#f0f9ff;color:#075985;border:1px solid #bae6fd}
.ic-ig{background:#fff0f6;color:#be185d;border:1px solid #fbcfe8}
.ic-fb{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}
.ic-email{background:#f5f3ff;color:#6d28d9;border:1px solid #ddd6fe}
.ic-chat{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}
.ic-returns{background:#f5f3ff;color:#7c3aed;border:1px solid #c4b5fd}
.ic-api{background:#fdf4ff;color:#a21caf;border:1px solid #e879f9}
.ic-analytics{background:#fff7ed;color:#c2410c;border:1px solid #fdba74}
.integ-inherits{display:flex;align-items:center;gap:0.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:0.625rem 0.875rem;font-size:0.75rem;color:var(--text-muted);margin-bottom:0.75rem}

/* COMPARISON TABLE */
#compare{background:var(--white)}
.compare-header{text-align:center;margin-bottom:3rem}
.compare-h2{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:clamp(1.75rem,3.5vw,2.5rem);line-height:1.15;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:0.75rem}
.compare-sub{font-size:1.0625rem;color:var(--text-secondary)}
.compare-scroll-hint{display:none;font-size:0.75rem;color:var(--text-muted);text-align:center;margin-bottom:0.75rem}
.compare-wrap{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);-webkit-overflow-scrolling:touch}
.compare-table{width:100%;border-collapse:collapse;min-width:35rem}
.compare-table th{padding:1.125rem 1rem;text-align:center;font-family:'Plus Jakarta Sans',sans-serif;font-size:0.75rem;font-weight:800;background:var(--surface);border-bottom:2px solid var(--border);white-space:nowrap}
.compare-table th:first-child{text-align:left;width:15rem}
.compare-table th.th-growth{background:linear-gradient(135deg,var(--blue-600),var(--accent));color:var(--white);border-bottom-color:var(--blue-700)}
.compare-table th.th-essentials{background:linear-gradient(135deg,#0d9488,#0f766e);color:var(--white);border-bottom-color:#115e59}
.compare-table th.th-pro{background:linear-gradient(135deg,#7c3aed,#4f46e5);color:var(--white);border-bottom-color:#4338ca}
.compare-table td{padding:0.75rem 1rem;text-align:center;border-bottom:1px solid var(--border);font-size:0.8125rem;color:var(--text-secondary);background:var(--white)}
.compare-table td:first-child{text-align:left;font-weight:500;color:var(--text-primary)}
.compare-table td.td-growth{background:#eff6ff;color:var(--blue-700);font-weight:600;border-left:2px solid rgba(37,99,235,.1);border-right:2px solid rgba(37,99,235,.1)}
.compare-table td.td-essentials{background:#f0fdfa;color:#0f766e;font-weight:600;border-left:2px solid rgba(13,148,136,.1);border-right:2px solid rgba(13,148,136,.1)}
.compare-table td.td-pro{background:#f5f3ff;color:#5b21b6;font-weight:600;border-left:2px solid rgba(124,58,237,.1);border-right:2px solid rgba(124,58,237,.1)}
.compare-table tr:last-child td{border-bottom:none}
.check-yes{color:#16a34a;font-size:1rem}
.check-no{color:#d1d5db;font-size:1rem}
.check-partial{color:#f59e0b;font-size:0.75rem;font-weight:600;white-space:nowrap}
.cat-row td{background:var(--surface)!important;padding:0.5rem 1rem 0.25rem;font-size:0.625rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)!important}
.cat-row td.td-growth{background:#dbeafe!important;color:var(--blue-700)!important}
.cat-row td.td-essentials{background:#ccfbf1!important;color:#0f766e!important}
.cat-row td.td-pro{background:#ede9fe!important;color:#5b21b6!important}

/* WA RATES */
#wa-rates{background:var(--surface)}
.wa-rates-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:3.5rem;align-items:center;margin-top:3rem}
.wa-rates-left h2{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:2rem;line-height:1.2;letter-spacing:-.02em;margin-bottom:1rem}
.wa-rates-left p{font-size:1rem;color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem}
.wa-rates-highlight{display:inline-flex;align-items:center;gap:0.625rem;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--radius-md);padding:0.75rem 1.125rem;font-family:'Plus Jakarta Sans',sans-serif;font-size:1rem;font-weight:700;color:#15803d}
.wa-rates-right{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}
.rates-table-header{background:var(--blue-900);padding:1rem 1.25rem;font-family:'Plus Jakarta Sans',sans-serif;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.5)}
.rates-table{width:100%;border-collapse:collapse}
.rates-table td{padding:0.8125rem 1.25rem;font-size:0.8125rem;border-bottom:1px solid var(--border)}
.rates-table tr:last-child td{border-bottom:none}
.rate-type{font-weight:600;color:var(--text-primary)}
.rate-val{text-align:right;color:var(--text-secondary);white-space:nowrap}
.rate-markup{text-align:right;font-weight:700;color:#16a34a}
.competitor-note{margin-top:1rem;padding:0.75rem 1rem;background:#fef3c7;border:1px solid #fde68a;border-radius:var(--radius-md);font-size:0.8125rem;color:#78350f;line-height:1.6}
.competitor-note strong{color:#92400e}

/* ADD-ONS */
#addons{background:var(--white);border-top:1px solid var(--border)}
.addons-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:3rem}
.addon-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:1.75rem;transition:box-shadow .2s,transform .2s;position:relative}
.addon-card:hover{box-shadow:var(--shadow-md);transform:translateY(-0.125rem)}
.addon-avail{position:absolute;top:1rem;right:1rem;font-size:0.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:0.1875rem 0.5rem;border-radius:var(--radius-full)}
.aa-all{background:var(--blue-50);color:var(--blue-600)}
.aa-growth{background:#dbeafe;color:var(--blue-700)}
.addon-icon{font-size:1.875rem;margin-bottom:0.875rem}
.addon-name{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.0625rem;font-weight:700;color:var(--text-primary);margin-bottom:0.375rem}
.addon-price{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.5rem;font-weight:800;color:var(--blue-600);margin-bottom:0.125rem}
.addon-period{font-size:0.75rem;color:var(--text-muted);margin-bottom:0.75rem}
.addon-desc{font-size:0.84375rem;color:var(--text-secondary);line-height:1.65}
.addons-subheader{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.125rem;font-weight:800;color:var(--text-primary);margin-top:3rem;margin-bottom:1.25rem;text-align:center}
.addons-grid-extra{display:grid;grid-template-columns:repeat(auto-fill,minmax(17.5rem,1fr));gap:1.25rem}
.addon-card .addon-cta{display:inline-block;margin-top:0.75rem;font-size:0.8125rem;font-weight:700;color:var(--blue-600);padding:0.5rem 1rem;border-radius:var(--radius-full);border:1.5px solid var(--blue-200);transition:all .2s}
.addon-card .addon-cta:hover{background:var(--blue-50);border-color:var(--blue-600)}
.addon-badge{position:absolute;top:0.75rem;right:0.75rem;font-size:0.625rem;font-weight:800;letter-spacing:.06em;padding:0.1875rem 0.5rem;border-radius:var(--radius-full)}
.addon-badge-popular{background:linear-gradient(135deg,var(--blue-600),var(--accent));color:var(--white)}
.addon-badge-premium{background:linear-gradient(135deg,#7c3aed,#4f46e5);color:var(--white)}
.addon-card-popular{border-color:var(--blue-200);box-shadow:0 0 0 0.125rem rgba(37,99,235,.08)}
.addon-card-premium{border-color:#ddd6fe;box-shadow:0 0 0 0.125rem rgba(124,58,237,.08)}

/* PROOF */
#proof{background:var(--white);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.proof-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.proof-item{padding:1.75rem 1.5rem;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border)}
.proof-metric-big{font-family:'Plus Jakarta Sans',sans-serif;font-size:2rem;font-weight:800;color:var(--blue-600);margin-bottom:0.25rem;letter-spacing:-.02em}
.proof-metric-label{font-size:0.6875rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding-bottom:0.875rem;border-bottom:1px solid var(--border);margin-bottom:0.875rem}
.proof-quote-sm{font-size:0.84375rem;color:var(--text-secondary);font-style:italic;line-height:1.6;margin-bottom:0.875rem}
.proof-attr-sm{display:flex;align-items:center;gap:0.5rem}
.proof-av-sm{width:1.75rem;height:1.75rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.625rem;font-weight:700;color:#fff;flex-shrink:0}
.proof-attr-info .name{font-size:0.75rem;font-weight:700;color:var(--text-primary)}
.proof-attr-info .vol{font-size:0.6875rem;color:var(--text-muted)}

/* FAQ */
#faq{background:var(--surface)}
.faq-header{text-align:center;margin-bottom:3rem}
.faq-h2{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:clamp(1.75rem,3.5vw,2.375rem);line-height:1.15;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:0.75rem}
.faq-list{display:flex;flex-direction:column;gap:0.75rem;max-width:48.75rem;margin:0 auto}
.faq-item{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}
.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.125rem 1.375rem;text-align:left;font-family:'Plus Jakarta Sans',sans-serif;font-size:0.9375rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:background .2s}
.faq-q:hover{background:var(--blue-50)}
.faq-chevron{width:1.125rem;height:1.125rem;color:var(--text-muted);flex-shrink:0;transition:transform .3s}
.faq-item.open .faq-chevron{transform:rotate(180deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s ease;font-size:0.875rem;color:var(--text-secondary);line-height:1.75;padding:0 1.375rem}
.faq-item.open .faq-a{max-height:18.75rem;padding:0 1.375rem 1.125rem}

/* CTA */
#cta{background:linear-gradient(135deg,var(--blue-900) 0%,var(--blue-800) 100%);position:relative;overflow:hidden}
#cta::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 50% 80% at 80% 50%,rgba(14,165,233,.12) 0%,transparent 60%),radial-gradient(ellipse 40% 60% at 20% 50%,rgba(37,99,235,.10) 0%,transparent 60%)}
.cta-inner{position:relative;z-index:1;text-align:center;max-width:37.5rem;margin:0 auto}
.cta-eyebrow{font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--blue-400);margin-bottom:1rem}
.cta-h2{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:clamp(1.75rem,4vw,2.625rem);line-height:1.15;color:var(--white);margin-bottom:1rem;letter-spacing:-.02em}
.cta-sub{font-size:1.0625rem;color:rgba(255,255,255,.55);margin-bottom:2.25rem;line-height:1.6}
.cta-actions{display:flex;align-items:center;justify-content:center;gap:0.875rem;flex-wrap:wrap}
.cta-note{font-size:0.8125rem;color:rgba(255,255,255,.4);margin-top:1rem}
.cta-trust-row{display:flex;align-items:center;justify-content:center;gap:1.25rem;margin-top:2rem;flex-wrap:wrap}
.cta-trust-pill{display:flex;align-items:center;gap:0.375rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-full);padding:0.375rem 0.875rem;font-size:0.75rem;font-weight:600;color:rgba(255,255,255,.6)}
.cta-ghost{display:inline-flex;align-items:center;gap:0.5rem;color:rgba(255,255,255,.65);font-family:'Plus Jakarta Sans',sans-serif;font-size:0.9375rem;font-weight:600;padding:0.75rem 1.25rem;border-radius:var(--radius-full);border:1.5px solid rgba(255,255,255,.2);transition:all .2s}
.cta-ghost:hover{background:rgba(255,255,255,.08)}

/* FOOTER */
#footer{background:var(--blue-950);border-top:1px solid rgba(255,255,255,.06);padding:3.5rem 0 1.75rem}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:2.5rem;margin-bottom:2.5rem}
.footer-logo{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:1.25rem;color:var(--white);letter-spacing:-.03em;margin-bottom:0.75rem}
.footer-tagline{font-size:0.8125rem;color:rgba(255,255,255,.35);line-height:1.6;margin-bottom:1.25rem}
.footer-col-title{font-size:0.6875rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:rgba(255,255,255,.25);margin-bottom:0.875rem}
.footer-links{display:flex;flex-direction:column;gap:0.5625rem}
.footer-links a{font-size:0.8125rem;color:rgba(255,255,255,.45);transition:color .2s}
.footer-links a:hover{color:rgba(255,255,255,.8)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding-top:1.25rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0.75rem}
.footer-copy{font-size:0.75rem;color:rgba(255,255,255,.25)}

@media(max-width:1024px){
  .plans-grid{grid-template-columns:1fr 1fr;max-width:900px;margin-left:auto;margin-right:auto}
  .wa-rates-grid{grid-template-columns:1fr;gap:32px}
  .addons-grid{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .integ-grid{grid-template-columns:1fr}
  .integ-grid-match.integ-grid{grid-template-columns:1fr}
  .rec-options{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  .nav-links,.nav-cta{display:none}
  .hamburger{display:flex}
  .addons-grid{grid-template-columns:1fr}
  .proof-row{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr;gap:28px}
  .pricing-trust-row{gap:14px}
  .rec-options{grid-template-columns:1fr}
  .compare-scroll-hint{display:block}
  .plans-grid{grid-template-columns:1fr;max-width:420px;margin-left:auto;margin-right:auto}
  .plans-grid .plan-card:last-child{grid-column:auto;max-width:none}
  /* Section padding */
  .section{padding:56px 0}
  .section-sm{padding:40px 0}
  .container{padding:0 16px}
  /* Hero */
  #pricing-hero{padding:48px 0 40px}
  .pricing-h1{font-size:clamp(28px,6vw,36px);margin-bottom:16px}
  .pricing-sub{font-size:16px;margin-bottom:28px;padding:0 8px}
  .pricing-trust-row{flex-direction:column;align-items:center;gap:10px;margin-bottom:28px}
  .pricing-trust-item{font-size:12px}
  #pricing-hero .fade-up[style]{margin-bottom:24px}
  /* Competitor callout */
  .competitor-callout{padding:28px 0 16px}
  .competitor-callout-badges{flex-direction:column;align-items:center}
  .competitor-callout-note{font-size:12px;padding:0 8px}
  /* Trust strip */
  .trust-strip{padding:14px 0}
  .trust-strip-inner{gap:16px;flex-direction:column;align-items:center}
  .trust-strip-sep{width:60px;height:1px}
  .trust-strip-item{font-size:11px;white-space:normal;text-align:center}
  .trust-strip-inner img{height:40px}
  /* Pricing controls */
  .pricing-controls-inner{flex-direction:column;align-items:stretch;gap:16px;padding:0 16px}
  .pricing-controls .control-group-currency{margin-left:0}
  .pricing-controls .control-group{justify-content:space-between}
  .billing-toggle{width:100%;justify-content:center}
  .billing-btn{padding:10px 24px;font-size:14px;min-height:44px}
  .currency-select{min-height:44px;width:100%;max-width:160px}
  /* Plan cards */
  #plans{padding-bottom:56px}
  .plan-card{padding:20px 16px;min-height:auto}
  .plan-name{font-size:18px}
  .plan-price{font-size:30px}
  .plan-cta,.plan-cta-pro{min-height:48px;padding:14px 20px;font-size:14px}
  .plan-feat{font-size:13px}
  /* WA billing strip */
  .wa-billing-strip{flex-direction:column;gap:12px;padding:20px 16px;margin-top:24px;text-align:center}
  .wa-billing-text{font-size:13px;text-align:left}
  /* Recommender */
  #recommender{padding:48px 0 56px}
  .rec-card{padding:24px 20px}
  .rec-q{font-size:18px;margin-bottom:20px}
  .rec-opt{padding:14px 16px;min-height:56px}
  .rec-opt-icon{width:36px;height:36px;font-size:18px}
  .rec-opt-title{font-size:13px}
  .rec-opt-desc{font-size:11px}
  .rec-nav{flex-wrap:wrap;gap:16px;margin-top:24px}
  .rec-next,.rec-back{min-height:44px;padding:12px 20px}
  #rec-result{padding:28px 20px}
  .rec-result-plan{font-size:26px}
  .rec-result-actions{flex-direction:column}
  .rec-result-actions .btn-primary,.rec-result-actions .cta-ghost{width:100%;min-height:48px;justify-content:center}
  /* Integrations */
  #integrations{padding:56px 0}
  .integ-header{margin-bottom:36px}
  .integ-h2{font-size:clamp(22px,5vw,28px)}
  .integ-sub{font-size:15px}
  .integ-col-head,.integ-body{padding:16px 18px}
  .integ-chip{font-size:11px;padding:6px 10px}
  /* Comparison */
  .compare-header{margin-bottom:32px}
  .compare-h2{font-size:clamp(22px,4vw,28px)}
  .compare-wrap{margin:0 -16px;border-radius:0;border-left:none;border-right:none}
  .compare-table{font-size:12px;min-width:520px}
  .compare-table th,.compare-table td{padding:12px 10px}
  .compare-table th:first-child{width:180px;font-size:11px}
  /* WA rates */
  .wa-rates-left h2{font-size:clamp(22px,4vw,26px)}
  .wa-rates-left p{font-size:15px}
  .wa-rates-highlight{font-size:14px;padding:10px 14px;flex-wrap:wrap}
  .rates-table td{padding:12px 16px;font-size:12px}
  /* Add-ons */
  .addon-card{padding:20px 18px}
  .addon-name{font-size:16px}
  .addon-price{font-size:20px}
  .addon-desc{font-size:13px}
  .addons-subheader{margin-top:36px;margin-bottom:16px;font-size:16px}
  .addons-grid-extra{grid-template-columns:1fr}
  /* Proof */
  .proof-item{padding:20px 18px}
  .proof-metric-big{font-size:26px}
  .proof-quote-sm{font-size:13px}
  /* FAQ */
  .faq-header{margin-bottom:32px}
  .faq-h2{font-size:clamp(22px,4vw,26px)}
  .faq-q{padding:16px 18px;font-size:14px;min-height:56px}
  .faq-a{padding:0 18px}
  .faq-item.open .faq-a{padding:0 18px 16px;max-height:600px}
  /* CTA */
  .cta-h2{font-size:clamp(24px,5vw,28px)}
  .cta-sub{font-size:15px;margin-bottom:28px}
  .cta-actions{flex-direction:column;gap:12px}
  .cta-actions .btn-white,.cta-actions .cta-ghost{width:100%;min-height:48px;justify-content:center}
  .cta-trust-row{gap:12px;margin-top:24px}
  .cta-trust-pill{font-size:11px;padding:6px 12px}
  #cta .cta-inner img{height:36px}
}
/* Small mobile (e.g. iPhone SE) */
@media(max-width:480px){
  .container{padding:0 12px}
  .section{padding:44px 0}
  .section-sm{padding:32px 0}
  #pricing-hero{padding:36px 0 32px}
  .pricing-badge{font-size:11px;padding:5px 12px}
  .pricing-h1{font-size:26px;line-height:1.2}
  .pricing-sub{font-size:15px}
  .plans-grid{max-width:100%}
  .plan-card{padding:18px 14px}
  .plan-price{font-size:28px}
  .popular-ribbon,.pro-ribbon{font-size:10px;padding:4px 12px;white-space:normal;text-align:center;max-width:90%}
  .rec-card{padding:20px 16px}
  .rec-q{font-size:16px}
  .integ-col-head,.integ-body{padding:14px 16px}
  .addon-card{padding:18px 14px}
  .proof-item{padding:18px 14px}
  .proof-metric-big{font-size:24px}
  .cta-h2{font-size:22px}
  .cta-sub{font-size:14px}
  #pricing-hero img[alt="Official Meta Tech Partner"]{height:48px}
}
/* META TECH PARTNER BADGE */
.trust-strip{background:var(--white);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:1.125rem 0}
.trust-strip-inner{display:flex;align-items:center;justify-content:center;gap:1.75rem;flex-wrap:wrap}
.trust-strip-sep{width:1px;height:1.625rem;background:var(--border);flex-shrink:0}
.trust-strip-item{display:flex;align-items:center;gap:0.4375rem;font-size:0.75rem;font-weight:600;color:var(--text-secondary);white-space:nowrap}
.competitor-callout{text-align:center;padding:3rem 0 1.25rem}
.competitor-callout-badges{display:inline-flex;flex-wrap:wrap;gap:0.625rem;justify-content:center;margin-bottom:0.625rem}
.competitor-callout-note{font-family:'Plus Jakarta Sans',sans-serif;font-size:0.8125rem;color:var(--text-muted)}