:root{--bg:#031724;--panel:#082233;--line:#17475d;--text:#f4f8fb;--muted:#a9c9da;--accent:#28efad;--cyan:#35d9ff}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.65}
a{color:var(--cyan);text-decoration:none}.wrap{max-width:1120px;margin:auto;padding:0 24px}
header{border-bottom:1px solid var(--line);background:#02121d}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{font-size:22px;font-weight:800;color:#69f2d1}.navlinks{display:flex;gap:24px;flex-wrap:wrap}.navlinks a{color:#c7dce7;font-weight:700}
.hero{padding:72px 0 42px}.eyebrow{color:var(--accent);font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:13px}
h1{font-size:clamp(38px,6vw,66px);line-height:1.05;margin:12px 0 20px;max-width:900px}h2{font-size:28px;margin-top:42px}
.lead{font-size:19px;color:var(--muted);max-width:850px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px;padding:20px 0 70px}
.card,.section{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:25px}.card h2{margin:0 0 10px;font-size:22px}.card p,.section p{color:var(--muted)}
.btn{display:inline-block;margin-top:10px;padding:10px 15px;border:1px solid #1e7796;border-radius:9px;font-weight:700}
.article{max-width:900px;padding-bottom:70px}.crumbs{padding-top:26px;color:var(--muted);font-size:14px}.links{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.links a{border:1px solid var(--line);padding:9px 13px;border-radius:9px}
.faq{margin-top:38px}footer{border-top:1px solid var(--line);padding:30px 0;color:var(--muted)}
@media(max-width:650px){.nav{height:auto;padding:18px 0;align-items:flex-start;flex-direction:column}.navlinks{gap:13px}.hero{padding-top:45px}}