/*
Theme Name: Brodey's Mobile Auto Detail
Description: Custom WordPress theme for Brodey's Mobile Auto Detail LLC.
Version: 1.2
Author: Brodey's Mobile Auto Detail LLC
*/
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#05070b;color:#f7f9fc;font-family:Inter,Arial,sans-serif;line-height:1.55}.nav{position:sticky;top:0;z-index:20;background:rgba(3,5,9,.92);backdrop-filter:blur(16px);border-bottom:1px solid #151e2b}.navin{max-width:1180px;margin:auto;padding:10px 22px;display:flex;align-items:center;justify-content:space-between}.logo{width:220px;max-height:65px;object-fit:contain}.navright{display:flex;align-items:center;gap:20px}.phone{color:white;text-decoration:none;font-weight:800}.btn{display:inline-block;background:#075cff;color:#fff;text-decoration:none;font-weight:900;padding:15px 23px;border-radius:8px;box-shadow:0 12px 35px rgba(0,80,255,.22);transition:.2s;text-align:center}.btn:hover{transform:translateY(-2px);background:#1a6bff}.small{padding:10px 17px}.ghost{background:transparent;border:1px solid #176cff;box-shadow:none}.hero{min-height:720px;position:relative;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 75% 45%,rgba(0,92,255,.22),transparent 35%),linear-gradient(120deg,#05070b,#0a0f18)}.grid{position:absolute;inset:0;opacity:.5;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:52px 52px}.glow{position:absolute;width:500px;height:500px;right:4%;top:15%;background:rgba(0,81,255,.1);filter:blur(90px);border-radius:50%}.heroIn{position:relative;z-index:2;max-width:1180px;width:100%;margin:auto;padding:85px 22px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:50px}.eyebrow{font-size:11px;letter-spacing:3px;color:#2b82ff;font-weight:900;margin-bottom:13px}.hero h1{font-size:clamp(44px,6vw,76px);line-height:1.02;letter-spacing:-2.5px;margin:0 0 23px}.hero h1 span,h2 span{color:#1772ff}.hero p{max-width:650px;color:#b4bdcc;font-size:19px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.trust{display:flex;gap:34px;margin-top:46px;flex-wrap:wrap}.trust div{border-left:2px solid #1265ea;padding-left:13px;display:flex;flex-direction:column}.trust b{font-size:13px}.trust small{color:#7f899a}.heroLogo{filter:drop-shadow(0 25px 40px rgba(0,0,0,.65));transform:rotate(-2deg)}.heroLogo img{width:100%;max-width:470px}.section{max-width:1180px;margin:auto;padding:95px 22px}.heading{max-width:720px;margin-bottom:40px}.heading h2,.dark h2,.cta h2{font-size:clamp(35px,4.5vw,53px);line-height:1.05;margin:0 0 13px}.heading p,.dark p,.cta p{color:#9da7b7}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{position:relative;background:#0c111a;border:1px solid #1d2838;border-radius:14px;padding:28px;display:flex;flex-direction:column;box-shadow:0 15px 45px rgba(0,0,0,.18)}.featured{border-color:#1269ee;box-shadow:0 0 50px rgba(0,82,255,.12)}.popular{position:absolute;right:18px;top:0;transform:translateY(-50%);background:#1269ee;border-radius:20px;padding:5px 11px;font-size:9px;font-weight:900}.tag{font-size:10px;color:#6698fa;letter-spacing:1.5px;font-weight:900}.price{font-size:34px;font-weight:900;margin:7px 0}.card h3{font-size:22px;margin:5px 0}.card p{color:#929cad;min-height:53px}.card ul{padding-left:20px;color:#d2d8e1;margin:8px 0 25px}.card li{margin:7px 0}.cardbtn{margin-top:auto;padding:12px 10px;font-size:13px}.extras{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:24px}.extras div{background:#0a0f17;border:1px solid #1a2637;padding:12px 17px;border-radius:9px;display:flex;gap:9px}.extras b{color:white}.extras span{font-size:13px;color:#8792a3}.dark{background:#080c13;border-top:1px solid #141e2d;border-bottom:1px solid #141e2d;padding:95px 22px}.split{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.features{margin-top:34px;display:grid;gap:18px}.features div{display:flex;gap:17px}.features b{color:#1772ff}.features span{display:flex;flex-direction:column;color:#8f99aa}.features strong{color:#fff}.panel{background:#000;border:1px solid #1b2a40;border-radius:18px;padding:25px;box-shadow:0 25px 70px rgba(0,0,0,.5)}.panel img{width:100%;display:block}.photos{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.photos div{aspect-ratio:4/3;border:1px dashed #2b3a50;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#0b111b,#080b11);color:#526178;font-size:11px;font-weight:900;letter-spacing:2px}.cta{text-align:center;padding:105px 22px;background:radial-gradient(circle,rgba(0,73,230,.22),transparent 55%)}.cta .btn{margin-top:20px}footer{text-align:center;padding:45px 22px;border-top:1px solid #151e2c;color:#778193}footer img{width:280px;max-width:80%;margin-bottom:12px}footer a{color:#4b91ff;text-decoration:none;font-weight:800}@media(max-width:850px){.heroIn,.split,.cards{grid-template-columns:1fr}.heroLogo{display:none}.photos{grid-template-columns:1fr}.navright .phone{display:none}.logo{width:180px}.section,.dark{padding-top:70px;padding-bottom:70px}}@media(max-width:500px){.hero h1{font-size:43px}.hero p{font-size:16px}.trust{gap:18px}.card{padding:23px}}
.social{color:#fff;text-decoration:none;font-weight:800;font-size:14px}
.social:hover{color:#4b91ff}