.landing-enter-prominent{position:relative;display:flex!important;align-items:center;gap:13px;padding:8px 14px 8px 9px!important;border:1px solid rgba(233,165,27,.58);border-radius:999px;background:rgba(9,10,12,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 0 0 1px rgba(255,255,255,.025),0 0 22px rgba(233,165,27,.10),0 10px 35px rgba(0,0,0,.24);transition:transform .3s ease,border-color .3s ease,background .3s ease,box-shadow .3s ease}.landing-enter-prominent:hover{transform:translateY(-2px);border-color:#e9a51b;background:rgba(233,165,27,.08);box-shadow:0 0 32px rgba(233,165,27,.18)}.landing-enter-prominent .enter-orbit{position:relative;width:45px;height:45px;display:grid;place-items:center;margin:0!important;border:1px solid rgba(233,165,27,.75);border-radius:50%;color:#e9a51b}.landing-enter-prominent .enter-orbit i{position:absolute;border:1px solid rgba(233,165,27,.28);border-radius:50%;animation:hubCtaOrbit 5s ease-in-out infinite}.landing-enter-prominent .enter-orbit i:first-child{inset:5px}.landing-enter-prominent .enter-orbit i:nth-child(2){inset:10px;animation-delay:-2s}.landing-enter-prominent .enter-orbit b{position:relative;z-index:2;font-size:20px;font-weight:400;transition:transform .3s ease}.landing-enter-prominent:hover .enter-orbit b{transform:translateX(3px)}.landing-enter-prominent .enter-copy{display:flex;flex-direction:column;gap:2px;margin:0!important}.landing-enter-prominent .enter-copy small{font-size:7px;line-height:1.2;color:#9c9fa8;letter-spacing:.18em;font-weight:800}.landing-enter-prominent .enter-copy strong{font-size:13px;line-height:1;color:#f3f1ea;letter-spacing:.12em;font-weight:900}@keyframes hubCtaOrbit{50%{transform:scale(1.12) rotate(18deg);opacity:.45}}@keyframes mobileExploreGlow{0%,100%{box-shadow:0 0 0 1px rgba(233,165,27,.22),0 0 14px rgba(233,165,27,.22),0 8px 28px rgba(0,0,0,.38)}50%{box-shadow:0 0 0 1px rgba(233,165,27,.72),0 0 34px rgba(233,165,27,.48),0 0 62px rgba(233,165,27,.16),0 8px 28px rgba(0,0,0,.38)}}
/* Landing hero: keep the complete anatomical brain slice readable instead of cropping it */
.scroll-hero .slice-wrap{inset:4% 2% 5% 38%;display:flex;align-items:center;justify-content:center}.scroll-hero .slice-wrap img{width:100%;height:100%;object-fit:contain;object-position:center;filter:saturate(.92) contrast(1.08);animation:brainBreathContained 12s ease-in-out infinite alternate}@keyframes brainBreathContained{to{transform:scale(1.015) translate3d(-.3%,.2%,0)}}.scroll-hero .ring-a{width:27vw;height:27vw;right:16%;top:29%}.scroll-hero .ring-b{width:18vw;height:18vw;right:20.5%;top:36%}.scroll-hero .brain-pulse{right:29.5%;top:49%}
@media(max-width:800px){.scroll-hero .slice-wrap{inset:26% -8% 7% 22%;opacity:.82}.scroll-hero .slice-wrap img{object-fit:contain}.scroll-hero .ring-a{width:55vw;height:55vw;right:4%;top:38%}.scroll-hero .ring-b{width:36vw;height:36vw;right:13%;top:44%}.scroll-hero .brain-pulse{right:31%;top:55%}}
@media(max-width:640px){.landing-nav{height:76px;padding:0 12px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;overflow:visible!important;background:linear-gradient(180deg,rgba(5,6,8,.99) 0%,rgba(5,6,8,.92) 76%,rgba(5,6,8,0) 100%)}.landing-nav>a:first-child{font-size:15px;min-width:0;white-space:nowrap}.landing-enter-prominent{position:relative!important;inset:auto!important;display:flex!important;visibility:visible!important;opacity:1!important;width:auto!important;max-width:none!important;min-width:118px;justify-self:end;z-index:999;gap:7px;padding:6px 10px 6px 6px!important;border:1px solid #e9a51b!important;border-radius:999px;background:rgba(20,15,6,.96)!important;animation:mobileExploreGlow 2.4s ease-in-out infinite;transform:none!important}.landing-enter-prominent .enter-orbit{display:grid!important;width:36px;height:36px;flex:0 0 36px;border-color:#e9a51b}.landing-enter-prominent .enter-copy{display:flex!important;visibility:visible!important;opacity:1!important}.landing-enter-prominent .enter-copy small{display:none!important}.landing-enter-prominent .enter-copy strong{display:block!important;visibility:visible!important;opacity:1!important;font-size:10px!important;color:#fff!important;letter-spacing:.1em;white-space:nowrap}.landing-enter-prominent .enter-orbit b{display:block!important;font-size:18px}.landing-enter-prominent:active{background:#e9a51b!important;animation:none}.landing-enter-prominent:active .enter-copy strong,.landing-enter-prominent:active .enter-orbit{color:#090a0c}}
@media(max-width:380px){.landing-nav{padding:0 8px!important}.landing-nav>a:first-child{font-size:13px}.landing-enter-prominent{min-width:108px;padding-right:8px!important}.landing-enter-prominent .enter-orbit{width:32px;height:32px;flex-basis:32px}.landing-enter-prominent .enter-copy strong{font-size:9px!important;letter-spacing:.07em}}
@media(prefers-reduced-motion:reduce){.landing-enter-prominent{animation:none!important}}

/* 2026-09-15 hero refinements: do not hide the video behind a JS-only ready state */
.scroll-hero .hero-bg-video{opacity:1!important;background:transparent!important;pointer-events:none!important}

/* MeducateMe learning feature tiles — monochrome, architectural, brand-aligned */
.scroll-hero .learning-tools{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:22px!important;max-width:760px}
.scroll-hero .learning-tools span{position:relative!important;display:grid!important;grid-template-columns:30px auto!important;align-items:center!important;gap:10px!important;min-height:44px!important;padding:7px 15px 7px 8px!important;border:1px solid rgba(233,165,27,.34)!important;border-radius:12px!important;background:linear-gradient(180deg,rgba(18,18,18,.72),rgba(7,7,7,.56))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 24px rgba(0,0,0,.22)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;color:transparent!important;font-size:0!important;letter-spacing:0!important;text-transform:none!important;overflow:hidden}
.scroll-hero .learning-tools span::before{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(233,165,27,.58);border-radius:8px;color:#e9a51b;font-size:15px;font-weight:500;line-height:1;background:rgba(233,165,27,.045);box-shadow:inset 0 0 14px rgba(233,165,27,.035)}
.scroll-hero .learning-tools span::after{display:block;color:#f2f0e9;font-size:10px;font-weight:850;letter-spacing:.105em;text-transform:uppercase;white-space:nowrap}
.scroll-hero .learning-tools span:nth-child(1)::before{content:'◉'}
.scroll-hero .learning-tools span:nth-child(1)::after{content:'Guided narration'}
.scroll-hero .learning-tools span:nth-child(2)::before{content:'▱'}
.scroll-hero .learning-tools span:nth-child(2)::after{content:'Flashcards'}
.scroll-hero .learning-tools span:nth-child(3)::before{content:'▥'}
.scroll-hero .learning-tools span:nth-child(3)::after{content:'Infographics'}
.scroll-hero .learning-tools span::marker{display:none}
@media(max-width:640px){.scroll-hero .learning-tools{gap:7px!important;margin-top:15px!important}.scroll-hero .learning-tools span{grid-template-columns:25px auto!important;gap:7px!important;min-height:37px!important;padding:5px 10px 5px 6px!important;border-radius:10px!important}.scroll-hero .learning-tools span::before{width:25px;height:25px;border-radius:7px;font-size:13px}.scroll-hero .learning-tools span::after{font-size:8px;letter-spacing:.08em}}

/* iPad / tablet hero: one viewport tall with all controls visible */
@media (min-width:641px) and (max-width:1180px){
  .scroll-hero{height:100svh!important;min-height:100svh!important;max-height:100svh!important}
  @supports(height:100dvh){.scroll-hero{height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important}}
  .scroll-hero-copy{left:5vw!important;right:5vw!important;top:17vh!important;bottom:24px!important;max-width:none!important;display:block!important}
  .scroll-hero-copy>h1{max-width:820px!important;font-size:clamp(56px,7.4vw,78px)!important;line-height:.84!important}
  .scroll-hero-copy>p{max-width:720px!important;font-size:clamp(17px,2.1vw,22px)!important;line-height:1.28!important}
  .scroll-hero .learning-tools{position:absolute!important;left:0!important;right:0!important;bottom:72px!important;margin:0!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;max-width:760px!important}
  .scroll-hero .learning-tools span{width:100%!important;box-sizing:border-box!important;grid-template-columns:32px minmax(0,1fr)!important;min-height:46px!important;padding:7px 12px 7px 7px!important}
  .scroll-hero .learning-tools span::before{width:32px;height:32px;font-size:15px}
  .scroll-hero .learning-tools span::after{font-size:9px!important;letter-spacing:.07em!important;white-space:nowrap!important;overflow:visible!important}
  .scroll-hero-copy .mi-launch{position:absolute!important;left:0!important;bottom:8px!important;margin:0!important}
  .scroll-down{display:none!important}
}

/* iPad Safari: use the same clip as an animated image so motion is not blocked by autoplay policy */
@supports (-webkit-touch-callout:none){
  @media (min-width:641px) and (max-width:1180px) and (hover:none) and (pointer:coarse){
    .scroll-hero{background:#080604 url('meducateme-hero-bg-ipad.webp?v=1') center center/cover no-repeat!important}
    .scroll-hero .hero-bg-video{display:none!important}
  }
}