/* Shared semantic palette, loaded after the existing design system. */
:root {
  --navy: #08232a; --green: #0f7a52; --mint: #a7e8c8; --wa: #25d366;
  --amber: #e9b949; --canvas: #e8efed; --surface: #fff; --line: #d3dedb;
  --ink: #0c2834; --body-text: #3f4d55; --dark-card: #0d323b; --dark-line: #24434c;
  --pa-ink-950: var(--navy); --pa-ink-900: var(--navy); --pa-ink-800: var(--ink);
  --pa-slate-600: var(--body-text); --pa-line: var(--line); --pa-canvas: var(--canvas);
  --pa-primary: var(--green); --pa-accent: var(--mint); --pa-accent-warm: var(--amber);
  --pa-surface-blue: var(--canvas);
}
#root :is(.siteNav,.promoFooter,.mobileActionBar) { background: var(--navy) !important; }
#root :is(.siteNavCta,.promoFooterPrimary,.mobileActionBarAudit) { background: var(--mint) !important; color: var(--navy) !important; }
#root .mobileActionBarWhatsApp { background: var(--wa) !important; color: var(--navy) !important; }
#root .promoaiHomeRefresh { background: var(--canvas) !important; }
#root .promoaiHomeRefresh :is(.homeEvidenceCard,.starterOffer,.homeOutcomeGrid > a,.founderTrust,.leakQuestionCard,.leakPriorityPanel) {
  background: var(--surface) !important; border: 1px solid var(--line) !important; box-shadow: none !important;
}
#root .promoaiHomeRefresh :is(.compactSectionHeading h2,.homeEvidenceCard h3,.starterOffer h2,.homeOutcomeGrid h3,.founderTrust h2,.leakCheck h2,.leakQuestionCard h3,.homeDeliverySteps h3) { color: var(--ink) !important; -webkit-text-fill-color: currentColor !important; }
#root .promoaiHomeRefresh :is(.homeEvidenceCard p,.homeProjectTags,.starterOffer p:not(.sectionLabel),.homeOutcomeGrid p,.founderTrust p:not(.sectionLabel),.leakCheck p:not(.sectionLabel),.homeDeliverySteps p) { color: var(--body-text) !important; }
#root .promoaiHomeRefresh :is(.homeProjectCategory,.homeEvidenceCard strong,.homeEvidenceMore,.founderLink,.sectionLabel,.homeOutcomeGrid strong) { color: var(--green) !important; background: transparent !important; }
#root .promoaiHomeRefresh .primaryButton { background: var(--green) !important; color: white !important; border-color: var(--green) !important; box-shadow: none !important; }
#root .promoaiHomeRefresh :is(.homeChooser,.homeCtaStrip) { background: var(--navy) !important; }
#root .promoaiHomeRefresh .homeChooserGrid > a { background: var(--dark-card) !important; border-color: var(--dark-line) !important; box-shadow: none !important; }
#root .promoaiHomeRefresh :is(.homeChooser,.homeCtaStrip) :is(h2,h3,p) { color: #f1f6f4 !important; }
#root .promoaiHomeRefresh :is(.homeChooser,.homeCtaStrip) :is(.sectionLabel,strong,span) { color: var(--mint) !important; }
#root .promoaiHomeRefresh .homeCtaStrip .primaryButton { background: var(--mint) !important; color: var(--navy) !important; }
#root .promoaiHomeRefresh :is(.starterDeliverables li,.leakCheck,.leakAnswer,.leakPriorityList li,.leakScore) { background: var(--canvas) !important; border-color: var(--line) !important; box-shadow: none !important; }
#root .promoaiHomeRefresh :is(.leakProgressTrack > span,.leakQuestionNumber,.leakPriorityList li::before) { background: var(--green) !important; color: white !important; }
#root .promoaiHomeRefresh :is(.leakScore strong,.starterDeliverables li::before,.homeDeliverySteps li > span) { color: var(--green) !important; }
#root .promoaiHomeRefresh .leakProgressTrack { background: var(--line); }
#root .promoaiHomeRefresh .leakAnswer:focus-visible { outline: 3px solid var(--green); outline-offset: 3px; }
#root .promoaiHomeRefresh .leakAnswer--yes:is(:hover,:focus-visible) { background: #edf8f1 !important; border-color: var(--green) !important; }
#root .promoaiHomeRefresh .leakAnswer--partly:is(:hover,:focus-visible) { background: #fff8e5 !important; border-color: var(--amber) !important; }
#root .promoaiHomeRefresh .leakAnswer--no:is(:hover,:focus-visible) { background: #fff1f0 !important; border-color: #b42318 !important; }
#root .promoaiFilmHero h1 span,#root .promoaiHeroClientLink { color: var(--mint) !important; }
#root .promoaiFilmHero .promoaiSpatialPrimary { background: var(--mint) !important; color: var(--navy) !important; }
#root .promoaiFilmHero .promoaiSpatialSecondary { background: transparent !important; color: #f1f6f4 !important; }
#root .promoaiHomeRefresh .starterPrice { color: var(--ink) !important; }

/* Proof-led homepage. Hero uses independent classes rather than legacy overrides. */
#root .promoaiHomeRefresh { font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
#root .premiumHero { background: var(--navy); color: #f1f6f4; padding: clamp(36px,5vw,72px) 24px; }
#root .premiumHeroInner { width: min(1180px,100%); margin: auto; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: clamp(32px,5vw,64px); }
#root .premiumEyebrow { margin: 0 0 20px; color: var(--mint); font-size: .78rem; font-weight: 600; letter-spacing: .04em; }
#root .premiumHero h1 { margin: 0; max-width: 14ch; font-family: inherit; font-size: clamp(2.6rem,4.6vw,4rem); font-weight: 650; line-height: 1.08; letter-spacing: -.025em; color: #f1f6f4; -webkit-text-fill-color: currentColor; }
#root .premiumHero h1 span { color: var(--mint); }
#root .premiumHeroLead { margin: 22px 0 0; max-width: 48ch; color: #c7d8d8; font-size: 1rem; line-height: 1.7; }
#root .premiumHeroActions { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; margin-top: 28px; }
#root .premiumHeroPrimary { display: inline-flex; gap: 20px; align-items: center; justify-content: center; min-height: 48px; padding: 12px 20px; background: var(--mint); color: var(--navy); border-radius: 10px; font-weight: 650; text-decoration: none; }
#root .premiumHeroSecondary { color: #f1f6f4; text-underline-offset: 5px; font-size: .9rem; }
#root .premiumHeroTrust { margin: 22px 0 0; color: #bdcecf; font-size: .76rem; line-height: 1.7; }
#root .premiumHeroProject { margin: 0; overflow: hidden; border: 1px solid var(--dark-line); border-radius: 16px; background: var(--surface); color: var(--ink); }
#root .premiumHeroProject > a { display: block; }
#root .premiumHeroProject img { display: block; width: 100%; height: auto; aspect-ratio: 2/1; object-fit: cover; object-position: top; border-radius: 0; }
#root .premiumHeroProject figcaption { padding: 24px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
#root .premiumHeroProject figcaption div > span { font-size: .7rem; color: var(--body-text); }
#root .premiumHeroProject h2 { color: var(--ink); font-size: 1.25rem; line-height: 1.25; margin: 7px 0; }
#root .premiumHeroProject p { margin: 0; font-size: .8rem; color: var(--body-text); line-height: 1.5; }
#root .premiumHeroProject figcaption > a { flex-shrink: 0; font-size: .8rem; color: var(--green); font-weight: 650; }
#root .premiumMoreWork { width: min(1180px,calc(100% - 40px)); margin: 64px auto; display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 24px; align-items: center; }
#root .premiumMoreWork h2 { margin: 8px 0 12px; color: var(--ink); font-size: 1.6rem; line-height: 1.2; }
#root .premiumMoreWork p:not(.sectionLabel) { color: var(--body-text); line-height: 1.65; }
#root .premiumWorkLink { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 24px; min-height: 88px; border: 1px solid var(--line); border-radius: 12px; color: var(--green); background: white; font-weight: 600; }
#root .promoaiHomeRefresh .sectionLabel { font-size: .75rem; font-weight: 600; letter-spacing: .04em; text-transform: none; }
#root .premiumBrandFilm { width: min(1180px,calc(100% - 40px)); margin: 40px auto; padding-block: 18px; border-block: 1px solid var(--line); color: var(--body-text); }
#root .premiumBrandFilm summary { cursor: pointer; padding: 8px 0; font-size: .9rem; }
#root .premiumBrandFilm video { display: block; width: min(100%,300px); height: auto; max-height: 70vh; margin: 20px auto; border-radius: 12px; }
#root .premiumHero a:focus-visible,#root .premiumWorkLink:focus-visible { outline: 3px solid var(--green); outline-offset: 5px; }
#root .premiumHeroCopy a:focus-visible { outline-color: var(--mint); }
@media (max-width: 860px) {
  #root .premiumHero { padding: 32px 20px; }
  #root .premiumHeroInner { grid-template-columns: 1fr; gap: 28px; }
  #root .premiumHero h1 { max-width: 19ch; font-size: clamp(2rem,7vw,3.1rem); }
  #root .premiumHeroLead { margin-top: 16px; font-size: .94rem; line-height: 1.6; }
  #root .premiumEyebrow { margin-bottom: 16px; }
  #root .premiumHeroActions { margin-top: 22px; }
  #root .premiumHeroTrust { margin-top: 16px; font-size: .7rem; }
  #root .premiumHeroProject { max-width: 640px; }
  #root .premiumHeroProject figcaption { padding: 18px; }
  #root .premiumMoreWork { grid-template-columns: 1fr; gap: 14px; margin-block: 40px; }
}
@media (max-width: 400px) {
  #root .premiumHeroActions { gap: 16px; }
  #root .premiumHeroProject figcaption { align-items: flex-start; flex-direction: column; gap: 12px; }
}

/* Explicit surface/text pairs override legacy generic section and paragraph rules. */
#root .publicPage.promoaiHomeRefresh section.premiumHero {
  background: var(--navy) !important;
  background-image: none !important;
  color: #f1f6f4 !important;
}
#root .publicPage.promoaiHomeRefresh section.premiumHero::before,
#root .publicPage.promoaiHomeRefresh section.premiumHero::after {
  display: none !important;
}
#root .publicPage.promoaiHomeRefresh .premiumHeroCopy h1 {
  color: #f1f6f4 !important;
  -webkit-text-fill-color: #f1f6f4 !important;
}
#root .publicPage.promoaiHomeRefresh .premiumHeroCopy h1 span {
  color: var(--mint) !important;
  -webkit-text-fill-color: var(--mint) !important;
}
#root .publicPage.promoaiHomeRefresh .premiumHeroCopy .premiumEyebrow {
  color: var(--mint) !important; -webkit-text-fill-color: currentColor !important;
}
#root .publicPage.promoaiHomeRefresh .premiumHeroCopy :is(.premiumHeroLead,.premiumHeroTrust) {
  color: #c7d8d8 !important; -webkit-text-fill-color: currentColor !important;
}
#root .publicPage.promoaiHomeRefresh .premiumHeroCopy .premiumHeroSecondary {
  color: #f1f6f4 !important; -webkit-text-fill-color: currentColor !important;
}
#root .publicPage.promoaiHomeRefresh .premiumHeroProject figcaption {
  background: var(--surface) !important; color: var(--ink) !important;
}
#root .publicPage.promoaiHomeRefresh .premiumHeroProject figcaption h2 {
  color: var(--ink) !important; -webkit-text-fill-color: currentColor !important;
}
#root .publicPage.promoaiHomeRefresh .premiumHeroProject figcaption :is(p,div > span) {
  color: var(--body-text) !important; -webkit-text-fill-color: currentColor !important;
}
#root .publicPage.promoaiHomeRefresh .premiumHeroProject figcaption > a {
  color: var(--green) !important; -webkit-text-fill-color: currentColor !important;
}

/* Original static growth-path motif: page dots and quiet card-corner curves. */
#root .publicPage.promoaiHomeRefresh {
  background-color: var(--canvas) !important;
  background-image: radial-gradient(circle,rgba(8,35,42,.22) 1.2px,transparent 1.6px) !important;
  background-size: 28px 28px !important;
}
#root .publicPage.promoaiHomeRefresh section.premiumHero {
  background-color: var(--navy) !important;
  background-image: radial-gradient(circle,rgba(167,232,200,.26) 1.2px,transparent 1.6px) !important;
  background-size: 32px 32px !important;
}
#root .publicPage.promoaiHomeRefresh :is(.starterOffer,.founderTrust,.premiumWorkLink,.leakQuestionCard,.leakPriorityPanel) {
  background-color: var(--surface) !important;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22200%22%20height%3D%22160%22%20viewBox%3D%220%200%20200%20160%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%230F7A52%22%20stroke-opacity%3D%22.18%22%3E%3Cpath%20d%3D%22M200%2016C154%2016%20170%2088%20124%2088S94%20152%2048%20152%22%2F%3E%3Cpath%20d%3D%22M200%2040C178%2040%20182%20112%20136%20112S106%20176%2060%20176%22%2F%3E%3Cpath%20d%3D%22M200%20-8C130%20-8%20158%2064%20112%2064S82%20128%2036%20128%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%230F7A52%22%20fill-opacity%3D%22.24%22%3E%3Ccircle%20cx%3D%22124%22%20cy%3D%2288%22%20r%3D%222.5%22%2F%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%22128%22%20r%3D%222.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") !important;
  background-size: 180px 144px !important;
  background-position: right top !important;
  background-repeat: no-repeat !important;
}
#root .publicPage.promoaiHomeRefresh .premiumHeroProject figcaption {
  background-color: var(--surface) !important;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22200%22%20height%3D%22160%22%20viewBox%3D%220%200%20200%20160%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%230F7A52%22%20stroke-opacity%3D%22.18%22%3E%3Cpath%20d%3D%22M200%2016C154%2016%20170%2088%20124%2088S94%20152%2048%20152%22%2F%3E%3Cpath%20d%3D%22M200%2040C178%2040%20182%20112%20136%20112S106%20176%2060%20176%22%2F%3E%3Cpath%20d%3D%22M200%20-8C130%20-8%20158%2064%20112%2064S82%20128%2036%20128%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%230F7A52%22%20fill-opacity%3D%22.24%22%3E%3Ccircle%20cx%3D%22124%22%20cy%3D%2288%22%20r%3D%222.5%22%2F%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%22128%22%20r%3D%222.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") !important;
  background-size: 140px 112px !important;
  background-position: right top !important;
  background-repeat: no-repeat !important;
}
@media (max-width: 600px) {
  #root .publicPage.promoaiHomeRefresh :is(.starterOffer,.founderTrust,.premiumWorkLink,.leakQuestionCard,.leakPriorityPanel) { background-size: 120px 96px !important; }
}
@media (forced-colors: active) {
  #root .publicPage.promoaiHomeRefresh,
  #root .publicPage.promoaiHomeRefresh section.premiumHero,
  #root .publicPage.promoaiHomeRefresh :is(.starterOffer,.founderTrust,.premiumWorkLink,.leakQuestionCard,.leakPriorityPanel,.premiumHeroProject figcaption) { background-image: none !important; }
}
@media print {
  #root .publicPage.promoaiHomeRefresh,
  #root .publicPage.promoaiHomeRefresh section.premiumHero,
  #root .publicPage.promoaiHomeRefresh :is(.starterOffer,.founderTrust,.premiumWorkLink,.leakQuestionCard,.leakPriorityPanel,.premiumHeroProject figcaption) { background-image: none !important; }
}

/* Case studies: explicit surface/text pairs for the legacy static page. */
body.premiumCasePage { background: var(--canvas) !important; background-image: radial-gradient(circle,rgba(8,35,42,.20) 1.2px,transparent 1.6px) !important; background-size: 28px 28px !important; color: var(--ink) !important; font-family: Inter,ui-sans-serif,system-ui,sans-serif !important; }
.premiumCasePage :is(header,footer) { background: var(--navy) !important; color: #c7d8d8 !important; border-color: var(--dark-line) !important; }
.premiumCasePage .wrap { width: min(1180px,calc(100% - 40px)) !important; }
.premiumCasePage .nav { gap: 24px; }
.premiumCasePage .brand { color: #f1f6f4 !important; text-decoration: none; font-weight: 700; }
.premiumCasePage .nav nav { display: flex; gap: 18px; flex-wrap: wrap; }
.premiumCasePage .nav nav a { color: #c7d8d8 !important; margin: 0; font-size: .85rem; }
.premiumCasePage section.hero { background: var(--navy) !important; background-image: radial-gradient(circle,rgba(167,232,200,.26) 1.2px,transparent 1.6px) !important; background-size: 32px 32px !important; padding: clamp(40px,6vw,80px) 0 !important; }
.premiumCasePage .hero .eyebrow { padding: 0 !important; background: transparent !important; border: 0 !important; color: var(--mint) !important; font-size: .78rem; font-weight: 600; }
.premiumCasePage .hero h1 { max-width: 19ch !important; font-size: clamp(2.3rem,5vw,4rem) !important; line-height: 1.08 !important; letter-spacing: -.025em !important; color: #f1f6f4 !important; -webkit-text-fill-color: currentColor !important; }
.premiumCasePage .hero .lead { max-width: 60ch !important; color: #c7d8d8 !important; font-size: 1.05rem; }
.premiumCasePage section:not(.hero) { background: transparent !important; padding-block: 40px !important; }
.premiumCasePage :is(.card,.case-card,.metric) { background: var(--surface) !important; border: 1px solid var(--line) !important; box-shadow: none !important; color: var(--ink) !important; }
.premiumCasePage .case-card { grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: clamp(24px,4vw,48px); padding: clamp(22px,4vw,40px); border-radius: 18px; margin-bottom: 24px; }
.premiumCasePage :is(h2,h3) { color: var(--ink) !important; -webkit-text-fill-color: currentColor !important; font-weight: 650; }
.premiumCasePage :is(.card,.case-card,.metric) :is(p,li),.premiumCasePage .snapshotNote { color: var(--body-text) !important; line-height: 1.7; }
.premiumCasePage .tag { color: var(--green) !important; background: var(--canvas) !important; border-color: var(--line) !important; font-size: .73rem; padding: 5px 9px; }
.premiumCasePage .metric strong { color: var(--green) !important; font-size: 1.8rem; }
.premiumCasePage .metric { font-size: .82rem; }
.premiumCasePage .casePreview { display: block; margin: 18px 0 12px; border: 1px solid var(--line); border-radius: 10px; overflow: hidden; }
.premiumCasePage .casePreview img { display: block; width: 100%; height: auto; aspect-ratio: 2/1; object-fit: cover; object-position: top; margin: 0; border-radius: 0; }
.premiumCasePage .caseProjectLink { display: inline-block; margin-bottom: 12px; color: var(--green) !important; font-size: .85rem; font-weight: 650; text-underline-offset: 4px; }
.premiumCasePage .btn-primary { background: var(--green) !important; color: white !important; border-color: var(--green) !important; box-shadow: none !important; font-weight: 650; }
.premiumCasePage .hero .btn-primary { background: var(--mint) !important; color: var(--navy) !important; border-color: var(--mint) !important; }
.premiumCasePage .btn-secondary { background: transparent !important; color: var(--green) !important; border-color: var(--line) !important; font-weight: 600; }
.premiumCasePage .hero .btn-secondary { color: #f1f6f4 !important; border-color: #46646b !important; }
.premiumCasePage .links a { background: var(--canvas) !important; color: var(--green) !important; border-color: var(--line) !important; }
.premiumCasePage a:focus-visible { outline: 3px solid var(--green); outline-offset: 4px; }
.premiumCasePage .hero a:focus-visible,.premiumCasePage header a:focus-visible { outline-color: var(--mint); }
@media(max-width:820px) {
  .premiumCasePage .case-card,.premiumCasePage .grid,.premiumCasePage .grid-2 { grid-template-columns: 1fr !important; }
  .premiumCasePage .metric-row { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .premiumCasePage .nav { align-items: flex-start; }
}
@media(max-width:400px) { .premiumCasePage .metric-row { grid-template-columns: 1fr !important; } }
@media(forced-colors:active) { body.premiumCasePage,.premiumCasePage section.hero { background-image:none !important; } }

/* Pricing page: shared surfaces and a clear package comparison. */
#root main.publicPage.premiumPricingPage { background: var(--canvas) !important; background-image: radial-gradient(circle,rgba(8,35,42,.22) 1.2px,transparent 1.6px) !important; background-size: 28px 28px !important; padding-bottom: 48px; color: var(--ink); }
#root .premiumPricingPage section.internalPageHero--pricing { background: var(--navy) !important; background-image: radial-gradient(circle,rgba(167,232,200,.26) 1.2px,transparent 1.6px) !important; background-size: 32px 32px !important; box-shadow: none !important; border: 0 !important; padding: clamp(28px,5vw,56px) !important; min-height: 0 !important; }
#root .premiumPricingPage .internalPageHero--pricing::before,#root .premiumPricingPage .internalPageHero--pricing::after { display: none !important; }
#root .premiumPricingPage .internalPageHeroCopy h1 { color: #f1f6f4 !important; -webkit-text-fill-color: currentColor !important; font-size: clamp(2.2rem,4vw,3.5rem) !important; line-height: 1.1 !important; letter-spacing: -.025em !important; }
#root .premiumPricingPage .internalPageHeroCopy p:not(.sectionLabel) { color: #c7d8d8 !important; -webkit-text-fill-color: currentColor !important; max-width: 52ch; line-height: 1.7; }
#root .premiumPricingPage .internalPageHeroCopy .sectionLabel { color: var(--mint) !important; background: transparent !important; border: 0 !important; font-size: .75rem; font-weight: 600; }
#root .premiumPricingPage .internalHeroActions .primaryButton { background: var(--mint) !important; color: var(--navy) !important; box-shadow: none !important; }
#root .premiumPricingPage .internalTextLink { color: #f1f6f4 !important; }
#root .premiumPricingPage .internalHeroVisual { box-shadow: none !important; background: var(--dark-card) !important; border-color: var(--dark-line) !important; }
#root .premiumPricingPage .internalHeroVisual figcaption { background: var(--dark-card) !important; }
#root .premiumPricingPage .internalHeroVisual figcaption :is(strong,small) { color: #f1f6f4 !important; }
#root .premiumPricingPage .publicPackageGrid { gap: 24px !important; align-items: stretch; margin-top: 48px !important; }
#root .premiumPricingPage .packageCard { display: flex !important; flex-direction: column; background: var(--surface) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22200%22%20height%3D%22160%22%20viewBox%3D%220%200%20200%20160%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%230F7A52%22%20stroke-opacity%3D%22.18%22%3E%3Cpath%20d%3D%22M200%2016C154%2016%20170%2088%20124%2088S94%20152%2048%20152%22%2F%3E%3Cpath%20d%3D%22M200%2040C178%2040%20182%20112%20136%20112S106%20176%2060%20176%22%2F%3E%3Cpath%20d%3D%22M200%20-8C130%20-8%20158%2064%20112%2064S82%20128%2036%20128%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%230F7A52%22%20fill-opacity%3D%22.24%22%3E%3Ccircle%20cx%3D%22124%22%20cy%3D%2288%22%20r%3D%222.5%22%2F%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%22128%22%20r%3D%222.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") !important; background-size: 140px 112px !important; background-repeat: no-repeat !important; background-position: right top !important; border: 1px solid var(--line) !important; border-radius: 18px !important; box-shadow: none !important; padding: clamp(24px,3vw,36px) !important; color: var(--ink) !important; }
#root .premiumPricingPage .packageCard::before,#root .premiumPricingPage .packageCard::after { display: none !important; }
#root .premiumPricingPage .packageCard.popular { border: 2px solid var(--green) !important; }
#root .premiumPricingPage .packageCard :is(h3,.price) { color: var(--ink) !important; -webkit-text-fill-color: currentColor !important; }
#root .premiumPricingPage .packageCard h3 { font-size: 1.35rem !important; line-height: 1.3; font-weight: 650; }
#root .premiumPricingPage .packageCard .price { font-size: clamp(1.8rem,3vw,2.5rem) !important; line-height: 1.25; letter-spacing: -.02em; }
#root .premiumPricingPage .packageCard :is(p:not(.price),li) { color: var(--body-text) !important; -webkit-text-fill-color: currentColor !important; line-height: 1.65; }
#root .premiumPricingPage :is(.packageMark,.packageKicker) { color: var(--green) !important; background: transparent !important; font-size: .75rem; }
#root .premiumPricingPage .popularTag { background: var(--mint) !important; color: var(--navy) !important; border: 0 !important; font-size: .75rem; }
#root .premiumPricingPage .packageCard .packageButton { background: var(--green) !important; color: white !important; border: 1px solid var(--green) !important; box-shadow: none !important; min-height: 48px; font-weight: 650; }
#root .premiumPricingPage .packageCard li::before { color: var(--green) !important; }
#root .premiumPricingPage a:focus-visible { outline: 3px solid var(--green); outline-offset: 4px; }
@media(max-width:900px) { #root .premiumPricingPage .publicPackageGrid { grid-template-columns: 1fr !important; } }
@media(forced-colors:active) { #root main.publicPage.premiumPricingPage,#root .premiumPricingPage :is(section.internalPageHero--pricing,.packageCard) { background-image: none !important; } }

/* Services page refinement. */
#root main.publicPage.premiumServicesPage { background: var(--canvas) !important; background-image: radial-gradient(circle,rgba(8,35,42,.22) 1.2px,transparent 1.6px) !important; background-size: 28px 28px !important; padding-bottom: 48px; color: var(--ink); }
#root .premiumServicesPage section.internalPageHero--services { background: var(--navy) !important; background-image: radial-gradient(circle,rgba(167,232,200,.26) 1.2px,transparent 1.6px) !important; background-size: 32px 32px !important; box-shadow: none !important; border: 0 !important; padding: clamp(28px,5vw,56px) !important; min-height: 0 !important; }
#root .premiumServicesPage .internalPageHero--services::before,#root .premiumServicesPage .internalPageHero--services::after { display: none !important; }
#root .premiumServicesPage .internalPageHeroCopy h1 { color: #f1f6f4 !important; -webkit-text-fill-color: currentColor !important; font-size: clamp(2.2rem,4vw,3.5rem) !important; line-height: 1.1 !important; letter-spacing: -.025em !important; }
#root .premiumServicesPage .internalPageHeroCopy p:not(.sectionLabel) { color: #c7d8d8 !important; -webkit-text-fill-color: currentColor !important; max-width: 52ch; line-height: 1.7; }
#root .premiumServicesPage .internalPageHeroCopy .sectionLabel { color: var(--mint) !important; background: transparent !important; border: 0 !important; font-size: .75rem; font-weight: 600; }
#root .premiumServicesPage .internalHeroActions .primaryButton { background: var(--mint) !important; color: var(--navy) !important; box-shadow: none !important; }
#root .premiumServicesPage .internalTextLink { color: #f1f6f4 !important; }
#root .premiumServicesPage .internalHeroVisual { box-shadow: none !important; background: var(--dark-card) !important; border-color: var(--dark-line) !important; }
#root .premiumServicesPage .internalHeroVisual figcaption { background: var(--dark-card) !important; }
#root .premiumServicesPage .internalHeroVisual figcaption :is(strong,small) { color: #f1f6f4 !important; }

#root .premiumServicesPage :is(.serviceOptionsSection,.growthSystemSection) { background: transparent !important; box-shadow: none !important; }
#root .premiumServicesPage :is(.serviceOptionsHeading,.growthSystemHeading) h2 { color: var(--ink) !important; -webkit-text-fill-color: currentColor !important; font-size: clamp(1.6rem,3vw,2.4rem); line-height: 1.2; font-weight: 650; }
#root .premiumServicesPage :is(.serviceOptionsHeading,.growthSystemHeading) p:not(.sectionLabel) { color: var(--body-text) !important; line-height: 1.7; }
#root .premiumServicesPage :is(.serviceOptionsHeading,.growthSystemHeading) .sectionLabel { color: var(--green) !important; background: transparent !important; border: 0 !important; }
#root .premiumServicesPage :is(.servicePageCard,.growthSystemCard) { background: var(--surface) !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22200%22%20height%3D%22160%22%20viewBox%3D%220%200%20200%20160%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%230F7A52%22%20stroke-opacity%3D%22.18%22%3E%3Cpath%20d%3D%22M200%2016C154%2016%20170%2088%20124%2088S94%20152%2048%20152%22%2F%3E%3Cpath%20d%3D%22M200%2040C178%2040%20182%20112%20136%20112S106%20176%2060%20176%22%2F%3E%3Cpath%20d%3D%22M200%20-8C130%20-8%20158%2064%20112%2064S82%20128%2036%20128%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%230F7A52%22%20fill-opacity%3D%22.24%22%3E%3Ccircle%20cx%3D%22124%22%20cy%3D%2288%22%20r%3D%222.5%22%2F%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%22128%22%20r%3D%222.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") !important; background-position: right top !important; background-size: 120px 96px !important; background-repeat: no-repeat !important; border: 1px solid var(--line) !important; border-radius: 16px !important; box-shadow: none !important; }
#root .premiumServicesPage :is(.servicePageCard,.growthSystemCard)::before,#root .premiumServicesPage :is(.servicePageCard,.growthSystemCard)::after { display: none !important; }
#root .premiumServicesPage :is(.servicePageCard,.growthSystemCard) h3 { color: var(--ink) !important; -webkit-text-fill-color: currentColor !important; font-weight: 650; line-height: 1.3; }
#root .premiumServicesPage :is(.servicePageCard,.growthSystemCard) :is(p,li) { color: var(--body-text) !important; -webkit-text-fill-color: currentColor !important; line-height: 1.65; }
#root .premiumServicesPage :is(.serviceCardCategory,.growthSystemStage,.serviceCardNumber,.growthSystemNumber) { color: var(--green) !important; background: var(--canvas) !important; border-color: var(--line) !important; font-size: .75rem; }
#root .premiumServicesPage :is(.serviceCardLink,.serviceCardLinkText,.serviceCardArrow,.growthSystemCardFooter a) { color: var(--green) !important; background: transparent !important; border-color: var(--line) !important; }
#root .premiumServicesPage .growthSystemCardFooter { background: var(--canvas) !important; border-color: var(--line) !important; }
#root .premiumServicesPage .growthSystemCardFooter :is(small,strong) { color: var(--ink) !important; }
#root .premiumServicesPage .growthSystemCard li::before { color: var(--green) !important; }
#root .premiumServicesPage .serviceGridPage { gap: 20px !important; }
#root .premiumServicesPage .growthSystemGrid { gap: 20px !important; }
#root .premiumServicesPage a:focus-visible { outline: 3px solid var(--green); outline-offset: 4px; }
@media(max-width:900px) { #root .premiumServicesPage :is(.serviceGridPage,.growthSystemGrid) { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } }
@media(max-width:600px) { #root .premiumServicesPage :is(.serviceGridPage,.growthSystemGrid) { grid-template-columns: 1fr !important; } }
@media(forced-colors:active) { #root main.publicPage.premiumServicesPage,#root .premiumServicesPage :is(section.internalPageHero--services,.servicePageCard,.growthSystemCard) { background-image: none !important; } }

/* About page: founder-led trust with the shared palette. */
#root main.publicPage.premiumAboutPage { background: var(--canvas) !important; background-image: radial-gradient(circle,rgba(8,35,42,.22) 1.2px,transparent 1.6px) !important; background-size: 28px 28px !important; padding: clamp(20px,3vw,40px) !important; }
#root .premiumAboutPage section.focusedInfoHero { max-width: none !important; background: var(--navy) !important; background-image: radial-gradient(circle,rgba(167,232,200,.26) 1.2px,transparent 1.6px) !important; background-size: 32px 32px !important; padding: clamp(28px,5vw,56px) !important; border-radius: 18px; }
#root .premiumAboutPage .focusedInfoHero h1 { color: #f1f6f4 !important; -webkit-text-fill-color: currentColor !important; font-size: clamp(2.1rem,4vw,3.5rem) !important; line-height: 1.1; letter-spacing: -.025em; max-width: 23ch; }
#root .premiumAboutPage .focusedInfoHero p:not(.sectionLabel) { color: #c7d8d8 !important; max-width: 65ch; line-height: 1.7; }
#root .premiumAboutPage .focusedInfoHero .sectionLabel { color: var(--mint) !important; background: transparent !important; border: 0 !important; }
#root .premiumAboutPage .focusedInfoHero .primaryButton { background: var(--mint) !important; color: var(--navy) !important; box-shadow: none !important; }
#root .premiumAboutPage .aboutFounder { display: grid; grid-template-columns: 180px 1fr; gap: clamp(24px,4vw,48px); align-items: center; padding: clamp(24px,4vw,40px); margin: 40px 0; }
#root .premiumAboutPage .aboutFounder img { width: 180px; height: 180px; object-fit: cover; object-position: 50% 34%; border-radius: 50%; }
#root .premiumAboutPage :is(.aboutFounder,.aboutPrinciples article) { background: white !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22200%22%20height%3D%22160%22%20viewBox%3D%220%200%20200%20160%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%230F7A52%22%20stroke-opacity%3D%22.18%22%3E%3Cpath%20d%3D%22M200%2016C154%2016%20170%2088%20124%2088S94%20152%2048%20152%22%2F%3E%3Cpath%20d%3D%22M200%2040C178%2040%20182%20112%20136%20112S106%20176%2060%20176%22%2F%3E%3Cpath%20d%3D%22M200%20-8C130%20-8%20158%2064%20112%2064S82%20128%2036%20128%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%230F7A52%22%20fill-opacity%3D%22.24%22%3E%3Ccircle%20cx%3D%22124%22%20cy%3D%2288%22%20r%3D%222.5%22%2F%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%22128%22%20r%3D%222.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") !important; background-position: right top !important; background-size: 140px 112px !important; background-repeat: no-repeat !important; border: 1px solid var(--line) !important; border-radius: 16px !important; box-shadow: none !important; }
#root .premiumAboutPage :is(.aboutFounder,.aboutPrinciples,.focusedPageCta) h2 { color: var(--ink) !important; -webkit-text-fill-color: currentColor !important; font-weight: 650; line-height: 1.25; }
#root .premiumAboutPage :is(.aboutFounder,.aboutPrinciples,.focusedPageCta) p:not(.sectionLabel) { color: var(--body-text) !important; line-height: 1.7; max-width: 65ch; }
#root .premiumAboutPage :is(.aboutFounderLink,.sectionLabel,.aboutPrinciples article > span) { color: var(--green) !important; background: transparent !important; font-weight: 600; }
#root .premiumAboutPage .aboutFounderLink { display: inline-block; margin-top: 12px; text-underline-offset: 4px; }
#root .premiumAboutPage .aboutPrinciples { gap: 20px; }
#root .premiumAboutPage .focusedPageCta { background: var(--surface) !important; border: 1px solid var(--line); box-shadow: none !important; }
#root .premiumAboutPage .focusedPageCta .primaryButton { background: var(--green) !important; color: white !important; box-shadow: none !important; }
#root .premiumAboutPage a:focus-visible { outline: 3px solid var(--green); outline-offset: 4px; }
@media(max-width:700px) {
  #root .premiumAboutPage .aboutFounder { grid-template-columns: 1fr; gap: 20px; }
  #root .premiumAboutPage .aboutFounder img { width: 120px; height: 120px; }
  #root .premiumAboutPage .aboutPrinciples { grid-template-columns: 1fr !important; }
}
@media(forced-colors:active) { #root main.publicPage.premiumAboutPage,#root .premiumAboutPage :is(section.focusedInfoHero,.aboutFounder,.aboutPrinciples article) { background-image: none !important; } }