/* Homepage decision guide, using the existing palette and typography. */
.home-mockup main .hp-budget{background:var(--bg)}
.hp-budget-inner{max-width:1244px;margin-inline:auto;padding-inline:32px}
.hp-budget h2{max-width:900px;margin:0 auto 32px;text-align:center;line-height:1.2}
.hp-budget-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.hp-budget-card{position:relative;padding:30px;border:1px solid var(--border);border-radius:18px;background:var(--card);box-shadow:0 4px 18px color-mix(in srgb,var(--primary) 4%,transparent)}
.hp-budget-icon{width:56px;height:56px;padding:12px;margin-bottom:20px;border:1px solid var(--border);border-radius:16px;background:var(--bg);color:var(--button)}
.hp-budget-icon svg{display:block;width:100%;height:100%}
.hp-budget-card h3{font-size:var(--text-lg);line-height:1.45;margin:0 0 14px;color:var(--heading)}
.hp-budget-card p{font-size:var(--text-base);line-height:1.8;margin:0;color:var(--text)}
.hp-budget-link{display:flex;align-items:center;justify-content:center;gap:12px;width:fit-content;margin:28px auto 0;padding:12px 20px;border:1px solid var(--border);border-radius:999px;color:var(--heading);font-weight:600}
.hp-budget-link:hover{border-color:var(--button);color:var(--button)}
.home-mockup .hp-why .hp-why-card:last-child:nth-child(odd){grid-column:1/-1;width:calc((100% - 20px)/2);justify-self:center}
@media(max-width:767px){.hp-budget-inner{padding-inline:20px}.hp-budget-grid{grid-template-columns:minmax(0,1fr);gap:18px}.hp-budget-card{padding:24px}.hp-budget h2{margin-bottom:24px}.home-mockup .hp-why .hp-why-card:last-child:nth-child(odd){width:100%}}