/* Public sales layout: plans first, with current product evidence. */
.marketing-page--pricing { gap:28px; }
.marketing-page--pricing .marketing-hero { display:block; min-height:0; padding:40px 0 16px; background:transparent!important; }
.marketing-page--pricing .marketing-hero__copy { max-width:850px; gap:14px; }
.marketing-page--pricing .marketing-hero h1 { font-size:clamp(2rem,3.5vw,3.25rem); max-width:24ch; line-height:1.1; }
.marketing-page--pricing .marketing-hero__lead { max-width:75ch; font-size:1.05rem; }
.marketing-page--pricing #plans { padding-top:24px; gap:20px; }
.marketing-page--pricing #plans .marketing-section__copy { gap:10px; margin-bottom:0; }
.marketing-page--pricing #plans .marketing-section__copy h2 { font-size:1.6rem; }
.marketing-page--pricing #plans .marketing-section__copy .marketing-eyebrow { display:none; }
.marketing-plan { position:relative; display:flex; flex-direction:column; box-shadow:0 4px 16px #153e3408; }
.marketing-plan--featured { transform:none; background:#edf4ee; }
.marketing-plan--featured > .marketing-plan__badge { position:absolute; top:-13px; left:20px; margin:0; padding:4px 12px; font-size:.75rem; line-height:1.5; border-radius:20px; background:#125953; color:white; }
.marketing-plan-grid { align-items:stretch; row-gap:32px; }
.marketing-plan h3 { margin-top:8px; }
.marketing-plan > .marketing-primary-button { margin-top:auto; }
.marketing-page--home .marketing-hero { background:transparent!important; }
.marketing-page--home .sales-product-preview { aspect-ratio:auto!important; height:auto!important; max-height:none!important; padding:0; border:1px solid #d6dfd6; background:#fffefa; border-radius:16px; box-shadow:0 12px 28px #153e3414; overflow:hidden; }
.marketing-page--home .sales-product-preview img { display:block; width:100%; height:auto; object-fit:contain; }
.sales-product-preview figcaption { padding:10px 14px; font-size:.75rem; color:#46625a; background:#f4f5ef; }
@media(max-width:760px) {
 .marketing-page--pricing .marketing-hero { padding-top:24px; padding-bottom:0; }
 .marketing-page--pricing #plans { padding-top:20px; }
 .marketing-page--pricing .marketing-hero h1 { font-size:2rem; }
 .marketing-plan-grid { gap:28px; }
 .marketing-nav .marketing-brand { min-width:0; flex:1 1 auto; }
 .marketing-nav .marketing-brand__logo { max-width:100%; }
 .marketing-nav .marketing-primary-button { white-space:nowrap; }
 .marketing-nav { gap:6px; }
}