*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:#071a43;color:#e8eef9;line-height:1.55}
img{max-width:100%;display:block}a{text-decoration:none;color:inherit}
.container{width:min(1180px,92vw);margin:0 auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(4,18,50,.92);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08)}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;padding:16px 0}
.brand-name{font-weight:800;font-size:1.25rem;letter-spacing:-.02em}.brand-sub{font-size:.82rem;color:#aab8db;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.nav{display:flex;gap:28px;align-items:center}.nav a{font-weight:700;color:#dfe7f7}.nav-toggle{display:none;background:none;border:none;color:#fff;font-size:1.6rem}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:16px;font-weight:800;transition:.2s ease;border:1px solid transparent}
.btn-small{padding:12px 18px;border-radius:14px}.btn-solid{background:#f5f7fb;color:#071a43}.btn-solid:hover{transform:translateY(-1px);background:#fff}
.btn-outline{border-color:rgba(255,255,255,.18);color:#f2f6ff;background:rgba(255,255,255,.03)}.btn-outline:hover{background:rgba(255,255,255,.08)}
.hero{padding:72px 0 70px;background:radial-gradient(circle at 20% 20%, rgba(16,78,177,.22), transparent 30%), linear-gradient(180deg,#05173f 0%,#071d4c 100%)}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.eyebrow{font-size:.88rem;text-transform:uppercase;letter-spacing:.18em;color:#8fb2ff;font-weight:800;margin-bottom:22px}.eyebrow-dark{color:#6f8dd9}
h1{font-size:clamp(3rem,7vw,6rem);line-height:.98;letter-spacing:-.05em;margin:0 0 18px;font-weight:800}
.hero-lead{font-size:2rem;line-height:1.1;font-weight:800;margin:0 0 10px}
.hero-support,.hero-hook{font-size:1.25rem;max-width:760px;color:#d7e2fa;margin:0 0 12px}
.hero-hook{font-weight:700;color:#ffffff}
.cta-row{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0 24px}
.pill-row{display:flex;gap:12px;flex-wrap:wrap}.pill{padding:10px 16px;border:1px solid rgba(255,255,255,.14);border-radius:999px;font-weight:700;color:#dfe7f7;background:rgba(255,255,255,.03)}
.micro-copy{margin-top:14px;color:#adbcdf;font-size:.98rem}
.hero-art-card{padding:26px;border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04));box-shadow:0 24px 60px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.06)}
.hero-art-card img{border-radius:6px;box-shadow:0 18px 48px rgba(0,0,0,.38)}
.section{padding:84px 0;background:#081c49}.section-light{background:#f6f8fc;color:#0b1b40}.section-light h2,.section-light h3{color:#091b44}.section-light p,.section-light li{color:#31446e}
h2{font-size:clamp(2rem,3vw,3rem);line-height:1.08;letter-spacing:-.03em;margin:0 0 26px;font-weight:800}
.cards{display:grid;gap:22px}.three-up{grid-template-columns:repeat(3,minmax(0,1fr))}
.card{padding:28px;border-radius:24px;background:#ffffff;box-shadow:0 12px 32px rgba(14,29,77,.08)}.card h3{margin:0 0 12px;font-size:1.25rem;line-height:1.15}
.card p{margin:0}.dark-card{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.025));box-shadow:none;border:1px solid rgba(255,255,255,.08)}.dark-card h3,.dark-card p{color:#edf3ff}
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:start}.narrow{max-width:1060px}
.panel{padding:28px;border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.08)}
.panel-title{font-size:.92rem;font-weight:800;text-transform:uppercase;letter-spacing:.15em;color:#8fb2ff;margin-bottom:18px}
.feature-list,.plain-list{margin:0;padding-left:20px}.feature-list li,.plain-list li{margin:0 0 10px}
.status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.status-item{padding:16px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07)}
.status-item span{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:#9ab6fb;font-weight:800;margin-bottom:6px}.status-item strong{font-size:1.05rem}
.contact-section{padding-bottom:96px}
.contact-card{padding:28px;border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.08);display:grid;gap:16px}
.contact-card label{display:grid;gap:8px;font-weight:700}
input,textarea{width:100%;padding:14px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#fff;font:inherit}
input::placeholder,textarea::placeholder{color:#9fb0d7}.form-note{margin:0;color:#9fb0d7;font-size:.92rem}
.site-footer{padding:24px 0;background:#041232;border-top:1px solid rgba(255,255,255,.08)}.footer-wrap{display:flex;justify-content:space-between;align-items:center;gap:24px}
.footer-note{color:#aab8db;font-size:.95rem;margin-top:6px}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.footer-links a{color:#dfe7f7;font-weight:700}
@media (max-width: 980px){.hero-grid,.split,.three-up{grid-template-columns:1fr}.hero{padding-top:48px}.hero-art-card{max-width:620px}.status-grid{grid-template-columns:1fr 1fr}}
@media (max-width: 760px){.nav-toggle{display:block}.nav{display:none;position:absolute;right:4vw;top:74px;flex-direction:column;align-items:flex-start;background:#071a43;padding:18px;border-radius:18px;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 40px rgba(0,0,0,.24)}.nav.open{display:flex}.brand-name{font-size:1.02rem}.brand-sub{font-size:.72rem}h1{font-size:3.1rem}.hero-lead{font-size:1.45rem}.hero-support,.hero-hook{font-size:1.08rem}.footer-wrap{flex-direction:column;align-items:flex-start}}
