/* ARD dimensional design system — reusable site-wide (classes only, no text changes) */
:root{--ard-red:#d0150b;--ard-red-d:#9e0f08;--ard-red-l:#ec3a2f;--ard-gold:#e0a82e;--ard-gold-d:#b8861a;--ard-ink:#1f1f1f;--ard-mute:#6b6b6b;--ard-line:#e6e1d8;
--ard-sh1:0 1px 2px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.06);--ard-sh2:0 2px 4px rgba(0,0,0,.06),0 8px 16px rgba(0,0,0,.08),0 18px 36px rgba(0,0,0,.10);--ard-sh3:0 4px 8px rgba(0,0,0,.06),0 16px 32px rgba(0,0,0,.12),0 36px 72px rgba(60,10,5,.16);--ard-in:inset 0 2px 6px rgba(0,0,0,.35),inset 0 -1px 0 rgba(255,255,255,.15)}
.ard-bg{background:radial-gradient(circle at 20% 0%,#fff 0,transparent 60%),linear-gradient(180deg,#f5f1ea 0%,#ebe5da 100%)}
.ard-card{background:linear-gradient(180deg,#fff 0%,#fcfbf8 100%);border-radius:18px;box-shadow:var(--ard-sh3);border:1px solid rgba(255,255,255,.9);overflow:hidden}
.ard-bevel{background:linear-gradient(180deg,var(--ard-red-l) 0%,var(--ard-red) 45%,var(--ard-red-d) 100%);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -2px 0 rgba(0,0,0,.18);text-shadow:0 1px 1px rgba(0,0,0,.25)}
.ard-goldline{height:4px;background:linear-gradient(90deg,var(--ard-gold-d),var(--ard-gold),var(--ard-gold-d))}
.ard-b3d{-webkit-appearance:none;appearance:none;cursor:pointer;font:inherit;color:var(--ard-ink);background:linear-gradient(180deg,#fff 0%,#f1eee8 100%);border:1px solid var(--ard-line);border-radius:12px;box-shadow:var(--ard-sh1),inset 0 1px 0 #fff;transition:transform .12s,box-shadow .12s,background .12s;touch-action:manipulation}
.ard-b3d:hover{transform:translateY(-2px);box-shadow:var(--ard-sh2),inset 0 1px 0 #fff}
.ard-b3d:active{transform:translateY(1px);box-shadow:var(--ard-sh1)}
.ard-b3d.on{background:linear-gradient(180deg,var(--ard-red-d) 0%,var(--ard-red) 100%);color:#fff;border-color:var(--ard-red-d);box-shadow:var(--ard-in);transform:translateY(1px)}
.ard-b3d:disabled{cursor:default;background:#f3f3f3;color:#bdbdbd;box-shadow:none;border-color:#eee;transform:none}
.ard-cta{-webkit-appearance:none;appearance:none;cursor:pointer;font:inherit;font-weight:700;border:0;border-radius:14px;color:#fff;background:linear-gradient(180deg,var(--ard-red-l),var(--ard-red) 50%,var(--ard-red-d));box-shadow:0 3px 0 #7a0b05,0 8px 18px rgba(208,21,11,.35),inset 0 1px 0 rgba(255,255,255,.3);transition:transform .1s,box-shadow .1s;text-shadow:0 1px 1px rgba(0,0,0,.25)}
.ard-cta:hover{transform:translateY(-1px)}.ard-cta:active{transform:translateY(3px);box-shadow:0 0 0 #7a0b05,0 3px 8px rgba(208,21,11,.3),inset 0 2px 4px rgba(0,0,0,.25)}
.ard-cta:disabled{opacity:.6}
.ard-ghost{-webkit-appearance:none;appearance:none;cursor:pointer;font:inherit;font-weight:600;background:none;border:0;color:var(--ard-mute);padding:12px 8px}
.ard-input{display:block;width:100%;box-sizing:border-box;padding:14px 14px;font:inherit;font-size:16px;border:1px solid #d9d4ca;border-radius:12px;background:#fff;box-shadow:inset 0 2px 4px rgba(0,0,0,.06);transition:border-color .15s,box-shadow .15s}
.ard-input:focus{outline:0;border-color:var(--ard-gold);box-shadow:inset 0 2px 4px rgba(0,0,0,.06),0 0 0 3px rgba(224,168,46,.3)}
/* ===== Site-wide application (CSS only; no markup/text changes) ===== */
html body #page-content{background-color:#efe9df!important;background-image:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.75) 0,rgba(255,255,255,0) 55%),linear-gradient(180deg,#f7f4ee 0%,#ece6db 100%)!important}
html body #page-content section,html body #page-content section:has(#aqw),html body #footer{background-color:transparent!important}
html body #footer{background:linear-gradient(180deg,#bdbbba,#a8a6a5)!important;border-top:4px solid var(--ard-gold);box-shadow:inset 0 10px 18px -10px rgba(0,0,0,.18)}
html body #page-content [class*="MuiCard-root"]{overflow:hidden!important;border-radius:18px!important;box-shadow:var(--ard-sh2)!important;border:1px solid rgba(255,255,255,.9)!important;transition:transform .18s,box-shadow .18s;background:linear-gradient(180deg,#fff,#fcfbf8)!important;transform:translateZ(0)}
html body #page-content [class*="MuiCard-root"] [class*="MuiCardMedia-root"],html body #page-content [class*="MuiCard-root"]>a:first-child{border-radius:18px 18px 0 0!important;overflow:hidden!important}
@media (hover:hover){html body #page-content [class*="MuiCard-root"]:hover{transform:translateY(-3px);box-shadow:var(--ard-sh3)!important}}
html body button._2ijYQJj0,html body button._3KSG5XJW,html body button._3jY3hksB,html body #aqw .b{border:0!important;border-radius:14px!important;color:#fff!important;background:linear-gradient(180deg,var(--ard-red-l),var(--ard-red) 50%,var(--ard-red-d))!important;box-shadow:0 3px 0 #7a0b05,0 8px 18px rgba(208,21,11,.3),inset 0 1px 0 rgba(255,255,255,.3)!important;text-shadow:0 1px 1px rgba(0,0,0,.25);transition:transform .1s,box-shadow .1s}
html body button._2ijYQJj0:hover,html body button._3KSG5XJW:hover,html body button._3jY3hksB:hover,html body #aqw .b:hover{transform:translateY(-1px)}
html body button._2ijYQJj0:active,html body button._3KSG5XJW:active,html body button._3jY3hksB:active,html body #aqw .b:active{transform:translateY(3px);box-shadow:0 0 0 #7a0b05,inset 0 2px 4px rgba(0,0,0,.25)!important}
@media (min-width:992px){#header-menu-btn{box-shadow:0 2px 0 #7a0b05,0 6px 14px rgba(208,21,11,.3),inset 0 1px 0 rgba(255,255,255,.3)!important;background-image:linear-gradient(180deg,rgba(255,255,255,.18),rgba(0,0,0,.12))!important;transition:transform .1s}#header-menu-btn:active{transform:translateY(2px)}}
#reviews ._3wvi-1MN{border-radius:16px;box-shadow:var(--ard-sh2);background:linear-gradient(180deg,#fff,#fbf9f5);margin:10px 8px 18px}
.MuiInputBase-root{border-radius:10px;background:#fff;box-shadow:inset 0 2px 4px rgba(0,0,0,.07)}
/* Instant Quote widget (our markup) */
html body #aqw .c{background:linear-gradient(180deg,#fff 0%,#fcfbf8 100%)!important;border:1px solid rgba(255,255,255,.9)!important;box-shadow:var(--ard-sh3)!important;border-top:5px solid var(--ard-red)!important}
html body #aqw input{border-radius:12px!important;border:1px solid #d9d4ca!important;background:#fff!important;box-shadow:inset 0 2px 4px rgba(0,0,0,.07)!important}
html body #aqw input:focus{border-color:var(--ard-gold)!important;box-shadow:inset 0 2px 4px rgba(0,0,0,.07),0 0 0 3px rgba(224,168,46,.3)!important}
html body #aqw .o{background:linear-gradient(180deg,#fff 0%,#f1eee8 100%)!important;border:1px solid var(--ard-line)!important;border-radius:12px!important;box-shadow:var(--ard-sh1),inset 0 1px 0 #fff!important;transition:transform .12s,box-shadow .12s}
@media (hover:hover){html body #aqw .o:hover{transform:translateY(-2px);box-shadow:var(--ard-sh2)!important}}
html body #aqw .o.on,html body #aqw .o.sel,html body #aqw .o[aria-pressed="true"]{background:linear-gradient(180deg,#fff4dc,#fbe7b8)!important;border-color:var(--ard-gold)!important;box-shadow:inset 0 2px 5px rgba(0,0,0,.15)!important;transform:translateY(1px)}
/* Zoho forms: cross-origin iframe -> raised card wrapper */
html body [id^="zf_div_"]{background:#fff;border-radius:18px;box-shadow:var(--ard-sh3);border:1px solid rgba(255,255,255,.9);border-top:5px solid var(--ard-red);padding:10px 6px 4px;margin:8px auto 16px;max-width:760px;overflow:hidden}
html body [id^="zf_div_"] iframe{display:block;border-radius:10px}
html body #page-content div.xToI3c40[id^="content-blocks-"]{background:linear-gradient(180deg,#fff,#fcfbf8)!important;border-radius:16px!important;box-shadow:var(--ard-sh2)!important;color:var(--ard-ink)!important}
html body #page-content [class*="MuiTab-root"]{background-color:transparent!important}
html body #page-content .MuiInputBase-root{background-color:#fff!important;border-radius:10px!important;box-shadow:inset 0 2px 4px rgba(0,0,0,.07)!important;padding-left:8px}
html body .mapboxgl-popup-content{background:#fff!important;border-radius:10px;box-shadow:var(--ard-sh2)!important}
/* Dark charcoal footer */
html body #footer{background:linear-gradient(180deg,#2b2b2b 0%,#1f1f1f 100%)!important;border-top:4px solid var(--ard-gold)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;color:#ececec!important}
html body #footer *{color:#ececec!important;border-color:rgba(255,255,255,.14)!important;background-color:transparent!important}
html body #footer h1,html body #footer h2,html body #footer h3,html body #footer h4,html body #footer h5,html body #footer h6,html body #footer [class*="title"],html body #footer [class*="Title"]{color:var(--ard-gold)!important}
html body #footer a{color:#f2f2f2!important;text-decoration-color:rgba(224,168,46,.6)!important;transition:color .15s}
html body #footer a:hover,html body #footer a:focus-visible{color:#ff7a6e!important;text-decoration:underline!important;text-decoration-color:#ff7a6e!important}
html body #footer svg,html body #footer svg *{fill:var(--ard-gold)!important;color:var(--ard-gold)!important}
html body #footer img{filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}
/* ===== Cool light-gray palette (Mary, Oct 24) — overrides above ===== */
:root{--ard-line:#dfe1e5}
.ard-bg{background:linear-gradient(180deg,#f3f4f6 0%,#e9eaed 100%)!important}
html body #page-content{background-color:#eeeff2!important;background-image:linear-gradient(180deg,#f3f4f6 0%,#e9eaed 100%)!important}
body{background:linear-gradient(180deg,#f3f4f6 0%,#e9eaed 100%)}
.ard-card,#ard-picker.ard-card{background:linear-gradient(180deg,#fafafa 0%,#f7f7f8 100%)!important;border-color:rgba(255,255,255,.7)!important}
#ard-picker .ab-cal{background:#fafafa!important}
#ard-picker .ab-sum{background:#f4f1e8!important}
html body #page-content [class*="MuiCard-root"],html body #page-content div.xToI3c40[id^="content-blocks-"],#reviews ._3wvi-1MN,html body #aqw .c{background:linear-gradient(180deg,#fafafa 0%,#f7f7f8 100%)!important}
html body [id^="zf_div_"]{background:#f7f7f8!important}
html body #footer{background:linear-gradient(180deg,#4a4d52 0%,#3d4045 100%)!important}
html body #footer a:hover,html body #footer a:focus-visible{color:#ffb3ab!important;text-decoration-color:#ffb3ab!important}
html body #footer h1,html body #footer h2,html body #footer h3,html body #footer h4,html body #footer h5,html body #footer h6,html body #footer [class*="title"],html body #footer [class*="Title"],html body #footer svg,html body #footer svg *{color:#f0c35a!important;fill:#f0c35a!important}
.ard-b3d:not(.on):not(:disabled),html body #aqw .o{background:linear-gradient(180deg,#fdfdfd 0%,#eef0f2 100%)!important}
.ard-input,#ard-picker .ab-svc small{border-color:#d5d8dd}
/* ===== Deeper cool gray v2 (Mary, Oct 24 12:06) ===== */
:root{--ard-card:#e4e6e9;--ard-line:#cdd1d6}
.ard-bg,body{background:linear-gradient(180deg,#d5d8dc 0%,#c9cdd2 100%)!important}
html body #page-content{background-color:#cfd2d7!important;background-image:linear-gradient(180deg,#d5d8dc 0%,#c9cdd2 100%)!important}
.ard-card,#ard-picker.ard-card,html body #page-content [class*="MuiCard-root"],html body #page-content div.xToI3c40[id^="content-blocks-"],#reviews ._3wvi-1MN,html body #aqw .c,html body [id^="zf_div_"]{background:var(--ard-card)!important;background-image:none!important;border-color:rgba(255,255,255,.45)!important}
html body #page-content [class*="MuiCard-root"] *:not(button):not(a):not([class*="MuiCardMedia"]):not([id$="-img"]){background-color:transparent!important}
#ard-picker .ab-cal{background:#eceef0!important}
#ard-picker .ab-sum{background:#efe8d4!important}
html body #page-content [class*="MuiCard-root"] a._1d3l3u9U,html body #page-content a._1d3l3u9U{color:#6b4f00!important}
html body #page-content [class*="MuiCard-root"],html body #page-content [class*="MuiCard-root"] p{color:#1f1f1f}
.ard-b3d:not(.on):not(:disabled),html body #aqw .o{background:linear-gradient(180deg,#f3f4f6 0%,#e2e5e8 100%)!important}
/* ===== True brand gold (sampled from logo roof: #D2A80C) + footer logo plate ===== */
:root{--ard-gold:#d2a80c;--ard-gold-d:#a8860a}
html body #footer{background:linear-gradient(180deg,#3d4045 0%,#33363a 100%)!important;border-top:4px solid #d2a80c!important}
html body #footer h1,html body #footer h2,html body #footer h3,html body #footer h4,html body #footer h5,html body #footer h6,html body #footer [class*="title"],html body #footer [class*="Title"],html body #footer svg,html body #footer svg *{color:#d2a80c!important;fill:#d2a80c!important}
html body #footer a{text-decoration-color:rgba(210,168,12,.6)!important}
html body #footer img{filter:none!important;opacity:1!important;mix-blend-mode:normal!important;background:linear-gradient(180deg,#ffffff 0%,#eceef1 100%)!important;padding:10px 14px!important;border-radius:14px!important;box-shadow:0 2px 4px rgba(0,0,0,.25),0 8px 18px rgba(0,0,0,.3)!important;box-sizing:content-box!important}
html body #top_bar_banner{background-color:#d2a80c!important}
html body #ardfi-tag{background:#d2a80c!important}
.ard-goldline{background:linear-gradient(90deg,#a8860a,#d2a80c,#a8860a)!important}
/* ===== Soft graphite palette v3 (Mary's swatch) — overrides all earlier grays ===== */
:root{--ard-card:#c9cbce;--ard-line:#b3b6ba;--ard-ink:#1a1a1a;--ard-mute:#3d3f42}
.ard-bg,body{background:linear-gradient(180deg,#9fa2a6 0%,#95989c 100%)!important}
html body #page-content{background-color:#9a9da1!important;background-image:linear-gradient(180deg,#9fa2a6 0%,#95989c 100%)!important;color:#111}
html body #page-content section h1,html body #page-content section h2,html body #page-content section h3,html body #page-content section h4,html body #page-content section p,html body #page-content section li,html body #page-content section span:not([class*="ab-"]),html body #page-content section div{color:#111}
html body #page-content section a:not([class*="_2ijYQJj0"]):not(.ard-cta){color:#111}
.ard-card,#ard-picker.ard-card,html body #page-content [class*="MuiCard-root"],html body #page-content div.xToI3c40[id^="content-blocks-"],#reviews ._3wvi-1MN,html body #aqw .c,html body [id^="zf_div_"]{background:#c9cbce!important;background-image:none!important;border-color:rgba(255,255,255,.35)!important;color:#1a1a1a!important}
html body #page-content [class*="MuiCard-root"] *,html body #page-content div.xToI3c40[id^="content-blocks-"] *,#reviews ._3wvi-1MN *,html body #aqw .c *:not(.b):not(input){color:#1a1a1a}
html body #page-content a._1d3l3u9U,html body #page-content [class*="MuiCard-root"] a._1d3l3u9U,html body #aqw .c a:not(.b){color:#5a4200!important}
#ard-picker .ab-body{color:#1a1a1a}#ard-picker .ab-note,#ard-picker .ab-svc small,#ard-picker .ab-tz,#ard-picker .ab-grid .dow{color:#3d3f42!important}
#ard-picker .ab-svc .on small{color:#ffe3a0!important}
#ard-picker .ab-cal{background:#d6d8db!important}
#ard-picker .ab-sum{background:#ddd6c2!important;border-color:#c4b88f!important}
.ard-b3d:not(.on):not(:disabled),html body #aqw .o{background:linear-gradient(180deg,#e6e8ea 0%,#d3d6d9 100%)!important;color:#1a1a1a!important}
.ard-b3d:disabled{background:#b9bcc0!important;color:#7b7e82!important}
html body #footer{background:linear-gradient(180deg,#3a3c40 0%,#2f3134 100%)!important}
/* footer logo plate: fit whole logo */
html body #footer img{box-sizing:border-box!important;width:100%!important;max-width:240px!important;height:auto!important;aspect-ratio:1169/575;object-fit:contain!important;object-position:center!important;overflow:visible!important;padding:14px 16px!important;display:block!important}
html body #footer img,html body #footer img *{clip-path:none!important}
html body #footer ._8Ybr14,html body #footer ._3XR7qrd9{overflow:visible!important;height:auto!important;max-width:240px!important;width:100%!important}