* { box-sizing: border-box; margin: 0; padding: 0; }
body { background: #fafaf9; color: #2e2e2e; font-family: 'Manrope', sans-serif; font-weight: 400; line-height: 1.7; }
h1, h2, h3 { font-family: 'Manrope', sans-serif; font-weight: 700; }
.container { max-width: 800px; margin: 0 auto; padding: 0 24px; }

/* Montero banner (identical across all 3 example pages) */
.mwf-banner { position: sticky; top: 0; z-index: 500; background: #0a0a0f; color: #f2ede4; text-align: center; padding: 10px 16px; font-family: Arial, sans-serif; font-size: 0.85rem; font-weight: 700; }
.mwf-banner a { color: #a855f7; text-decoration: underline; margin-left: 6px; }
.mwf-banner a:hover { color: #7c3aed; }

.hero { min-height: 65vh; display: flex; align-items: center; text-align: center; }
.hero .container { max-width: 560px; }
.eyebrow { color: #8ba888; font-size: 0.8rem; letter-spacing: 3px; font-weight: 700; margin-bottom: 18px; }
.hero h1 { font-size: clamp(2.4rem, 6vw, 3.6rem); font-weight: 800; line-height: 1.15; margin-bottom: 22px; color: #2e2e2e; }
.hero-sub { font-size: 1.05rem; color: #6b6b6b; margin-bottom: 36px; font-weight: 400; }
.btn { display: inline-block; background: #8ba888; color: #fafaf9; padding: 14px 34px; font-family: 'Manrope', sans-serif; font-weight: 600; border-radius: 4px; text-decoration: none; transition: background 0.2s ease; }
.btn:hover { background: #79987a; }

.services { padding: 90px 0; }
.services h2 { text-align: center; font-size: 1.8rem; margin-bottom: 50px; }
.service-list { display: flex; flex-direction: column; }
.service-row { display: grid; grid-template-columns: 1fr auto; gap: 6px 20px; padding: 24px 0; border-bottom: 1px solid #e5e3df; align-items: baseline; }
.service-row h3 { font-size: 1.05rem; font-weight: 600; }
.service-row .desc { grid-column: 1; color: #6b6b6b; font-size: 0.92rem; font-weight: 400; }
.service-row .price { grid-column: 2; grid-row: 1; font-weight: 700; color: #8ba888; }

.cta { padding: 100px 0; text-align: center; background: #f3f2ef; }
.cta h2 { font-size: 2rem; margin-bottom: 14px; }
.cta-sub { color: #6b6b6b; margin-bottom: 30px; font-weight: 400; }

@media (max-width: 500px) {
  .service-row { grid-template-columns: 1fr; }
  .service-row .price { grid-column: 1; grid-row: 2; }
}