/* ===== Detailing HERO (Overlay) ===== */
#det-hero {
position: relative;
background-color: #0a0f1a;
color: #e2e8f0;
overflow: hidden;
isolation: isolate;
}
#det-hero img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 0;
}
#det-hero::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(0,0,0,.52), rgba(0,0,0,.78));
z-index: 1;
}
#det-hero .wrap {
position: relative;
z-index: 2;
max-width: 1080px;
margin: 0 auto;
padding: 100px 20px 120px;
text-align: left;
display: flex;
flex-direction: column;
justify-content: center;
}
#det-hero h1 {
color: #fff;
font-size: clamp(28px, 4.4vw, 54px);
font-weight: 800;
line-height: 1.05;
margin: 0 0 10px;
text-wrap: balance;
text-shadow: 0 2px 18px rgba(0,0,0,.45);
}
#det-hero p.sub {
color: #d7e0ec;
font-size: clamp(15px, 2vw, 18px);
margin: 0 0 20px;
max-width: 700px;
}
#det-hero .cta {
display: flex;
gap: 12px;
flex-wrap: wrap;
margin-bottom: 10px;
}
#det-hero .btn {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 12px 18px;
border-radius: 14px;
border: 1px solid transparent;
font-weight: 700;
cursor: pointer;
text-decoration: none;
font-size: 15px;
transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}
#det-hero .btn.primary {
background: #fff;
color: #0a0f1a;
box-shadow: 0 8px 25px rgba(0,0,0,.32);
}
#det-hero .btn.ghost {
background: transparent;
border-color: #475569;
color: #e2e8f0;
}
#det-hero .btn:hover { transform: translateY(-1px); }
#det-hero .chips {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 8px 0;
}
#det-hero .chip {
padding: 8px 12px;
border: 1px solid rgba(255,255,255,.28);
border-radius: 999px;
font-size: 14px;
text-decoration: none;
color: #e6eef9;
background: rgba(255,255,255,.06);
transition: opacity .15s ease, transform .15s ease;
white-space: nowrap;
}
#det-hero .chip:hover { opacity:.9; transform: translateY(-1px); }
#det-hero .assure {
margin-top: 10px;
font-size: 14px;
color: #a9b8c9;
}
#det-hero .trust {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 16px;
}
#det-hero .trust .logo {
display: flex;
align-items: center;
gap: 6px;
border: 1px solid rgba(255,255,255,.12);
border-radius: 12px;
padding: 8px 10px;
background: rgba(255,255,255,.06);
}
#det-hero .trust img {
width: 22px;
height: 22px;
object-fit: contain;
filter: grayscale(100%) brightness(1.15);
}
#det-hero .trust span {
font-size: 12px;
color: #d4dde7;
}
@media (max-width:768px) {
#det-hero .wrap { text-align:center; padding:80px 20px; }
#det-hero p.sub { margin:0 auto 20px; }
#det-hero .cta, #det-hero .chips, #det-hero .trust { justify-content:center; }
}
Your car may not be a supercar — but it deserves to look like one.
From deep-clean detailing to long-term protection, APS restores, protects, and elevates every vehicle — inside and out.
Schedule Detailing
Get a Quick Quote
Exterior Detailing
Interior Detailing
See Outcome-Based Picks
Ceramic Coating
Paint Sealant (PPS)
Same-day / next-day slots • Paint-safe methods • Locally owned & insured
5★ Local Reviews
IGL Certified
Paint-Safe Methods
Purified Water
Fairfax • NoVA