.landing-page { background: #f8fafc; color: #0f172a; }
.landing-skip-link { position: fixed; z-index: 50; left: 1rem; top: -5rem; border-radius: .5rem; background: #fff; color: #1d4ed8; padding: .625rem 1rem; font-size: .875rem; font-weight: 700; box-shadow: 0 10px 25px rgb(0 0 0 / .18); }
.landing-skip-link:focus { top: 1rem; }
.landing-hero-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 63% center; }
.landing-hero-overlay { background: linear-gradient(90deg, rgb(2 12 30 / .96) 0%, rgb(2 12 30 / .82) 39%, rgb(2 12 30 / .32) 74%, rgb(2 12 30 / .4) 100%), linear-gradient(0deg, rgb(2 12 30 / .52), transparent 35%); }
.landing-hero-grid { opacity: .18; background-image: linear-gradient(rgb(148 163 184 / .2) 1px, transparent 1px), linear-gradient(90deg, rgb(148 163 184 / .2) 1px, transparent 1px); background-size: 5rem 5rem; mask-image: linear-gradient(to bottom, transparent, black 20%, black 80%, transparent); }
.landing-nav-action, .landing-primary-action, .landing-closing-action { display: inline-flex; align-items: center; justify-content: center; gap: .6rem; border-radius: .55rem; font-size: .875rem; font-weight: 700; transition: transform 150ms ease, background-color 150ms ease, border-color 150ms ease; }
.landing-nav-action { border: 1px solid rgb(255 255 255 / .24); padding: .65rem .9rem; color: #fff; background: rgb(15 23 42 / .35); }.landing-nav-action:hover { background: rgb(255 255 255 / .13); }
.landing-primary-action { background: #fff; color: #0f2858; padding: .85rem 1.15rem; box-shadow: 0 10px 24px rgb(0 0 0 / .18); }.landing-primary-action:hover, .landing-closing-action:hover { transform: translateY(-1px); }
.landing-eyebrow { display: inline-flex; align-items: center; gap: .55rem; color: #bfdbfe; font-size: .72rem; font-weight: 800; letter-spacing: .16em; }.landing-eyebrow-dot, .landing-status-dot { display: inline-block; width: .48rem; height: .48rem; border-radius: 999px; background: #60a5fa; box-shadow: 0 0 0 .22rem rgb(96 165 250 / .18); }.landing-status-dot { width: .34rem; height: .34rem; box-shadow: none; background: #5eead4; }
.landing-feature-card { border: 1px solid #e2e8f0; border-radius: 1rem; background: #fff; padding: 1.5rem; box-shadow: 0 1px 2px rgb(15 23 42 / .03); }.landing-feature-card h3 { margin-top: 1.2rem; font-size: 1.05rem; font-weight: 750; color: #0f172a; }.landing-feature-card p { margin-top: .5rem; font-size: .925rem; line-height: 1.55; color: #64748b; }.landing-feature-icon { display: flex; align-items: center; justify-content: center; height: 2.7rem; width: 2.7rem; border-radius: .75rem; }.landing-feature-icon svg { height: 1.4rem; width: 1.4rem; }
.landing-closing { position: relative; background: radial-gradient(circle at 85% 15%, rgb(30 64 175 / .75), transparent 34%), linear-gradient(115deg, #07152e, #0f2b5e); box-shadow: 0 20px 40px rgb(15 23 42 / .12); }.landing-closing-action { flex: none; background: #fff; color: #12306b; padding: .85rem 1.15rem; }
@media (max-width: 640px) { .landing-hero-image { object-position: 66% center; }.landing-hero-overlay { background: linear-gradient(90deg, rgb(2 12 30 / .92), rgb(2 12 30 / .62)), linear-gradient(0deg, rgb(2 12 30 / .6), transparent 40%); } }