header{position:relative;z-index:40}
html{scroll-behavior:smooth}
*{box-sizing:border-box}
img,iframe{max-width:100%}
.ms-menu-btn,.ms-bar,.ms-swipe-hint{display:none}
@media (max-width: 900px){
  h1{font-size:64px !important}
  h2{font-size:44px !important}
}
@media (max-width: 640px){
  body{font-size:16px}
  /* type */
  h1{font-size:48px !important;line-height:.98 !important}
  h2{font-size:36px !important;line-height:1.02 !important}
  h3[style*="font-size: 44px"]{font-size:36px !important}
  [style*="font-size: 20px; line-height: 1.5"]{font-size:17px !important}
  [style*="font-size: 92px"]{font-size:52px !important}

  /* spacing */
  section{padding-left:16px !important;padding-right:16px !important}
  section[style*="padding: 96px"]{padding-top:56px !important;padding-bottom:56px !important}
  section[style*="padding: 80px"]{padding-top:44px !important}
  section#top{padding-top:28px !important;padding-bottom:40px !important}
  [style*="padding: 48px 40px"]{padding:28px 18px !important}
  [style*="padding: 40px"]{padding:26px 20px !important}
  [style*="padding: 36px"]{padding:22px 16px !important}
  [style*="padding: 32px"]{padding:22px 20px !important}
  [style*="padding: 30px"]{padding:22px 20px !important}
  [style*="margin-top: 72px"]{margin-top:40px !important}
  [style*="margin-top: 64px"]{margin-top:44px !important}
  [style*="margin-top: 56px"]{margin-top:36px !important}
  [style*="gap: 48px"]{gap:28px !important}

  /* header: logo + book button + menu */
  header > div{padding:12px 16px !important;gap:10px !important;flex-wrap:nowrap !important}
  header > div > a:first-child img{height:34px !important}
  header > div > a:first-child div{font-size:20px !important}
  header nav{display:none !important}
  header > div > div{display:none !important}
  .ms-menu-btn{margin-left:auto}
  header > div > div > a[href^="tel:"]{display:none !important}
  header > div > div > a{min-height:40px !important;padding:0 12px !important;font-size:14px !important;white-space:nowrap}
  .ms-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex:none;border:1px solid #3A3E44;border-radius:8px;background:transparent;color:#F3F1EC;cursor:pointer;padding:0}
  header.ms-open nav{display:flex !important;flex-direction:column;gap:0 !important;position:absolute;left:0;right:0;top:100%;z-index:50;background:#0E0F11;border-bottom:1px solid #24272C;padding:6px 16px 14px;font-size:18px !important}
  header.ms-open nav a{padding:13px 0;border-bottom:1px solid #1E2125}
  header.ms-open nav a:last-child{border-bottom:0}

  /* sticky bottom bar */
  .ms-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;gap:10px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(14,15,17,.96);border-top:1px solid #24272C;backdrop-filter:blur(8px);transition:transform .25s}
  .ms-bar.ms-hide{transform:translateY(110%)}
  .ms-bar a{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:8px;font-weight:700;text-decoration:none;font-family:Archivo,system-ui,sans-serif}
  .ms-bar .ms-book{flex:1;background:#C5A55A;color:#0E0F11;font-size:16px}
  .ms-bar .ms-call{width:56px;border:1px solid #3A3E44;color:#F3F1EC}
  body{padding-bottom:76px}

  /* hero */
  a[aria-label*="46.1 inch"]{aspect-ratio:auto !important;min-height:470px;padding-bottom:130px !important}
  a[aria-label*="46.1 inch"] [style*="font-size: 120px"]{font-size:96px !important}
  #top [style*="min-height: 54px"]{flex:1 1 100%;justify-content:center}

  /* swipe rows */
  [style*="minmax(270px, 1fr)"],
  [style*="minmax(180px, 1fr)"],
  div:has(> figure),
  div:has(> a[aria-label^="Watch Athlete testimonial"]){
    display:flex !important;flex-wrap:nowrap !important;overflow-x:auto;scroll-snap-type:x mandatory;
    gap:12px !important;margin-left:-16px !important;margin-right:-16px !important;padding:0 16px 10px !important;
    scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-padding-left:16px}
  [style*="minmax(270px, 1fr)"]::-webkit-scrollbar,[style*="minmax(180px, 1fr)"]::-webkit-scrollbar,div:has(> figure)::-webkit-scrollbar{display:none}
  [style*="minmax(270px, 1fr)"] > *{flex:0 0 86% !important;scroll-snap-align:start}
  [style*="minmax(180px, 1fr)"] > *{flex:0 0 46% !important;scroll-snap-align:start;padding:12px !important}
  [style*="minmax(180px, 1fr)"] [style*="font-size: 34px"]{font-size:26px !important}
  div:has(> figure) > figure{flex:0 0 86% !important;scroll-snap-align:start}
  div:has(> a[aria-label^="Watch Athlete testimonial"]) > a{flex:0 0 78% !important;scroll-snap-align:start}
  .ms-swipe-hint{display:block;font-size:13px;color:#8E9299;margin:-4px 0 12px}

  /* leaderboard rows */
  ol li{font-size:14px !important;padding:8px 10px !important;gap:8px !important}
  ol li > span:first-child{width:22px !important}
  ol li > span:last-child{white-space:nowrap}
  ol li span[style*="border-radius: 999px"]{font-size:9px !important;padding:2px 6px !important}

  /* training frequency: 3 across */
  div:has(> div > [style*="font-size: 64px"]){display:grid !important;grid-template-columns:repeat(3,1fr);gap:8px !important}
  div:has(> div > [style*="font-size: 64px"]) > div{padding:14px 10px !important;text-align:center}
  [style*="font-size: 64px"]{font-size:40px !important}

  
}
@media (min-width: 641px) and (max-width: 1440px){
  header > div{flex-wrap:nowrap !important}
  header nav{gap:18px !important;flex-wrap:nowrap !important;white-space:nowrap}
  header > div > div > a[href^="tel:"]{display:none !important}
}
@media (min-width: 641px) and (max-width: 1100px){
  header nav{display:none !important}
}
@media (min-width: 641px) and (max-width: 1100px){
  .ms-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex:none;border:1px solid #3A3E44;border-radius:8px;background:transparent;color:#F3F1EC;cursor:pointer;padding:0;margin-left:10px}
  header.ms-open nav{display:flex !important;flex-direction:column;gap:0 !important;position:absolute;left:0;right:0;top:100%;z-index:50;background:#0E0F11;border-bottom:1px solid #24272C;padding:6px 24px 14px;font-size:18px !important}
  header.ms-open nav a{padding:13px 0;border-bottom:1px solid #1E2125}
  header > div > div{margin-left:auto}
}

h1,h2,h3{text-wrap:balance}
@media (max-width: 640px){
  /* audience strips: 2x2 tiles, no slashes */
  section[aria-label^="Who"] > div{display:grid !important;grid-template-columns:1fr 1fr;gap:10px !important;padding:24px 16px !important}
  section[aria-label^="Who"] > div > div:first-child{grid-column:1 / -1;margin-bottom:2px}
  section[aria-label^="Who"] > div > div[style*="color: #C5A55A"]{display:none !important}
  section[aria-label^="Who"] > div > div:not(:first-child){font-size:19px !important;line-height:1.1;background:#16181B;border:1px solid #24272C;border-left:3px solid #C5A55A;border-radius:10px;padding:14px 12px;min-height:58px;display:flex;align-items:center}
  section[aria-label="Who it's for"] > div > div:last-child{grid-column:1 / -1}
  section[aria-label^="Who"] > div{align-items:stretch !important}
  /* footer */
  footer{padding:36px 16px 28px !important}
  footer img[style*="height: 64px"]{height:48px !important}
  footer [style*="font-size: 28px"]{font-size:24px !important}
  footer nav[aria-label="Social"]{gap:12px !important}
}
@media (max-width: 640px){
  [style*="minmax(180px, 1fr)"] span[style*="font-style: italic"]{font-size:19px !important;padding:3px 8px !important}
}