/* Audience-specific marketing pages */
:root {
  --peach: #ffe2d2;
  --sun: #ffd568;
  --aqua: #86d7ce;
  --sky: #b9dcf0;
  --berry: #9b4054;
}

.private-landing,
.landlord-landing { overflow: hidden; }
.hero-copy h1 { margin-bottom: 1.5rem; }
.private-hero { background: #fff7ed; }
.private-hero::before { width: 13rem; height: 13rem; top: 3rem; left: 4vw; border: 0; background: var(--sun); box-shadow: none; opacity: 0.34; }
.private-hero::after { content: ""; position: absolute; right: 43%; bottom: 3rem; width: 4.5rem; height: 4.5rem; border-radius: 50%; background: var(--aqua); opacity: 0.55; }
.private-hero .eyebrow { color: #8b3829; }
.private-hero-visual .hero-visual-frame { padding: 0; background: transparent; border: 0; box-shadow: none; }
.private-note { background: #fff; color: var(--forest-deep); box-shadow: 0 14px 34px rgba(24,63,54,.14); transform: rotate(-2deg); }
.private-note .readiness-dot { background: #2c8b6f; }

.uncertainty-section { background: #fff; }
.uncertainty-grid { display: grid; grid-template-columns: minmax(0,.82fr) minmax(420px,1.18fr); gap: clamp(3rem,8vw,8rem); align-items: start; }
.uncertainty-list { margin: 0; padding: 0; list-style: none; border-top: 2px solid var(--forest); }
.uncertainty-list li { display: grid; grid-template-columns: minmax(180px,.72fr) 1fr; gap: 2rem; padding: 1.6rem 0; border-bottom: 1px solid var(--line); }
.uncertainty-list strong { color: var(--forest-deep); font-size: 1.08rem; }
.uncertainty-list span { color: var(--ink-soft); line-height: 1.6; }

.guidance-section { background: var(--peach); }
.guidance-heading { max-width: 760px; }
.guidance-heading > p:last-child { max-width: 650px; color: #5f554f; font-size: 1.1rem; line-height: 1.65; }
.guidance-path { position: relative; display: grid; grid-template-columns: repeat(4,1fr); gap: 0; margin: 3.7rem 0 0; padding: 0; list-style: none; }
.guidance-path::before { content: ""; position: absolute; top: 1.6rem; right: 8%; left: 8%; height: 3px; background: var(--forest); opacity: .22; }
.guidance-path li { position: relative; padding-right: 2rem; }
.guidance-path li > span { position: relative; z-index: 1; display: grid; place-items: center; width: 3.2rem; height: 3.2rem; margin-bottom: 1.7rem; border-radius: 50%; background: var(--forest); color: #fff; font-weight: 800; box-shadow: 0 0 0 8px var(--peach); }
.guidance-path li:nth-child(2) > span { background: var(--berry); }
.guidance-path li:nth-child(3) > span { background: #2b7782; }
.guidance-path li:nth-child(4) > span { background: #8a5a13; }
.guidance-path h3 { margin-bottom: .65rem; color: var(--forest-deep); font-size: 1.12rem; }
.guidance-path p { margin: 0; color: #62564f; line-height: 1.6; }

.home-supplies-section { background: var(--forest); color: #eaf4ef; }
.supplies-layout { display: grid; grid-template-columns: minmax(0,.75fr) minmax(500px,1.25fr); gap: clamp(3rem,8vw,7rem); align-items: center; }
.supplies-copy h2 { color: #fff; }
.supplies-copy > p:not(.section-kicker) { max-width: 540px; color: #d6e5de; font-size: 1.12rem; line-height: 1.7; }
.supply-board { display: grid; grid-template-columns: 1.18fr .82fr; gap: 1rem; transform: rotate(1deg); }
.supply-card { min-height: 185px; padding: 1.45rem; border-radius: 1.35rem; color: var(--forest-deep); box-shadow: 0 16px 40px rgba(0,0,0,.15); }
.supply-card:nth-child(even) { transform: translateY(1.25rem); }
.supply-card > span { display: block; margin-bottom: 1rem; font-size: 1.7rem; font-weight: 900; }
.supply-card h3 { margin-bottom: .5rem; color: inherit; font-size: 1.18rem; }
.supply-card p { margin: 0; line-height: 1.5; }
.supply-water { background: var(--sky); }
.supply-food { background: var(--sun); }
.supply-light { background: #fff6d8; }
.supply-aid { background: #f1b7c3; }

.calm-section { background: var(--sun); }
.calm-grid { display: grid; grid-template-columns: minmax(0,.9fr) minmax(400px,1.1fr); gap: clamp(3rem,8vw,8rem); }
.calm-lead { margin-top: 0; color: #483d24; font-size: clamp(1.2rem,2vw,1.5rem); line-height: 1.55; }
.calm-list { display: grid; gap: .9rem; margin: 2rem 0 0; padding: 0; list-style: none; }
.calm-list li { position: relative; padding-left: 2rem; color: #3d3525; font-weight: 700; }
.calm-list li::before { content: "✓"; position: absolute; left: 0; color: var(--forest); font-weight: 900; }
.private-pricing { background: #fffaf3; }
.private-free-card { border-color: var(--forest); }
.landlord-bridge-card { display: flex; flex-direction: column; justify-content: center; background: var(--sky); border-color: transparent; }
.landlord-bridge-card h3 { font-size: 1.7rem; }
.landlord-bridge-card p:not(.section-kicker) { color: #314f5c; line-height: 1.6; }
.private-final-cta { background: var(--berry); }

.landlord-hero { background: #edf7fb; }
.landlord-hero::before { background: var(--sky); border: 0; box-shadow: none; opacity: .7; }
.landlord-hero .eyebrow { color: #2c647a; }
.landlord-hero-visual .hero-visual-frame { padding: 0; background: transparent; border: 0; box-shadow: none; }
.landlord-note { background: #fff; color: var(--forest-deep); box-shadow: 0 14px 34px rgba(24,63,54,.14); }
.landlord-problem { background: #fff; }
.landlord-workflow { background: var(--forest); color: #dbeae3; }
.landlord-workflow h2 { color: #fff; }
.landlord-workflow .narrow-heading > p:last-child { color: #c8dbd2; }
.landlord-steps { display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; margin: 3.5rem 0 0; padding: 0; background: rgba(255,255,255,.22); list-style: none; }
.landlord-steps li { min-height: 260px; padding: 1.8rem; background: var(--forest); }
.landlord-steps span { display: block; margin-bottom: 3.5rem; color: #acd3c1; font-weight: 800; }
.landlord-steps h3 { color: #fff; font-size: 1.15rem; }
.landlord-steps p { color: #c8dbd2; line-height: 1.6; }
.landlord-platform { background: #f5f1e8; }
.landlord-platform .solution-copy h2 { color: var(--forest-deep); }
.landlord-platform .solution-copy .section-kicker { color: var(--coral); }
.landlord-platform .section-lead { color: var(--ink-soft); }
.landlord-platform .capability-list div { border-color: #c8d1cc; }
.landlord-platform .capability-list dt { color: var(--forest-deep); }
.landlord-platform .capability-list dd { color: var(--ink-soft); }
.tenant-payment-section { background: var(--sun); }
.tenant-payment-grid { display: grid; grid-template-columns: minmax(0,.85fr) minmax(430px,1.15fr); gap: clamp(3rem,8vw,8rem); align-items: center; }
.tenant-payment-grid > div:first-child > p:last-child { color: #4b4027; font-size: 1.1rem; line-height: 1.7; }
.payment-trigger { padding: clamp(2rem,4vw,3.2rem); background: #fffdf8; border: 2px solid var(--forest); border-radius: 1.5rem; box-shadow: 10px 10px 0 var(--forest); }
.trigger-label { display: inline-block; margin-bottom: 1rem; color: #8b3829; font-size: .76rem; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.payment-trigger > p { color: var(--forest-deep); font-size: 1.35rem; font-weight: 800; line-height: 1.35; }
.payment-trigger ul { margin: 1.5rem 0 0; padding-left: 1.25rem; color: var(--ink-soft); }
.payment-trigger li + li { margin-top: .7rem; }
.landlord-pricing { background: #f7faf8; }
.landlord-final-cta { background: #285f70; }

@media (max-width: 991.98px) {
  .uncertainty-grid, .supplies-layout, .calm-grid, .tenant-payment-grid { grid-template-columns: 1fr; }
  .guidance-path, .landlord-steps { grid-template-columns: repeat(2,1fr); gap: 2rem; }
  .guidance-path::before { display: none; }
  .supplies-layout { gap: 4rem; }
  .supply-board { max-width: 680px; }
}

@media (max-width: 575.98px) {
  .private-hero::after { display: none; }
  .uncertainty-list li { grid-template-columns: 1fr; gap: .6rem; }
  .guidance-path, .landlord-steps { grid-template-columns: 1fr; }
  .guidance-path li { display: grid; grid-template-columns: 3.3rem 1fr; gap: 1rem; padding-right: 0; }
  .guidance-path li > span { margin-bottom: 0; box-shadow: none; }
  .supply-board { grid-template-columns: 1fr; transform: none; }
  .supply-card:nth-child(even) { transform: none; }
  .supply-card { min-height: 0; }
  .payment-trigger { box-shadow: 6px 6px 0 var(--forest); }
  .landlord-steps li { min-height: 0; }
  .landlord-steps span { margin-bottom: 1.5rem; }
}

@media (prefers-reduced-motion: reduce) {
  .private-note, .supply-board, .supply-card { transform: none !important; }
}