/* ============================================================
   Tegeta × FAW Launch — public landing page
   Base reset + keyframes ported verbatim from the Claude Design
   prototype. The .h-* / :hover / :focus rules reproduce the
   prototype's style-hover / style-focus behaviours.
   ============================================================ */

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 76px; }
body {
  margin: 0;
  font-family: 'Manrope', 'Noto Sans Georgian', system-ui, -apple-system, sans-serif;
  color: #111;
  background: #fff;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}
img { display: block; max-width: 100%; }
a { text-decoration: none; color: inherit; }
button { font-family: inherit; }

@keyframes tg-marq { from { transform: translateX(0); } to { transform: translateX(-50%); } }

@media (prefers-reduced-motion: reduce) {
  * { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
}

/* ---- interaction states (override inline styles → !important) ---- */

/* top-nav links */
.nav-link:hover { color: #fff !important; border-bottom-color: #F5B52A !important; }

/* header "Register Now" */
.btn-reg:hover { background: #fff !important; transform: translateY(-1px); }

/* hero CTAs */
.btn-hero1:hover { background: #D99B16 !important; border-color: #D99B16 !important; transform: translateY(-2px); box-shadow: 0 12px 28px -8px rgba(245, 181, 42, .6); }
.btn-hero2:hover { background: #fff !important; color: #111 !important; border-color: #fff !important; transform: translateY(-2px); }

/* "Register to see it live →" */
.truck-link:hover { color: #D99B16 !important; }

/* form fields */
.field:focus { border-color: #F5B52A !important; box-shadow: 0 0 0 3px rgba(245, 181, 42, .18) !important; }

/* model select options */
.ms-opt:hover { background: #FBF3E0 !important; }

/* form submit buttons */
.btn-submit:hover { background: #D99B16 !important; border-color: #D99B16 !important; transform: translateY(-1px); }
.btn-submit-lg:hover { background: #D99B16 !important; border-color: #D99B16 !important; transform: translateY(-1px); box-shadow: 0 12px 28px -8px rgba(245, 181, 42, .5); }

/* contact email / phone links */
.link-contact:hover { color: #D99B16 !important; }

/* social icons */
.social:hover { background: #1A1A1A !important; color: #fff !important; transform: translateY(-2px); }

/* footer links */
.foot-link:hover { color: #F5B52A !important; }

/* image placeholders (no real photos in the design bundle) */
.img-ph { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; text-align: center; }
.img-ph .img-ph-label { font-size: 13px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: #B8B8B8; }

/* ---- hero on tablet & below (<1024px): stack — text up, truck photo down,
   full-width and pulled left so the whole truck fits better ---- */
@media (max-width: 1023.98px) {
  .hero-row { align-items: flex-start !important; padding-top: clamp(104px, 15vh, 150px) !important; }
  .hero-grad { background: linear-gradient(180deg, #1A1A1A 24%, rgba(26,26,26,.6) 50%, rgba(26,26,26,.15) 100%) !important; }
  .hero-img {
    top: auto !important; bottom: 0 !important; left: 0 !important; right: 0 !important;
    width: 100% !important; height: 58% !important;
    object-position: left bottom !important;
  }
}