
/* MAZAT V8.8 homeowner landing additions */
.mazat-simple-section{padding:78px 0;background:#ffffff;}
.mazat-simple-section.alt-bg{background:#f5fbfb;}
.mazat-simple-head{max-width:760px;margin:0 auto 36px;text-align:center;}
.mazat-simple-kicker{display:inline-block;margin-bottom:12px;font-size:14px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#02b0a8;}
.mazat-simple-head h2{margin:0 0 14px;font-size:clamp(30px,4vw,48px);line-height:1.08;font-weight:700;color:#071b2f;}
.mazat-simple-head p{margin:0 auto;font-size:18px;line-height:1.7;color:#4e6172;max-width:700px;}
.before-after-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
.before-after-card{background:#fff;border:1px solid rgba(2,176,168,.15);border-radius:28px;overflow:hidden;box-shadow:0 12px 30px rgba(7,27,47,.06);height:100%;display:flex;flex-direction:column;}
.before-after-images{display:grid;grid-template-columns:1fr 1fr;gap:0;background:#eef8f8;}
.before-after-frame{position:relative;min-height:250px;overflow:hidden;}
.before-after-frame img{width:100%;height:100%;object-fit:cover;display:block;}
.before-after-label{position:absolute;top:14px;left:14px;display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border-radius:999px;background:rgba(7,27,47,.8);color:#fff;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;}
.before-after-card-body{padding:24px 24px 28px;}
.before-after-card-body h3{margin:0 0 12px;font-size:24px;line-height:1.18;color:#071b2f;font-weight:700;}
.before-after-card-body p{margin:0;font-size:16px;line-height:1.7;color:#4e6172;}
.mazat-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
.mazat-process-card{position:relative;background:#fff;border:1px solid rgba(2,176,168,.16);border-radius:26px;padding:32px 28px;box-shadow:0 12px 30px rgba(7,27,47,.05);height:100%;}
.mazat-process-step{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:16px;background:#02b0a8;color:#fff;font-size:22px;margin-bottom:18px;}
.mazat-process-number{position:absolute;top:20px;right:22px;font-size:15px;font-weight:700;color:#02b0a8;letter-spacing:.1em;}
.mazat-process-card h3{margin:0 0 12px;font-size:24px;line-height:1.2;font-weight:700;color:#071b2f;}
.mazat-process-card p{margin:0;font-size:16px;line-height:1.7;color:#4e6172;}
.mazat-process-cta{display:flex;justify-content:center;margin-top:34px;}
.mazat-process-cta a{display:inline-flex;align-items:center;gap:10px;padding:16px 24px;border-radius:16px;background:#02b0a8;color:#fff;font-weight:700;text-decoration:none;box-shadow:0 12px 24px rgba(2,176,168,.22);}
.mazat-process-cta a:hover{background:#029b95;color:#fff;}
.mazat-faq-wrap{max-width:980px;margin:0 auto;}
.mazat-faq-item{background:#fff;border:1px solid rgba(2,176,168,.16);border-radius:22px;box-shadow:0 12px 30px rgba(7,27,47,.04);overflow:hidden;}
.mazat-faq-item + .mazat-faq-item{margin-top:16px;}
.mazat-faq-button{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:22px 24px;background:#fff;border:0;text-align:left;font-size:20px;line-height:1.4;font-weight:700;color:#071b2f;}
.mazat-faq-button span:last-child{flex:0 0 auto;color:#02b0a8;font-size:22px;transition:transform .2s ease;}
.mazat-faq-button[aria-expanded="true"] span:last-child{transform:rotate(45deg);}
.mazat-faq-body{padding:0 24px 24px;font-size:16px;line-height:1.75;color:#4e6172;}
.mazat-faq-body p:last-child{margin-bottom:0;}
.mazat-faq-cta{margin-top:28px;text-align:center;color:#4e6172;font-size:16px;line-height:1.7;}
.mazat-faq-cta a{color:#02b0a8;font-weight:700;text-decoration:none;}
@media (max-width: 1199.98px){
  .before-after-grid,.mazat-process-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 767.98px){
  .mazat-simple-section{padding:56px 0;}
  .mazat-simple-head{margin-bottom:28px;padding:0 4px;}
  .mazat-simple-head p{font-size:16px;}
  .before-after-grid,.mazat-process-grid{grid-template-columns:1fr;gap:18px;}
  .before-after-frame{min-height:170px;}
  .before-after-card-body{padding:20px 18px 22px;}
  .before-after-card-body h3,.mazat-process-card h3{font-size:22px;}
  .mazat-process-card{padding:26px 20px 22px;}
  .mazat-process-number{top:18px;right:18px;font-size:13px;}
  .mazat-faq-button{padding:18px 18px;font-size:18px;}
  .mazat-faq-body{padding:0 18px 20px;font-size:15px;}
}

/* V8.9 typography: consistent readable paragraph scale */
body { font-family: 'Schibsted Grotesk', sans-serif; }
body p { font-size: 16px; line-height: 1.7; }
@media (max-width:767.98px) { body p { font-size: 15px; line-height:1.65; } }
/* Avoid forced uppercase headlines without touching buttons, badges or brand wordmarks. */
h1,h2,h3,h4,h5,h6 { text-transform:none !important; }
/* Existing site-scale landing typography */
.mazat-simple-head h2 {font-size:clamp(30px,3vw,42px); font-weight:500;letter-spacing:-.025em;}
.before-after-card-body h3,.mazat-process-card h3 {font-size:clamp(20px,2vw,23px);font-weight:600;}
.mazat-faq-button {font-size:18px;font-weight:600;}
/* Restore intent of specific small captions used in existing template */
.mazat-simple-kicker,.mazat-process-number,.before-after-label{font-size:12px;}
