/* ATHENA_MOBILE_HERO_INTEGRATED_V1_3
   Scoped corrective CSS only; desktop (>=721px) remains unchanged.
   Preserve all existing interactions and form DOM. */
@media screen and (max-width:720px) {
  .athena5-home .athena5-content {
    box-sizing:border-box !important;
    max-width:100% !important;
  }
  .athena5-home .athena5-hero {
    position:relative !important;
    display:flex !important;
    flex-direction:column !important;
    width:100vw !important;
    max-width:100vw !important;
    min-width:0 !important;
    height:auto !important;
    min-height:0 !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    border-radius:0 !important;
    overflow:clip !important;
    isolation:isolate !important;
    background:#f7f9fc !important;
    box-shadow:none !important;
  }
  /* Expand the actual existing painting layer behind ALL hero content. */
  .athena5-home .athena5-hero::before {
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    background-image:url('/assets/images/athena-goddess-hero-exact.png') !important;
    background-size:auto clamp(700px,195vw,960px) !important;
    background-position:51% top !important;
    background-repeat:no-repeat !important;
    opacity:1 !important;
    transform:none !important;
    pointer-events:none !important;
    z-index:0 !important;
  }
  /* Readability veil over image; continuous transition into control area. */
  .athena5-home .athena5-hero::after {
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    background:
      linear-gradient(180deg,rgba(255,255,255,.06) 0%,rgba(255,255,255,.34) 20%,rgba(255,255,255,.76) 45%,rgba(248,250,253,.95) 78%,#f7f9fc 100%),
      linear-gradient(90deg,rgba(255,255,255,.89) 0%,rgba(255,255,255,.64) 46%,rgba(255,255,255,.07) 100%) !important;
    pointer-events:none !important;
    z-index:1 !important;
  }
  .athena5-home .athena5-hero-left {
    box-sizing:border-box !important;
    position:relative !important;
    z-index:2 !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:clamp(190px,53vw,265px) 16px 20px !important;
    background:transparent !important;
  }
  .athena5-home .athena5-hero-right {
    box-sizing:border-box !important;
    position:relative !important;
    z-index:2 !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 16px 18px !important;
    background:transparent !important;
  }
  .athena5-home .athena5-title { color:#0a2d62 !important; }
  .athena5-home .athena5-hero-left p { color:#385a82 !important; }
  .athena5-home .athena5-ask { max-width:100% !important; }
  .athena5-home .athena5-hero-left *,
  .athena5-home .athena5-hero-right * { min-width:0; }
}
@media screen and (max-width:720px) {
  /* Duplicate legacy left-side button only; alternative navigation retained. */
  #mobileToggle.mobile-toggle { display:none !important; }
}