:root{
  --bg:#0a0f1e;
  --bg-soft:#0f1530;
  --text:#e6f1ff;
  --muted:#9bb0d9;
  --primary:#35c6ff; /* neon blue */
  --accent:#ff3b6e;  /* neon pink/red for contrast */
  --card:#0b1228;
  --ring: 0 0 12px var(--primary), 0 0 24px color-mix(in srgb, var(--primary) 60%, #000);
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  background: radial-gradient(1200px 600px at -10% -20%, #10335a55, transparent 60%),
              radial-gradient(1000px 600px at 110% 120%, #3c0b2755, transparent 60%),
              var(--bg);
  color:var(--text);
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif;
}
a{color:var(--text); text-decoration:none}
a:hover{color:var(--primary)}
.container{max-width:1200px; margin:0 auto; padding:24px}
.navbar{
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 24px; position:sticky; top:0; z-index:50;
  background: linear-gradient(180deg, rgba(10,15,30,.9), rgba(10,15,30,.7));
  backdrop-filter: blur(8px); border-bottom:1px solid #1b2545;
}
.brand{display:flex; gap:12px; align-items:center; font-weight:800; letter-spacing:.3px; font-size:18px}
.brand img{height:56px; filter: drop-shadow(var(--ring)); border-radius:12px} /* было 36px */
.navlinks{display:flex; gap:18px; align-items:center}
.badge{
  background: linear-gradient(90deg, var(--primary), #6ae1ff);
  color:#00121f; font-weight:700; padding:4px 10px; border-radius:999px; font-size:12px;
}
.btn{
  display:inline-flex; align-items:center; gap:8px;
  padding:12px 18px; border-radius:12px; border:1px solid #1b2545;
  background: linear-gradient(180deg, #0e1733, #0b1228);
  box-shadow: 0 0 0 1px #1b254544, 0 10px 30px -10px #000c1a;
  color:var(--text);
  transition: transform .12s ease, box-shadow .2s ease, border-color .2s ease;
}
.btn:hover{ transform: translateY(-1px); border-color:#26408a; box-shadow: var(--ring); }
.btn.primary{ border-color: #2b9bd1; background: linear-gradient(180deg, #112a4e, #0b1d3d); }
.hero{
  padding:80px 0 40px; display:grid; grid-template-columns: 1.2fr 1fr; gap:32px; align-items:center;
}
.card{
  background: linear-gradient(180deg, #0d142c, #0a1125);
  border:1px solid #1b2545;
  border-radius:20px; padding:22px;
  box-shadow: 0 10px 30px -10px #000c1a, inset 0 0 0 1px #22305f55;
}
.grid{display:grid; gap:18px}
.grid.cols-3{grid-template-columns: repeat(3, 1fr)}
.section{padding:40px 0}
.footer {
  color: var(--muted);
  border-top: 1px solid #1b2545;
  background: linear-gradient(180deg, #0a1227, #091022);
  font-size: 0.9rem;
}
.footer .container {
  gap: 12px;
}
.footer .brand img {
  height: 32px; /* было 40px */
}
.footer .grid a.small {
  line-height: 1.5;
}
.mono{font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}
.small{font-size:12px;color:var(--muted)}
.hero-title{font-size: clamp(28px, 4vw, 44px); line-height:1.1; margin:0 0 12px; text-shadow: 0 0 12px #1798ff55;}
.hero-sub{color:var(--muted); margin:0 0 18px}
.price{font-size:28px; font-weight:800; color:#8bd9ff}
.kbd{border:1px solid #24477d; padding:2px 6px; border-radius:6px; background:#0a1430; color:#8bd9ff}
.lang-toggle{cursor:pointer; opacity:.9}
.hero-radar{
  position:relative; height:300px; border-radius:20px; overflow:hidden; background: radial-gradient(150px 150px at 30% 40%, #1a8dff33, transparent 70%), #061024;
  border:1px solid #1b2545;
}
.hero-radar:before{ /* ЛУЧ ДЛИННЕЕ */
  content:""; position:absolute; inset:-220px;
  background: conic-gradient(from 0deg, #35c6ff22 0%, transparent 25%, transparent 100%);
  animation: sweep 3s linear infinite;
}
@keyframes sweep{to{transform: rotate(360deg)}}
.tag{display:inline-block; padding:6px 10px; border:1px solid #26408a; border-radius:999px; margin:4px 6px 0 0; color:#b8d3ff}
input, textarea{
  width:100%; padding:12px 14px; border-radius:12px; border:1px solid #1b2545;
  background:#0b1228; color:var(--text);
}
form .row{display:grid; gap:12px; grid-template-columns: 1fr 1fr}
/* --- sticky footer layout --- */
html, body {
  height: 100%;
  margin: 0;
  display: flex;
  flex-direction: column;
}
main.container {
  flex: 1; /* растягивает контент, чтобы футер ушёл вниз */
}
/* --- Contact Us modal --- */
.contact-modal {
  width: 480px;              /* раньше, вероятно, 320–360 */
  min-height: 380px;
  padding: 24px 28px;
  background: #0d1329;
  border-radius: 12px;
  box-shadow: 0 0 20px rgba(0, 255, 255, 0.1);
}
.contact-modal textarea {
  min-height: 160px;
  resize: vertical;
}
.btn.danger {
  background: #8b0f2f;
  border: 1px solid #a0163a;
}
.btn.danger:hover {
  filter: brightness(1.1);
}