/* Marketing page specific stylesheet - local fonts and overrides */
@font-face { font-family: 'Bebas Neue'; src: url('/marketing/fonts/BebasNeue.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Archivo Black'; src: url('/marketing/fonts/ArchivoBlack.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Source Sans 3'; src: url('/marketing/fonts/SourceSans3-400.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Source Sans 3'; src: url('/marketing/fonts/SourceSans3-700.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Rock Salt'; src: url('/marketing/fonts/RockSalt.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; }

:root { --nv-primary-accent:#ff1514; --nv-secondary-accent:#ff1514; --nv-site-bg:#121212; --nv-light-bg:#1a1a1a; --nv-dark-bg:#000000; --nv-text-color:#ffffff; }

body.marketing-page { background:#121212; color:#ffffff; font-family:'Source Sans 3', Arial, Helvetica, sans-serif; }
body.marketing-page h1, body.marketing-page h2, body.marketing-page h3, body.marketing-page h4, body.marketing-page h5, body.marketing-page h6 { color:#ffffff; font-family:'Archivo Black','Bebas Neue',Arial,Helvetica,sans-serif; line-height:1.2; }
body.marketing-page a { color:#ffffff; }
body.marketing-page .MuiTypography-body1, 
body.marketing-page .MuiTypography-body2 { color:#ffffff; }

/* Heading scale approximated to example */
body.marketing-page h1 { font-size:40px; }
body.marketing-page h2 { font-size:32px; }
body.marketing-page h3 { font-size:28px; }
@media (min-width: 576px) {
  body.marketing-page h1 { font-size:38px; }
  body.marketing-page h2 { font-size:30px; }
  body.marketing-page h3 { font-size:26px; }
}
@media (min-width: 960px) {
  body.marketing-page h1 { font-size:40px; }
  body.marketing-page h2 { font-size:32px; }
  body.marketing-page h3 { font-size:28px; }
}

.marketing-logo {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}
.marketing-logo img {
  height: 32px;
  width: auto;
}

/* Containers to mimic wide marketing layout */
.MuiContainer-root {
  max-width: 1170px !important;
}

/* Buttons */
.MuiButton-root {
  text-transform: none;
  letter-spacing: 0.2px;
}

/* Header styling for dark background parity */
.marketing-header {
  background-color: #121212 !important;
  color: #ffffff !important;
  border-bottom: 1px solid #1a1a1a;
}
.marketing-header .MuiButton-text { color:#ffffff; }
.marketing-header .MuiButton-contained { background:#ff1514; color:#ffffff; }
.marketing-header .MuiButton-outlined { border-color:#ffffff; color:#ffffff; }

/* Hero overlay text */
.marketing-hero-title {
  font-family:'Archivo Black','Bebas Neue',Arial,Helvetica,sans-serif;
  letter-spacing: 0.2px;
  color:#ffffff;
}