*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050505;color:#f5f5f5;font-family:Arial,Helvetica,sans-serif;line-height:1.45}.header{height:82px;background:#050505;display:flex;align-items:center;gap:34px;padding:0 5%;position:sticky;top:0;z-index:10;border-bottom:1px solid #29200b}.brand{color:#d71920;text-decoration:none;line-height:.85;min-width:245px}.brand-main{display:block;font-size:29px;font-weight:900;letter-spacing:2px}.brand-sub{display:block;color:#fff;font-size:13px;letter-spacing:3px;margin-top:8px}.header nav{display:flex;gap:27px;flex:1;justify-content:center}.header nav a{color:#eee;text-decoration:none;text-transform:uppercase;font-size:13px;font-weight:700}.header nav a:hover{color:#d71920}.phone{background:#d71920;color:#080808;text-decoration:none;font-weight:900;padding:14px 20px;border-radius:9px;white-space:nowrap}.menu{display:none;background:none;border:0;color:#d71920;font-size:28px}.hero{min-height:620px;position:relative;display:flex;align-items:center;background:radial-gradient(circle at 75% 45%,#29220e 0,#0c0b08 32%,#050505 67%);overflow:hidden}.hero:after{content:"";position:absolute;right:-8%;top:0;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(205,155,40,.12)),url("https://images.unsplash.com/photo-1601362840469-51e4d8d2c6c1?auto=format&fit=crop&w=1400&q=80") center/cover no-repeat;opacity:.72;mask-image:linear-gradient(90deg,transparent 0%,#000 25%)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.94) 33%,rgba(5,5,5,.2) 75%,rgba(5,5,5,.55));z-index:1}.hero-content{position:relative;z-index:2;padding:80px 6%;max-width:780px}.eyebrow{color:#d71920;font-weight:900;letter-spacing:5px;font-size:15px;margin:0 0 8px}.hero h1{font-size:clamp(56px,8vw,100px);line-height:.88;margin:0;font-weight:950;letter-spacing:-3px}.hero h1 span,h3 span{color:#d71920}.lead{font-size:19px;margin:22px 0 28px}.hero-actions,.cta-actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-block;padding:14px 24px;border-radius:7px;text-decoration:none;font-weight:900}.gold{background:#d71920;color:#070707}.outline{border:1px solid #eee;color:#fff}.trust{display:flex;gap:28px;margin-top:42px;flex-wrap:wrap}.trust>div{display:flex;gap:10px;align-items:center}.trust b{color:#d71920;font-size:28px}.trust strong,.trust small{display:block}.trust small{color:#aaa}.section{padding:75px 5%;max-width:1400px;margin:auto}.center{text-align:center}.section h2{text-align:center;font-size:38px;margin:0 0 35px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{position:relative;border:1px solid #a9770f;border-radius:12px;padding:28px;background:linear-gradient(150deg,#111,#080808);min-height:500px}.featured{box-shadow:0 0 30px rgba(229,170,32,.1)}.popular{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:#d71920;color:#111;padding:4px 18px;border-radius:5px;font-weight:900;font-size:12px}.icon{font-size:35px;color:#d71920}.card h3{font-size:23px;margin:8px 0}.starting{border-bottom:1px solid #76570f;padding-bottom:14px;color:#ddd}.starting b{display:block;font-size:30px;color:#fff}.card ul{padding-left:18px;color:#ddd}.card li{margin:9px 0}.card li::marker{color:#d71920}.best{position:absolute;bottom:24px;left:28px;right:28px;text-align:center;border:1px solid #a9770f;border-radius:7px;padding:10px;font-weight:900;font-size:12px}.goldbg{background:#d71920;color:#111}.price-wrap{display:grid;grid-template-columns:2fr 1fr;gap:40px}.price-wrap h2{text-align:left;font-size:30px}.table{border:1px solid #76570f;border-radius:10px;overflow:hidden}.tr{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;padding:15px 18px;border-top:1px solid #34280f;gap:10px}.tr.head{border-top:0;background:#111;color:#d71920;font-size:12px;text-transform:uppercase}.tr b{text-align:center}.note{color:#aaa;font-size:13px}.addons{border-left:1px solid #76570f;padding-left:30px}.addons p{display:flex;justify-content:space-between;border-bottom:1px solid #1d1d1d;padding-bottom:10px}.addons b{color:#d71920}.benefits{display:grid;grid-template-columns:repeat(4,1fr);background:#101010;border-top:1px solid #4c390e;border-bottom:1px solid #4c390e;padding:30px 6%;gap:25px}.benefits div{display:grid;grid-template-columns:38px 1fr;column-gap:10px}.benefits b{grid-row:1/3;color:#d71920;font-size:28px}.benefits small{color:#aaa}.cta{padding:45px 6%;display:flex;justify-content:space-between;align-items:center;gap:25px}.cta h2{margin:0;font-size:28px}footer{background:#030303;border-top:1px solid #2d220b;padding:40px 6%;display:grid;grid-template-columns:1.2fr 1fr 1.4fr 1fr;gap:30px}footer>div{display:flex;flex-direction:column;gap:8px}footer b{color:#d71920;font-size:13px;letter-spacing:1px}footer a,footer span{color:#ddd;text-decoration:none;font-size:14px}.copyright{grid-column:1/-1;text-align:center;color:#777;margin:15px 0 0;font-size:12px}@media(max-width:900px){.header{gap:15px}.header nav{display:none;position:absolute;top:82px;left:0;right:0;background:#080808;flex-direction:column;padding:20px 6%;gap:20px}.header nav.open{display:flex}.menu{display:block;margin-left:auto}.phone{padding:11px 12px;font-size:12px}.brand{min-width:auto}.brand-main{font-size:22px}.brand-sub{font-size:9px}.cards,.price-wrap{grid-template-columns:1fr}.addons{border-left:0;border-top:1px solid #76570f;padding:25px 0 0}.benefits{grid-template-columns:1fr 1fr}.hero:after{width:75%;opacity:.45}.hero-content{padding-top:60px}}@media(max-width:600px){.phone{display:none}.hero{min-height:650px}.hero h1{font-size:58px}.trust{gap:18px}.trust>div{width:100%}.section{padding:55px 5%}.tr{font-size:12px;padding:12px 8px}.benefits{grid-template-columns:1fr}footer{grid-template-columns:1fr}.cta{display:block}.cta-actions{margin-top:20p-x}}
#home.hero {
  background-image:
    linear-gradient(rgba(0,0,0,0.20), rgba(0,0,0,0.35)),
    url("https://raw.githubusercontent.com/AlexusW60/Topp-notch-mobile-detailing/main/file_000000006c688230827db2cd1156877d.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
/* MOBILE FIX */
@media (max-width: 768px) {

  html, body {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
  }

  .header {
    width: 100%;
    padding: 15px 20px;
    box-sizing: border-box;
  }

  .header nav {
    display: none;
  }

  .brand {
    min-width: 0;
  }

  .brand-main {
    font-size: 22px;
  }

#home.hero {
    width: 100%;
    min-height: 240px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

  .container,
  section {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  .packages,
  .package-grid,
  .pricing-grid {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    padding: 0 15px;
  }

  .package-card,
  .pricing-card {
    width: 100%;
    max-width: 420px;
    box-sizing: border-box;
  }

  img {
    max-width: 100%;
    height: auto;
  }.header img {
    width: 90px !important;
    max-width: 90px !important;
    height: 90px !important;
    object-fit: contain;
    background: transparent !important;
}

.header {
    background: transparent !important;
}
}