/* Self-hosted purchase content; colors follow the shared light/dark theme. */
.self-hosted-page .section{padding-block:clamp(2.5rem,5vw,5rem)}
.self-hosted-hero .lede{max-width:65ch}
.self-hosted-coverage{background:var(--surface);border-block:1px solid var(--line)}
.self-hosted-card{border-top:3px solid var(--accent)}
.self-hosted-maintenance{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem);padding:clamp(1.5rem,4vw,3.5rem);background:var(--soft);border:1px solid var(--line);border-radius:12px}
.self-hosted-maintenance h2{margin-top:0}
.self-hosted-maintenance p{max-width:58ch}
.self-hosted-price{display:flex;align-items:center;gap:1.25rem;margin-bottom:0}
.self-hosted-price strong{flex:none;white-space:nowrap;font-size:clamp(2.8rem,5vw,4.2rem);line-height:1;letter-spacing:-.05em;color:var(--accent)}
.self-hosted-price span{max-width:28ch;font-size:.9rem;color:var(--muted)}
.self-hosted-inclusions{padding-left:1.2rem;margin:0}
.self-hosted-inclusions li{padding-left:.35rem;margin-bottom:1rem}
.self-hosted-inclusions li::marker{color:var(--accent)}
.self-hosted-note{padding-top:1.1rem;border-top:1px solid var(--line);font-size:.9rem;color:var(--muted);margin-bottom:0}
.self-hosted-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;list-style:none;padding:0;margin:0}
.self-hosted-steps li{border-top:1px solid var(--line);padding-top:1.5rem}
.self-hosted-steps .section-number{display:block;margin-bottom:1rem}
.self-hosted-steps h3{font-size:1.2rem;line-height:1.35;margin:0 0 .75rem}
.self-hosted-steps p{color:var(--muted);margin:0}
.self-hosted-faq-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:clamp(2rem,5vw,5rem)}
.self-hosted-faq details{border-top:1px solid var(--line);padding:1.1rem 0}
.self-hosted-faq details:last-child{border-bottom:1px solid var(--line)}
.self-hosted-faq summary{font-weight:600;cursor:pointer;padding-right:.5rem}
.self-hosted-faq details p{color:var(--muted);margin:1rem 0 0;max-width:68ch}
.self-hosted-close{background:var(--soft);border-block:1px solid var(--line)}
.self-hosted-teaser-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:center;gap:3rem}
.self-hosted-teaser-grid h2{margin-top:0}
.self-hosted-teaser-grid p:not(.eyebrow){max-width:65ch;color:var(--muted)}
.self-hosted-teaser-grid>div:last-child{justify-self:end;max-width:28ch}
@media(max-width:760px){
  .self-hosted-price{flex-direction:column;align-items:flex-start;gap:.75rem}
  .self-hosted-hero .hero-actions{flex-direction:column;align-items:stretch;max-width:22rem}
  .self-hosted-maintenance,.self-hosted-faq-grid,.self-hosted-teaser-grid,.self-hosted-steps{grid-template-columns:1fr;gap:2rem}
  .self-hosted-teaser-grid>div:last-child{justify-self:start;max-width:none}
}
