/* Lumipricer marketing system finishing layer · 2026-09-02
   Loaded after page-local styles so every public page follows the approved
   homepage typography, colour, spacing, and component hierarchy. */

.brand-home {
  --finish-ink: #0b1729;
  --finish-muted: #52637a;
  --finish-line: #d7e1eb;
  --finish-soft: #f4f8fb;
  --finish-paper: #ffffff;
  --finish-teal: #087d78;
  --finish-blue: #286f99;
  --finish-violet: #6250a4;
  --finish-gradient: linear-gradient(115deg, var(--finish-teal), var(--finish-blue) 52%, var(--finish-violet));
  background: #fff;
  color: var(--finish-ink);
  font-size: 16px;
  line-height: 1.65;
}

.brand-home .brand-shell,
.brand-home .container { width: min(100% - 64px, 1180px); margin-inline: auto; }

.brand-home h1,
.brand-home h2,
.brand-home h3,
.brand-home strong { color: var(--finish-ink); text-shadow: none; }
.brand-home p,
.brand-home li { color: var(--finish-muted); }

/* Shared navigation and controls */
.brand-home .brand-nav,
.brand-page .nav {
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(255, 255, 255, .94);
  border-color: rgba(215, 225, 235, .95);
  box-shadow: 0 1px 0 rgba(11, 23, 41, .025);
  backdrop-filter: blur(18px) saturate(145%);
}
.brand-home .brand-nav .nav-inner,
.brand-page .nav-inner { height: 66px; min-height: 66px; }
.brand-home .brand-nav .logo,
.brand-page .nav .logo { color: var(--finish-ink); font-size: 1.05rem; font-weight: 700; }
.brand-home .brand-nav .nav-links a,
.brand-page .nav-links a { color: #2f3d52; font-size: .875rem; line-height: 1.35; font-weight: 620; }
.brand-home .brand-nav .nav-links a:hover,
.brand-home .brand-nav .nav-links a[aria-current="page"],
.brand-page .nav-links a:hover,
.brand-page .nav-links a[aria-current="page"] { color: #087d78; }
.brand-home .brand-nav .nav-links .brand-nav-cta,
.brand-home .brand-nav .nav-links .btn-small,
.brand-page .nav-links .btn-small,
.brand-home .brand-btn-primary {
  border: 0;
  color: #fff !important;
  background: var(--finish-gradient);
  box-shadow: 0 8px 22px rgba(40, 111, 153, .18);
}
.brand-home .brand-btn-secondary {
  color: #26364c;
  border-color: #cbd7e3;
  background: rgba(255,255,255,.9);
}
.brand-home .btn { min-height: 48px; font-size: .875rem; line-height: 1.3; font-weight: 680; }

.marketplace-notice {
  position: relative;
  z-index: 5;
  border-bottom: 1px solid #d4e2eb;
  background: linear-gradient(90deg, #eef8f7, #f2f6fb 62%, #f5f2fa);
  color: #43556c;
  font-size: .8125rem;
  line-height: 1.5;
}
.marketplace-notice .container { padding-block: 10px; }
.marketplace-notice strong { color: #176f72; }
.marketplace-notice a { color: #126f76; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }

/* Page hero system */
.brand-page .hero,
.brand-home .resource-hero,
.brand-home .tool-hero,
.brand-home .pricing-hero,
.brand-home .comparison-hero,
.brand-home .affiliate-hero,
.brand-home .strategy-hero {
  position: relative;
  overflow: hidden;
  min-height: 0;
  padding-block: 88px 76px;
  border-color: var(--finish-line);
  background:
    radial-gradient(circle at 72% 18%, rgba(62, 201, 190, .14), transparent 28%),
    radial-gradient(circle at 92% 26%, rgba(98, 80, 164, .10), transparent 25%),
    #fff;
}
.brand-page .hero::before { opacity: .35; filter: blur(38px); }
.brand-page .hero h1,
.brand-home .resource-hero h1,
.brand-home .tool-hero h1,
.brand-home .pricing-hero h1,
.brand-home .comparison-hero h1,
.brand-home .affiliate-hero h1,
.brand-home .strategy-hero h1 {
  max-width: 880px;
  color: var(--finish-ink);
  font-size: clamp(3rem, 4.5vw, 4.25rem);
  font-weight: 690;
  line-height: 1.02;
  letter-spacing: -.052em;
}
.brand-home .brand-eyebrow,
.brand-home .pricing-kicker,
.brand-home .strategy-tag {
  color: #257f91;
  font-size: .75rem !important;
  line-height: 1.35;
  font-weight: 750;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.brand-page .hero .lede,
.brand-home .resource-hero p,
.brand-home .tool-hero p,
.brand-home .pricing-hero p,
.brand-home .comparison-hero p,
.brand-home .affiliate-hero p,
.brand-home .strategy-hero p {
  color: var(--finish-muted);
  font-size: 1.0625rem;
  line-height: 1.7;
}

/* Amazon and Walmart product pages */
.brand-page .solution-hero-grid {
  grid-template-columns: minmax(380px, .88fr) minmax(500px, 1.12fr);
  gap: 68px;
  align-items: center;
}
.brand-page .solution-hero-copy,
.walmart-page .solution-hero-copy { order: 1; }
.brand-page .solution-proof,
.walmart-page .solution-proof { order: 2; }
.brand-page .solution-hero-copy h1 { max-width: 535px; }
.brand-page .solution-hero-copy .lede { max-width: 570px; }
.brand-page .solution-proof,
.brand-page .solution-proof.walmart-visual {
  width: 100%;
  min-height: 420px;
  border: 1px solid rgba(104, 130, 169, .45);
  border-radius: 18px;
  background:
    radial-gradient(circle at 18% 120%, rgba(51, 194, 183, .28), transparent 45%),
    radial-gradient(circle at 92% 2%, rgba(128, 91, 187, .28), transparent 43%),
    repeating-linear-gradient(90deg, transparent 0 19%, rgba(123, 145, 174, .07) 19% 19.2%),
    #071426;
  box-shadow: 0 26px 62px rgba(28, 48, 74, .17);
}
.brand-page .solution-proof .proof-price strong { color: #fff; font-size: 3.35rem; }
.brand-page .solution-proof .proof-price small { color: #a9b8ca; }
.brand-page .solution-proof .proof-price em { color: #67d4cc; }
.brand-page .solution-proof .proof-floor { color: #68d7d0; }
.brand-page .solution-proof .proof-floor strong { color: #68d7d0; }
.brand-page .channel-strip {
  margin-top: 72px;
  border-top: 1px solid var(--finish-line);
  border-bottom: 0;
  background: rgba(255,255,255,.88);
}
.brand-page .channel-strip article { min-height: 126px; padding: 28px 28px 30px; border-color: var(--finish-line); }
.brand-page .channel-strip span { color: #248f98; font-size: .75rem; }
.brand-page .channel-strip h2 { margin-top: 12px; color: var(--finish-ink); font-size: 1.0625rem; }
.brand-page .channel-strip p { margin-top: 7px; color: var(--finish-muted); font-size: .875rem; line-height: 1.55; }

/* Section rhythm and readable surfaces */
.brand-page .section,
.brand-home .plans-section,
.brand-home .pricing-why,
.brand-home .pricing-faq,
.brand-home .affiliate-program,
.brand-home .affiliate-proof,
.brand-home .affiliate-steps {
  padding-block: 88px;
  border-color: var(--finish-line);
  background: #fff;
}
.brand-page .section-alt,
.brand-home .pricing-why,
.brand-home .affiliate-steps { background: var(--finish-soft); }
.brand-page .section h2,
.brand-page .section h1,
.brand-home .section-heading h2,
.brand-home .pricing-faq h2,
.brand-home .decision-copy h2 {
  max-width: 900px;
  color: var(--finish-ink);
  font-size: clamp(2.25rem, 3.4vw, 3.35rem);
  font-weight: 680;
  line-height: 1.08;
  letter-spacing: -.045em;
}
.brand-page .section h1 {
  max-width: 940px;
  margin: 0 0 24px;
  color: var(--finish-ink);
  font-size: clamp(2.8rem, 5vw, 4.8rem);
  font-weight: 690;
  line-height: 1.02;
  letter-spacing: -.055em;
}
.brand-page main > .section:first-child {
  background:
    radial-gradient(circle at 22% 12%, rgba(55, 202, 191, .12), transparent 29%),
    radial-gradient(circle at 77% 2%, rgba(129, 103, 208, .11), transparent 30%),
    #fff;
}
.brand-page .section-lede,
.brand-home .section-heading > p:last-child,
.brand-home .decision-copy > p { max-width: 800px; color: var(--finish-muted); font-size: 1rem; line-height: 1.7; }

.brand-page .grid-3,
.brand-page .grid-2,
.brand-home .strategy-grid { gap: 20px; }
.brand-page .card,
.brand-page .steps li,
.brand-page .steps > div,
.brand-page .proof-board,
.brand-page .table-wrap,
.brand-home .strategy-grid article {
  color: var(--finish-ink);
  border: 1px solid var(--finish-line);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 12px 34px rgba(33, 53, 79, .06);
}
.brand-page .card { min-height: 184px; padding: 28px; }
.brand-page .card-icon {
  display: grid !important;
  width: 42px;
  height: 42px;
  margin: 0 0 18px;
  place-items: center;
  border: 1px solid rgba(58, 177, 184, .24);
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(53, 204, 192, .14), rgba(119, 104, 207, .13));
  font-size: 1.15rem;
  line-height: 1;
}
.brand-page .card h2,
.brand-page .card h3,
.brand-page .steps h3,
.brand-page .proof-board h3,
.brand-home .strategy-grid h3 { color: var(--finish-ink); font-size: 1.125rem; line-height: 1.3; }
.brand-page .card p,
.brand-page .steps p,
.brand-page .proof-board p,
.brand-home .strategy-grid p { color: var(--finish-muted); font-size: .9375rem; line-height: 1.65; }

.brand-page .steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin-top: 38px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.brand-page .steps li { min-height: 250px; padding: 30px; }
.brand-page .step-num {
  display: grid;
  width: 42px;
  height: 42px;
  margin-bottom: 24px;
  place-items: center;
  border: 0;
  border-radius: 50%;
  color: #fff;
  background: var(--finish-gradient);
  box-shadow: 0 8px 20px rgba(40, 111, 153, .18);
}
.brand-page .proof-shot {
  margin-top: 42px;
  overflow: hidden;
  border: 1px solid var(--finish-line);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 18px 48px rgba(33, 53, 79, .08);
}
.brand-page .proof-shot img { display: block; width: 100%; height: auto; }
.brand-page .proof-shot figcaption { padding: 17px 20px; color: var(--finish-muted); font-size: .875rem; line-height: 1.55; }

/* Partner page */
.affiliate-page .affiliate-hero-grid { grid-template-columns: minmax(430px, 1fr) minmax(360px, .72fr); gap: 84px; align-items: center; }
.affiliate-page .affiliate-hero h1 { max-width: 620px; }
.affiliate-page .affiliate-hero p { max-width: 650px; }
.affiliate-page .affiliate-signal {
  min-height: 360px;
  border-color: rgba(107, 130, 169, .45);
  border-radius: 22px;
  background:
    radial-gradient(circle at 15% 100%, rgba(52, 201, 188, .32), transparent 44%),
    radial-gradient(circle at 92% 4%, rgba(143, 91, 191, .30), transparent 42%),
    #071426;
  box-shadow: 0 26px 62px rgba(28, 48, 74, .16);
}
.affiliate-page .affiliate-hero-grid > div:first-child > p:not(.brand-eyebrow) {
  color: var(--finish-muted) !important;
}
.affiliate-page .affiliate-hero-grid > div:first-child > p strong {
  color: var(--finish-ink);
}
.affiliate-page .affiliate-signal span,
.affiliate-page .affiliate-signal em { color: #b8c9da; font-size: .8125rem; }
.affiliate-page .affiliate-signal strong { color: #fff; font-size: 1.65rem; }
.affiliate-page .partner-proof-grid { gap: 20px; }
.affiliate-page .partner-proof-shot {
  overflow: hidden;
  border-color: var(--finish-line);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 12px 34px rgba(33, 53, 79, .06);
}
.affiliate-page .partner-proof-shot figcaption strong { color: var(--finish-ink); font-size: 1rem; }
.affiliate-page .partner-proof-shot figcaption p { color: var(--finish-muted); font-size: .875rem; }
.affiliate-page .decision-trail li { border-color: var(--finish-line); background: #fff; }
.affiliate-page .decision-trail strong { color: var(--finish-ink); }

/* Pricing: lift all tiny legacy UI copy to a readable product scale. */
.pricing-page .pricing-hero { padding-block: 88px 76px !important; }
.pricing-page .pricing-hero h1 { max-width: 920px; }
.pricing-page .marketplace-pricing { background: var(--finish-soft); }
.pricing-page .marketplace-plan-panel,
.pricing-page .plan-comparison,
.pricing-page .enterprise-band,
.pricing-page .core-strip,
.pricing-page .plan-finder-secondary { border-color: var(--finish-line); border-radius: 14px; }
.pricing-page .pricing-plan-rail article { min-height: 470px; padding: 28px 24px; }
.pricing-page .pricing-family-intro h2 { font-size: clamp(2.15rem, 3vw, 3rem); }
.pricing-page .pricing-family-intro p,
.pricing-page .plan-audience,
.pricing-page .plan-shortlist li,
.pricing-page .enterprise-band p,
.pricing-page .core-strip p,
.pricing-page .core-points span,
.pricing-page .plan-finder-secondary output,
.pricing-page .plan-finder-secondary small,
.pricing-page .pricing-definition,
.pricing-page .plan-comparison th,
.pricing-page .plan-comparison td,
.pricing-page .pricing-faq-list p { font-size: .875rem !important; line-height: 1.6; }
.pricing-page .pricing-faq-list h3 { font-size: 1.0625rem; }
.pricing-page .plan-capacity span,
.pricing-page .enterprise-band span,
.pricing-page .plan-finder-secondary > div > span,
.pricing-page .plan-finder-secondary > p > span { font-size: .75rem !important; }

/* Resources, tools, comparison, and legal pages */
.resource-page .resource-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  padding-block: 72px;
}
.resource-page .resource-grid a {
  min-height: 220px;
  padding: 30px;
  border: 1px solid var(--finish-line);
  border-radius: 14px;
  color: var(--finish-ink);
  background: #fff;
  box-shadow: 0 12px 34px rgba(33, 53, 79, .06);
}
.resource-page .tool-icon {
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border-radius: 13px;
  color: #fff;
  background: var(--finish-gradient);
  font-size: 1.25rem;
}
.resource-page .resource-grid h2 { color: var(--finish-ink); font-size: 1.25rem; }
.resource-page .resource-grid p { color: var(--finish-muted); font-size: .9375rem; }
.resource-page .article-index { padding-bottom: 92px; }
.resource-page .playbook-article {
  gap: 38px;
  padding-block: 56px;
  border-color: var(--finish-line);
}
.resource-page .playbook-article p,
.resource-page .playbook-article li { font-size: 1rem; line-height: 1.75; }
.resource-page .playbook-callout { border-radius: 10px; }

.brand-home .legal-page,
.brand-home .comparison-page main { background: #fff; }
.brand-home .legal-page { width: min(100% - 48px, 820px); padding-block: 88px; }
.brand-home .legal-page h1 { font-size: clamp(2.6rem, 4.5vw, 4rem); line-height: 1.04; }
.brand-home .legal-page h2 { margin-top: 46px; font-size: 1.65rem; }
.brand-home .legal-page p,
.brand-home .legal-page li { font-size: 1rem; line-height: 1.75; }
.comparison-page .comparison-table-wrap,
.comparison-page .source-box,
.brand-home .calculator-form,
.brand-home .calculator-output,
.brand-home .checklist-app,
.brand-home .formula-note { border-color: var(--finish-line); border-radius: 14px; background: #fff; box-shadow: 0 12px 34px rgba(33, 53, 79, .06); }

/* Contained aurora CTA and a light footer on every page. */
.brand-home .brand-final-cta {
  padding-block: 72px;
  background: #fff;
}
.brand-home .brand-final-cta .final-cta-grid {
  min-height: 184px;
  padding: 40px 50px;
  border-radius: 16px;
  background:
    radial-gradient(circle at 16% 120%, rgba(49, 198, 185, .33), transparent 42%),
    radial-gradient(circle at 74% 8%, rgba(84, 130, 199, .38), transparent 46%),
    radial-gradient(circle at 96% 100%, rgba(143, 91, 191, .34), transparent 34%),
    #071426;
  box-shadow: 0 22px 50px rgba(28, 48, 74, .13);
}
.brand-home .brand-final-cta h2 { max-width: 620px; color: #f5fbff; font-size: clamp(2rem, 3.1vw, 3rem); }
.brand-home .brand-final-cta .brand-btn-secondary { color: #edf5fb; border-color: rgba(208, 222, 235, .35); background: rgba(255,255,255,.04); }

.brand-home .brand-footer,
.brand-page .brand-footer,
.brand-page .footer {
  background: #fff;
  border-color: var(--finish-line);
}
.brand-home .brand-footer .logo,
.brand-page .brand-footer .logo { color: var(--finish-ink); }
.brand-home .brand-footer .footer-copy,
.brand-home .brand-footer .footer-links a,
.brand-home .brand-footer .footer-legal,
.brand-page .brand-footer .footer-copy,
.brand-page .brand-footer .footer-links a,
.brand-page .brand-footer .footer-legal { color: #64758a; }
.brand-home .brand-footer .footer-links a:hover { color: #087d78; }
.brand-home .brand-footer .footer-legal { border-color: var(--finish-line); }

@media (max-width: 960px) {
  .brand-home .brand-shell,
  .brand-home .container { width: min(100% - 40px, 760px); }
  .brand-page .solution-hero-grid,
  .affiliate-page .affiliate-hero-grid { grid-template-columns: 1fr; gap: 44px; }
  .brand-page .solution-proof { max-width: 640px; }
  .brand-page .steps { grid-template-columns: 1fr; }
  .brand-page .steps li { min-height: 0; }
}

@media (max-width: 640px) {
  .brand-home .brand-shell,
  .brand-home .container { width: min(100% - 28px, 560px); }
  .brand-page .hero,
  .brand-home .resource-hero,
  .brand-home .tool-hero,
  .brand-home .pricing-hero,
  .brand-home .comparison-hero,
  .brand-home .affiliate-hero { padding-block: 64px 56px; }
  .brand-page .hero h1,
  .brand-home .resource-hero h1,
  .brand-home .tool-hero h1,
  .brand-home .pricing-hero h1,
  .brand-home .comparison-hero h1,
  .brand-home .affiliate-hero h1 { font-size: clamp(2.65rem, 11.5vw, 3.35rem); }
  .brand-page .section,
  .brand-home .plans-section,
  .brand-home .pricing-why,
  .brand-home .pricing-faq,
  .brand-home .affiliate-program,
  .brand-home .affiliate-proof,
  .brand-home .affiliate-steps { padding-block: 68px; }
  .brand-page .solution-proof { min-height: 340px; }
  .brand-page .channel-strip { grid-template-columns: 1fr; }
  .brand-page .channel-strip article { border-right: 0; border-bottom: 1px solid var(--finish-line); }
  .resource-page .resource-grid { grid-template-columns: 1fr; padding-block: 52px; }
  .brand-home .brand-final-cta .final-cta-grid { padding: 34px 26px; }
  .brand-home .brand-final-cta .brand-actions { width: 100%; }
  .brand-home .brand-final-cta .btn { width: 100%; }
}