/* PUR-AYR visual refresh: presentation only, October 22, 2026. */
:root{--brand-red:#dc002b;--brand-charcoal:#20262c;--brand-gray:#e9ecef}
body{background:#e9ecef}
body>header{background:linear-gradient(120deg,#252d34,#151a20);color:#fff;border-bottom:3px solid #d9002b;box-shadow:0 6px 20px #10182024}
header>.logo-link{padding:5px 12px;background:#fff;border:1px solid #fff;border-radius:14px;box-shadow:0 5px 14px #0003}
header nav a,header nav summary{color:#f5f6f7}
header .service-menu,header .region-menu,header .region-menu .region-sub>div{background:#fff;color:#20262c;border-color:#d4d9dd;box-shadow:0 12px 28px #0003}
header .service-menu a,header .region-menu a,header .region-menu summary{color:#20262c}
#home-page>.hero{max-width:none;padding:48px max(24px,calc((100vw - 1140px)/2)) 50px;background:radial-gradient(ellipse at 15% 20%,#39434d 0,transparent 60%),linear-gradient(125deg,#242c34,#171c22);color:#fff;border-bottom:1px solid #414951}
#home-page>.hero h1{font-size:clamp(40px,4vw,56px);letter-spacing:-1.8px}
#home-page>.hero p{color:#e0e4e8}
#home-page>.hero .eyebrow{color:#ff8da4}
#home-page>.hero .benefits{color:#eef1f3;gap:16px;flex-wrap:wrap}
#home-page>.hero .benefits span{border-left:3px solid #ed1746;padding-left:10px}
#home-page>.hero .proof{gap:14px;padding:0 0 6px}
#home-page>.hero figure{border:1px solid #ffffff38;border-radius:13px;overflow:hidden;box-shadow:0 16px 30px #0005}
#home-page>.hero figure img{display:block}
#home-page>.hero figcaption{bottom:0;background:linear-gradient(transparent,#101820e8);padding:34px 12px 14px}
#home-page>.areas{background:linear-gradient(135deg,#dfe4e8,#f1f3f5);border:1px solid #cbd2d8;border-top:4px solid #dc002b;border-radius:14px;padding:24px;box-shadow:0 8px 22px #15202b0e}
#home-page>.areas .tile{border:1px solid #d0d5da;border-bottom:4px solid #b9c1c9;border-radius:9px;background:linear-gradient(#fff,#edf0f3);box-shadow:0 4px 9px #15202b14;transition:transform .15s ease,box-shadow .15s ease}
#home-page>.areas .tile:hover{transform:translateY(-2px);box-shadow:0 7px 13px #15202b20}
#home-page>section:not(.hero){border-radius:16px;margin-top:28px;margin-bottom:28px}
#home-page>section:nth-of-type(2){background:#f9fafb;border:1px solid #dce1e5}
#home-page>section:nth-of-type(2) .columns>div{background:#fff;border:1px solid #dce1e5;border-top:3px solid #dc002b;border-radius:10px;padding:22px;box-shadow:0 6px 16px #16202a08}
#home-page>.row{background:#dce2e7;border:1px solid #cbd3db}
#home-page>.attic{background:#f6f7f8;border:1px solid #d9dfe4}
#home-page>.row>img,#home-page>.attic figure,#home-page>.commercial img{border-radius:12px;box-shadow:0 10px 22px #10182022}
#home-page>.services{gap:24px;background:transparent}
#home-page>.services .service{padding:24px;background:#f8f9fa;border:1px solid #d0d7dd;border-top:4px solid #dc002b;border-radius:14px;box-shadow:0 9px 22px #15202b12}
#home-page>.services .service>img,#home-page>.services .fireplace{border-radius:9px}
#home-page>.commercial{background:linear-gradient(125deg,#303a43,#1d242b);color:#fff;border:1px solid #39444f}
#home-page>.commercial p{color:#dce2e8}
#home-page>.commercial .eyebrow{color:#ff8da4}
#home-page>.process{background:#f9fafb;border:1px solid #d9e0e6}
#home-page>.process .columns>div{border-left:3px solid #dc002b;padding-left:20px}
#home-page>.featured-reviews{background:#dde3e8;border:1px solid #cbd4dc}
#home-page>.credentials{background:#fff;border:1px solid #dce1e5}
body>footer{background:linear-gradient(135deg,#252d35,#151a20);border-top:4px solid #dc002b}
/* Raised controls: lit top edge, solid lower edge and soft cast shadow. */
a.button,header .header-cta,header .schedule-primary{background:linear-gradient(180deg,#ff365b 0%,#e60032 48%,#c80028 100%)!important;color:#fff!important;border:1px solid #b70025!important;border-top-color:#ff8da4!important;border-radius:10px!important;box-shadow:inset 0 1px 0 #ffffff70,inset 0 -2px 0 #94001a50,0 6px 0 #87001d,0 10px 18px #2b061e30!important;text-shadow:0 1px 1px #74001780;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease!important;cursor:pointer}
a.button:hover,header .header-cta:hover,header .schedule-primary:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:inset 0 1px 0 #ffffff80,0 8px 0 #87001d,0 14px 22px #2b061e38!important}
a.button:active,header .header-cta:active,header .schedule-primary:active{transform:translateY(4px);box-shadow:inset 0 2px 4px #7d001d45,0 2px 0 #87001d,0 4px 8px #2b061e25!important}
a.secondary{background:linear-gradient(#fff,#e8edf1);color:#20262c;border:1px solid #bfc8d0;border-radius:9px;box-shadow:inset 0 1px 0 #fff,0 4px 0 #b5c0c9,0 7px 12px #15202b13}
.city-hero a.secondary{background:#ffffff12;color:#fff;border-color:#a8b1b9;box-shadow:inset 0 1px 0 #ffffff30,0 4px 0 #111820,0 7px 12px #0003}
body>header .menu-toggle{background:linear-gradient(#48535e,#2b333c);border:1px solid #69747f;box-shadow:0 4px 0 #0d1116,0 6px 12px #0003}
/* Form pages get a quiet gray surround; inputs retain their white surface. */
body:has(>header.form-header)>main{background:#f9fafb;border:1px solid #d4dce3;border-top:4px solid #dc002b;border-radius:16px;margin-top:28px;margin-bottom:32px;box-shadow:0 10px 26px #1a253012}
header.form-header .brand-title{color:#fff}
header.form-header .help-link{color:#fff;text-decoration:underline;text-underline-offset:4px}
header.form-header .brand-home{background:#fff;border-radius:12px;padding:5px}
body:has(>header.form-header) main button:not(.tile):not(.gray):not(.collapse-toggle):not(.location button){background:linear-gradient(#ff365b,#dc002b 60%,#bc0026);color:#fff;border:1px solid #b00022;border-top-color:#ff97aa;box-shadow:inset 0 1px 0 #ffffff66,0 5px 0 #87001d,0 9px 15px #2b061e26;border-radius:9px;transition:transform .15s ease,box-shadow .15s ease}
body:has(>header.form-header) button.action:active,body:has(>header.form-header) form button[type=submit]:active{transform:translateY(3px);box-shadow:0 2px 0 #87001d}
body:has(>header.form-header) button.tile{background:linear-gradient(#fff,#e6ebef);border:1px solid #bfc9d2;border-bottom:4px solid #aebac5;box-shadow:0 5px 12px #17212b12}
body:has(>header.form-header) button.tile.active{background:linear-gradient(#38434d,#202831);color:#fff;border-color:#dc002b}
@media(max-width:1250px){#home-page>section:not(.hero){margin-left:24px;margin-right:24px}#home-page>.services{padding-left:0;padding-right:0}}
@media(max-width:680px){header>.logo-link{padding:3px 6px;border-radius:10px}#home-page>.hero{padding:32px 24px 38px;gap:30px}#home-page>.hero h1{font-size:40px}#home-page>.hero .proof{gap:10px}#home-page>section:not(.hero){margin:20px 14px;border-radius:12px;padding:26px 20px}#home-page>.areas{margin:20px 14px;padding:20px}#home-page>.services{padding:0}#home-page>.services .service{padding:20px}.services .button{justify-self:start}body:has(>header.form-header)>main{margin:16px 10px 24px;padding-left:16px;padding-right:16px}}
@media(prefers-reduced-motion:reduce){a.button,header .header-cta,header .schedule-primary,#home-page>.areas .tile{transition:none!important}a.button:hover,a.button:active,header .header-cta:hover,header .header-cta:active{transform:none}}