:root {
  --purple: #0F3D2E;
  --purple-2: #174A3A;
  --purple-3: #7A817C;
  --green: #0F3D2E;
  --green-2: #E3EBE4;
  --gold: #F2B705;
  --gold-pale: #FBF2D1;
  --ink: #1E1E1E;
  --muted: #646C68;
  --paper: #F7F5EF;
  --white: #FFF;
  --line: #E3DED4;
  --shadow: 0 24px 70px rgba(30, 30, 30, .12);
  --sans: Inter, "Segoe UI", Arial, sans-serif;
  --display: Montserrat, "Segoe UI", Arial, sans-serif;
}

.preview-bar { background: #1E1E1E; }
.preview-dot { background: #F2B705; }
.preview-divider { color: #F2B705; }
.site-header { border-bottom-color: rgba(15, 61, 46, .12); }
.main-nav { color: #1E1E1E; }
.nav-menu a:hover { background: #F7F5EF; }
.nav-cta, .button { background: #F2B705; color: #1E1E1E; }
.nav-cta:hover, .button:hover { background: #DFA700; color: #1E1E1E; }
.button.light { color: #0F3D2E; }
.button.light:hover { background: #F7F5EF; }
.button.outline { border-color: rgba(15, 61, 46, .24); }
.menu-toggle span { background: #0F3D2E; }
.nav-link:focus-visible, .nav-cta:focus-visible, .button:focus-visible, .menu-toggle:focus-visible { outline: 3px solid #F2B705; outline-offset: 3px; }
.eyebrow.gold { color: #E7DCC8; }
.eyebrow.light { color: #F7F5EF; }
.hero:after {
  width: min(48vw, 590px);
  height: 430px;
  top: 12%;
  right: -4%;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  opacity: .2;
  pointer-events: none;
  background:
    radial-gradient(circle at 78% 24%, #F2B705 0 3px, transparent 4px),
    radial-gradient(circle at 55% 58%, #F2B705 0 3px, transparent 4px),
    repeating-linear-gradient(0deg, transparent 0 34px, rgba(231, 220, 200, .34) 35px 36px),
    repeating-linear-gradient(90deg, transparent 0 55px, rgba(231, 220, 200, .24) 56px 57px);
  clip-path: polygon(16% 0, 100% 0, 100% 100%, 0 76%);
}
.hero-orbit { display: none; }
.proof-mark { color: #E7DCC8; }
.visual-note { color: #0F3D2E; }
.visual-caption:before { background: #F2B705; }
.section.purple { background: #0F3D2E; }
.audience-card { background: #0F3D2E; }
.audience-card:before {
  background: linear-gradient(0deg, rgba(15, 61, 46, .96), rgba(15, 61, 46, .24) 74%, rgba(15, 61, 46, .06)),
    radial-gradient(ellipse at 77% 22%, rgba(242, 183, 5, .22), transparent 34%);
}
.audience-card.partner { background: #174A3A; }
.audience-card .eyebrow, .registration-copy .eyebrow { color: #E7DCC8; }
.audience-card.partner:before {
  background: linear-gradient(0deg, rgba(15, 61, 46, .97), rgba(15, 61, 46, .22) 76%, transparent),
    radial-gradient(ellipse at 77% 22%, rgba(242, 183, 5, .18), transparent 35%);
}
.ppa-hero { background: linear-gradient(118deg, #0F3D2E, #174A3A 57%, #1E1E1E); }
.flow-graphic .flow-title { color: #E7DCC8; }
.flow-node { color: #F2B705; }
.compare-table tbody th { color: #1E1E1E; }
.visual-illustration { background: linear-gradient(150deg, #E7DCC8, #E3EBE4 53%, #174A3A); }
.visual-illustration:before { background: #F2B705; box-shadow: 0 0 45px rgba(242,183,5,.35); }
.project-placeholder .badge { background: #FBF2D1; color: #0F3D2E; }
.field label { color: #1E1E1E; }
.form-state { background: #E3EBE4; color: #0F3D2E; }
.form-state strong { color: #0F3D2E; }
.site-footer { background: #0F3D2E; }
.footer-cta { color: #F2B705; }
.footer-label { color: #E7DCC8; }
.footer-grid a:hover, .footer-bottom a:hover { color: #F2B705; }
.pipeline-column-head { color: #1E1E1E; }
.pipeline-column-head b { background: #E3DED4; color: #0F3D2E; }
.sales-demo { box-shadow: 0 12px 40px rgba(30, 30, 30, .08); }
.lead-card-top strong { color: #0F3D2E; }
.lead-tag { background: #FBF2D1; color: #1E1E1E; }
.pathway-card-featured .pathway-index { color: #0F3D2E; }
.guide-number { background: #FBF2D1; color: #0F3D2E; }
.cost-part.network-part { background: #F0E8DB; border-color: #7A817C; }

.brand { display: block; flex: 0 0 148px; width: 148px; height: 47px; }
.brand img { display: block; width: 148px; height: auto; }
.brand-vision { position: relative; overflow: hidden; background: #F7F5EF; }
.brand-vision-inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  gap: 30px 8%;
  align-items: start;
  max-width: 1180px;
  margin: 0 auto;
}
.brand-vision-inner > div:first-child { max-width: 480px; }
.brand-vision-inner > p { max-width: 620px; color: #646C68; }
.brand-horizon {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(190px, .55fr) 1.45fr;
  gap: 25px;
  align-items: center;
  margin-top: 12px;
  padding: 24px 28px;
  color: #FFF;
  background: #0F3D2E;
  border-left: 4px solid #F2B705;
}
.brand-horizon strong { display: block; color: #F2B705; font-size: 11px; letter-spacing: .1em; text-transform: uppercase; }
.brand-horizon p { margin: 0; color: rgba(255,255,255,.84); font-size: 13px; }
.footer-brand { display: flex; width: 168px; height: 53px; align-items: center; background: #FFF; }
.footer-brand img { display: block; width: 168px; height: auto; }

@media (max-width: 720px) {
  .brand-vision-inner { grid-template-columns: 1fr; gap: 18px; }
  .brand-horizon { grid-template-columns: 1fr; gap: 8px; padding: 20px; }
  .brand { flex-basis: 146px; width: 146px; height: 46px; }
  .brand img { width: 146px; }
}
