/* "Virtual Staging Guides" section above the footer on every marketing page.
   Markup is generated by scripts/sync-guides.mjs from guides.json. */
.guides{padding-block:56px 64px;background:var(--bg-soft,#F8F8FC);border-top:1px solid var(--border,#E9E7F1);}
.guides .guides-title{font-size:clamp(1.3rem,2.4vw,1.6rem);margin:0 0 22px;text-align:center;}
.guides-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;}
.guide-card{display:flex;flex-direction:column;gap:8px;padding:20px 22px;background:#fff;border:1px solid var(--border,#E9E7F1);border-radius:16px;text-decoration:none;transition:border-color .2s,transform .15s,box-shadow .2s;}
.guide-card:hover{border-color:var(--purple,#7C4DFF);transform:translateY(-2px);box-shadow:0 18px 34px -24px rgba(30,20,90,.35);}
.guide-card strong{font-size:1.02rem;font-weight:800;color:var(--text,#171425);line-height:1.3;}
.guide-card span{font-size:.9rem;color:var(--text-body,#5C5871);line-height:1.55;flex:1;}
.guide-card em{font-style:normal;font-size:.86rem;font-weight:700;color:var(--blue-deep,#2F57D6);}