/* Top page visual rhythm and hierarchy refinement. */
body{background:#fffaf5}

/* Audience: a compact, quiet bridge from the hero. */
section.audience-strip{padding:34px 0!important;background:#fff8ef!important;color:#2d2824!important}
.audience-strip .wrap{align-items:center}

/* Manifesto: primary green brand statement. */
section.brand-manifesto{padding:88px 0!important;background:linear-gradient(125deg,#007f3a 0%,#019740 62%,#12a653 100%)!important;color:#fff!important}
.brand-manifesto::before{background:#ff9a32}
.brand-manifesto::after{border-color:#ffffff21;box-shadow:0 0 0 65px #ffffff0a,0 0 0 130px #ffffff06}
.brand-manifesto .wrap{grid-template-columns:1fr!important;gap:34px!important}
.brand-manifesto h2{max-width:820px;margin-bottom:0;text-wrap:balance}
.brand-manifesto p{max-width:940px;border-color:#ffffff2b;border-left-color:#ff9a32;background:#006c32a6;box-shadow:0 22px 48px #00431f55}

/* Two businesses: a separate navy chapter. */
section.two-businesses{padding:96px 0!important;background:radial-gradient(circle at 88% 10%,#325176 0 145px,transparent 146px),linear-gradient(145deg,#0b1729 0%,#132c4d 100%)!important;color:#fff!important}
.two-businesses::before{top:24px;border-color:#ffffff24;color:#ffb15f}
.two-businesses::after{opacity:.16;background-image:radial-gradient(#fff 1px,transparent 1px)}
.two-businesses .eyebrow{background:#eb7d12;color:#fff}
.two-businesses .section-title{max-width:820px;color:#fff!important;text-wrap:balance}
.two-businesses .section-lead{max-width:850px;border-left-color:#ff9a32;background:#ffffff0e;color:#e3eaf3!important;box-shadow:none}
.two-businesses .top-final-intro{border-color:#ffffff24;background:#ffffff0a}
.two-businesses .top-final-intro div{background:#fff;box-shadow:none}
.two-businesses .business-card{background:#fffaf6;color:#24201d!important;box-shadow:0 18px 45px #02091470}

/* Problem section: light background prevents another oversized green block. */
section.why-now{background:linear-gradient(180deg,#fffaf5,#f7eee5)!important;color:#24201d!important;border-top:1px solid #ead9ca;border-bottom:1px solid #ead9ca}
.why-now .eyebrow{color:#b5540b!important}
.why-now .section-title{max-width:880px;color:#24201d!important}

/* AI section: dark analytical chapter, distinct from sales content. */
section.ai-section{background:radial-gradient(circle at 92% 8%,#28476d 0,transparent 28%),#0c192b!important;color:#fff!important}
.ai-section .eyebrow{color:#ffb15f!important}
.ai-section .section-lead{color:#d4deeb!important}
.ai-section .flow-card{border:1px solid #ffffff25;background:#fff;color:#24201d;box-shadow:0 7px 0 #eb7d12}

/* Consistent reading width and vertical rhythm. */
.two-businesses>.wrap,.why-now>.wrap,.light>.wrap,.ai-section>.wrap,#options>.wrap,#flow>.wrap,#faq>.wrap{position:relative}
.section-title{max-width:920px;text-wrap:balance}
.section-lead{line-height:1.9}
.feature-grid,.option-grid,.pricing{align-items:stretch}
.feature,.option,.plan{height:100%}

@media(max-width:900px){
  section.brand-manifesto{padding:72px 0!important}
  section.two-businesses{padding:82px 0!important}
}
@media(max-width:620px){
  section.audience-strip{padding:28px 0!important}
  section.brand-manifesto{padding:58px 0!important}
  section.two-businesses{padding:70px 0!important}
  .brand-manifesto p,.two-businesses .section-lead{padding:20px}
  .section-title{text-wrap:pretty}
}