/* /start, video + Fit Check (20 Oct 2026). Loaded after pg-start.css; pg-start.css and pg-start.js are unchanged.
   English /start: the Fit Check (public/fitcheck/) replaces the old five-field form in the hero card.
   /am/start keeps the old Amharic form until the Amharic Fit Check ships (Webflow locales share one element tree). */
html:not([lang^="am"]) #lp-form > :not(.fc_start){display:none!important}
html:not([lang^="am"]) #lp-form{background:transparent;padding:0;box-shadow:none;border-top:0}
html[lang^="am"] #lp-form .fc_start{display:none!important}
#lp-form .fc{padding:0;gap:0}
#lp-form .fc-card{scroll-margin-top:calc(var(--nav-h) + 12px);min-height:500px;box-shadow:0 40px 80px -30px rgba(0,0,0,.55)}

/* the video now sits in the hero, under the headline */
.lp_hero-copy .lp_player{margin:0 0 26px;border:1px solid rgba(255,255,255,.18)}
/* the headline shows at once: no empty gap while the motion script loads */
html.aaa-motion main .lp_title{visibility:visible!important}

@media (max-width:991px){
  .lp_hero{padding-top:calc(var(--nav-h) + 16px);padding-bottom:32px}
  .lp_eyebrow{margin-bottom:10px}
  .lp_title{font-size:clamp(2.1rem,9vw,2.9rem);margin-bottom:16px}
  .lp_hero .lp_lede,.lp_hero .lp_ticks{display:none}
  .lp_hero-copy .lp_player{margin-bottom:16px}
  .lp_hero-grid{gap:18px}
}
@media (max-width:767px){.aaa-chat-btn{display:none!important}}

/* interviews open on the page, not on YouTube */
.lp_lb{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:56px 16px 16px;background:rgba(3,2,63,.88)}
.lp_lb-in{position:relative;width:min(960px,100%);aspect-ratio:16/9;background:#000}
.lp_lb-in iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.lp_lb-x{position:absolute;top:-46px;right:0;height:38px;padding:0 14px;border:1px solid rgba(255,255,255,.5);background:transparent;color:#fff;font:inherit;font-weight:700;cursor:pointer}
