:root{
  --bg: #0b1020;
  --bg-soft: #0f1730;
  --card: #121a39;
  --text: #e9eefc;
  --muted: #b5c0e7;
  --brand: #49d6c2;
  --brand-2:#4f8ef7;
  --accent:#ffd166;
  --shadow: 0 10px 30px rgba(0,0,0,.35);
  --radius: 18px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  color: var(--text);
  background:
    radial-gradient(1200px 800px at 85% -20%, rgba(79,142,247,.25), transparent 60%),
    radial-gradient(900px 600px at -10% 20%, rgba(73,214,194,.18), transparent 55%),
    var(--bg);
  min-height:100vh;
}

.container{max-width:1200px;margin:0 auto;padding:0 20px}
a{color:var(--brand)}
a.btn, button.btn{
  display:inline-block;background: linear-gradient(135deg,var(--brand),var(--brand-2));
  color:#04101b;text-decoration:none;font-weight:700;
  padding:14px 22px;border-radius:12px;border:0;cursor:pointer;
  transition:transform .15s ease, box-shadow .15s ease; box-shadow: var(--shadow);
}
a.btn:hover, button.btn:hover{transform:translateY(-1px)}
a.btn.secondary{
  background: transparent; border:1.5px solid var(--brand-2); color: var(--text);
}

.nav{
  position:sticky; top:0; background: rgba(11,16,32,.7); backdrop-filter: blur(8px);
  border-bottom:1px solid rgba(255,255,255,.06); z-index:50;
}
.nav-inner{display:flex; align-items:center; justify-content:space-between; padding:14px 0}
.brand{display:flex; align-items:center; gap:12px; text-decoration:none; color:var(--text)}
.brand img{height:36px;width:36px;border-radius:10px}
.brand .name{font-weight:800; letter-spacing:.3px}

.menu{display:flex; gap:18px; align-items:center}
.menu a{color:var(--muted); text-decoration:none; font-weight:600}
.menu a.active, .menu a:hover{color:var(--text)}
.burger{display:none}

.hero{
  padding:80px 0 40px; text-align:center;
}
.hero h1{font-size:48px; line-height:1.1; margin:18px 0}
.hero p{color:var(--muted); font-size:18px; max-width:820px; margin:0 auto 26px}
.hero .cta{display:flex; gap:14px; justify-content:center; flex-wrap:wrap}

.kpis{
  display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin:36px auto 14px; max-width:1000px;
}
.kpis .k{background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); border-radius:var(--radius);
  padding:18px}
.k .v{font-size:30px; font-weight:900}
.k .t{color:var(--muted); font-size:14px}

.section{padding:56px 0}
.grid-3{display:grid; grid-template-columns:repeat(3,1fr); gap:18px}
.grid-2{display:grid; grid-template-columns:repeat(2,1fr); gap:18px}
.card{
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.09); border-radius: var(--radius); padding:22px; box-shadow: var(--shadow);
}
.card h3{margin:8px 0 8px}
.card p{color:var(--muted)}

.badge{display:inline-block; padding:6px 10px; background:#0b2137; color:var(--brand);
  border:1px solid rgba(73,214,194,.45); border-radius:999px; font-weight:700; font-size:12px}

.section h2{font-size:34px; margin:0 0 10px}
.sub{color:var(--muted); margin:0 0 24px}

.process{counter-reset:step}
.step{display:flex; gap:14px; align-items:flex-start}
.step .num{flex:0 0 36px; height:36px; border-radius:10px; background:linear-gradient(135deg,var(--brand-2),var(--brand));
  display:grid; place-items:center; font-weight:900; color:#04101b}
.step p{margin:8px 0 0; color:var(--muted)}

.testi{display:flex; gap:18px; flex-wrap:wrap}
.quote{flex:1 1 280px; background:#0d1a35; border:1px solid rgba(255,255,255,.08); border-radius:14px; padding:16px}
.quote .name{font-weight:800}

.footer{
  border-top:1px solid rgba(255,255,255,.08); background:#0a0f1f; margin-top:50px; padding:28px 0;
  color:var(--muted)
}
.footer .cols{display:grid; grid-template-columns:2fr 1fr 1fr; gap:20px}
.footer a{color:var(--muted); text-decoration:none}
.footer a:hover{color:var(--text)}

.hero img.logo-large{width:86px;height:86px;border-radius:16px;box-shadow:var(--shadow)}

table{width:100%; border-collapse:separate; border-spacing:0 10px}
td,th{padding:12px 14px; text-align:left}
tr{background:#0f1a37; border:1px solid rgba(255,255,255,.06)}
th{background:transparent; color:#9fb0e4}

.notice{font-size:12px; color:#9fb0e4}

@media (max-width: 900px){
  .grid-3{grid-template-columns:1fr}
  .grid-2{grid-template-columns:1fr}
  .kpis{grid-template-columns:repeat(2,1fr)}
  .footer .cols{grid-template-columns:1fr}
  .burger{display:block; background:none; border:0; color:var(--text); font-size:26px}
  .menu{display:none; position:absolute; top:58px; right:20px; background:#0a1024; padding:16px; border-radius:12px; border:1px solid rgba(255,255,255,.08)}
  .menu.show{display:flex; flex-direction:column; gap:10px}
}