/* Minimal responsive one-pager: promo + plans */
:root{
  --bg:#001640;
  --ink:#ffffff;
  --teal:#20d6c1;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--ink)}

.nav{position:sticky;top:0;z-index:10;background:var(--bg)}
.nav-inner{max-width:1200px;margin:0 auto;min-height:140px;display:flex;align-items:center;justify-content:space-between;padding:20px}
.logo{height:100px;width:auto;object-fit:contain}
.links{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;height:100%}
.links a{
  color:#20d6c1;
  text-decoration:none;
  font-weight:700;
  margin:4px 0;
  font-size:8px;
}
.links a:hover{text-decoration:underline}

.hero,.plans{display:flex;justify-content:center}
.hero{padding:20px 20px 10px}
.plans{padding:10px 20px 40px}

.hero-img,.plans-img{width:min(1200px, 96vw);height:auto;display:block;border-radius:14px}

.contact{
  max-width:1200px;margin:30px auto 80px;
  text-align:center;padding:10px 20px;
}
.contact h2{margin:0 0 10px;font-size:44px;color:#ffffff}
.contact .mail{color:#20d6c1;font-size:22px;text-decoration:none}
.contact .mail:hover{text-decoration:underline}