:root{--primary-blue:#0757f9;--primary-blue-dark:#063cd9;--bright-blue:#008cff;--deep-navy:#08153f;--sky-blue:#cfe7ff;--pale-blue:#edf5ff;--soft-border:#d7e5fa;--background:#fff;--body-text:#405477;--muted-text:#7183a5;--primary-gradient:linear-gradient(100deg,#087eff 0%,#0648ed 100%);--hero-gradient:linear-gradient(115deg,#fff 0%,#edf5ff 50%,#d9eafe 100%);--card-shadow:0 12px 35px rgba(25,75,150,.09);--soft-shadow:0 5px 18px rgba(15,65,140,.07);--card-radius:24px;--input-radius:13px;--button-radius:999px}
.home-page{min-height:100vh;margin:0;background:#f7fbff;color:var(--deep-navy);font-family:'Plus Jakarta Sans',Inter,system-ui,sans-serif;overflow-x:hidden}.home-page .app-header{position:relative;z-index:20;min-height:100px;box-sizing:border-box;display:flex;align-items:center;gap:28px;padding:16px clamp(22px,4vw,68px);background:rgba(255,255,255,.96);border-bottom:1px solid #e7effa;box-shadow:0 2px 14px rgba(14,61,126,.035)}.home-page .header-brand{display:flex;align-items:center;flex:0 0 auto}.home-page .header-logo-image{display:block;width:245px;max-height:70px;object-fit:contain}.home-nav{display:flex;align-items:center;justify-content:center;gap:clamp(16px,2.1vw,38px);margin:auto}.home-nav a{position:relative;display:inline-flex;align-items:center;gap:8px;padding:12px 0;color:#111c4a;font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap}.home-nav a.active{padding:12px 18px;color:#fff;background:var(--primary-gradient);border-radius:999px;box-shadow:0 7px 15px rgba(7,87,249,.22)}.home-nav a.active:after{content:'';position:absolute;right:20px;bottom:-15px;left:20px;height:3px;border-radius:9px;background:#0757f9}.home-nav a:not(.active):hover{color:var(--primary-blue)}.home-header-actions{display:flex;align-items:center;gap:12px;flex:0 0 auto}.home-support,.home-language,.home-signin{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;box-sizing:border-box;font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap}.home-support{padding:0 17px;border:1px solid #bcd6fe;border-radius:999px;color:#102451;background:#f7fbff}.home-support:hover{border-color:#75aaf9;color:var(--primary-blue)}.home-language{gap:7px;padding-left:12px;border-left:1px solid #dce8f9;color:#233662}.home-signin{padding:0 19px;border-radius:999px;background:var(--primary-gradient);color:white;box-shadow:0 8px 18px rgba(7,87,249,.2)}.home-signin:hover,.hero-primary:hover{transform:translateY(-2px);filter:saturate(1.08)}.home-nav-toggle{display:none}.home-layout{position:relative;max-width:1600px;margin:0 auto;padding:clamp(46px,5vw,84px) clamp(24px,4vw,68px) 28px;display:grid;grid-template-columns:minmax(0,1.34fr) minmax(385px,.8fr);gap:clamp(36px,7vw,112px);align-items:center;background:var(--hero-gradient);overflow:hidden}.home-layout:after{content:'';position:absolute;z-index:0;right:-20%;bottom:-120px;left:-8%;height:240px;border-radius:50% 50% 0 0/100% 100% 0 0;background:rgba(255,255,255,.84);pointer-events:none}.home-intro,.home-access{position:relative;z-index:1;min-width:0}.hero-banner{position:relative;min-height:528px}.landing-visuals{position:absolute;z-index:-1;inset:-60px -260px -70px 22%;pointer-events:none;overflow:hidden}.landing-globe{position:absolute;right:-30px;bottom:-55px;width:min(690px,75vw);opacity:.86}.landing-plane{position:absolute;top:50px;right:250px;width:365px;filter:drop-shadow(0 15px 14px rgba(8,77,159,.16));transform:rotate(-4deg)}.landing-skyline{position:absolute;bottom:20px;left:12%;width:88%;opacity:.42}.hero-badge{display:inline-flex;align-items:center;gap:9px;margin:0 0 20px;padding:9px 15px;border:1px solid #c8e0ff;border-radius:999px;background:rgba(216,238,255,.86);color:#0757e9;font-size:13px;font-weight:800}.hero-title{max-width:750px;margin:0;color:var(--deep-navy);font-size:clamp(44px,4.55vw,72px);font-weight:800;letter-spacing:-.052em;line-height:1.06}.hero-title span{color:var(--primary-blue)}.hero-desc{max-width:625px;margin:19px 0 31px;color:var(--body-text);font-size:clamp(17px,1.45vw,21px);font-weight:600;line-height:1.46}.home-features{display:grid;grid-template-columns:repeat(4,minmax(82px,1fr));max-width:655px;margin:0 0 30px;gap:0}.home-features>div{position:relative;display:grid;justify-items:center;padding:0 13px;text-align:center}.home-features>div+div:before{content:'';position:absolute;top:17px;bottom:14px;left:0;width:1px;background:#bfd9fa}.home-features span{display:grid;place-items:center;width:54px;height:54px;margin-bottom:9px;border:1px solid #d5e7ff;border-radius:15px;background:rgba(255,255,255,.82);box-shadow:var(--soft-shadow);color:var(--primary-blue);font-size:24px}.home-features p{margin:0;color:#1a315e;font-size:12px;font-weight:700;line-height:1.35}.hero-actions{display:flex;align-items:center;gap:24px}.hero-primary,.hero-demo{display:inline-flex;align-items:center;justify-content:center;gap:12px;font-weight:800;text-decoration:none}.hero-primary{min-height:58px;padding:0 27px;border-radius:var(--button-radius);background:var(--primary-gradient);box-shadow:0 12px 22px rgba(7,87,249,.2);color:#fff}.hero-demo{color:#0757f9}.hero-demo>span{display:grid;place-items:center;width:46px;height:46px;border:3px solid #d5e6ff;border-radius:50%;color:#0757f9;background:#fff;font-size:14px}.home-access{display:flex;justify-content:center}.home-page .unified-login{width:min(100%,434px)}.home-page .unified-login .modal-box{width:100%!important;box-sizing:border-box;margin:0!important;padding:34px 32px 28px;border:1px solid var(--soft-border);border-top:5px solid #1760ed;border-radius:var(--card-radius);background:#fff;box-shadow:0 20px 48px rgba(21,73,153,.16)}.home-page .modal-header{display:block;padding:0 0 26px;border:0;background:transparent;text-align:center}.login-avatar{display:grid;place-items:center;width:59px;height:59px;margin:0 auto 13px;border-radius:50%;background:linear-gradient(135deg,#eaf6ff,#c9e7ff);color:var(--primary-blue);font-size:29px}.home-page .modal-header h3{margin:0 0 9px;color:var(--deep-navy);font-size:31px;font-weight:800;letter-spacing:-.045em}.home-page .modal-header p{margin:0;color:var(--body-text);font-size:14px;font-weight:500;line-height:1.45}.home-page .modal-body{padding:0}.home-page .form-group{margin:0 0 18px!important}.home-page .form-group label{display:block;margin:0 0 8px;color:#14234c;font-size:13px;font-weight:800}.home-input,.password-field{position:relative}.home-input>i,.password-field>i{position:absolute;z-index:1;top:50%;left:17px;transform:translateY(-50%);color:#0757f9;font-size:17px}.home-page .form-group input{width:100%;height:52px;box-sizing:border-box;padding:0 47px;border:1px solid #ccddf6;border-radius:var(--input-radius);background:#fff;color:#172449;font:500 14px inherit;outline:0;transition:border-color .18s,box-shadow .18s}.home-page .form-group input:focus{border-color:#0b68f9;box-shadow:0 0 0 3px rgba(7,87,249,.11)}.password-field input{padding-right:50px!important}.password-field button{position:absolute;z-index:2;top:4px;right:5px;width:43px;height:44px;border:0;background:transparent;color:#1a5cb8;cursor:pointer;font-size:18px}.home-page .btn-primary{display:flex;align-items:center;justify-content:center;gap:10px;min-height:53px;border:0;border-radius:999px;background:var(--primary-gradient)!important;box-shadow:0 10px 20px rgba(7,87,249,.22);font:800 16px inherit}.home-page #btn-admin-forgot-password{margin-top:16px!important;color:#0757f9!important;font:800 14px inherit!important}.home-divider{display:flex;align-items:center;gap:12px;margin:22px 0 16px;color:#7183a5;font-size:12px}.home-divider:before,.home-divider:after{content:'';height:1px;flex:1;background:#e0e9f5}.home-contact>button{display:flex;align-items:center;justify-content:center;gap:13px;width:100%;padding:12px;border:1px solid #d6e5fa;border-radius:13px;background:#f6faff;color:#0757f9;font:700 14px inherit;cursor:pointer}.home-contact i{font-size:22px}.home-contact b,.home-contact small{display:block;text-align:left}.home-contact small{margin-top:2px;color:var(--muted-text);font-size:11px;font-weight:500}.home-contact>p{color:var(--body-text);font-size:12px;line-height:1.5}.logged-in-box{display:none;margin-top:20px;padding:17px;border-radius:15px;background:#edfff6}.home-trust{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);max-width:1470px;margin:0 auto 26px;padding:23px clamp(20px,4vw,50px);border:1px solid var(--soft-border);border-radius:22px;background:rgba(255,255,255,.86);box-shadow:var(--soft-shadow)}.home-trust>div{position:relative;display:flex;align-items:center;gap:14px;min-width:0}.home-trust>div+div:before{content:'';position:absolute;top:6px;bottom:6px;left:-22px;width:1px;background:#b9d8ff}.home-trust i{color:#0757f9;font-size:29px}.home-trust p{margin:0}.home-trust b{display:block;color:#102451;font-size:14px}.home-trust small{display:block;margin-top:3px;color:#667a9d;font-size:12px}.home-footer{display:flex;justify-content:space-between;gap:20px;padding:20px clamp(22px,4vw,68px);border-top:1px solid #dfebf9;background:#f4f8ff;color:#405477;font-size:12px}.home-footer a{color:#30578e;text-decoration:none;font-weight:700}.home-footer a:hover{color:#0757f9}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.home-page a:focus-visible,.home-page button:focus-visible{outline:3px solid rgba(7,87,249,.42);outline-offset:3px}@media(max-width:1230px){.home-page .app-header{gap:18px}.home-nav{gap:17px}.home-nav a{font-size:13px}.home-support{display:none}.home-layout{grid-template-columns:minmax(0,1.15fr) minmax(365px,.85fr);gap:42px}.landing-visuals{inset:-45px -290px -60px 10%}.landing-plane{right:180px;width:305px}.home-trust{margin-right:24px;margin-left:24px}}@media(max-width:960px){.home-page .app-header{min-height:76px;flex-wrap:wrap}.home-page .header-logo-image{width:205px;max-height:52px}.home-nav{order:3;flex-basis:100%;padding-top:3px}.home-nav a.active:after{display:none}.home-layout{grid-template-columns:1fr;gap:32px;padding-top:48px}.hero-banner{min-height:430px}.landing-visuals{inset:-60px -150px -60px 28%}.home-access{justify-content:center}.home-trust{grid-template-columns:repeat(2,1fr);gap:22px}.home-trust>div:nth-child(3):before{display:none}}@media(max-width:680px){.home-page .app-header{min-height:72px;padding:11px 20px;gap:11px}.home-page .header-logo-image{width:175px;max-height:46px}.home-nav-toggle{display:grid;place-items:center;order:2;width:42px;height:42px;margin-left:auto;border:1px solid #cfe0f8;border-radius:10px;background:#fff;color:#0757f9;font-size:18px}.home-header-actions{order:3;width:100%;justify-content:flex-end}.home-language{display:none}.home-signin{min-height:40px;padding:0 16px;font-size:13px}.home-nav{display:none;order:4;flex-basis:100%;margin:0;padding:9px 0 0;border-top:1px solid #e4edf9;flex-direction:column;align-items:stretch;gap:0}.home-nav.is-open{display:flex}.home-nav a{padding:11px 5px}.home-nav a.active{padding:11px 14px}.home-layout{padding:39px 20px 22px;gap:20px}.hero-banner{min-height:0;padding-bottom:8px}.landing-visuals{inset:-42px -70px 0 25%;opacity:.32}.landing-plane{top:40px;right:50px;width:210px}.landing-globe{right:-60px;bottom:-50px;width:480px}.landing-skyline{bottom:0;width:110%}.hero-badge{margin-bottom:16px;padding:8px 12px;font-size:11px}.hero-title{font-size:clamp(39px,11vw,54px)}.hero-desc{margin:16px 0 25px;font-size:16px;line-height:1.45}.home-features{grid-template-columns:repeat(2,minmax(0,1fr));max-width:400px;margin-bottom:25px;gap:18px 0}.home-features>div{padding:0 10px}.home-features>div:nth-child(3):before{display:none}.hero-actions{gap:16px;flex-wrap:wrap}.hero-primary{min-height:52px;padding:0 22px}.hero-demo{font-size:14px}.hero-demo>span{width:40px;height:40px}.home-page .unified-login{width:100%}.home-page .unified-login .modal-box{padding:29px 21px 24px}.home-page .modal-header{padding-bottom:22px}.home-page .modal-header h3{font-size:27px}.home-trust{grid-template-columns:1fr;gap:17px;margin:0 20px 22px;padding:22px}.home-trust>div+div:before{display:none}.home-footer{flex-direction:column;padding:18px 20px;gap:7px}.home-footer a{align-self:flex-start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Desktop landing: keep the full portal entry experience in one viewport. */
@media (min-width: 961px) {
  .home-page { height:100dvh; display:grid; grid-template-rows:92px minmax(0,1fr) auto 42px; overflow:hidden; }
  .home-page .app-header { min-height:0; height:92px; padding-top:11px; padding-bottom:11px; }
  .home-page .header-logo-image { max-height:61px; }
  .home-layout { min-height:0; height:100%; box-sizing:border-box; padding-top:clamp(16px,2.2vh,30px); padding-bottom:clamp(12px,1.6vh,20px); align-items:center; }
  .hero-banner { min-height:clamp(342px,43vh,438px); }
  .landing-visuals { inset:-42px -220px -68px 20%; }
  .landing-plane { top:22px; right:235px; width:min(390px,31vw); transform:rotate(-6deg); filter:drop-shadow(0 15px 15px rgba(8,77,159,.18)); }
  .landing-globe { width:min(570px,46vw); bottom:-70px; right:-10px; }
  .landing-skyline { bottom:2px; }
  .hero-badge { margin-bottom:13px; }
  .hero-desc { margin-top:15px; margin-bottom:20px; }
  .home-features { margin-bottom:20px; }
  .hero-actions { gap:19px; }
  .hero-primary { min-height:51px; }
  .home-page .unified-login .modal-box { padding:25px 28px 22px; }
  .home-page .modal-header { padding-bottom:18px; }
  .login-avatar { width:49px; height:49px; margin-bottom:8px; font-size:24px; }
  .home-page .modal-header h3 { margin-bottom:5px; font-size:27px; }
  .home-page .modal-header p { font-size:13px; }
  .home-page .form-group { margin-bottom:13px !important; }
  .home-page .form-group input { height:48px; }
  .home-page .btn-primary { min-height:49px; }
  .home-page #btn-admin-forgot-password { margin-top:11px !important; }
  .home-trust { width:min(1470px,calc(100% - 48px)); box-sizing:border-box; margin:0 auto 10px; padding-top:12px; padding-bottom:12px; }
  .home-trust i { font-size:23px; }
  .home-trust b { font-size:13px; }
  .home-trust small { font-size:11px; }
  .home-footer { min-height:42px; box-sizing:border-box; padding-top:12px; padding-bottom:12px; }
}
@media (min-width:961px) and (max-height:850px) {
  .home-page { grid-template-rows:76px minmax(0,1fr) auto 34px; }
  .home-page .app-header { height:76px; }
  .home-page .header-logo-image { width:205px; max-height:49px; }
  .home-nav a { font-size:12px; }
  .home-layout { padding-top:10px; padding-bottom:8px; }
  .hero-banner { min-height:300px; }
  .hero-title { font-size:clamp(39px,4vw,59px); }
  .hero-desc { font-size:16px; margin-bottom:14px; }
  .home-features { margin-bottom:13px; }
  .home-features span { width:46px; height:46px; margin-bottom:5px; }
  .home-page .unified-login .modal-box { padding:18px 25px 17px; }
  .login-avatar { display:none; }
  .home-page .modal-header { padding-bottom:11px; }
  .home-page .modal-header h3 { font-size:24px; }
  .home-page .form-group { margin-bottom:9px !important; }
  .home-page .form-group input { height:44px; }
  .home-page .btn-primary { min-height:45px; }
  .home-trust { margin-bottom:5px; padding-top:8px; padding-bottom:8px; }
  .home-footer { min-height:34px; padding-top:8px; padding-bottom:8px; font-size:11px; }
}

/* Final compact desktop composition: header, hero, login, benefits and footer remain visible together. */
@media (min-width: 961px) {
  html:has(body.home-page) { height:100%; overflow:hidden; }
  body.home-page {
    height:100svh !important;
    min-height:0 !important;
    max-height:100svh;
    grid-template-rows:78px minmax(0,1fr) 66px 34px;
    overflow:hidden !important;
  }
  .home-page .app-header {
    height:78px !important;
    min-height:78px !important;
    padding-top:8px;
    padding-bottom:8px;
    overflow:hidden;
  }
  .home-page .header-logo-image { width:210px; max-height:53px; }
  .home-nav { gap:clamp(14px,1.8vw,31px); }
  .home-nav a { padding-top:9px; padding-bottom:9px; }
  .home-layout {
    height:100% !important;
    min-height:0 !important;
    padding-top:12px;
    padding-bottom:9px;
    gap:clamp(28px,5vw,76px);
  }
  .hero-banner { min-height:285px; }
  .landing-visuals { inset:-28px -190px -48px 17%; }
  .landing-plane { top:4px; right:215px; width:min(340px,28vw); }
  .landing-globe { width:min(475px,40vw); bottom:-48px; }
  .landing-skyline { bottom:0; width:82%; }
  .hero-badge { margin-bottom:10px; padding:7px 12px; font-size:11px; }
  .hero-title { font-size:clamp(38px,3.25vw,54px); line-height:1.04; }
  .hero-desc { max-width:500px; margin:12px 0 14px; font-size:clamp(15px,1.05vw,16px); line-height:1.38; }
  .home-features { max-width:570px; margin-bottom:12px; }
  .home-features span { width:45px; height:45px; margin-bottom:5px; border-radius:13px; font-size:20px; }
  .home-features>div+div:before { top:11px; bottom:9px; }
  .home-features p { font-size:11px; }
  .hero-primary { min-height:45px; padding:0 22px; font-size:14px; }
  .hero-demo { font-size:13px; }
  .hero-demo>span { width:37px; height:37px; border-width:2px; }
  .home-page .unified-login { width:min(100%,392px); }
  .home-page .unified-login .modal-box { padding:18px 22px 16px; border-top-width:4px; }
  .login-avatar { width:42px; height:42px; margin-bottom:6px; font-size:20px; }
  .home-page .modal-header { padding-bottom:12px; }
  .home-page .modal-header h3 { margin-bottom:4px; font-size:24px; }
  .home-page .modal-header p { font-size:12px; line-height:1.35; }
  .home-page .form-group { margin-bottom:9px !important; }
  .home-page .form-group label { margin-bottom:5px; font-size:12px; }
  .home-page .form-group input { height:42px; padding-left:42px; font-size:13px; }
  .home-input>i,.password-field>i { left:14px; font-size:15px; }
  .password-field button { top:2px; right:3px; width:38px; height:38px; }
  .home-page .btn-primary { min-height:43px; font-size:14px; }
  .home-page #btn-admin-forgot-password { margin-top:9px !important; font-size:13px !important; }
  .home-trust {
    height:66px;
    min-height:0;
    margin:0 auto;
    padding:9px clamp(18px,3vw,42px);
    overflow:hidden;
  }
  .home-trust>div { gap:10px; }
  .home-trust>div+div:before { top:3px; bottom:3px; }
  .home-trust i { font-size:20px; }
  .home-trust b { font-size:12px; }
  .home-trust small { margin-top:1px; font-size:10px; }
  .home-footer { min-height:34px; height:34px; padding-top:8px; padding-bottom:8px; font-size:10px; overflow:hidden; }
}
@media (min-width: 961px) {
  .landing-plane { top:-10px; right:92px; width:min(285px,24vw); }
}

/* Full-bleed landing canvas: the hero is part of the page, never an image-like inner panel. */
@media (min-width: 961px) {
  .home-page { background:var(--hero-gradient); }
  .home-layout {
    width:100%;
    max-width:none;
    margin:0;
    padding-right:max(4vw,calc((100vw - 1600px)/2 + 4vw));
    padding-left:max(4vw,calc((100vw - 1600px)/2 + 4vw));
  }
  .home-layout:after { right:-8%; left:-8%; }
  .home-trust { position:relative; z-index:3; }
}

/* Photorealistic, independently loaded landing visuals. */
@media (min-width: 961px) {
  .landing-globe { width:min(610px,48vw); right:-34px; bottom:-105px; opacity:.76; filter:drop-shadow(0 18px 25px rgba(17,104,200,.16)); }
  .landing-plane { top:-4px; right:120px; width:min(300px,25vw); }
  .landing-skyline { width:106%; left:-4%; bottom:-28px; opacity:.23; filter:saturate(.78); }
}
@media (min-width: 961px) {
  .landing-skyline { z-index:1; }
  .landing-globe { z-index:2; }
  .landing-plane { z-index:3; }
}
@media (min-width: 961px) {
  .landing-globe { right:-145px; bottom:-30px; }
  .landing-plane { right:10px; top:2px; }
}
@media (min-width: 961px) {
  .landing-visuals { overflow:visible; }
  .landing-globe { bottom:-180px; }
}

/* Keep every travel visual complete and clear beside the login card. */
@media (min-width: 961px) {
  .landing-globe {
    width:min(500px,40vw);
    right:85px;
    bottom:-80px;
    opacity:.80;
  }
  .landing-plane {
    right:85px;
    top:0;
    width:min(280px,23vw);
  }
  .home-features { transform:translateY(20px); margin-bottom:32px; }
  .hero-actions { transform:translateY(20px); }
}

/* Place the Dubai skyline immediately above the lower benefit card, separate from the globe. */
@media (min-width: 961px) {
  .landing-skyline { transform:translateY(228px); }
}

/* Skyline rises from the benefit-card line and remains visible through the globe as a lit foreground layer. */
@media (min-width: 961px) {
  .landing-globe { z-index:2; }
  .landing-skyline {
    z-index:3;
    opacity:.38;
    mix-blend-mode:screen;
  }
  .landing-plane { z-index:4; }
}

/* Wider skyline rises from the benefit-card edge and shows behind the globe. */
@media (min-width: 961px) {
  .landing-skyline {
    width:min(1180px, 80vw);
    left:-10%;
    transform:translateY(250px);
  }
}

/* Header brand mark: cropped source artwork with no layout constraints. */
.home-page .header-brand {
  flex:0 0 auto;
  flex-shrink:0;
  display:flex;
  align-items:center;
  line-height:0;
}
.home-page .header-logo-image {
  display:block;
  width:270px;
  height:auto;
  max-width:none;
  max-height:none;
  object-fit:contain;
}

@media (min-width:1500px) {
  body.home-page { grid-template-rows:100px minmax(0,1fr) 66px 34px; }
  .home-page .app-header { height:100px !important; min-height:100px !important; padding-top:6px; padding-bottom:6px; }
}

@media (min-width:961px) and (max-width:1499px) {
  body.home-page { grid-template-rows:84px minmax(0,1fr) 66px 34px; }
  .home-page .app-header { height:84px !important; min-height:84px !important; padding-top:6px; padding-bottom:6px; }
  .home-page .header-logo-image { width:225px; }
}

@media (min-width:681px) and (max-width:960px) {
  .home-page .header-logo-image { width:200px; }
}

@media (max-width:680px) {
  .home-page .header-logo-image { width:185px; }
}

/* Keep the travel illustration soft behind the portal content. */
@media (min-width:961px) {
  .landing-globe { opacity:.58; filter:saturate(.82) brightness(1.08); }
  .landing-plane { opacity:.68; filter:brightness(1.08) saturate(.78) drop-shadow(0 12px 13px rgba(8,77,159,.10)); }
}

/* Anchor skyline to the lower benefit bar and keep the login surface uniform. */
@media (min-width:961px) {
  .home-layout { isolation:isolate; }
  .home-layout::before {
    content:'';
    position:absolute;
    z-index:0;
    right:0;
    bottom:0;
    left:0;
    height:min(270px,43vh);
    background:url('/assets/landing/skyline-base.webp') center bottom / min(1180px,80vw) auto no-repeat;
    opacity:.38;
    filter:saturate(.78);
    pointer-events:none;
  }
  .home-layout::after { background:transparent; }
  .landing-skyline { display:none; }
  .home-page .unified-login .modal-box {
    background-color:#fff !important;
    background-image:none !important;
    box-shadow:0 16px 34px rgba(21,73,153,.10) !important;
  }
  .home-page .unified-login .modal-box::before,
  .home-page .unified-login .modal-box::after {
    background:none !important;
    opacity:0 !important;
  }
}

/* The locked one-screen composition belongs only to the home/login page.
   Marketing pages keep the shared header, but retain their normal document scroll. */
@media (min-width:961px) {
  html:has(body.home-page.features-page) {
    height:auto !important;
    overflow-y:auto !important;
  }
  body.home-page.features-page {
    display:block !important;
    height:auto !important;
    min-height:100vh !important;
    max-height:none !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    grid-template-rows:none !important;
  }
}