/* ==========================================================================
   Younes Life Finance — hoja de estilos principal
   Réplica del diseño original de Canva (medidas tomadas a 1440px de ancho).
   ========================================================================== */

/* ---------- Fuentes ---------- */
@font-face { font-family: "Heading Now"; src: url("../fonts/heading-now-regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Heading Now"; src: url("../fonts/heading-now-bold.woff2") format("woff2"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Inter"; src: url("../fonts/inter-regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Inter"; src: url("../fonts/inter-bold.woff2") format("woff2"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Nunito"; src: url("../fonts/nunito-bold.woff2") format("woff2"); font-weight: 400 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Nunito"; src: url("../fonts/nunito-italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Garet"; src: url("../fonts/garet-book.woff2") format("woff2"); font-weight: 300 400; font-display: swap; }

/* ---------- Variables ---------- */
:root {
  --yellow: #f1c232;
  --dark: #313131;
  --ink: #323232;
  --teal: #597e85;
  --btn: #63918b;
  --rust: #c84b20;
  --brown: #ab7561;
  --cream: #fcf3d6;
  --grey: #ebebeb;
  --box: #bdcbce;
  --peach: #ecc7b9;
  --panel: #f5f7f8;

  --f-head: "Heading Now", "Archivo Black", "Arial Black", sans-serif;
  --f-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --f-logo: "Nunito", "Inter", sans-serif;
  --f-social: "Garet", "Inter", sans-serif;

  --gutter: 16px;
}

/* ---------- Base ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body { margin: 0; font-family: var(--f-body); color: var(--ink); background: #fff; -webkit-font-smoothing: antialiased; }
img { display: block; max-width: 100%; height: auto; }
p, h1, h2, h3, ul, ol { margin: 0; }
a { color: inherit; }
b, strong { font-weight: 700; }
[id] { scroll-margin-top: 0; }

/* ---------- Botones (píldora con sombra desplazada) ---------- */
.btn {
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--btn); color: #fff; text-decoration: none;
  font-family: var(--f-body); font-weight: 700; white-space: nowrap;
  border-radius: 999px; box-shadow: 4px 4px 0 rgba(0, 0, 0, .42);
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
.btn:hover { transform: translate(1px, 1px); box-shadow: 3px 3px 0 rgba(0, 0, 0, .42); filter: brightness(1.04); }
.btn:active { transform: translate(3px, 3px); box-shadow: 1px 1px 0 rgba(0, 0, 0, .42); }
.btn--sm { min-width: 183px; height: 37px; padding: 0 16px; font-size: 16px; box-shadow: 3px 3px 0 rgba(0, 0, 0, .42); }
.btn--md { min-width: 232px; height: 48px; padding: 0 20px; font-size: 20.6px; }
.btn--lg { min-width: 272px; height: 56px; padding: 0 24px; font-size: 24px; box-shadow: 5px 5px 0 rgba(0, 0, 0, .42); }
.btn--hero { background: var(--brown); color: var(--grey); width: 300px; height: 62px; font-size: 24px; box-shadow: 6px 6px 0 rgba(0, 0, 0, .55); }

/* ==========================================================================
   Cabecera
   ========================================================================== */
.site-header { background: var(--dark); }
.site-header__inner {
  max-width: 1440px; height: 81px; margin: 0 auto;
  padding: 0 135px 0 174px;
  display: grid; grid-template-columns: 1fr auto 1fr; align-items: center;
}
.brand { display: flex; align-items: flex-start; gap: 6px; color: var(--yellow); justify-self: start; align-self: start; margin-top: 12px; }
.brand__text { padding-top: 3px; }
.brand__sun { width: 67px; height: 67px; }
.brand__text { font-family: var(--f-logo); font-weight: 700; font-size: 19.25px; line-height: 21px; text-transform: uppercase; text-decoration: underline; text-underline-offset: 2px; }
.main-nav { display: flex; gap: 46px; }
.main-nav a { font-family: var(--f-head); font-weight: 700; font-size: 15.17px; letter-spacing: -.02em; color: var(--yellow); text-decoration: underline; text-underline-offset: 2px; }
.lang-switch { justify-self: end; display: flex; gap: 45px; font-family: var(--f-body); font-size: 16px; color: var(--grey); }
.lang-switch a { font-family: var(--f-head); font-weight: 700; font-size: 15.17px; color: var(--grey); text-decoration: underline; text-underline-offset: 2px; }

/* ==========================================================================
   HOME
   ========================================================================== */

/* ---------- Hero ---------- */
.hero { background: var(--dark); color: var(--yellow); }
.hero__inner { max-width: 1440px; margin: 0 auto; padding: 17px 37px 4px; display: grid; grid-template-columns: 561px 1fr; min-height: 691px; }
.hero__img { width: 561px; height: 670px; object-fit: cover; object-position: center 71%; }
.hero__content { display: flex; flex-direction: column; align-items: center; text-align: center; padding-top: 44px; }
.hero__title { font-family: var(--f-head); font-weight: 700; font-size: 48px; line-height: 67px; }
.hero__sub { font-weight: 700; font-size: 24px; line-height: 33px; margin-top: 136px; }
.hero__sub + .hero__sub { margin-top: 33px; }
.hero .btn--hero { margin-top: 141px; }
.hero__disclaimer { align-self: stretch; margin: 47px 0 0 12px; text-align: left; color: #fff; font-size: 14.67px; line-height: 20px; }

/* ---------- Títulos de sección ---------- */
.section-title { font-family: var(--f-head); font-weight: 700; font-size: 53.33px; line-height: 71px; letter-spacing: -.02em; text-align: center; color: var(--ink); }
.section-lead { font-size: 20px; line-height: 28px; letter-spacing: .056em; text-align: center; color: var(--ink); }

/* ---------- Offering ---------- */
.offering { padding: 23px var(--gutter) 34px; }
.offering .section-lead { margin-top: 7px; }
.offer-grid { max-width: 1272px; margin: 22px auto 0; display: grid; grid-template-columns: 1fr 1fr; gap: 24px 32px; }
.offer-card { background: var(--cream); border-radius: 30px; padding: 26px 19px 14px; display: flex; flex-direction: column; align-items: flex-start; }
.offer-card--wide { grid-column: 1 / -1; padding-left: 39px; padding-right: 39px; }
.offer-card__kicker { font-family: var(--f-head); font-weight: 700; font-size: 16px; line-height: 21px; letter-spacing: -.02em; color: var(--yellow); }
.offer-card__title { font-family: var(--f-head); font-weight: 700; font-size: 24px; line-height: 32px; letter-spacing: -.02em; margin-top: 10px; }
.offer-card__label { font-family: var(--f-head); font-weight: 700; font-size: 16px; line-height: 21px; letter-spacing: -.02em; margin-top: 4px; }
.offer-card__title + .offer-card__label { margin-top: 11px; }
.offer-card__label--problem { color: var(--rust); }
.offer-card__label--solution { color: var(--teal); }
.offer-card__quote { font-family: var(--f-logo); font-style: italic; font-weight: 400; font-size: 21.33px; line-height: 28px; letter-spacing: -.02em; margin-top: 4px; }
.offer-card--wide .offer-card__label--solution { margin-top: 10px; }
.offer-card__text { font-size: 21.33px; line-height: 28px; letter-spacing: -.02em; margin-top: 4px; }
.offer-card__text u { text-underline-offset: 2px; }
.offer-card__actions { display: flex; align-items: center; gap: 20px; margin-top: 10px; }
.offer-card--wide .offer-card__actions { margin-top: 12px; margin-left: -20px; }
.offer-card__and { font-family: var(--f-head); font-size: 16px; letter-spacing: -.02em; padding: 0 10px; }

/* ---------- About ---------- */
.about { background: var(--grey); }
.about__inner { max-width: 1440px; margin: 0 auto; padding: 24px 34px 25px 72px; display: grid; grid-template-columns: 747px 1fr; gap: 16px; min-height: 794px; }
.about__text { padding-top: 21px; }
.about__text .section-title { text-align: left; }
.about__text p { font-size: 20px; line-height: 28px; letter-spacing: .056em; }
.about__text .section-title + p { margin-top: 33px; }
.about__text p + p { margin-top: 28px; }
.about__text p.tight { margin-top: 0; }
.about__img { width: 559px; height: 744px; object-fit: cover; justify-self: end; }

/* ---------- Reviews & FAQ (dos columnas con separadores) ---------- */
.reviews { padding: 37px 65px 40px; }
.reviews .section-lead { margin-top: 0; }
.faq { background: var(--grey); padding: 36px 65px 60px; }
.two-col { max-width: 1310px; margin: 32px auto 0; display: grid; grid-template-columns: 648px 648px; gap: 14px; justify-content: space-between; }
.faq .two-col { margin-top: 20px; }
.qa { font-size: 18.67px; line-height: 26px; padding-bottom: 13px; margin-bottom: 13px; --rule: 645px; background: linear-gradient(#000, #000) left bottom / min(var(--rule), 100%) 1px no-repeat; }
.qa--short-rule { --rule: 619px; }
.qa:last-child { background: none; }
.qa.qa--ruled { background: linear-gradient(#000, #000) left bottom / min(var(--rule), 100%) 1px no-repeat; }
.qa__head { font-weight: 700; }
.qa p + p.gap { margin-top: 26px; }

/* ---------- Footer completo (home) ---------- */
.footer-full { background: var(--dark); color: #fff; padding: 68px 18px 26px; }
.footer-full > * { max-width: 1404px; margin-left: auto; margin-right: auto; }
.footer-full__brand { display: flex; align-items: flex-start; gap: 22px; padding-left: 121px; }
.footer-full__sun { width: 162px; height: 162px; }
.footer-full__name { font-family: var(--f-logo); font-weight: 700; font-size: 45px; line-height: 49px; text-transform: uppercase; color: var(--yellow); padding-top: 2px; }
.footer-full__info { padding-left: 120px; margin-top: 92px; }
.footer-full__info p { font-size: 24px; line-height: 33px; }
.footer-full__rule { border: 0; border-top: 2px solid var(--peach); margin-top: 157px; margin-bottom: 0; opacity: .9; }
.footer-full__social { display: flex; align-items: center; gap: 7px; padding: 38px 0 37px 96px; }
.footer-full__social-title { font-family: var(--f-social); font-weight: 300; font-size: 37.33px; line-height: 40px; letter-spacing: -.02em; color: var(--grey); margin-right: 9px; }
.footer-full__social + .footer-full__rule { margin-top: 0; }
.social-icon { width: 46px; height: 46px; border-radius: 50%; background: var(--yellow); display: grid; place-items: center; transition: transform .15s ease; }
.social-icon:hover { transform: scale(1.08); }
.footer-full__bottom { display: grid; grid-template-columns: 751px auto; padding: 25px 0 0 96px; font-size: 18.67px; line-height: 26px; }
.footer-full__legal { display: flex; gap: 52px; }
.footer-full__legal a { color: #fff; }

/* ---------- Barra de pie (páginas de producto) ---------- */
.footer-bar {
  background: var(--dark); color: #fff;
  display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 34px;
  padding: 5px 55px 5px 55px; min-height: 52px;
}
.footer-bar__rights { font-size: 18.67px; line-height: 26px; white-space: nowrap; }
.footer-bar__disclaimer { font-size: 14.67px; line-height: 20px; }
.footer-bar__legal { display: flex; gap: 39px; font-size: 16px; white-space: nowrap; }
.footer-bar__legal a { color: #fff; }

/* ==========================================================================
   Páginas de producto
   ========================================================================== */
.product { max-width: 1440px; margin: 0 auto; padding: 7px var(--gutter) 23px; }
.product__title { font-family: var(--f-head); font-weight: 700; font-size: 53.33px; line-height: 71px; letter-spacing: -.02em; text-align: center; }
.product__lead { font-size: 20px; line-height: 28px; letter-spacing: .056em; text-align: center; margin-top: 6px; }
.product__grid { margin: 0 auto; display: grid; align-items: start; }
.product__title--long { font-size: 45.33px; line-height: 60px; margin-top: 2px; }
.product__title--longer { font-size: 42.67px; line-height: 57px; margin-top: 8px; }
.program-grid .panel-label--tight { margin-top: 14px; }

.ticks { padding-left: 1.45em; font-size: 20px; line-height: 28px; letter-spacing: .056em; }
.panel-label { font-family: var(--f-head); font-weight: 700; font-size: 18.67px; line-height: 25px; letter-spacing: -.02em; color: var(--teal); text-align: center; }
.panel { background: var(--box); border-radius: 22px; font-size: 18.67px; line-height: 26px; letter-spacing: .056em; }
.panel ol, .panel ul { padding-left: 1.55em; }
.panel li::marker { letter-spacing: 0; }
.panel__cta { display: flex; flex-direction: column; align-items: center; }
.price { font-family: var(--f-head); font-weight: 700; font-size: 21px; line-height: 28px; letter-spacing: -.02em; color: var(--teal); text-align: center; }
.price-note { font-family: var(--f-head); font-size: 10.5px; line-height: 14px; text-transform: uppercase; color: var(--teal); text-align: center; letter-spacing: -.02em; }
.panel__heading { font-family: var(--f-head); font-weight: 700; font-size: 18.67px; line-height: 26px; letter-spacing: .056em; color: var(--teal); }

/* --- Profile --- */
.page-profile .product__title { font-size: 45.8px; line-height: 61px; margin-top: 4px; }
.page-profile .product__lead { font-size: 17.14px; line-height: 24px; margin-top: 5px; }
.page-profile .panel-label { font-size: 15.7px; line-height: 21px; }
.profile-grid { max-width: 1039px; grid-template-columns: 492px 492px; justify-content: space-between; margin-top: 59px; }
.profile-grid .ticks { font-size: 17.14px; line-height: 24px; padding-left: 29px; }
.profile-grid__img { margin-top: 26px; width: 492px; border-radius: 26px; }
.profile-card + .profile-card { margin-top: 43px; }
.profile-card .panel { padding: 11px 44px 13px 39px; min-height: 269px; display: flex; flex-direction: column; font-size: 15.8px; line-height: 22.5px; }
.profile-card .panel > p { text-align: justify; }
.profile-card .panel ul { margin-top: 22px; padding-left: 27px; line-height: 22.5px; }
.profile-card .panel__cta { margin-top: auto; padding-top: 18px; }
.profile-card .free { font-family: var(--f-head); font-weight: 700; font-size: 18.3px; line-height: 24px; letter-spacing: -.02em; text-transform: uppercase; color: var(--teal); }
.profile-card--call .panel { padding-left: 13px; padding-right: 13px; }

/* --- Tracker --- */
.page-tracker .product__title { margin-top: 0; }
.page-tracker .product__lead { margin-top: 13px; }
.tracker-grid { max-width: 1260px; grid-template-columns: 574px 668px; justify-content: space-between; margin-top: 31px; }
.tracker-grid .ticks { margin: 16px 0 0 18px; }
.tracker-grid .panel-label { margin-top: 28px; }
.tracker-grid .panel { padding: 20px 10px 17px 26px; }
.tracker-grid .panel__cta { margin-top: 19px; }
.tracker-shot { background: var(--panel); border-radius: 40px; padding: 38px 14px; min-height: 441px; display: grid; place-items: center; }

/* --- Course --- */
.course-grid { max-width: 1194px; grid-template-columns: 574px 574px; justify-content: space-between; margin-top: 43px; }
.course-grid__img { margin: 28px 0 0 55px; width: 467px; }
.course-grid .ticks { padding-left: 26px; }
.course-grid .panel-label { margin-top: 45px; }
.course-grid .panel { padding: 20px 10px 18px 26px; }
.course-grid .panel__cta { margin-top: 20px; }

/* --- Session --- */
.session-grid { max-width: 1246px; grid-template-columns: 574px 615px; justify-content: space-between; margin-top: 41px; }
.session-grid .panel { padding: 19px 10px 15px 21px; }
.session-grid .panel ol { padding-left: 32px; }
.session-grid .panel__cta { margin-top: 30px; }
.session-grid .panel__heading--after { margin-top: 32px; margin-left: -5px; }
.session-grid .panel ul { padding-left: 26px; }
.session-grid .ticks { padding-left: 23px; }
.session-grid__img { width: 389px; margin: 36px 0 0 87px; }

/* --- Program --- */
.program-grid { max-width: 1228px; grid-template-columns: 639px 574px; justify-content: space-between; margin-top: 31px; }
.program-grid__img { width: 639px; border-radius: 26px; }
.program-grid .ticks { padding-left: 29px; margin-top: 12px; }
.program-grid .panel-label { margin-top: 45px; }
.program-grid .panel { padding: 20px 10px 13px 21px; }
.program-grid .panel ul { padding-left: 26px; }
.program-grid .panel__cta { margin-top: 0; }

/* ==========================================================================
   Páginas legales
   ========================================================================== */
.legal { max-width: 1440px; margin: 0 auto; padding: 51px 79px 40px; font-family: var(--f-head); font-size: 15.17px; line-height: 20px; color: #000; }
.legal h1, .legal h2, .legal h3 { font-size: inherit; line-height: inherit; font-weight: 700; }
.legal h1 { margin-bottom: 43px; }
.legal section + section { margin-top: 20px; }
.legal ul { padding-left: 26px; }
.legal .gap { margin-top: 20px; }
.legal a { color: inherit; }

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (min-width: 1341px) {
  .qa p, .qa__head { white-space: nowrap; }
}

@media (max-width: 1439px) {
  .site-header__inner { padding: 0 max(var(--gutter), calc((100vw - 1131px) / 2)); }
}

@media (max-width: 1340px) {
  .hero__inner { grid-template-columns: minmax(0, 561px) 1fr; gap: 0 24px; }
  .hero__img { width: 100%; }
  .about__inner { grid-template-columns: 1fr minmax(0, 576px); padding-left: 40px; gap: 32px; }
  .about__img { width: 100%; }
  .reviews, .faq { padding-left: 32px; padding-right: 32px; }
  .two-col { grid-template-columns: 1fr 1fr; gap: 40px; }
  .footer-full__bottom { grid-template-columns: 1fr auto; }
  .product__grid { gap: 40px; grid-template-columns: 1fr 1fr; }
  .profile-grid__img, .course-grid__img, .program-grid__img, .session-grid__img { width: 100%; }
  .session-grid__img { margin-left: auto; margin-right: auto; max-width: 389px; }
  .course-grid__img { margin-left: auto; margin-right: auto; max-width: 467px; }
  .footer-bar { padding-left: 24px; padding-right: 24px; }
}

@media (max-width: 1100px) {
  .main-nav { gap: 24px; }
  .lang-switch { gap: 20px; }
  .hero__title { font-size: 40px; line-height: 54px; }
  .hero__sub { margin-top: 80px; }
  .hero .btn--hero { margin-top: 90px; }
  .offer-grid { grid-template-columns: 1fr; max-width: 720px; }
  .offer-card--wide { padding-left: 19px; padding-right: 19px; }
  .offer-card--wide .offer-card__actions { margin-left: 0; }
  .footer-bar { grid-template-columns: 1fr; justify-items: center; text-align: center; gap: 8px; padding-top: 14px; padding-bottom: 14px; }
}

@media (max-width: 900px) {
  :root { --gutter: 16px; }
  .site-header__inner { height: auto; padding: 10px var(--gutter); grid-template-columns: auto 1fr; row-gap: 10px; }
  .brand__sun { width: 52px; height: 52px; }
  .brand__text { font-size: 15px; line-height: 16.5px; }
  .lang-switch { grid-column: 2; grid-row: 1; font-size: 14px; }
  .main-nav { grid-column: 1 / -1; grid-row: 2; justify-content: center; gap: 6px 14px; flex-wrap: wrap; }
  .main-nav a { font-size: 13.5px; }

  .hero__inner { grid-template-columns: 1fr; padding: 0 0 32px; min-height: 0; }
  .hero__img { width: 100%; height: auto; aspect-ratio: 561 / 560; object-position: center 35%; }
  .hero__content { padding: 28px var(--gutter) 0; }
  .hero__title { font-size: 36px; line-height: 42px; }
  .hero__sub { font-size: 20px; line-height: 28px; margin-top: 24px; }
  .hero__sub + .hero__sub { margin-top: 16px; }
  .hero .btn--hero { margin-top: 32px; width: 260px; height: 54px; font-size: 21px; }
  .hero__disclaimer { margin: 28px 0 0; font-size: 13px; line-height: 18px; }

  .section-title, .product__title { font-size: 36px; line-height: 42px; }
  .product__title--long, .product__title--longer { font-size: 32px; line-height: 38px; margin-top: 0; }
  .program-grid .panel-label--tight { margin-top: 28px; }
  .section-lead, .product__lead { font-size: 17px; line-height: 24px; letter-spacing: .03em; }
  .offering { padding-top: 32px; padding-bottom: 40px; }
  .offer-grid { margin-top: 24px; gap: 18px; }
  .offer-card { border-radius: 24px; padding: 22px 18px 18px; }
  .offer-card__title { font-size: 21px; line-height: 27px; }
  .offer-card__quote, .offer-card__text { font-size: 18px; line-height: 25px; }
  .offer-card__text br, .offer-card__quote br { display: none; }
  .offer-card__actions { flex-wrap: wrap; gap: 10px; }

  .about__inner { grid-template-columns: 1fr; padding: 32px var(--gutter) 0; min-height: 0; gap: 28px; }
  .about__text { padding-top: 0; }
  .about__text p { font-size: 17px; line-height: 25px; letter-spacing: .03em; }
  .about__text br { display: none; }
  .about__text .section-title + p { margin-top: 18px; }
  .about__text p + p { margin-top: 20px; }
  .about__img { width: 100%; height: auto; justify-self: stretch; }

  .reviews, .faq { padding: 36px var(--gutter) 32px; }
  .two-col { grid-template-columns: 1fr; gap: 0; margin-top: 24px; }
  .qa { font-size: 16px; line-height: 23px; max-width: none; }
  .qa br { display: none; }
  .qa p + p.gap { margin-top: 18px; }
  .two-col > div:first-child .qa:last-child { background: linear-gradient(#000, #000) left bottom / 100% 1px no-repeat; }
  .qa { --rule: 100%; }

  .footer-full { padding: 40px var(--gutter) 24px; }
  .footer-full__brand { padding-left: 0; gap: 16px; align-items: center; }
  .footer-full__sun { width: 96px; height: 96px; }
  .footer-full__name { font-size: 28px; line-height: 31px; padding-top: 0; }
  .footer-full__info { padding-left: 0; margin-top: 32px; }
  .footer-full__info p { font-size: 18px; line-height: 26px; }
  .footer-full__rule { margin-top: 40px; }
  .footer-full__social { padding: 24px 0; flex-wrap: wrap; }
  .footer-full__social-title { font-size: 28px; width: 100%; margin-bottom: 10px; }
  .footer-full__bottom { padding: 20px 0 0; grid-template-columns: 1fr; gap: 10px; font-size: 15px; }
  .footer-full__legal { gap: 28px; }

  .product { padding-top: 24px; padding-bottom: 40px; }
  .product__title br { display: none; }
  .product__grid, .profile-grid, .tracker-grid, .course-grid, .session-grid, .program-grid { grid-template-columns: 1fr; gap: 28px; margin-top: 28px; max-width: 600px; }
  .ticks { font-size: 17px; line-height: 25px; letter-spacing: .03em; }
  .profile-grid .ticks { font-size: 17px; line-height: 25px; }
  .panel { font-size: 16px; line-height: 23px; letter-spacing: .03em; }
  .panel br { display: none; }
  .profile-card .panel { min-height: 0; padding: 16px 20px 20px; }
  .tracker-grid .panel, .course-grid .panel, .session-grid .panel, .program-grid .panel { padding: 18px 16px 20px 16px; }
  .tracker-shot { border-radius: 24px; padding: 16px 10px; min-height: 0; }
  .course-grid__img { margin-top: 0; order: 2; }
  .tracker-grid > :first-child, .course-grid > :last-child, .program-grid > :last-child { order: 1; }
  .tracker-shot { order: 2; }
  .program-grid__img { order: 2; }
  .session-grid > :first-child { order: 2; }
  .session-grid__img { margin: 20px auto 0; }
  .btn--lg { min-width: 240px; height: 52px; font-size: 21px; }

  .footer-bar__rights { font-size: 15px; }
  .footer-bar__disclaimer { font-size: 12.5px; line-height: 17px; }
  .footer-bar__disclaimer br { display: none; }

  .legal { padding: 32px var(--gutter); }
}