:root{
  --green:#71d510;
  --green2:#92ed32;
  --black:#070908;
  --charcoal:#111512;
  --charcoal2:#181e19;
  --white:#f6f7f5;
  --muted:#b7c0b8;
  --line:#2c342d;
  --bronze:#b77b2d;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--white);font-family:Arial,Helvetica,sans-serif;line-height:1.5}
a{color:inherit;text-decoration:none}
.top-strip{min-height:40px;background:#030403;border-bottom:1px solid #202620;display:flex;align-items:center;justify-content:space-between;padding:8px 5vw;font-size:13px;gap:20px}
.top-strip a{font-weight:800}.top-center{color:var(--green);font-weight:800;letter-spacing:1.2px}
.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:28px;padding:13px 5vw;background:rgba(8,10,8,.97);border-bottom:1px solid #273027;backdrop-filter:blur(10px)}
.brand{display:flex;align-items:center;gap:9px;margin-right:auto}.brand-gear,.brand-wrench{font-size:28px;filter:grayscale(1);opacity:.9}.brand-text{display:flex;flex-direction:column;line-height:1}.brand-text b{font-size:27px;font-style:italic;letter-spacing:-1px}.brand-text em{font-style:normal;color:var(--green)}.brand-text small{font-weight:800;letter-spacing:2px;color:#c9d0c9;font-size:9px;margin-top:4px}
.main-nav{display:flex;gap:22px;font-weight:800;font-size:13px}.main-nav a:hover{color:var(--green)}
.header-book{border:1px solid var(--green);padding:11px 16px;color:var(--green);font-weight:900}.header-book:hover{background:var(--green);color:#071006}
.menu-btn{display:none;background:none;border:0;color:#fff;font-size:27px}
.hero{position:relative;min-height:650px;background:#090c0a;overflow:hidden}.hero-bg{position:absolute;inset:0;background:
linear-gradient(90deg,rgba(5,7,5,.98) 0%,rgba(5,7,5,.88) 43%,rgba(5,7,5,.28) 70%),
url("assets/hero-reference.jpg") center right/cover no-repeat;opacity:.95}
.hero-bg:after{content:"";position:absolute;inset:0;background:
radial-gradient(circle at 75% 46%,rgba(113,213,16,.10),transparent 30%),
repeating-linear-gradient(135deg,rgba(255,255,255,.015) 0 9px,transparent 9px 20px)}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;padding:78px 6vw 70px;align-items:center}
.eyebrow{display:block;color:var(--green);font-weight:900;letter-spacing:2.2px;font-size:12px;margin-bottom:12px}
h1,h2,h3{margin:0;line-height:.96}h1{font-size:clamp(58px,8vw,112px);font-style:italic;font-weight:900;letter-spacing:-3px}h1 span,h2 span{color:var(--green)}.same-day-banner{display:inline-block;margin:18px 0;padding:9px 14px;background:var(--green);color:#071006;font-weight:900;letter-spacing:.7px;transform:skew(-8deg)}.hero-copy h2{font-size:clamp(32px,4.5vw,62px);font-style:italic}.hero-copy>p{max-width:650px;color:#d3dad3;font-size:18px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;font-weight:900;border:1px solid var(--green);text-transform:uppercase}.primary{background:var(--green);color:#071006}.primary:hover{background:var(--green2)}.secondary{background:rgba(0,0,0,.35);color:#fff}.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.trust-row div{border-left:3px solid var(--green);padding-left:12px}.trust-row b,.trust-row span{display:block}.trust-row b{font-size:13px}.trust-row span{font-size:12px;color:#aeb8af;margin-top:4px}
.warranty-card{align-self:start;justify-self:end;max-width:360px;display:flex;gap:16px;align-items:center;padding:18px;background:rgba(9,12,9,.82);border:1px solid rgba(113,213,16,.45);box-shadow:0 20px 50px rgba(0,0,0,.35)}.warranty-badge{width:92px;height:92px;border:4px solid var(--green);border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:36px;line-height:.8;box-shadow:inset 0 0 0 4px #0a0d0a}.warranty-badge span{font-size:12px;color:var(--green);margin-top:7px}.warranty-card strong{display:block;color:var(--green);font-size:22px}.warranty-card p{margin:4px 0}.warranty-card small{color:#b3bcb4}
.section{padding:80px 5vw}.services-section{background:#0c100d}.section-heading{text-align:center;max-width:800px;margin:0 auto 34px}.section-heading h2{font-size:clamp(38px,5vw,62px)}.section-heading p{color:#aeb7af}
.service-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.service-grid article{min-height:250px;padding:20px 16px;background:linear-gradient(180deg,#131814,#0b0e0c);border:1px solid #364036;text-align:center;display:flex;flex-direction:column;justify-content:flex-start}.service-grid article:hover{border-color:var(--green);transform:translateY(-2px)}.service-icon{font-size:42px;margin-bottom:18px}.service-grid h3{font-size:19px}.service-grid p{font-size:13px;color:#bac2bb}
.tire-section{display:grid;grid-template-columns:1fr 1fr;background:#080b09;border-top:1px solid #273027;border-bottom:1px solid #273027}.tire-panel{padding:70px 6vw}.tire-panel h2{font-size:60px}.tire-panel p{color:#bdc5be;max-width:540px}.tire-panel ul{columns:2;max-width:520px;padding-left:18px;line-height:2}.tire-panel li::marker{color:var(--green)}.tire-image{min-height:420px;background:
linear-gradient(90deg,#080b09 0%,transparent 35%),
url("assets/tire-reference.jpg") center/cover no-repeat}
.about-section{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;padding:70px 5vw;background:#111512}.about-card{padding:38px;border:1px solid #313a32;background:#0b0f0c}.family-card h2{font-size:52px}.family-card p{font-size:18px;color:#c1c9c2}.family-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.family-points span{border:1px solid #344035;padding:8px 12px;color:#dce1dc}.values-card{display:grid;gap:12px}.values-card>div{padding:16px;border-left:4px solid var(--green);background:#121713}.values-card b{display:block;font-size:17px}.values-card p{margin:5px 0 0;color:#aeb8af}.mini-icon{font-size:26px;float:left;margin-right:14px}
.booking-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;padding:85px 5vw;background:#080b09}.booking-copy h2{font-size:64px}.booking-copy>p{color:#bcc4bd}.availability-box{margin-top:30px;border-left:5px solid var(--green);padding:18px;background:#111612}.availability-box b,.availability-box span,.availability-box a{display:block}.availability-box a{font-size:28px;color:var(--green);font-weight:900;margin-top:5px}
.booking-form{background:#f1f3ef;color:#111511;padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:15px;border-top:5px solid var(--green)}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:12px;text-transform:uppercase;letter-spacing:1px;font-weight:900}.field input,.field select,.field textarea{font:inherit;border:1px solid #c6ccc6;padding:13px;background:#fff}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--green)}.submit-btn{grid-column:1/-1;background:var(--green);border:0;padding:15px;font-weight:900;text-transform:uppercase;cursor:pointer}.submit-btn:hover{background:var(--green2)}.form-note,.success{grid-column:1/-1}.form-note{font-size:12px;color:#657066;margin:0}.success{background:#e3f4d7;border-left:4px solid var(--green);padding:12px}
.reviews-section{padding:75px 5vw;background:#0d110e}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.review-grid article{padding:28px;border:1px solid #354035;background:#111612}.stars{color:var(--green);letter-spacing:4px}.review-grid p{color:#c4ccc5}.review-note{display:block;margin-top:15px;color:#7e897f;text-align:center}
.contact-section{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:55px 5vw;background:#050705;border-top:1px solid #263027}.contact-section h2{font-size:34px}.contact-section p{color:#bbc3bc}.big-contact{font-size:30px;font-weight:900;color:var(--green)}
footer{padding:30px 5vw 75px;background:#020302;border-top:1px solid #222922;display:flex;justify-content:space-between;gap:20px;color:#9ea79f;font-size:13px}.footer-brand{font-size:22px;font-weight:900;color:#fff}.footer-brand span{color:var(--green)}
.mobile-call{display:none}

@media(max-width:1050px){
  .main-nav,.header-book{display:none}.menu-btn{display:block}.site-header.open .main-nav{display:flex;position:absolute;top:70px;left:0;right:0;background:#080b09;padding:20px 5vw;flex-direction:column;border-bottom:1px solid #273027}
  .hero-grid{grid-template-columns:1fr}.warranty-card{justify-self:start}.service-grid{grid-template-columns:repeat(4,1fr)}
  .tire-section,.about-section,.booking-section{grid-template-columns:1fr}.tire-image{min-height:340px}.contact-section{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .top-strip{display:none}.site-header{padding:11px 16px}.brand-gear,.brand-wrench{display:none}.brand-text b{font-size:24px}
  .hero-grid{padding:70px 20px 55px}.hero{min-height:auto}.hero-bg{background:
  linear-gradient(180deg,rgba(5,7,5,.92),rgba(5,7,5,.78)),
  url("assets/hero-reference.jpg") center/cover no-repeat}
  h1{font-size:64px}.hero-copy h2{font-size:38px}.hero-copy>p{font-size:16px}.trust-row{grid-template-columns:1fr}.warranty-card{max-width:100%;width:100%}
  .section{padding:60px 18px}.service-grid{grid-template-columns:1fr 1fr}.service-grid article{min-height:220px}
  .tire-panel{padding:60px 20px}.tire-panel h2{font-size:47px}.tire-panel ul{columns:1}.about-section,.booking-section{padding:60px 18px}
  .booking-form{grid-template-columns:1fr;padding:20px}.field,.field.full,.submit-btn,.form-note,.success{grid-column:1}
  .review-grid{grid-template-columns:1fr}.contact-section{grid-template-columns:1fr;padding:50px 20px}
  footer{flex-direction:column;padding:30px 20px 85px}
  .mobile-call{display:block;position:fixed;z-index:80;bottom:0;left:0;right:0;background:var(--green);color:#071006;text-align:center;font-weight:900;padding:14px}
}
@media(max-width:430px){
  .service-grid{grid-template-columns:1fr}.same-day-banner{font-size:12px}.warranty-card{flex-direction:column;align-items:flex-start}
}


/* --- Mobile fit refinements --- */
html, body {
  max-width: 100%;
  overflow-x: hidden;
}

@media (max-width: 700px) {
  .hero-grid {
    padding: 52px 18px 48px;
  }

  h1 {
    font-size: clamp(46px, 13vw, 56px);
    line-height: .92;
    letter-spacing: -2px;
    max-width: 100%;
    overflow-wrap: normal;
    word-break: normal;
  }

  .hero-copy h2 {
    font-size: clamp(31px, 9vw, 38px);
    line-height: .98;
    max-width: 100%;
  }

  .same-day-banner {
    display: block;
    width: 100%;
    max-width: 100%;
    transform: none;
    font-size: 12px;
    line-height: 1.25;
    padding: 10px 12px;
    text-align: center;
  }

  .hero-copy > p {
    max-width: 100%;
    font-size: 15.5px;
    line-height: 1.55;
  }

  .hero-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  .hero-actions .btn {
    width: 100%;
    padding: 13px 10px;
    font-size: 13px;
  }

  .trust-row {
    margin-top: 22px;
  }
}

@media (max-width: 430px) {
  h1 {
    font-size: 44px;
    letter-spacing: -1.5px;
  }

  .hero-copy h2 {
    font-size: 31px;
  }

  .hero-actions {
    grid-template-columns: 1fr;
  }

  .hero-actions .btn {
    font-size: 14px;
  }

  .brand-text b {
    font-size: 22px;
  }
}