/* ==========================================================================
   MotoTransfer – Base & Reset v3
   ========================================================================== */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { font-size: 16px; scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }

body {
  font-family: var(--font-body);
  font-size: var(--fs-base);
  font-weight: var(--fw-regular);
  line-height: var(--lh-normal);
  color: var(--color-text);
  background-color: var(--color-bg);
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: var(--color-bg-alt); }
::-webkit-scrollbar-thumb { background: var(--color-amber); border-radius: var(--radius-pill); }

h1,h2,h3,h4,h5,h6 {
  font-family: var(--font-display);
  font-weight: var(--fw-bold);
  line-height: var(--lh-tight);
  letter-spacing: var(--ls-tight);
  color: var(--color-text);
}

h1 { font-size: var(--fs-4xl); }
h2 { font-size: var(--fs-3xl); }
h3 { font-size: var(--fs-2xl); }
h4 { font-size: var(--fs-xl); }
h5 { font-size: var(--fs-lg); }
h6 { font-size: var(--fs-md); }

p { color: var(--color-text-muted); line-height: var(--lh-loose); font-size: var(--fs-base); }
a { color: inherit; text-decoration: none; transition: color var(--transition-fast); }
img, svg { max-width: 100%; height: auto; display: block; }
ul, ol { list-style: none; }
button, input, select, textarea { font-family: inherit; font-size: inherit; }
button { cursor: pointer; border: none; background: none; }

.container        { width: var(--container); margin-inline: auto; }
.container--narrow{ width: var(--container-narrow); margin-inline: auto; }
.section          { padding-block: var(--section-py); }

/* Eyebrow label */
.eyebrow {
  display: inline-flex; align-items: center; gap: var(--space-2);
  font-size: var(--fs-xs); font-weight: var(--fw-semibold);
  letter-spacing: var(--ls-widest); text-transform: uppercase;
  color: var(--color-amber); margin-bottom: var(--space-4);
}
.eyebrow::before {
  content: ''; display: block; width: 1.25rem; height: 2px;
  background: var(--color-amber); border-radius: var(--radius-pill); flex-shrink: 0;
}

/* Section header */
.section-header { margin-bottom: clamp(2rem, 5vw, 3.5rem); }
.section-header--center { text-align: center; }
.section-header--center .eyebrow { justify-content: center; }
.section-header--center .eyebrow::before { display: none; }
.section-header__title {
  font-size: var(--fs-4xl); color: var(--color-text);
  line-height: var(--lh-snug); letter-spacing: var(--ls-tight); font-weight: var(--fw-bold);
}
.section-header__subtitle {
  margin-top: var(--space-4); max-width: 54ch;
  font-size: var(--fs-md); color: var(--color-text-muted); line-height: var(--lh-loose);
}
.section-header--center .section-header__subtitle { margin-inline: auto; }

/* Reveal */
.reveal { opacity: 0; transform: translateY(1.2rem); transition: opacity 0.65s cubic-bezier(0,0,0.2,1), transform 0.65s cubic-bezier(0,0,0.2,1); }
.reveal.is-visible { opacity: 1; transform: translateY(0); }
.reveal--left  { transform: translateX(-1.2rem); }
.reveal--left.is-visible { transform: translateX(0); }
.reveal--right { transform: translateX(1.2rem); }
.reveal--right.is-visible { transform: translateX(0); }
.reveal--scale { transform: scale(0.95); }
.reveal--scale.is-visible { transform: scale(1); }
.reveal--delay-1 { transition-delay: 0.07s; }
.reveal--delay-2 { transition-delay: 0.14s; }
.reveal--delay-3 { transition-delay: 0.21s; }
.reveal--delay-4 { transition-delay: 0.28s; }
.reveal--delay-5 { transition-delay: 0.35s; }

/* Gradient text */
.gradient-text {
  background: linear-gradient(135deg, var(--color-amber-light), var(--color-amber-dark));
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}

.sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0;
  margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}

:focus-visible { outline: 2px solid var(--color-amber); outline-offset: 3px; border-radius: var(--radius-sm); }

/* Breadcrumbs */
.breadcrumb {
  display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2);
  font-size: var(--fs-xs); color: var(--color-text-faint); margin-bottom: var(--space-6);
}
.breadcrumb a { color: var(--color-text-faint); transition: color var(--transition-fast); }
.breadcrumb a:hover { color: var(--color-amber); }
.breadcrumb__sep { color: var(--color-border); }

/* Page hero strip */
.page-hero {
  background: var(--color-bg-alt);
  border-bottom: 1px solid var(--color-border-light);
  padding: var(--space-10) 0 var(--space-8);
  margin-top: 4rem;
}
.page-hero__title { font-size: var(--fs-3xl); font-weight: var(--fw-bold); }
.page-hero__sub { font-size: var(--fs-sm); color: var(--color-text-muted); margin-top: var(--space-2); }