:root{
  --bg:#0b1420; --header:#0e1a2bcc; --card:#12233a; --card2:#0f1e33; --bd:#223c5c; --bd2:#1c3252;
  --accent:#2f8bff; --accent2:#3d9bff; --text:#eaf1fb; --muted:#8aa0bd;
  --success:#5fe098; --danger:#ff7a7a; --amber:#ffc24b;
}
*{box-sizing:border-box; -webkit-tap-highlight-color:transparent;}
html{scroll-behavior:smooth;}
html,body{margin:0; padding:0; background:var(--bg); color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-size:16px; line-height:1.65;}
body{background:
  radial-gradient(900px 480px at 85% -120px, rgba(47,139,255,.14), transparent 60%),
  radial-gradient(700px 420px at -10% 30%, rgba(61,155,255,.07), transparent 60%),
  var(--bg);}
body.lang-ru [data-l=en]{display:none;}
body.lang-en [data-l=ru]{display:none;}
a{color:var(--accent2);}
::selection{background:rgba(47,139,255,.35);}

header.top{display:flex; align-items:center; gap:12px; padding:14px 20px; background:var(--header);
  backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  border-bottom:1px solid var(--bd2); position:sticky; top:0; z-index:5;}
header.top .brand{display:flex; align-items:center; gap:10px; font-size:17px; font-weight:600;
  letter-spacing:.5px; color:var(--text); text-decoration:none;}
header.top nav{margin-left:auto; display:flex; align-items:center; gap:6px; flex-wrap:wrap;}
header.top nav a{color:var(--muted); text-decoration:none; font-size:14px; padding:6px 10px; border-radius:10px;}
header.top nav a:hover{color:var(--text); background:rgba(47,139,255,.10);}
.lang{display:inline-flex; border:1px solid var(--bd); border-radius:20px; overflow:hidden; margin-left:4px;}
.lang button{background:none; border:none; color:var(--muted); font:inherit; font-size:13px;
  padding:5px 11px; cursor:pointer;}
.lang button.on{background:var(--accent); color:#fff;}

main{max-width:960px; margin:0 auto; padding:28px 20px 80px;}
.wrap-narrow{max-width:780px;}
h1{font-size:34px; line-height:1.22; margin:8px 0 14px; font-weight:800; letter-spacing:-.5px;}
h2{font-size:23px; line-height:1.3; margin:44px 0 12px; font-weight:700; letter-spacing:-.3px;}
h3{font-size:16px; margin:22px 0 8px; font-weight:600; color:var(--accent2);}
p{margin:10px 0;}
ul,ol{margin:10px 0; padding-left:22px;}
li{margin:6px 0;}
small,.muted{color:var(--muted); font-size:14px;}
code{background:rgba(127,140,170,.16); padding:1px 6px; border-radius:6px;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:.9em;}
.kicker{display:block; font-size:13px; font-weight:700; letter-spacing:1.6px; text-transform:uppercase;
  color:var(--accent2); margin:40px 0 -6px;}
.kicker+h2{margin-top:8px;}

.card{background:var(--card); border:1px solid var(--bd); border-radius:16px; padding:18px 20px; margin:14px 0;}
.grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:14px; margin:16px 0;}
.grid .card{margin:0; transition:transform .18s ease, border-color .18s ease;}
.grid .card:hover{transform:translateY(-3px); border-color:#2f5c96;}
.grid .card h3{margin-top:0;}
.card .ic{display:inline-flex; align-items:center; justify-content:center; width:38px; height:38px;
  border-radius:11px; background:rgba(47,139,255,.14); margin-bottom:10px;}
.card .ic svg{width:20px; height:20px; stroke:var(--accent2); fill:none; stroke-width:1.9;
  stroke-linecap:round; stroke-linejoin:round;}

.hero{display:flex; gap:34px; align-items:center; flex-wrap:wrap; padding:26px 0 6px;}
.hero .txt{flex:1 1 340px;}
.hero h1{margin-top:0;}
.hero h1 .hl{background:linear-gradient(92deg,#4aa3ff,#8cc6ff); -webkit-background-clip:text;
  background-clip:text; color:transparent;}
.hero p.lead{font-size:17px; color:#cfe0f5; max-width:540px;}
.hero .vis{flex:0 1 300px; display:flex; flex-direction:column; align-items:center; gap:0;}
.btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; background:var(--accent);
  color:#fff; text-decoration:none; border-radius:24px; padding:12px 22px; font-size:15px; font-weight:600;
  border:none; cursor:pointer; box-shadow:0 6px 22px rgba(47,139,255,.30); transition:transform .15s ease;}
.btn:hover{transform:translateY(-1px);}
.btn.ghost{background:transparent; border:1px solid var(--bd); color:var(--text); font-weight:500; box-shadow:none;}
.btns{display:flex; gap:10px; flex-wrap:wrap; margin-top:18px;}
.trust{display:flex; gap:8px 18px; flex-wrap:wrap; margin-top:16px; padding:0; list-style:none;}
.trust li{margin:0; color:var(--muted); font-size:13.5px; display:flex; align-items:center; gap:6px;}
.trust li::before{content:"✓"; color:var(--success); font-weight:700;}

.chips{display:flex; flex-wrap:wrap; gap:8px; margin:14px 0 4px; padding:0; list-style:none;}
.chips li{margin:0; border:1px solid var(--bd); background:var(--card2); color:#c7d8ef;
  border-radius:999px; padding:6px 14px; font-size:13.5px; white-space:nowrap;}
.chips li.more{border-style:dashed; color:var(--muted);}

.mock{width:min(320px,92vw); background:var(--card2); border:1px solid var(--bd); border-radius:18px;
  padding:14px; margin-top:6px; box-shadow:0 18px 50px rgba(0,0,0,.35); font-size:13.5px; line-height:1.5;}
.mock .mhead{display:flex; align-items:center; gap:8px; color:var(--muted); font-size:12.5px;
  padding-bottom:9px; border-bottom:1px solid var(--bd2); margin-bottom:10px;}
.mock .dot{width:8px; height:8px; border-radius:50%; background:var(--success); box-shadow:0 0 8px var(--success);}
.mock .msg{background:#152a45; border:1px solid var(--bd2); border-radius:4px 14px 14px 14px;
  padding:10px 12px; margin:8px 0;}
.mock .mtitle{font-weight:700; margin-bottom:4px;}
.mock .mline{color:#c7d8ef;}
.mock .mtask{display:flex; gap:7px; margin-top:6px; color:#c7d8ef;}
.mock .mtask .who{color:var(--accent2); font-weight:600; white-space:nowrap;}
.mock .mdate{color:var(--amber); white-space:nowrap;}

.steps{counter-reset:st; list-style:none; padding:0;}
.steps li{counter-increment:st; position:relative; padding-left:40px; margin:14px 0;}
.steps li::before{content:counter(st); position:absolute; left:0; top:1px; width:26px; height:26px;
  border-radius:50%; background:var(--accent); color:#fff; font-size:14px; font-weight:600;
  display:flex; align-items:center; justify-content:center;}
.steps3{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px;
  counter-reset:s3; list-style:none; padding:0; margin:18px 0;}
.steps3 li{counter-increment:s3; margin:0; background:var(--card); border:1px solid var(--bd);
  border-radius:16px; padding:18px 20px 16px;}
.steps3 li::before{content:counter(s3); display:flex; align-items:center; justify-content:center;
  width:30px; height:30px; border-radius:50%; background:linear-gradient(135deg,#2f8bff,#7db8ff);
  color:#fff; font-weight:700; font-size:15px; margin-bottom:10px;}
.steps3 b{display:block; margin-bottom:4px;}

table{width:100%; border-collapse:collapse; margin:14px 0; font-size:14px; display:block; overflow-x:auto;}
th,td{border:1px solid var(--bd); padding:9px 12px; text-align:left; vertical-align:top;}
th{background:rgba(47,139,255,.10); font-weight:600;}
.note{border-left:3px solid var(--amber); background:rgba(255,194,75,.07); border-radius:0 12px 12px 0;
  padding:12px 16px; margin:16px 0;}

.faq details{background:var(--card); border:1px solid var(--bd); border-radius:14px;
  padding:0 18px; margin:10px 0;}
.faq summary{cursor:pointer; font-weight:600; padding:14px 26px 14px 0; list-style:none; position:relative;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"+"; position:absolute; right:2px; top:50%; transform:translateY(-50%);
  color:var(--accent2); font-size:20px; font-weight:400; transition:transform .18s ease;}
.faq details[open] summary::after{transform:translateY(-50%) rotate(45deg);}
.faq details p{margin-top:0; color:#cfe0f5;}

.price-card{background:linear-gradient(160deg,#13294a,#0f1e33); border:1px solid #2f5c96;
  border-radius:20px; padding:26px 28px; margin:16px 0; display:flex; gap:20px 40px;
  align-items:center; flex-wrap:wrap;}
.price-card .pnum{font-size:38px; font-weight:800; letter-spacing:-1px; white-space:nowrap;}
.price-card .pnum small{font-size:15px; font-weight:500; color:var(--muted); letter-spacing:0;}
.price-card ul{margin:0; padding-left:20px; font-size:14.5px; color:#cfe0f5;}

.cta-band{background:linear-gradient(135deg,#1d4d92,#2f8bff); border-radius:22px; text-align:center;
  padding:38px 24px; margin:46px 0 10px; box-shadow:0 18px 60px rgba(47,139,255,.25);}
.cta-band h2{margin:0 0 8px; font-size:26px;}
.cta-band p{color:#e3efff; max-width:520px; margin:6px auto 18px;}
.cta-band .btn{background:#fff; color:#14406e; box-shadow:0 8px 26px rgba(0,0,0,.25);}

.landlinks{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:10px;
  margin:16px 0; padding:0; list-style:none;}
.landlinks li{margin:0;}
.landlinks a{display:block; background:var(--card2); border:1px solid var(--bd); border-radius:13px;
  padding:12px 16px; color:#c7d8ef; text-decoration:none; font-size:14.5px; transition:border-color .15s ease;}
.landlinks a:hover{border-color:#2f5c96; color:var(--text);}
.landlinks a::after{content:" →"; color:var(--accent2);}

.crumbs{font-size:13.5px; color:var(--muted); margin:4px 0 0;}
.crumbs a{color:var(--muted); text-decoration:none;}
.crumbs a:hover{color:var(--text);}

footer{border-top:1px solid var(--bd2); padding:22px 20px 40px; color:var(--muted); font-size:14px;}
footer .in{max-width:960px; margin:0 auto; display:flex; gap:18px; flex-wrap:wrap; align-items:center;}
footer a{color:var(--muted); text-decoration:none;}
footer a:hover{color:var(--text);}

.eye{transform-box:fill-box; transform-origin:center; animation:blink 4.2s infinite;}
@keyframes blink{0%,93%,100%{transform:scaleY(1)} 96%{transform:scaleY(.08)}}
@media(max-width:560px){
  h1{font-size:26px;} h2{font-size:20px;}
  main{padding:20px 16px 60px;} header.top{padding:12px 14px;}
  .price-card .pnum{font-size:30px;}
}