/* PBird CIS palette — 2026 refresh.
   Core: Navy #273447 · Mint #B9E5D9 · Green #9BCB8A · Yellow #FFD53D
   Auxiliary: Mist Indigo #3E697A (data, active states and interactive details)
   Neutral canvas: Cream #FFF9EB */
:root {
  --cream: #fff9eb;
  --mint: #b9e5d9;
  --green: #9bcb8a;
  --yellow: #ffd53d;
  --ink: #273447;
  --mist-indigo: #3e697a;
  --ink-soft: #34445a;
  --white: #fff;
  --muted: #5b6875;
  --line: #d4e0d9;
}

body { background: var(--cream); color: var(--ink); }

/* Light surfaces */
.site-header,
.proof,
.pain-card,
.activity-card { background: var(--cream); }

.site-header { border-color: #e8dfce; }
.nav-links > a { color: var(--ink); }
.nav-links > a:hover,
.text-button span,
.pain-card a { color: #5b9565; }

/* Shared navy foundation for all dark areas. */
.section-dark,
.transform,
.pricing,
.contact,
.hero-marquee { background: var(--ink); }

.footer { background: #1e2b3b; }
.price-card { background: var(--ink-soft); border-color: #53657a; }
.price-card.featured { background: var(--mint); border-color: var(--mint); }
.price-card ul,
.price-card a { border-color: rgba(255, 249, 235, .22); }
.featured ul,
.featured a { border-color: #6f9e79; }
.plan-title { border-color: rgba(255, 249, 235, .28); }
.featured .plan-title { border-color: #60946a; }
.featured .plan-title > strong,
.featured .plan-includes { color: #39744a; }
.featured .plan-title small { color: #426447; }

/* Hero keeps the CIS light-scene treatment while the foreground stays readable. */
.hero {
  background: linear-gradient(90deg, var(--mint) 0%, #dbeee5 39%, var(--cream) 74%, var(--cream) 100%);
  color: var(--ink);
}
.hero-copy,
.hero h1,
.hero-text { color: var(--ink); }
.hero h1 em { color: #3f814f; }
.hero-copy .eyebrow { color: #3f7548; }
.hero-copy .trust-row { color: #405467; }
.trust-item { border-color: rgba(39, 52, 71, .2); }
.trust-item strong { color: #39744a; }
.trust-item:nth-child(2) strong { color: #b77b10; }
.trust-item span { color: #4e6170; }

/* CTAs, modal and supporting UI share the navy / yellow contrast prescribed by the CIS. */
.button-primary,
.button-dark,
.nav-links .nav-cta { background: var(--ink); color: var(--yellow); }
.promo-modal__backdrop { background: rgba(30, 43, 59, .76); }
.promo-modal__content { background: var(--cream); border-color: var(--ink); box-shadow: 11px 11px 0 var(--yellow); }
.promo-modal__close,
.promo-modal__timer span { background: var(--ink); }
.promo-modal h2,
.promo-modal__offer,
.promo-modal__timer { color: var(--ink); }
.promo-modal__offer { background: var(--mint); border-color: var(--ink); }
.promo-modal__offer strong,
.promo-modal__eyebrow { color: #39744a; }
.promo-modal__timer-label { color: #4e6170; }

/* Component-level accents */
.service-row:hover { background: #dcefe5; }
.service-number,
.insight-card > span { color: #5b9565; }
.split-heading h2 strong,
.section-title h2 strong { color: #4d8b5c; }
.proof-grid > p strong { color: #4d8b5c; }
.transform-copy > p:not(.eyebrow),
.contact p:not(.eyebrow) { color: #edf1eb; }
.contact-options small { color: #d6dfd8; }
.contact-options > a > span { background: var(--mint); color: var(--ink); }

@media (max-width: 850px) {
  .nav-links { background: var(--cream); border-color: #e8dfce; }
}

/* 2026 CIS application: every surface and emphasis point resolves to the approved palette. */
::selection { background: var(--yellow); color: var(--ink); }

.site-header,
.proof,
.section-light,
.pain-card { background: var(--cream); }

.site-header { border-bottom-color: rgba(39, 52, 71, .12); }
.nav-links > a { color: var(--ink); }

.cis-wordmark { overflow: visible; }
.cis-wordmark img { display: block; left: auto; max-width: 100%; position: static; top: auto; }
.brand-primary .cis-wordmark { height: auto; width: 174px; }
.brand-dark .cis-wordmark { height: auto; width: 180px; }
.brand-primary .cis-wordmark img,
.brand-dark .cis-wordmark img { height: auto; width: 100%; }

.hero { background: linear-gradient(90deg, var(--mint) 0%, var(--mint) 34%, var(--cream) 74%, var(--cream) 100%); }
.hero h1,
.hero-text,
.hero-copy { color: var(--ink); }
.hero h1 em,
.hero-copy .eyebrow,
.trust-item strong { color: #39744a; }
.trust-item:nth-child(2) strong { color: #b77b10; }
.trust-item,
.trust-item span,
.hero-copy .trust-row { border-color: rgba(39, 52, 71, .22); color: #4e6170; }

.section-dark,
.transform,
.pricing,
.contact,
.hero-marquee,
.footer { background: var(--ink); }
.transform-copy > p:not(.eyebrow),
.contact p:not(.eyebrow),
.plan-for,
.plan-outcome { color: var(--cream); }
.transform-contrast,
.transform-contrast p,
.contact-options,
.contact-options a { border-color: rgba(255, 249, 235, .24); }
.transform-contrast b,
.pricing-note,
.contact-options small { color: var(--mint); }

.button-primary,
.button-dark,
.nav-links .nav-cta { background: var(--ink); color: var(--yellow); }
.button-primary:hover,
.button-dark:hover,
.nav-links .nav-cta:hover { background: #34445a; color: var(--yellow); }

.pain-card { border-color: var(--ink); box-shadow: 7px 7px 0 var(--mint); }
.pain-card:hover { box-shadow: 10px 10px 0 var(--yellow); }
.icon-purple { background: var(--yellow); }
.icon-blue { background: var(--mint); }
.icon-pink { background: var(--green); }
.pain-card a,
.service-number,
.insight-card > span { color: #39744a; }

.service-list { border-color: var(--ink); }
.service-row { border-color: rgba(39, 52, 71, .18); }
.service-row:hover { background: var(--mint); }
.service-icon { border-color: var(--ink); color: var(--ink); }
.service-row:hover .service-icon { background: var(--yellow); }

.price-card { background: #34445a; border-color: rgba(255, 249, 235, .26); }
.price-card.featured { background: var(--mint); border-color: var(--mint); box-shadow: 8px 8px 0 var(--yellow); }
.plan-title,
.price-card ul,
.price-card a { border-color: rgba(255, 249, 235, .28); }
.plan-title > span,
.price-card a { color: var(--cream); }
.plan-title small,
.price-card ul { color: var(--mint); }
.featured .plan-title,
.featured ul,
.featured a { border-color: rgba(39, 52, 71, .28); }
.featured .plan-title > span,
.featured .plan-title > strong,
.featured .plan-title small,
.featured .plan-includes,
.featured .plan-outcome,
.featured a { color: var(--ink); }
.popular { background: var(--yellow); border-color: var(--ink); color: var(--ink); }

.insight-card { border-top-color: var(--green); }
.insight-card:nth-child(2) { border-top-color: var(--mint); }
.insight-card:nth-child(3) { border-top-color: var(--yellow); }
.insight-card:nth-child(4) { border-top-color: var(--ink); }

.cta-section { background: var(--yellow); }
.cta-section::before { border-color: var(--green); }
.cta-section::after { background: var(--mint); }
.cta-inner .eyebrow,
.cta-inner h2 em { color: #39744a; }

.contact-options > a > span { background: var(--mint); color: var(--ink); }
.footer { color: var(--mint); }
.footer .back-top { color: var(--yellow); }
.footer .brand-dark { color: var(--yellow); }

/* Keep the Hero as the single light CIS scene; it intentionally differs from other dark sections. */
.hero.section-dark {
  background: linear-gradient(90deg, var(--mint) 0%, var(--mint) 34%, var(--cream) 74%, var(--cream) 100%);
  color: var(--ink);
}
.hero.section-dark .hero-copy,
.hero.section-dark h1,
.hero.section-dark .hero-text { color: var(--ink); }