/* Original WEB-1.1.0 cover. Keep its visual identity separate from report surfaces. */
.landing-screen { position:fixed; inset:0; width:100%; height:100svh; overflow:hidden; background:#03080d; color:#edf5f4; color-scheme:dark; --text:#edf5f4; --teal:#55d7c6; --teal-soft:#9aeee0; }
.landing-screen :focus-visible { outline-color:var(--teal-soft); }
.landing-screen .liquid-glass {
  position: relative;
  overflow: hidden;
  background: rgba(255, 255, 255, .025);
  background-blend-mode: luminosity;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border: 0;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, .11), 0 12px 40px rgba(0, 0, 0, .16);
}
.landing-screen .liquid-glass::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1.2px;
  background: linear-gradient(180deg, rgba(255,255,255,.42), rgba(255,255,255,.12) 24%, transparent 42%, transparent 60%, rgba(255,255,255,.12) 82%, rgba(255,255,255,.36));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
.landing-screen .hero { position: relative; min-height: 100svh; overflow: hidden; background: #03080d; }
.landing-screen .hero-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 54% center; }
.landing-screen .hero-shade { position: absolute; inset: 0; background: radial-gradient(circle at 62% 42%, transparent 0 17%, rgba(3,8,13,.16) 40%, rgba(3,8,13,.62) 82%), linear-gradient(90deg, rgba(3,8,13,.76) 0%, rgba(3,8,13,.23) 52%, rgba(3,8,13,.34) 100%), linear-gradient(0deg, rgba(3,8,13,.8), transparent 55%); }
.landing-screen .hero-grain { position: absolute; inset: 0; opacity: .13; mix-blend-mode: soft-light; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.24'/%3E%3C/svg%3E"); }
.landing-screen .site-header { position: absolute; top: 0; left: 0; right: 0; z-index: 20; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 20px; padding: 22px clamp(20px, 4vw, 64px); }
.landing-screen .brand { display: inline-flex; align-items: center; gap: 11px; width: max-content; font-size: 18px; font-weight: 560; letter-spacing: -.02em; }
.landing-screen .brand-mark { width: 34px; height: 24px; display: grid; place-items: center; }
.landing-screen .brand-mark svg { width: 34px; height: 24px; }
.landing-screen .nav-pill { display: flex; align-items: center; gap: 2px; padding: 7px; border-radius: 16px; }
.landing-screen .nav-pill a, .landing-screen .nav-pill button { border: 0; color: rgba(238,246,245,.67); background: transparent; padding: 9px 14px; border-radius: 10px; cursor: pointer; transition: background .22s ease, color .22s ease; }
.landing-screen .nav-pill a:hover, .landing-screen .nav-pill button:hover, .landing-screen .nav-pill .active { color: #fff; background: rgba(255,255,255,.09); }
.landing-screen .header-actions { justify-self: end; display: flex; gap: 10px; }
.landing-screen .mobile-toggle { width:44px; height:44px; display: none; justify-self: end; border: 0; color: white; padding: 11px; border-radius: 12px; cursor: pointer; }
.landing-screen .mobile-toggle svg { width:22px; height:22px; }
.landing-screen .mobile-nav { display: none; }
.landing-screen .btn { font-size:16px; display: inline-flex; justify-content: center; align-items: center; gap: 9px; min-height: 46px; padding: 0 21px; border-radius: 999px; border: 1px solid transparent; cursor: pointer; font-weight: 520; transition: transform .2s ease, background .2s ease, border-color .2s ease; }
.landing-screen .btn:hover { transform: translateY(-1px); }
.landing-screen .btn-primary { color: #061116; background: #eef8f6; }
.landing-screen .btn-primary:hover { background: #fff; }
.landing-screen .btn-ghost { color: var(--text); border-color: rgba(255,255,255,.16); background: rgba(6,15,21,.24); }
.landing-screen .btn-ghost:hover { background: rgba(255,255,255,.07); border-color: rgba(255,255,255,.28); }
.landing-screen .btn-dark { color: var(--text); background: #11242d; border-color: var(--line); }
.landing-screen .hero-copy { position: absolute; z-index: 10; left: clamp(24px, 5.2vw, 84px); bottom: clamp(44px, 7vh, 82px); width: min(700px, calc(100% - 48px)); }
.landing-screen .eyebrow { margin: 0 0 18px; color: var(--teal-soft); font-size: 12px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; }
.landing-screen .hero h1 { margin: 0 0 20px; max-width: 690px; font-size: clamp(42px, 5.4vw, 76px); line-height: 1.05; font-weight: 480; letter-spacing: -.055em; text-wrap: balance; }
.landing-screen .hero-copy > p:not(.eyebrow) { max-width: 680px; margin: 0 0 30px; color: rgba(236,245,244,.68); font-size: clamp(15px, 1.3vw, 18px); line-height: 1.82; }
.landing-screen .hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.landing-screen .hero-note { display: flex; align-items: center; gap: 9px; margin-top: 22px; color: rgba(236,245,244,.54); font-size: 12px; }
.landing-screen .hero-note::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--teal); box-shadow: 0 0 16px var(--teal); }



.landing-screen .hero { width:100%; height:100svh; min-height:0; }
.landing-screen .hero-copy { max-height:calc(100svh - 132px); overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; padding:8px 8px 8px 0; }
.landing-screen .hero-video.failed { display:none; }
@media (max-width:980px) {
 .landing-screen .site-header { grid-template-columns:1fr auto; }
 .landing-screen .nav-pill,.landing-screen .header-actions { display:none; }
 .landing-screen .mobile-toggle { display:inline-grid; place-items:center; }
 .landing-screen .mobile-nav.open { position:absolute; top:78px; left:18px; right:18px; display:grid; gap:5px; padding:14px; border-radius:18px; }
 .landing-screen .mobile-nav a { padding:14px; border-radius:12px; color:rgba(255,255,255,.75); }
 .landing-screen .mobile-nav a:hover { color:white; background:rgba(255,255,255,.08); }
}
@media (max-width:700px) {
 .landing-screen .hero-video { object-position:60% center; }
 .landing-screen .hero-shade { background:linear-gradient(0deg,rgba(3,8,13,.9) 0%,rgba(3,8,13,.24) 67%),linear-gradient(90deg,rgba(3,8,13,.5),rgba(3,8,13,.14)); }
 .landing-screen .brand { font-size:16px; }
 .landing-screen .hero-copy { bottom:22px; max-height:calc(100svh - 105px); }
 .landing-screen .hero h1 { font-size:42px; }
 .landing-screen .hero-copy>p:not(.eyebrow) { font-size:14px; line-height:1.72; }
 .landing-screen .hero-actions .btn { flex:1 1 145px; font-size:14px; padding:0 15px; white-space:nowrap; }
}
@media (max-height:690px) {
 .landing-screen .hero-copy { bottom:18px; max-height:calc(100svh - 98px); }
 .landing-screen .hero h1 { font-size:clamp(34px,7vh,58px); margin-bottom:12px; }
 .landing-screen .hero-copy>p:not(.eyebrow) { margin-bottom:18px; line-height:1.55; }
}
@media (prefers-reduced-motion:reduce) {
 .landing-screen .hero-video { display:none; }
 .landing-screen .hero { background:radial-gradient(circle at 64% 35%,#16323d,#071017 44%,#03080d 80%); }
}