.mrow{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--ln)}
.mhead.you{color:var(--g1)}
.mhead.them{color:var(--mu)}
.mlist .tick{color:var(--g2);font-family:var(--fm);font-weight:600;flex:none}
.mlist .cross{color:var(--ln2);font-family:var(--fm);font-weight:600;flex:none}
.mlist.gone li{color:var(--mu)}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:40px;align-items:center}
.box{display:flex;flex-direction:column;gap:10px}
.box ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px;font-size:15.5px;color:var(--mu)}
header.page h1{font-size:clamp(31px,5vw,50px);max-width:min(100%,46ch)}
header.page .lede{color:var(--mu);font-size:19.5px;max-width:var(--read)}
/* maintenance table */
  .mtable{background:var(--c);border:1px solid var(--ln);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh)}
section.alt .mtable{background:var(--p)}
@media(max-width:700px){.mrow{grid-template-columns:1fr}}
.mrow > div{background:var(--c);padding:22px 24px}
section.alt .mrow > div{background:var(--p)}
.mhead{font-family:var(--fd);font-style:italic;font-weight:700;font-size:12.5px;letter-spacing:.11em;text-transform:uppercase;margin-bottom:14px}
.mlist{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:11px;font-size:15.5px}
.mlist li{display:flex;gap:10px;align-items:flex-start;line-height:1.45}
/* service cards */
  .svcs{display:grid;grid-template-columns:repeat(auto-fit,minmax(265px,1fr));gap:18px}
.svc{background:var(--c);border:1px solid var(--ln);border-radius:var(--r);padding:24px;display:flex;flex-direction:column;gap:9px;box-shadow:var(--sh)}
section.alt .svc{background:var(--p)}
.svc .n{font-family:var(--fm);font-size:10.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--g2)}
.svc p{max-width:none;font-size:15.5px;color:var(--mu)}
.svc .price{font-family:var(--fd);font-style:italic;font-weight:700;font-size:19px;color:var(--ink);margin-top:2px}
.svc .price small{font-size:12.5px;color:var(--mu);font-weight:600;margin-left:5px;text-transform:none;font-style:italic}
/* DIY steps */
  .diy{background:var(--c);border:1px solid var(--ln2);border-radius:var(--r);box-shadow:var(--sh);overflow:hidden}
section.alt .diy{background:var(--p)}
.diy > header{padding:22px 26px;border-bottom:1px solid var(--ln);background:var(--s2);display:flex;gap:14px;align-items:baseline;flex-wrap:wrap}
.diy > header h3{margin-right:auto;font-size:18px}
.diy > header .time{font-family:var(--fm);font-size:12px;color:var(--g1);background:#E7F2E1;border:1px solid #BEDBB2;padding:4px 11px;border-radius:999px}
.diy ol{margin:0;padding:22px 26px 8px 46px;display:flex;flex-direction:column;gap:11px;font-size:16px}
.diy ol::marker{color:var(--g2)}
.diy li strong{color:var(--ink)}
.diy .foot{padding:8px 26px 24px;font-size:15px;color:var(--mu);max-width:none}
.plan{background:var(--ink);color:#D6E0CD;border-radius:var(--r);padding:34px 34px;display:flex;flex-direction:column;gap:14px}
.plan h2{color:#fff}
.plan p{color:inherit;max-width:var(--read)}
.plan ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:9px;color:#C6D3BC;font-size:16px}
.plan .acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}
.plan .planprice{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;padding:14px 0 4px;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14);margin:2px 0 4px}
.plan .planprice .amt{font-family:var(--fd);font-style:italic;font-weight:700;font-size:44px;line-height:1;color:#8FE86A}
.plan .planprice .per{font-family:var(--fm);font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#A9BA9D}
