.landingHero{position:relative;isolation:isolate}
.landingHeroBg{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#0b1220;border-radius:inherit}
.landingHeroBg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transform:scale(1);transition:opacity 1.6s ease-in-out,transform 9s ease-out;will-change:opacity,transform;animation:none!important}
.landingHeroBg img.on{opacity:1;transform:scale(1.06)}
.landingHeroBg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,16,29,.78) 0%,rgba(8,16,29,.62) 45%,rgba(11,17,29,.95) 100%),radial-gradient(ellipse at center,rgba(8,16,29,.35) 0%,rgba(8,16,29,0) 70%)}
.landingHero .landingCopy h1{text-shadow:0 2px 28px rgba(0,0,0,.5)}
.landingHero .landingCopy>p{text-shadow:0 1px 14px rgba(0,0,0,.6)}
.landingHero .landingBadge{background:rgba(8,16,29,.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.landingHero .landingButton.ghost{background:rgba(8,16,29,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-color:rgba(255,255,255,.22)}
.landingHero .landingFeatureChips span{background:rgba(8,16,29,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
@media (max-width:760px){.landingHeroBg::after{background:linear-gradient(180deg,rgba(8,16,29,.84) 0%,rgba(8,16,29,.74) 50%,rgba(11,17,29,.96) 100%)}}
/* ---- hero buttons blue ---- */
.landingHero .landingActions .landingButton.ghost{background:#2563eb!important;border:1px solid #3b82f6!important;color:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 8px 24px rgba(37,99,235,.35)}
.landingHero .landingActions .landingButton.ghost:hover{background:#1d4ed8!important}
.landingHero .landingActions .landingButton.ghost svg{color:#fff}
.landingHero .landingCopy p.landingHaveAccount{display:block;width:fit-content;max-width:100%;margin:20px auto 0;padding:12px 26px;background:#fff;color:#0f172a;border-radius:14px;font-size:15px;font-weight:600;line-height:1.35;text-align:center;text-shadow:none;box-shadow:0 10px 30px rgba(0,0,0,.3)}
.landingHero .landingCopy p.landingHaveAccount a{display:block;margin-top:2px;color:#2563eb;font-weight:800;font-size:16px;text-decoration:none}
.landingHero .landingCopy p.landingHaveAccount a:hover{text-decoration:underline}