:root {
  --primary:#4F46E5;
  --secondary:#06B6D4;
  --accent:#F97316;
  --dark:#0B1220;
  --light:#F8FAFC;
  --text-dark:#0F172A;
  --text-light:#E5E7EB;
  --border:#1F2937;
  --gradient: linear-gradient(135deg, #4F46E5, #06B6D4);
}

* { box-sizing: border-box; margin:0; padding:0; }
body { font-family: "Inter", Arial, sans-serif; background: var(--light); color: var(--text-dark); line-height:1.6; }
a { color: inherit; text-decoration:none; }
img { max-width:100%; display:block; }
.container { width: min(1180px, 92%); margin: 0 auto; }

header { position: sticky; top:0; z-index:100; background: var(--dark); border-bottom:1px solid var(--border); }
.header-inner { display:flex; align-items:center; justify-content:space-between; padding:14px 0; }
.logo { display:flex; align-items:center; gap:12px; color: var(--text-light); font-weight:700; }
.logo img { width:50px; height:50px; object-fit:contain; }
nav ul { list-style:none; display:flex; gap:24px; color: var(--text-light); }
nav a { color: var(--text-light); font-weight:500; }
nav a:hover { color: var(--secondary); }

.cta-btn { background: var(--gradient); color:white; padding:12px 20px; border-radius:8px; font-weight:700; display:inline-block; }
.cta-btn.secondary { background: transparent; border:1px solid var(--secondary); color: var(--secondary); }

.hero { background: var(--dark); color: var(--text-light); padding:70px 0 90px; }
.hero-grid { display:grid; grid-template-columns: 1.1fr 0.9fr; gap:40px; align-items:center; }
.hero h1 { font-size: clamp(32px, 4vw, 54px); line-height:1.1; margin-bottom:18px; }
.hero p { font-size:18px; margin-bottom:24px; color: var(--text-light); }
.hero .badges { display:flex; gap:12px; flex-wrap:wrap; margin-bottom:24px; }
.badge { background: rgba(255,255,255,0.08); padding:8px 12px; border-radius:999px; font-size:14px; }

.section { padding:70px 0; }
.section.dark { background: var(--dark); color: var(--text-light); }
.section.light { background: var(--light); }
.section h2 { font-size: clamp(26px, 3.2vw, 40px); margin-bottom:18px; }
.section p { max-width: 900px; }

.grid-3 { display:grid; grid-template-columns: repeat(3,1fr); gap:24px; }
.grid-2 { display:grid; grid-template-columns: repeat(2,1fr); gap:28px; }
.card { background:white; border:1px solid #e5e7eb; padding:24px; border-radius:14px; }
.dark .card { background:#0f172a; border-color:#1f2937; }

.icon-title { font-weight:700; margin-bottom:10px; font-size:18px; }
.list { margin-top:12px; padding-left:18px; }
.list li { margin-bottom:8px; }

.image-box { border-radius:16px; overflow:hidden; border:1px solid #e5e7eb; }
.dark .image-box { border-color:#1f2937; }

.steps { counter-reset: step; }
.step { padding:20px; border:1px solid #e5e7eb; border-radius:12px; background:white; }
.step::before { counter-increment: step; content: "0" counter(step); font-weight:700; color: var(--primary); display:block; margin-bottom:6px; }
.dark .step { background:#0f172a; border-color:#1f2937; }

.faq { border-top:1px solid #e5e7eb; }
.faq-item { padding:18px 0; border-bottom:1px solid #e5e7eb; }
.dark .faq { border-color:#1f2937; }
.dark .faq-item { border-color:#1f2937; }

form { display:grid; gap:14px; }
input, textarea { padding:12px 14px; border:1px solid #cbd5e1; border-radius:8px; font-size:16px; background:white; }
textarea { min-height:130px; }
button { border:none; cursor:pointer; }

.contact-box { background: var(--dark); color: var(--text-light); padding:28px; border-radius:16px; }
.contact-box a { color: var(--secondary); }

footer { background: var(--dark); color: var(--text-light); padding:50px 0 20px; }
.footer-grid { display:grid; grid-template-columns: 1.5fr 1fr 1fr; gap:30px; }
.footer-logo img { width:100px; height:auto; }
.footer-menu ul { list-style:none; display:grid; gap:8px; }
.footer-bottom { border-top:1px solid var(--border); margin-top:24px; padding-top:16px; font-size:14px; color:#94a3b8; }

.cookie-banner { position:fixed; bottom:16px; right:16px; background:white; border:1px solid #e5e7eb; border-radius:12px; padding:16px; width:min(360px, 90%); z-index:1000; box-shadow:0 10px 30px rgba(0,0,0,0.08); }
.cookie-banner p { font-size:14px; margin-bottom:12px; }

.burger { display:none; }
.menu-toggle { display:none; }
.mobile-menu { display:none; }

@media (max-width: 900px) {
  .hero-grid, .grid-3, .grid-2, .footer-grid { grid-template-columns:1fr; }
  nav ul { display:none; }
  .burger { display:block; color: var(--text-light); font-weight:700; border:1px solid var(--border); padding:8px 12px; border-radius:8px; }
  .menu-toggle:checked ~ .mobile-menu { display:flex; }
  .mobile-menu { position:fixed; inset:0; background: var(--dark); color: var(--text-light); flex-direction:column; padding:30px; gap:24px; }
  .mobile-menu a { color: var(--text-light); font-size:20px; }
  .close-menu { margin-left:auto; border:1px solid var(--border); padding:8px 12px; border-radius:8px; }
}

@media (max-width: 480px) {
  .hero { padding:50px 0 70px; }
  .cta-btn { width:100%; text-align:center; }
}