:root{--bg:#07182a;--ink:#e9f3ff;--muted:#abc0d2;--accent:#39d4bb;--panel:#112c44}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
a{color:inherit}a:hover{color:var(--accent)}.wrap{max-width:1160px;margin:auto;padding:0 24px}.notice{padding:9px 24px;text-align:center;background:#15384b;color:#c7ecfa;font-size:12px;letter-spacing:.08em}
header{position:sticky;top:0;z-index:10;background:#07182aef;border-bottom:1px solid #29485a}header .wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:72px;flex-wrap:wrap}
.logo{font-size:22px;font-weight:800;text-decoration:none}.logo span{color:var(--accent)}nav{display:flex;flex-wrap:wrap;gap:17px;font-size:13px}nav a{text-decoration:none}
.hero{padding:80px 0 65px;background:radial-gradient(circle at 80% 20%,#17627a 0,transparent 44%),linear-gradient(135deg,#091b30,#0d2d45)}
.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.18em;font-weight:700;font-size:12px}h1{font-size:clamp(36px,5.5vw,70px);line-height:1.07;max-width:900px;margin:14px 0 20px}h2{font-size:clamp(27px,3vw,40px);line-height:1.2;margin:10px 0 16px}h3{margin:0 0 10px}.lead{font-size:20px;max-width:760px;color:#c3d7e5}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-block;background:var(--accent);color:#062333;padding:12px 19px;border-radius:9px;text-decoration:none;font-weight:700}.btn.alt{background:transparent;color:white;border:1px solid #7295aa}
section{padding:65px 0}.soft{background:#0d2339}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.card{background:var(--panel);border:1px solid #28506b;border-radius:14px;padding:22px}.card p{color:var(--muted);margin:0}.video-card{padding:0;overflow:hidden}.video-card video{display:block;width:100%;aspect-ratio:16/9;background:#000}.video-card .copy{padding:18px}.video-card h3{font-size:19px}
.photo{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:9px}.tag{display:inline-block;font-size:11px;letter-spacing:.08em;color:#a7eedc;text-transform:uppercase;margin-bottom:8px}
aside{border-left:3px solid var(--accent);padding:15px 20px;background:#123247;color:#d6e8f2;margin-top:24px}footer{padding:32px 0;border-top:1px solid #2c4a61;color:var(--muted);font-size:13px}
.small{font-size:13px}.tabs{display:flex;gap:10px;flex-wrap:wrap}.tabs a{padding:7px 11px;border:1px solid #42657b;border-radius:20px;text-decoration:none;font-size:13px}
@media(max-width:650px){.hero{padding:52px 0}.wrap{padding:0 18px}nav{gap:10px}}