.maintenance-page{margin:0!important;padding:0!important;background:var(--mist);font-family:"Avenir Next","Manrope",Arial,sans-serif;color:var(--ink-950)}.maintenance-page .page{max-width:none;margin:0;padding-bottom:96px}.shell{width:min(100% - 36px,1180px);margin:auto}.hero{min-height:680px;display:grid;align-items:center;background:linear-gradient(90deg,rgba(3,20,38,.98),rgba(3,26,48,.83)),url('/images/roof-cleaning-maintenance/tile-roof-overview.jpg') center/cover;color:#fff}.hero-grid{display:grid;grid-template-columns:1.15fr .62fr;gap:8vw;align-items:center}.eyebrow{color:var(--orange-500);font-size:.68rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.hero h1,.intro h2,.split h2{margin:10px 0 0;font-size:clamp(2.7rem,5.5vw,5.4rem);letter-spacing:-.06em;line-height:1}.lede{max-width:680px;color:rgba(255,255,255,.78);font-size:1.05rem;line-height:1.75}.actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:26px}.button{min-height:51px;padding:13px 20px!important;border-radius:13px!important;font-size:.74rem!important;font-weight:900!important}.button-primary{color:var(--navy-950)!important;background:linear-gradient(135deg,#ffad43,var(--orange-500))!important}.button-ghost{color:#fff!important;background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.3)!important}.pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.pills span{padding:8px 11px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);border-radius:999px;font-size:.66rem;font-weight:800}.glass{margin:0;padding:14px;background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.34);border-radius:25px;box-shadow:0 28px 70px rgba(0,0,0,.32);backdrop-filter:blur(18px)}.glass img{width:100%;height:280px;object-fit:cover;border-radius:15px}.glass figcaption{padding:14px 3px 2px;color:rgba(255,255,255,.7);font-size:.72rem;line-height:1.55}.glass strong{display:block;color:#ffb15b}.pillnav{position:sticky;top:102px;z-index:9;display:flex;gap:7px;overflow:auto;width:min(100% - 36px,1100px);margin:21px auto;padding:10px;background:rgba(255,255,255,.96);border-radius:16px;box-shadow:var(--shadow-md)}.pillnav a{flex:0 0 auto;padding:10px 13px;color:var(--navy-900);font-size:.67rem;font-weight:850}.section{padding:85px 0}.intro{max-width:800px;margin:0 auto 35px;text-align:center}.intro h2,.split h2{font-size:clamp(2.2rem,4.3vw,3.9rem);color:var(--navy-950)}.intro p:not(.eyebrow),.split p{color:var(--ink-500);line-height:1.75}.grid,.types,.photos{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid{grid-template-columns:repeat(4,1fr)}.grid article,.types article{padding:25px;background:#fff;border:1px solid rgba(6,41,75,.1);border-radius:19px;box-shadow:var(--shadow-sm)}.grid b{color:var(--orange-600);font-size:.72rem}.grid h3,.types h3{color:var(--navy-950);font-size:1rem}.grid p,.types p{color:var(--ink-500);font-size:.77rem;line-height:1.7}.band,.photo{padding:85px 0;background:var(--navy-950)}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;align-items:center;color:#fff}.split figure{margin:0;overflow:hidden;border-radius:22px}.split img{width:100%;height:420px;object-fit:cover}.split figcaption{padding:14px;background:#fff;color:var(--ink-500);font-size:.72rem}.split h2{color:#fff}.split p{color:rgba(255,255,255,.7)}.light h2{color:#fff}.photos figure{margin:0;overflow:hidden;border-radius:19px;background:#fff}.photos img{width:100%;height:240px;object-fit:cover}.photos figcaption{padding:15px;color:var(--ink-500);font-size:.72rem}.faq{display:grid;gap:12px;max-width:930px;margin:auto}.faq details{background:#fff;border:1px solid rgba(6,41,75,.1);border-radius:16px}.faq summary{padding:19px;color:var(--navy-950);font-size:.82rem;font-weight:850;cursor:pointer}.faq p{padding:0 19px 19px;margin:0;color:var(--ink-500);font-size:.78rem;line-height:1.7}.estimate{margin-top:25px;padding:45px;background:#fff;border-radius:26px;box-shadow:var(--shadow-lg)}.estimate h2{color:var(--navy-950);font-size:2rem}.estimate p{color:var(--ink-500)}@media(max-width:900px){.hero-grid,.split{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.shell{width:min(100% - 28px,1180px)}.hero{min-height:0;padding:76px 0 64px}.hero-grid h1{font-size:3rem}.pillnav{top:76px;width:calc(100% - 20px)}.section,.band,.photo{padding:64px 0}.grid,.types,.photos{grid-template-columns:1fr}.glass img{height:250px}.split img{height:300px}.estimate{padding:28px 18px}}