/* DC Garage Doors: business-card black, red and silver. */
:root{--blue:#e00008;--ink:#f2f2f4;--paper:#101113;--line:#34363c;--muted:#bdc0c7;--surface:#191b1f;--raised:#22252b;color-scheme:dark}
:root[data-theme=light]{--blue:#c50008;--ink:#1c1d21;--paper:#f6f6f5;--line:#d1d2d5;--muted:#535761;--surface:#ececed;--raised:#fff;color-scheme:light}
body{background:var(--paper);color:var(--ink)}
.topline{background:#050505;color:#d4d5d8;border-bottom:2px solid #d90008}
header{background:#080809;color:#f5f5f6;border-color:#38383d;gap:18px;height:106px}
header>a:first-child{display:flex;align-items:center;flex-shrink:0;background:#000;padding:8px 12px;border-radius:3px}
header img{width:245px;max-height:74px;object-fit:contain}header nav{gap:24px}header nav a:hover{color:#ff6a70}
.theme-toggle{border:1px solid #666971;background:transparent;color:#fff;border-radius:6px;padding:10px 12px;min-height:44px;font-size:12px;white-space:nowrap}
.theme-toggle:hover{background:#26272c}.theme-toggle:focus-visible{outline:3px solid #ff6971;outline-offset:3px}
.mobile-nav{background:#17181b;color:#f8f8f9}.mobile-nav a{border-color:#41434b}
.hero{position:relative;background:radial-gradient(ellipse at 0 20%,#d9000810,transparent 60%)}
h1,h2{font-weight:800;letter-spacing:-.045em}h1{font-style:italic}h1 em,.contact em{color:#ff454e}:root[data-theme=light] h1 em{color:#c50008}
.hero-copy .eyebrow{color:var(--muted)}.intro,.hero-note,.section-heading>p,.door-card p,.card-number,.about-left>p:not(.eyebrow),.about-features p,.steps p,details p,.gallery figcaption p,.gallery figcaption .eyebrow,.service-intro,.breadcrumbs,.service-directory>p:last-child{color:var(--muted)}
.primary{background:#ce0009;color:#fff;box-shadow:0 4px 18px #90000018;border:1px solid #f2373d}.primary:hover{background:#aa0006}
.hero-visual{background:linear-gradient(145deg,#33363d,#1a1c21);border:1px solid #41444d;box-shadow:0 20px 70px #0003}
.visual-label,.tiny,.illustration-note{color:#e0e1e6}.visual-bottom{color:#fff;gap:18px}.swatches{flex-wrap:wrap;max-width:280px}.swatches button{border-color:#24262d;width:28px;height:28px;outline-color:#7b7e85}.swatches .selected{outline:2px solid #fff}
.trust-strip{background:var(--surface);border-color:var(--line)}.trust-strip span:before{color:#ff454e}
.door-card{background:var(--surface);border:1px solid var(--line);border-top:3px solid #c90008}.door-card:hover{border-color:#e12a32}.card-link{border-color:var(--line)}
.about,.service-directory{background:var(--surface)}.about-features>div{border-color:var(--line)}.about-features strong{color:var(--ink)}
.service-links a{background:var(--raised);border-color:var(--line);color:var(--ink)}.service-links span{color:#ed3b43}
.gallery-photo{border:1px solid var(--line)}.gallery-photo>span{background:#111e;color:#fff;border:1px solid #ffffff50}
.contact{background:#080809;color:#f5f5f6;border-top:3px solid #db0008}.contact .eyebrow{color:#ff6971}.contact>div>p:not(.eyebrow),.contact-email{color:#c8c9d0}
form{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.form-intro,.form-note{color:var(--muted)}input,select,textarea{background:var(--raised);border-color:var(--line);color:var(--ink)}
.whatsapp{color:#fff;border-color:#81858d}.whatsapp:hover{background:#24262b}
footer{background:#050505;color:#bbbcc3;border-top:1px solid #35363b}footer>a:first-child{background:#000;padding:8px}footer img{width:230px;max-height:72px}.demo-note{background:var(--surface);color:var(--muted)}
.bottom-bar{background:var(--paper);border-color:var(--line);color:var(--ink)}.bottom-bar a:last-child{background:#ca0008}
.skip{background:var(--raised);color:var(--ink)}
@media(max-width:1100px) and (min-width:801px){header{gap:12px;padding:0 4%}header img{width:190px}header nav{gap:15px}.header-call{font-size:12px}.theme-toggle{padding:9px}}
@media(max-width:800px){header{height:88px;gap:10px}header img{width:175px;max-height:56px}header>a:first-child{padding:4px 6px}.theme-toggle{margin-left:auto;font-size:11px;padding:8px 10px}header .menu{margin-left:0;min-height:44px}.hero{padding-top:40px}}
@media(max-width:360px){header{padding:0 4%;gap:7px}header img{width:148px}.theme-toggle{padding:7px;font-size:10px}}

.social-links{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center}.social-links a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:13px;font-weight:600;text-decoration:none}.social-links a:hover{text-decoration:underline}.social-links a:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.contact-social{margin-top:20px}.footer-social{flex-basis:100%;justify-content:flex-end;border-top:1px solid #38383d;padding-top:12px}@media(max-width:800px){.footer-social{justify-content:flex-start}}