/* Shared Big Pros blue-and-white palette for the Shopify, Meta Ads, and AI service pages. */

.shopify-page {
  --shop-ink: #103e78;
  --shop-green: #126cf0;
  --shop-moss: #8fc5ff;
  --shop-sand: #eef7ff;
  --shop-peach: #dbeeff;
  --shop-clay: #1675df;
  --shop-white: #ffffff;
  --shop-line: rgba(18, 105, 208, .17);
  --shop-muted: #587392;
  background: #fff;
}

.meta-ads-page {
  --meta-ink: #103d78;
  --meta-ink-2: #154f97;
  --meta-blue: #146ef5;
  --meta-violet: #3c92f4;
  --meta-pink: #86c4ff;
  --meta-coral: #d7edff;
  --meta-cloud: #f1f8ff;
  --meta-line: #d2e7f9;
  --meta-text: #59758f;
}

.ai-search-page {
  --ai-ink: #103d78;
  --ai-dark: #0b3e7d;
  --ai-forest: #1255a5;
  --ai-mint: #b9ddff;
  --ai-sage: #eaf6ff;
  --ai-sky: #cfe9ff;
  --ai-lav: #dceeff;
  --ai-paper: #ffffff;
  --ai-line: #d3e8f9;
  --ai-muted: #5a7590;
}

/* Shopify: preserve the editorial ecommerce design while replacing warm and green hues. */
.shopify-page .site-header,
.shopify-page .site-header.is-scrolled { background: rgba(255,255,255,.92); border-color: rgba(18,105,208,.1); }
.shopify-page .shopify-hero { background: radial-gradient(circle at 69% 35%, rgba(126,194,255,.48), transparent 24rem), linear-gradient(130deg,#fff 0%,#f0f8ff 55%,#ddecff 100%); }
.shopify-page .shopify-hero::before { background: linear-gradient(180deg,transparent,rgba(21,110,245,.08)); }
.shopify-page .shopify-hero__lede,
.shopify-page .shopify-hero__note { color: #557492; }
.shopify-page .commerce-strip,
.shopify-page .store-customizer,
.shopify-page .integration-system,
.shopify-page .shopify-launch { color:#fff; background: linear-gradient(135deg,#0b4f9f,#126cf0 64%,#47a5f5); }
.shopify-page .commerce-strip *,
.shopify-page .store-customizer h2,
.shopify-page .integration-system h2 { color: inherit; }
.shopify-page .customizer-controls,
.shopify-page .performance-console { background: #0d4c99; color: #eaf6ff; }
.shopify-page .customizer-preview { background: #edf7ff; color: #123d75; }
.shopify-page .customizer-preview.is-cobalt { --custom-color:#146ef5; background:#eaf5ff; }
.shopify-page .customizer-preview.is-forest { --custom-color:#146ef5; background:#eaf5ff; }
.shopify-page .performance-preview,
.shopify-page .shopify-faq { background: #f2f9ff; }
.shopify-page .project-concept { background: #f6fbff; }
.shopify-page .concept-store { background: #dceeff; border-color: #b9ddf8; }
.shopify-page .concept-store__browser { background: #eff8ff; }
.shopify-page .concept-store__browser > div,
.shopify-page .launch-store__top { color:#15579f; background:#fff; }
.shopify-page .concept-store__browser h3,
.shopify-page .launch-store__body h2 { color:#103d78; }
.shopify-page .concept-store__browser button,
.shopify-page .launch-store__body button,
.shopify-page .feature-product__body button { background:#126cf0; }
.shopify-page .integration-store,
.shopify-page .feature-sizes .is-selected { background:#126cf0; border-color:#126cf0; }
.shopify-page .why-label { border-color:#cde6fa; color:#126cf0; background:#fff; }

/* Meta Ads: retain the social-ad layouts but use a consistent royal-blue system. */
.meta-ads-page .meta-hero { background:#0b4f9f; }
.meta-ads-page .meta-hero:before { background: radial-gradient(circle at 50% 60%,rgba(136,204,255,.3),transparent 35%),linear-gradient(125deg,#0a3d7c 0%,#105eb6 45%,#146ef5 100%); }
.meta-ads-page .meta-hero__aurora { background: radial-gradient(ellipse at 30% 55%,rgba(126,202,255,.55),transparent 44%),radial-gradient(ellipse at 75% 30%,rgba(85,151,255,.35),transparent 43%),radial-gradient(ellipse at 56% 80%,rgba(217,239,255,.24),transparent 45%); }
.meta-ads-page .meta-hero h1 em { color:#d7edff; }
.meta-ads-page .meta-btn--light { color:#0d4f9f; box-shadow:0 11px 28px rgba(8,77,163,.28); }
.meta-ads-page .meta-btn--light:hover { background:#e6f3ff; }
.meta-ads-page .meta-phone,
.meta-ads-page .meta-message-thread__head,
.meta-ads-page .meta-dashboard,
.meta-ads-page .meta-dashboard__bar { background:#0c4791; }
.meta-ads-page .meta-phone { border-color:#0a3b77; }
.meta-ads-page .meta-example-section,
.meta-ads-page .meta-dashboard-section,
.meta-ads-page .meta-final-cta { background:linear-gradient(135deg,#0a3d7b,#126cf0 67%,#4aa8f6); }
.meta-ads-page .meta-example-section .meta-kicker,
.meta-ads-page .meta-dashboard-section .meta-kicker,
.meta-ads-page .meta-final-cta .meta-kicker { color:#d8ecff; }
.meta-ads-page .meta-heading h2 em,
.meta-ads-page .meta-final-cta h2 em { background:linear-gradient(110deg,#146ef5,#60aaff 52%,#d4edff); -webkit-background-clip:text; background-clip:text; }
.meta-ads-page .meta-example-section .meta-heading h2 em,
.meta-ads-page .meta-dashboard-section .meta-heading h2 em,
.meta-ads-page .meta-final-cta h2 em { color:#dceeff; background:none; }
.meta-ads-page .meta-placement-tabs button:hover,
.meta-ads-page .meta-placement-tabs button.is-active,
.meta-ads-page .meta-ad-example__body button,
.meta-ads-page .meta-lead-form>button,
.meta-ads-page .meta-landing-page__nav i,
.meta-ads-page .meta-landing-page__hero button,
.meta-ads-page .meta-landing-page__form i { background:#146ef5; }
.meta-ads-page .meta-flow-section,
.meta-ads-page .meta-message-section,
.meta-ads-page .meta-testing,
.meta-ads-page .meta-why-section { background:#f2f9ff; }
.meta-ads-page .meta-opportunities,
.meta-ads-page .meta-placement-stage { background:linear-gradient(135deg,#f7fbff,#eaf5ff); }
.meta-ads-page .meta-orbit__core,
.meta-ads-page .meta-test-variables>i { background:linear-gradient(135deg,#126cf0,#65b4f7); box-shadow:0 0 0 12px rgba(20,110,245,.1); }

/* AI Search: keep the AI interface and diagrams, but align them with the blue Big Pros palette. */
.ai-search-page .ai-kicker { color:#1766bd; }
.ai-search-page .ai-heading h2 em,
.ai-search-page .ai-why h2 em,
.ai-search-page .ai-final-cta h2 em { color:#126cf0; }
.ai-search-page .ai-btn--solid { background:#146ef5; color:#fff; box-shadow:0 12px 24px rgba(20,110,245,.2); }
.ai-search-page .ai-btn--solid:hover { background:#0d5dc9; }
.ai-search-page .ai-text-link { color:#126cf0; border-color:#8fc6fa; }
.ai-search-page .ai-hero { background:#0a417f; }
.ai-search-page .ai-hero:before { background:linear-gradient(135deg,#083b79 5%,#0d55ab 43%,#126cf0 100%); }
.ai-search-page .ai-hero__mesh { background:radial-gradient(circle at 25% 38%,rgba(155,215,255,.38),transparent 22%),radial-gradient(circle at 66% 38%,rgba(104,172,255,.32),transparent 26%),radial-gradient(circle at 65% 80%,rgba(221,241,255,.18),transparent 28%); }
.ai-search-page .ai-hero .ai-kicker,
.ai-search-page .ai-hero h1 em { color:#d9efff; }
.ai-search-page .ai-search-shift,
.ai-search-page .ai-explainer,
.ai-search-page .ai-future,
.ai-search-page .ai-faq { background:#f2f9ff; }
.ai-search-page .ai-search-timeline article { border-color:#9dcef5; }
.ai-search-page .ai-search-timeline article:before { background:#146ef5; box-shadow:0 0 0 2px #90c7f7; }
.ai-search-page .ai-search-timeline>i,
.ai-search-page .ai-search-timeline article p { color:#587796; }
.ai-search-page .ai-video-stage { background:#0b4b94; border-color:#8ec7f5; }
.ai-search-page .ai-video-stage__cover { background:radial-gradient(circle at 70% 22%,rgba(161,216,255,.32),transparent 23%),radial-gradient(circle at 23% 80%,rgba(101,169,255,.28),transparent 26%),linear-gradient(140deg,#0a417f,#105cb9 60%,#164e9c); }
.ai-search-page .ai-video-badge,
.ai-search-page .ai-video-quote { background:#0d4d99; }
.ai-search-page .ai-video-info { border-color:#cce5f8; background:#f7fbff; }
.ai-search-page .ai-video-info button:hover { background:#e7f4ff; }
.ai-search-page .ai-video-progress i b { background:linear-gradient(90deg,#146ef5,#71b8f8); }
.ai-search-page .ai-services,
.ai-search-page .ai-final-cta { background:linear-gradient(135deg,#0a3d7b,#126cf0 66%,#4ba8f6); }
.ai-search-page .ai-services .ai-kicker,
.ai-search-page .ai-services h2 em,
.ai-search-page .ai-final-cta .ai-kicker,
.ai-search-page .ai-final-cta h2 em { color:#d9efff; }
.ai-search-page .ai-service-list { background:rgba(221,241,255,.3); border-color:rgba(221,241,255,.3); }
.ai-search-page .ai-service-list article { background:#0c4a94; }
.ai-search-page .ai-service-list article:hover { background:#0e58ad; }
.ai-search-page .ai-service-list article:before { background:#d7edff; }
.ai-search-page .ai-service-list p,
.ai-search-page .ai-services__intro>p:not(.ai-kicker) { color:#dceeff; }
.ai-search-page .ai-related-links a { border-color:rgba(221,241,255,.35); color:#e8f5ff; }
.ai-search-page .ai-future-network { border-color:#c7e3f8; background:radial-gradient(circle at 50% 50%,#dcefff,transparent 27%),#f9fcff; }
.ai-search-page .ai-future-network__site,
.ai-search-page .ai-why__panel { background:linear-gradient(145deg,#0c4b96,#176fdb); }
.ai-search-page .ai-future-network__site span,
.ai-search-page .ai-future-network__site i,
.ai-search-page .ai-why__panel p,
.ai-search-page .ai-why__panel span { color:#d9efff; }
.ai-search-page .ai-future-network article { color:#1b5fa5; }
.ai-search-page .ai-future-network article i { border-color:#cbe5f8; color:#126cf0; }
.ai-search-page .ai-future-network__lines i { background:linear-gradient(90deg,#8fc6f8,transparent); }
.ai-search-page .ai-why__benefits article:hover { background:#f0f8ff; }
.ai-search-page .ai-why__benefits i { background:#e8f4ff; color:#126cf0; }
.ai-search-page .ai-faq details[open] { background:#fff; }
.ai-search-page .ai-faq summary span { color:#126cf0; }
.ai-search-page .ai-final-cta:before { background:radial-gradient(circle at 15% 33%,rgba(121,191,255,.36),transparent 24%),radial-gradient(circle at 83% 66%,rgba(208,237,255,.26),transparent 29%),linear-gradient(135deg,#0a3d7b,#126cf0); }