/* Landing flow refresh — 2026-07-24 */

body.landing-rebuild #how-it-works .clarity-shell {
  padding-bottom: 0 !important;
}

body.landing-rebuild #how-it-works .clarity-head {
  margin-bottom: 24px !important;
}

body.landing-rebuild #how-it-works .clarity-head h2 {
  max-width: 12ch;
  font-size: clamp(3.35rem, 5.2vw, 5.8rem) !important;
  line-height: 0.86 !important;
  letter-spacing: -0.025em !important;
}

body.landing-rebuild #programs.programs-section {
  padding: 88px 0 108px !important;
  background: #030405 !important;
}

body.landing-rebuild #programs .configurator-intro {
  display: grid;
  grid-template-columns: 104px minmax(0, 1fr);
  gap: 24px;
  align-items: start;
  max-width: 980px;
  margin: 0 0 30px;
}

body.landing-rebuild #programs .configurator-intro-index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 78px;
  min-height: 34px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 999px;
  color: rgba(255, 255, 255, 0.52);
  font-family: "Friday Roboto", "Roboto", Arial, sans-serif;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
}

body.landing-rebuild #programs .configurator-intro h2 {
  margin: 0;
  color: #f7f7f5;
  font-family: "Friday Alumni Sans Bold Italic", "Arial Narrow", sans-serif !important;
  font-size: clamp(3.4rem, 5.3vw, 5.8rem);
  font-style: italic;
  font-weight: 700;
  line-height: 0.86;
  letter-spacing: -0.025em;
  text-transform: uppercase;
}

body.landing-rebuild #programs .configurator-intro p {
  max-width: 62ch;
  margin: 16px 0 0;
  color: rgba(255, 255, 255, 0.54);
  font-family: "Friday Roboto", "Roboto", Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.55;
}

body.landing-rebuild #programs .configurator-shell[data-configurator] {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 22px 26px !important;
  padding: 28px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 30px !important;
  background:
    radial-gradient(circle at 88% 0%, rgba(183, 33, 42, 0.16), transparent 30%),
    #202020 !important;
  box-shadow: none !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

body.landing-rebuild #programs .configurator-model-row {
  grid-column: 1;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 4px !important;
  width: min(430px, 100%) !important;
  padding: 4px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 15px !important;
  background: #111214 !important;
  min-height: 0 !important;
  height: 58px !important;
}

body.landing-rebuild #programs .configurator-model {
  position: relative;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: 0 18px !important;
  border: 0 !important;
  border-radius: 11px !important;
  background: transparent !important;
  color: rgba(255, 255, 255, 0.48) !important;
  box-shadow: none !important;
  width: auto !important;
  height: 48px !important;
  max-height: 48px !important;
  align-self: center !important;
}

body.landing-rebuild #programs .configurator-model.is-active {
  background: #f1f0ec !important;
  color: #101113 !important;
}

body.landing-rebuild #programs .configurator-model-icon,
body.landing-rebuild #programs .configurator-model strong,
body.landing-rebuild #programs .configurator-model small,
body.landing-rebuild #programs .configurator-model-tag {
  display: none !important;
}

body.landing-rebuild #programs .configurator-model-kicker {
  margin: 0 !important;
  font-family: "Friday Roboto", "Roboto", Arial, sans-serif !important;
  font-size: 0.92rem !important;
  font-weight: 800 !important;
}

body.landing-rebuild #programs .configurator-currency-row {
  grid-column: 2;
  grid-row: 1;
  margin: 0 !important;
}

body.landing-rebuild #programs .configurator-size-row {
  grid-column: 1 / -1;
  display: flex !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.landing-rebuild #programs .configurator-size-chip {
  min-width: 76px !important;
  min-height: 44px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.035) !important;
  color: rgba(255, 255, 255, 0.62) !important;
  box-shadow: none !important;
}

body.landing-rebuild #programs .configurator-size-chip.is-active {
  border-color: #f13a31 !important;
  background: #f13a31 !important;
  color: #fff !important;
}

body.landing-rebuild #programs .configurator-card-rail {
  grid-column: 1 / -1;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  overflow: visible !important;
  padding: 0 !important;
  scroll-snap-type: none !important;
}

body.landing-rebuild #programs .configurator-offer-card {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  min-height: 390px !important;
  padding: 22px !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  border-radius: 20px !important;
  background: #17181a !important;
  color: #f5f5f3 !important;
  opacity: 0.64;
  transform: none !important;
  box-shadow: none !important;
  scroll-snap-align: none !important;
  width: auto !important;
  max-width: none !important;
}

body.landing-rebuild #programs .configurator-offer-card.is-active {
  border-color: rgba(241, 58, 49, 0.72) !important;
  background: linear-gradient(180deg, rgba(241, 58, 49, 0.14), transparent 42%), #17181a !important;
  opacity: 1;
}

body.landing-rebuild #programs .configurator-offer-head strong {
  font-family: "Friday Alumni Sans Bold Italic", "Arial Narrow", sans-serif !important;
  font-size: clamp(2.7rem, 3.2vw, 4rem) !important;
  font-style: italic;
  line-height: 0.9 !important;
}

body.landing-rebuild #programs .configurator-offer-cta {
  order: 9;
  width: 100% !important;
  min-height: 48px !important;
  margin-top: auto !important;
  border-radius: 12px !important;
  background: #f13a31 !important;
  color: #fff !important;
}

body.landing-rebuild #programs .configurator-addon-footer {
  grid-column: 1 / -1;
  display: flex !important;
  align-items: center;
  gap: 20px;
  padding: 18px 0 0 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

body.landing-rebuild #why-friday.proof-section {
  padding: 92px 0 120px !important;
  background: #030405 !important;
}

body.landing-rebuild #why-friday > .content-wrap {
  width: min(1180px, calc(100% - 40px)) !important;
  max-width: 1180px !important;
}

body.landing-rebuild #why-friday .proof-shell {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

body.landing-rebuild #why-friday .proof-head {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(320px, 0.55fr);
  gap: 60px;
  align-items: end;
  margin-bottom: 30px !important;
}

body.landing-rebuild #why-friday .proof-head h2 {
  margin: 0 !important;
  color: #f7f7f5 !important;
  font-family: "Friday Alumni Sans Bold Italic", "Arial Narrow", sans-serif !important;
  font-size: clamp(3.6rem, 5.7vw, 6.4rem) !important;
  font-style: italic;
  font-weight: 700;
  line-height: 0.86 !important;
  letter-spacing: -0.025em;
  text-transform: uppercase;
}

body.landing-rebuild #why-friday .proof-head p {
  margin: 0 0 6px !important;
  color: rgba(255, 255, 255, 0.52) !important;
  font-size: 1rem !important;
  line-height: 1.55 !important;
}

body.landing-rebuild #why-friday .proof-feature-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

body.landing-rebuild #why-friday .proof-feature-card {
  position: relative;
  display: block;
  min-height: 430px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 28px;
  color: #fff;
  text-decoration: none;
  isolation: isolate;
  grid-column: auto !important;
  width: auto !important;
  max-width: none !important;
}

body.landing-rebuild #why-friday .proof-feature-rewards {
  background:
    radial-gradient(circle at 70% 90%, rgba(99, 255, 117, 0.2), transparent 30%),
    linear-gradient(145deg, #16191a 0%, #0d1210 100%);
}

body.landing-rebuild #why-friday .proof-feature-terminal {
  background:
    radial-gradient(circle at 70% 18%, rgba(222, 36, 28, 0.22), transparent 34%),
    #171516;
}

body.landing-rebuild #why-friday .proof-feature-number {
  position: absolute;
  top: 24px;
  right: 24px;
  z-index: 3;
  color: rgba(255, 255, 255, 0.36);
  font-family: "Friday Roboto", "Roboto", Arial, sans-serif;
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.08em;
}

body.landing-rebuild #why-friday .proof-feature-copy {
  position: relative;
  z-index: 3;
  width: min(68%, 430px);
  padding: 32px;
}

body.landing-rebuild #why-friday .proof-feature-copy > span {
  color: rgba(255, 255, 255, 0.52);
  font-family: "Friday Roboto", "Roboto", Arial, sans-serif;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

body.landing-rebuild #why-friday .proof-feature-copy h3 {
  margin: 12px 0 0;
  color: #fff;
  font-family: "Friday Alumni Sans Bold Italic", "Arial Narrow", sans-serif !important;
  font-size: clamp(2.6rem, 3.9vw, 4.7rem);
  font-style: italic;
  font-weight: 700;
  line-height: 0.86;
  letter-spacing: -0.02em;
  text-transform: uppercase;
}

body.landing-rebuild #why-friday .proof-feature-copy p {
  max-width: 35ch;
  margin: 16px 0 0;
  color: rgba(255, 255, 255, 0.58);
  font-family: "Friday Roboto", "Roboto", Arial, sans-serif;
  font-size: 0.92rem;
  line-height: 1.45;
}

body.landing-rebuild #why-friday .proof-feature-rewards > img {
  position: absolute;
  z-index: 2;
  right: -8%;
  bottom: -18%;
  width: 78%;
  height: 76%;
  object-fit: contain;
  object-position: right bottom;
  filter: saturate(0.72) contrast(1.06);
}

body.landing-rebuild #why-friday .proof-terminal-screen {
  position: absolute;
  z-index: 1;
  right: -20%;
  bottom: -4%;
  width: 105%;
  height: 67%;
  object-fit: cover;
  object-position: left top;
  opacity: 0.86;
}

body.landing-rebuild #why-friday .proof-terminal-ribbon {
  position: absolute;
  z-index: 2;
  top: -45%;
  right: -18%;
  width: 57%;
  height: 165%;
  object-fit: contain;
  transform: rotate(8deg);
}

@media (max-width: 1100px) {
  body.landing-rebuild #programs .configurator-card-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.landing-rebuild #why-friday .proof-feature-card {
    min-height: 390px;
  }
}

@media (max-width: 760px) {
  body.landing-rebuild #programs.programs-section,
  body.landing-rebuild #why-friday.proof-section {
    padding: 64px 0 78px !important;
  }

  body.landing-rebuild #programs .configurator-intro {
    display: block;
    margin-bottom: 22px;
  }

  body.landing-rebuild #programs .configurator-intro-index {
    margin-bottom: 15px;
  }

  body.landing-rebuild #programs .configurator-intro h2 {
    font-size: clamp(3rem, 15vw, 4.35rem);
  }

  body.landing-rebuild #programs .configurator-shell[data-configurator] {
    display: block !important;
    padding: 18px !important;
    border-radius: 24px !important;
  }

  body.landing-rebuild #programs .configurator-model-row {
    width: 100% !important;
  }

  body.landing-rebuild #programs .configurator-currency-row,
  body.landing-rebuild #programs .configurator-size-row,
  body.landing-rebuild #programs .configurator-card-rail,
  body.landing-rebuild #programs .configurator-addon-footer {
    margin-top: 16px !important;
  }

  body.landing-rebuild #programs .configurator-currency-row {
    display: block !important;
    width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
  }

  body.landing-rebuild #programs .configurator-currency-switch {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    padding: 4px !important;
    border-radius: 14px !important;
  }

  body.landing-rebuild #programs .configurator-currency-chip {
    width: auto !important;
    min-width: 0 !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 12px !important;
    border-radius: 10px !important;
  }

  body.landing-rebuild #programs .configurator-size-row {
    flex-wrap: nowrap !important;
    align-items: center !important;
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }

  body.landing-rebuild #programs .configurator-size-chip {
    flex: 0 0 68px !important;
    width: 68px !important;
    min-width: 68px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 10px !important;
  }

  body.landing-rebuild #programs .configurator-card-rail {
    display: flex !important;
    gap: 10px !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
  }

  body.landing-rebuild #programs .configurator-offer-card {
    flex: 0 0 86% !important;
    min-height: 370px !important;
    scroll-snap-align: center !important;
  }

  body.landing-rebuild #why-friday .proof-head {
    display: block;
    margin-bottom: 22px !important;
  }

  body.landing-rebuild #why-friday .proof-head h2 {
    font-size: clamp(3.2rem, 16vw, 4.7rem) !important;
  }

  body.landing-rebuild #why-friday .proof-head p {
    margin-top: 14px !important;
  }

  body.landing-rebuild #why-friday .proof-feature-grid {
    grid-template-columns: 1fr;
  }

  body.landing-rebuild #why-friday .proof-feature-card {
    min-height: 360px;
    border-radius: 22px;
  }

  body.landing-rebuild #why-friday .proof-feature-copy {
    width: 78%;
    padding: 24px;
  }

  body.landing-rebuild #why-friday .proof-feature-copy h3 {
    font-size: clamp(2.55rem, 12vw, 3.8rem);
  }
}