/* Approved mobile-first homepage, 26 October 2026. Shared header is maintained separately. */
.shortlist-actions{display:grid;gap:12px;margin-top:22px;max-width:440px}
.shortlist-actions>.button{display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box;margin:0;gap:16px;text-decoration:none;white-space:normal;line-height:1.4}
.homepage-refresh #designs-title{font-size:clamp(30px,3.1vw,42px);line-height:1.13;margin-bottom:18px}
.homepage-refresh .discovery-copy>.lead{font-size:18px;line-height:1.5;margin:0 0 12px}
.shortlist-explanation{font-size:15px;line-height:1.65;margin:0;max-width:500px}
.homepage-refresh .design-preview{padding:20px;justify-content:flex-start}
.homepage-refresh .preview-caption strong{font-size:24px}
.homepage-refresh .design-preview figcaption{padding-top:12px;font:600 14px/1.5 Montserrat,Arial,sans-serif}
.homepage-refresh .design-preview .plan-link{margin:0;display:flex!important;min-height:44px;align-items:center;justify-content:space-between}
.budget-stages{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:18px 0;color:#004b76;font:600 13px/1.5 Montserrat,Arial,sans-serif;max-width:350px}
.budget-stages span{white-space:nowrap}
@media(max-width:760px){
 .homepage-refresh .hero{padding-block:26px;gap:24px}
 .homepage-refresh .hero h1{font-size:clamp(32px,8.5vw,40px);line-height:1.12;margin-bottom:16px}
 .homepage-refresh .hero-copy>p:not(.eyebrow){font-size:16px;line-height:1.55;margin:0 0 18px}
 .homepage-refresh .hero-choices{margin-top:18px;gap:10px}
 .homepage-refresh .section,.homepage-refresh .land-feature,.homepage-refresh .refresh-visual,.homepage-refresh .ideas-conversation{padding-block:30px}
 .homepage-refresh h2,.homepage-refresh #designs-title,.homepage-refresh .visual-intro h2,.homepage-refresh .ideas-conversation h2{font-size:clamp(28px,7.7vw,34px);line-height:1.15}
 .homepage-refresh .discovery{gap:22px}
 .homepage-refresh .discovery-copy>.lead{font-size:17px;line-height:1.5;margin:0 0 10px}
 .shortlist-explanation{font-size:15px;line-height:1.6}
 .shortlist-actions{max-width:none;margin-top:18px;gap:10px}
 .homepage-refresh .button{display:flex;width:100%;box-sizing:border-box;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:13px 16px;font-size:14px;line-height:1.4;white-space:normal}
 .homepage-refresh .hero-secondary{display:grid;grid-template-columns:1fr 1fr;gap:10px}
 .homepage-refresh .hero-secondary .button{width:100%;min-width:0}
 .homepage-refresh .design-preview{padding:16px;border-radius:8px 8px 24px 8px}
 .homepage-refresh .design-preview>a{margin:16px auto;max-width:240px}
 .homepage-refresh .design-preview img{max-height:300px;width:100%;object-fit:contain}
 .homepage-refresh .preview-caption strong{font-size:23px}
 .homepage-refresh .finance-feature .lead{font-size:17px;line-height:1.55;margin-top:16px;margin-bottom:14px}
 .homepage-refresh .finance-feature .button{margin-top:18px}
 .homepage-refresh .work-entry-actions,.homepage-refresh .ideas-conversation-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
 .homepage-refresh .work-entry-actions>.text-link,.homepage-refresh .ideas-conversation-actions>a{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;box-sizing:border-box;margin:0;text-align:center}
 .homepage-refresh .work-entry-actions{margin-top:18px}
 .homepage-refresh .video-next{display:block}
 .homepage-refresh .visual-action-grid{margin-top:18px}
 .homepage-refresh .visual-intro{margin-bottom:18px}
 .homepage-refresh .land-layout,.homepage-refresh .finance-feature{gap:22px}
}

/* Compact section spacing. */
.homepage-refresh #designs-title>span,.homepage-refresh #designs-title>em{display:block}
.budget-stages{justify-content:center;gap:clamp(10px,3vw,18px);max-width:none;width:100%;text-align:center}
@media(max-width:760px){
 .homepage-refresh .section,.homepage-refresh .land-feature,.homepage-refresh .refresh-visual,.homepage-refresh .ideas-conversation{padding-block:20px}
 .homepage-refresh .budget-stages{font-size:12px;gap:clamp(10px,3vw,18px);margin:16px 0}
 .homepage-refresh .ideas-conversation-actions>.button{justify-content:space-between;text-align:left}
 .site-footer{padding:18px 0}
 .site-footer-inner{gap:12px}
 .site-footer p{margin-bottom:5px}
 .site-footer-brand>a{font-size:23px;margin-bottom:5px}
 .site-footer-brand p:last-child{margin-top:5px}
 .site-footer-identity{padding-top:10px;line-height:1.5}
 .site-footer nav{padding-top:7px;grid-template-columns:1fr 1fr;gap:0 12px}
 .site-footer nav a:first-child{grid-column:1/-1}
 .site-footer nav a{min-height:44px;font-size:11px}
}
.homepage-refresh #experience-title{font-weight:700}
.homepage-refresh .budget-stages{justify-content:flex-start;padding:0;text-align:left}
.homepage-refresh .ideas-conversation-actions>.button{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;text-align:left;text-decoration:none;box-sizing:border-box}
.homepage-refresh .ideas-conversation-actions>.button>span[aria-hidden]{margin-left:auto;flex:0 0 auto;font-size:20px;line-height:1;width:24px;text-align:center}
@media(max-width:760px){
 .homepage-refresh .budget-stages{justify-content:center;text-align:center}
 .homepage-refresh .ideas-conversation-actions>.button{padding:13px 16px}
}