/* Home page sections added for the site reorganization (issue #54). */
.features.four{grid-template-columns:repeat(4,1fr)}
.why-grid,.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.why-grid article{border-top:2px solid var(--dp-color-accent,#24683f);padding-top:18px}
.why-grid h3,.audience-grid h3{margin:0 0 10px;font-size:20px}
.why-grid p,.audience-grid p{color:var(--dp-color-ink-secondary,#454c58);font-size:15px;margin:0}
.audience-grid article{background:white;border:1px solid var(--dp-color-rule,#dde0e6);border-radius:12px;padding:28px;display:flex;flex-direction:column;gap:12px}
.audience-grid p{flex:1}
.audience-grid a,.plan-later a.secondary{font-size:14px;font-weight:600}
.audience-grid a{color:#24683f}
.demo{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center}
.demo h2 span,#plans h2 span{color:var(--dp-color-accent,#24683f)}
.demo>div>p:not(.eyebrow){color:var(--dp-color-ink-secondary,#454c58);max-width:470px}
.demo .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.demo-stats{display:grid;gap:14px;margin:0}
.demo-stats div{background:white;border:1px solid var(--dp-color-rule,#dde0e6);border-radius:12px;padding:20px 24px;display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:4px 16px}
.demo-stats dt{font-size:14px;color:var(--dp-color-ink-secondary,#454c58)}
.demo-stats dd{margin:0;font-family:'Host Grotesk',sans-serif;font-size:32px;font-weight:700}
.demo-stats small{display:block;font-size:12px;color:#5b6472;margin-top:4px}
.plans-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.plans-grid article{border-radius:12px;padding:30px;display:flex;flex-direction:column;gap:14px}
.plan-free{background:white;border:2px solid #24683f}
.plan-later{background:#f3f4f6;border:1px dashed #c4c9d2}
.plan-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.plan-head h3{margin:0;font-size:24px}
.plan-badge{font-size:12px;font-weight:600;color:white;background:#24683f;padding:4px 10px;border-radius:999px}
.plan-badge.muted{background:#5b6472}
.plan-price{font-family:'Host Grotesk',sans-serif;font-size:40px;font-weight:700;margin:0}
.plans-grid ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;flex:1}
.plan-later ul,.plan-note{color:#454c58}
.plan-note{font-size:14px;margin:0}
.plans-grid .button{align-self:flex-start}
.newsletter h2{margin:14px 0}
.newsletter p:not(.eyebrow){color:var(--dp-color-ink-secondary,#454c58);max-width:560px}
.site-header nav{flex-wrap:wrap}
@media(max-width:1050px){.features.four{grid-template-columns:repeat(2,1fr)}.demo{grid-template-columns:1fr;gap:36px}}
@media(max-width:760px){.why-grid,.audience-grid,.plans-grid,.features.four{grid-template-columns:1fr}}