/* Fastrack Tyres — design system + responsive rules */
*{ box-sizing:border-box; }
  body{ margin:0; background:#fff; }
  ::selection{ background:#1496cc; color:#fff; }
  details>summary{ list-style:none; cursor:pointer; }
  details>summary::-webkit-details-marker{ display:none; }
  details[open] .faq-plus{ transform:rotate(45deg); }
  input::placeholder{ color:#9a9a96; }
  [data-bar]:active{ background:#f4f1f1; }
  [data-bar][data-active]{ background:#eef3fe; box-shadow:inset 3px 0 0 #1496cc, 0 3px 10px rgba(0,0,0,0.05); }
  @keyframes pulsedot{ 0%{ box-shadow:0 0 0 0 rgba(210,59,52,0.55); } 70%{ box-shadow:0 0 0 7px rgba(210,59,52,0); } 100%{ box-shadow:0 0 0 0 rgba(210,59,52,0); } }
  @keyframes marquee{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }
  @media (prefers-reduced-motion: reduce){ .announce-track{ animation:none !important; } }
  .pulse-dot{ animation:pulsedot 1.9s ease-in-out infinite; }
  .container{ width:100%; margin:0 auto; padding-left:22px; padding-right:22px; }
  .bar-ad{ display:none; }
  .hero-bg{ display:none; }
  .hero-grad{ display:none; }
  .hero-london{ display:none; }
  .nav-desktop{ display:none; }
  .menu-mobile{ display:flex; flex-direction:column; align-items:center; justify-content:center; }
  .tagline-mobile{ display:block; }
  .bar-inner{ height:46px; }
  .bar[data-bar-id="services"], .bar[data-bar-id="how"], .bar[data-bar-id="pricing"]{ top:68px !important; z-index:60; }
  .bar[data-bar-id="vehicles"], .bar[data-bar-id="why"], .bar[data-bar-id="reviews"]{ top:114px !important; z-index:59; }
  .bar[data-bar-id="coverage"], .bar[data-bar-id="safety"], .bar[data-bar-id="faq"]{ top:160px !important; z-index:58; }
  @media (min-width:600px){
    .bar-ad{ display:flex; flex-wrap:nowrap; overflow:hidden; }
    .g-imgs{ grid-template-columns:repeat(2,1fr); }
    .bar-inner{ height:52px; }
    .bar[data-bar-id="services"], .bar[data-bar-id="how"], .bar[data-bar-id="pricing"]{ top:68px !important; }
    .bar[data-bar-id="vehicles"], .bar[data-bar-id="why"], .bar[data-bar-id="reviews"]{ top:120px !important; }
    .bar[data-bar-id="coverage"], .bar[data-bar-id="safety"], .bar[data-bar-id="faq"]{ top:172px !important; }
  }
  @media (min-width:820px){
    .container{ max-width:1180px; padding-left:40px; padding-right:40px; }
    .nav-desktop{ display:flex; }
    .menu-mobile{ display:none; }
    .tagline-mobile{ display:none; }
    .hero-inner{ display:grid; grid-template-columns:1.05fr 0.95fr; gap:48px; align-items:center; }
    .hero-photo{ order:2; margin-bottom:0; min-height:380px; }
    .hero-photo > img.hero-bannerimg{ display:none !important; }
    .hero-text{ order:1; }
    .hero-bg{ display:block !important; opacity:1; object-position:60% center; }
    .hero-grad{ display:block !important; }
    .hero-london{ display:block !important; }
    .hero-photo{ background:transparent !important; border:none !important; box-shadow:none !important; }
    .hero-text h1{ font-size:62px; }
    .g-steps{ grid-template-columns:repeat(2,1fr); }
    .g-why{ grid-template-columns:repeat(2,1fr); }
    .g-accred{ grid-template-columns:repeat(4,1fr); }
    .g-services{ grid-template-columns:repeat(2,1fr); }
    .g-vehicles{ grid-template-columns:repeat(2,1fr); }
    .g-pricing{ grid-template-columns:repeat(3,1fr); }
    .g-reviews{ grid-template-columns:repeat(3,1fr); }
    .g-faq{ grid-template-columns:repeat(2,1fr); }
    .g-brands{ grid-template-columns:repeat(6,1fr); }
    .g-imgs{ grid-template-columns:repeat(3,1fr); }
    .dock{ display:none !important; }
  }
  @media (min-width:1140px){
    .g-steps{ grid-template-columns:repeat(4,1fr); }
    .g-why{ grid-template-columns:repeat(4,1fr); }
  }
  .img-slot{ display:flex; align-items:center; justify-content:center; background:#eceae3; color:#9a9da4; font-size:12px; text-transform:uppercase; letter-spacing:0.04em; }