:root{
  --bg:#0f172a;
  --surface:#0b1224;
  --elev:#111827;
  --muted:#94a3b8;
  --text:#e5e7eb;
  --accent:#5eead4;
  --accent-2:#60a5fa;
  --danger:#ef4444;
  --radius:16px;
  --shadow:0 12px 30px rgba(0,0,0,.35)
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:linear-gradient(180deg,var(--bg),#0b1224 45%,#0b1224);color:var(--text);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica,Arial,sans-serif}
img{max-width:100%;height:auto}a{color:var(--accent-2);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1200px;margin:0 auto;padding:0 22px}.nav{position:sticky;top:0;z-index:40;background:rgba(11,18,36,.8);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.06)}.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.logo{font-weight:800;letter-spacing:.3px}.nav-links{display:flex;gap:18px;align-items:center}.nav-links a{color:var(--text);opacity:.92}.cta{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#021012;padding:10px 14px;border-radius:12px;font-weight:800;box-shadow:var(--shadow);display:inline-block}.button{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#021012;padding:12px 18px;border-radius:12px;font-weight:800;box-shadow:var(--shadow);display:inline-block;border:0}.button.alt{background:#0c1730;color:var(--text);border:1px solid rgba(255,255,255,.12)}.badge{display:inline-block;padding:6px 10px;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:var(--muted);font-size:12px;margin-right:8px}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center;padding:28px 0 8px}.h1{font-size:42px;line-height:1.15;margin:0 0 6px;font-weight:900}.sub{color:var(--muted);margin:0 0 16px}.card{background:rgba(16,26,54,.6);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:10px}.kpi{background:#0e162d;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:12px;text-align:center}.section{padding:48px 0}.h2{font-size:28px;margin:0 0 10px;font-weight:800}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.process{counter-reset:step}.step::before{counter-increment:step;content:counter(step);display:inline-flex;width:28px;height:28px;border-radius:999px;align-items:center;justify-content:center;background:var(--accent-2);color:#00111a;margin-right:8px;font-weight:800}.testimonial{font-style:italic;color:#cbd5e1}.footer{margin-top:28px;padding:28px 0;border-top:1px solid rgba(255,255,255,.08);color:#9fb1cf}.list{padding-left:18px;margin:0}.list li{margin:8px 0}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid rgba(255,255,255,.08);padding:10px;text-align:left}.small{font-size:13px;color:#9fb1cf}.notice{padding:12px;border-radius:12px;background:#0e172a;border:1px solid rgba(255,255,255,.08)}input,textarea{width:100%;background:#0e1630;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px 14px;color:var(--text)}input:focus,textarea:focus{outline:none;border-color:var(--accent)}.alert{padding:12px 14px;border-radius:12px;margin-bottom:12px}.alert.ok{background:#0d1f1a;border:1px solid #144f44}.alert.err{background:#2a1012;border:1px solid #6e1f28}.sticky-cta{position:fixed;right:18px;bottom:18px;z-index:50}

/* Hamburger menu styles */
.menu-toggle {
  display: none;
  flex-direction: column;
  justify-content: space-between;
  width: 30px;
  height: 21px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  z-index: 100;
}

.menu-toggle span {
  height: 3px;
  width: 100%;
  background-color: var(--text);
  border-radius: 3px;
  transition: all 0.3s ease;
}

/* Mobile styles */
@media (max-width: 980px) {
  .hero {
    grid-template-columns: 1fr;
  }
  
  .grid-3 {
    grid-template-columns: 1fr;
  }
  
  .grid-2 {
    grid-template-columns: 1fr;
  }
  
  /* Hamburger menu mobile styles */
  .menu-toggle {
    display: flex;
  }
  
  .nav-links {
    position: fixed;
    top: 0;
    right: -100%;
    width: 70%;
    height: 100vh;
    background: var(--surface);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
    transition: right 0.3s ease;
    padding: 60px 20px 20px;
  }
  
  .nav-links.active {
    right: 0;
    box-shadow: -5px 0 25px rgba(0, 0, 0, 0.5);
  }
  
  .nav-links a.cta {
    margin-top: 20px;
  }
  
  /* Close button when menu is active */
  .menu-toggle.active span:nth-child(1) {
    transform: translateY(9px) rotate(45deg);
  }
  
  .menu-toggle.active span:nth-child(2) {
    opacity: 0;
  }
  
  .menu-toggle.active span:nth-child(3) {
    transform: translateY(-9px) rotate(-45deg);
  }
}