.reference-hero{position:relative}
.mobile-download-dock{display:none}

@media(max-width:820px){
  header>.max-w-7xl{min-height:76px;height:auto!important}
  header>.max-w-7xl>a:first-child>div:first-child{width:50px;height:50px;border-radius:18px}
  header>.max-w-7xl>a:first-child .text-lg{font-size:1.05rem}
  header>.max-w-7xl>a:first-child .text-\[11px\]{font-size:.68rem}
  .mobile-menu-toggle{min-height:54px!important;padding:0!important;border:0!important;background:transparent!important;color:#c8c3e9!important;font-size:1rem!important;font-weight:500!important;gap:14px!important}
  .mobile-menu-toggle svg{width:54px;height:54px;padding:14px;border-radius:999px;background:#111a38;color:#d9d2ff;box-shadow:inset 0 0 20px rgba(114,91,211,.08)}
  .reference-hero{width:100%;max-width:none;min-height:calc(100svh - 76px);padding:32px 20px 148px!important;background-color:#070a13;background-image:url('/moonlit-lake-hero.jpg');background-position:center bottom;background-repeat:no-repeat;background-size:auto 100%;overflow:hidden}
  .reference-hero .grid{display:block!important}
  .reference-hero-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:0!important}
  .reference-hero-badge,.reference-phone-preview{display:none!important}
  .reference-hero-title{max-width:390px;margin:0 auto!important;font-size:clamp(3rem,10.6vw,4.35rem)!important;line-height:1.04!important;letter-spacing:-.065em!important;text-wrap:balance;text-shadow:0 4px 28px rgba(2,5,20,.6)}
  .reference-hero-title span{background-image:none!important;color:#cda8ff!important}
  .reference-hero-description{max-width:360px!important;margin:28px auto 0!important;font-size:clamp(1.08rem,4.7vw,1.3rem)!important;line-height:1.42!important;color:#c0bddb!important}
  .reference-hero-actions{width:100%;padding-top:24px!important;gap:12px!important}
  .reference-play-cta{width:min(100%,360px);min-height:76px;justify-content:flex-start!important;padding:14px 26px!important;border-radius:22px!important;background:#6620d6!important;border-color:#b66cff!important;box-shadow:0 0 30px rgba(126,34,255,.66),inset 0 0 22px rgba(226,188,255,.12)!important}
  .reference-play-cta svg{width:44px!important;height:44px!important}
  .reference-play-cta .google-play-mark{width:44px!important;height:48px!important;object-fit:contain}
  .reference-play-cta .text-slate-400{color:#dfceff!important;font-size:10px!important}
  .reference-play-cta .text-2xl{font-size:1.75rem!important}
  .reference-ios-cta{width:min(100%,300px);min-height:62px;border-color:rgba(155,164,222,.55)!important;border-radius:32px!important;font-size:1rem!important;background:rgba(7,10,19,.24)!important}
  .reference-phone-icon{width:24px;height:24px;flex:none}
  .reference-availability{margin-top:1px;font-size:1rem!important;color:#cbc8e7!important}
  .reference-android-mark{width:10px;height:10px;flex:none;border-radius:999px;background:#16e6b0;box-shadow:0 0 10px rgba(22,230,176,.85)}
  .mobile-download-dock{display:block;position:fixed;z-index:50;left:0;right:0;bottom:0;padding:0 14px 14px;pointer-events:none}
  .mobile-download-dock a{pointer-events:auto;display:flex;align-items:center;gap:14px;min-height:82px;padding:13px 17px;border:1px solid rgba(154,112,255,.5);border-radius:25px;background:rgba(31,15,72,.95);box-shadow:0 0 28px rgba(88,35,184,.46),0 -10px 35px rgba(4,5,22,.48);backdrop-filter:blur(14px);color:#fff;text-decoration:none}
  .mobile-download-dock svg{width:46px;height:46px;flex:none}
  .mobile-download-dock .google-play-mark{width:46px;height:50px;object-fit:contain}
  .mobile-download-dock strong,.mobile-download-dock small{display:block}
  .mobile-download-dock strong{font-size:1rem;line-height:1.15}
  .mobile-download-dock small{margin-top:4px;color:#bcb4df;font-size:.86rem;line-height:1.15}
  .mobile-download-arrow{width:26px!important;height:26px!important;margin-left:auto;color:#d6c9ff;flex:none}
}

@media(min-width:821px){.mobile-download-dock{display:none!important}}