:root {
  --primary:#0B3D2E;
  --secondary:#1F7A5A;
  --accent:#FFB703;
  --bg:#F6F8FA;
  --surface:#FFFFFF;
  --text:#0F172A;
  --muted:#64748B;
  --border:#E2E8F0;
}

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

header { background: var(--surface); border-bottom:1px solid var(--border); position: sticky; top:0; z-index: 10; }
.header-inner { display:flex; align-items:center; justify-content: space-between; padding:14px 0; }
.logo { width:50px; height:auto; }
.nav-menu { display:flex; gap:24px; font-weight:600; }
.nav-menu a { color: var(--text); }
.nav-menu a:hover { color: var(--secondary); }

.burger { display:none; cursor:pointer; font-size:20px; padding:10px 12px; border:1px solid var(--border); background: var(--surface); }
#nav-toggle { display:none; }

.mobile-nav {
  display:none;
  position: fixed;
  inset:0;
  background: var(--surface);
  padding: 24px;
  z-index: 20;
}
.mobile-nav ul { list-style:none; display:flex; flex-direction:column; gap:20px; margin-top:60px; }
.mobile-nav a { font-size:18px; font-weight:600; }
.close-btn {
  position:absolute;
  top:20px;
  right:20px;
  width:40px;
  height:40px;
  border:1px solid var(--border);
  background: var(--surface);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  cursor:pointer;
}

#nav-toggle:checked ~ .mobile-nav { display:block; }

.hero {
  padding:70px 0;
  background: linear-gradient(180deg, #ffffff 0%, #f1f5f9 100%);
}
.hero-grid { display:grid; grid-template-columns: repeat(2, 1fr); gap:40px; align-items:center; }
.hero h1 { font-size:42px; line-height:1.2; margin-bottom:16px; }
.hero p { color: var(--muted); margin-bottom:24px; }
.button {
  display:inline-block;
  background: var(--primary);
  color:#fff;
  padding:12px 22px;
  border-radius:6px;
  font-weight:600;
}
.button-secondary { background: var(--accent); color: #1b1b1b; }

.section { padding:60px 0; }
.section h2 { font-size:30px; margin-bottom:16px; }
.section p { color: var(--muted); margin-bottom:12px; }
.card-grid { display:grid; grid-template-columns: repeat(3, 1fr); gap:20px; }
.card {
  background: var(--surface);
  border:1px solid var(--border);
  padding:22px;
  border-radius:10px;
  box-shadow: 0 4px 12px rgba(15,23,42,0.06);
}
.card h3 { margin-bottom:8px; font-size:20px; }
.list { list-style: disc; padding-left:20px; color: var(--muted); }

.stats { display:grid; grid-template-columns: repeat(4, 1fr); gap:20px; }
.stat { background: var(--surface); border:1px solid var(--border); padding:22px; border-radius:10px; text-align:center; }

.split { display:grid; grid-template-columns: 1.2fr 1fr; gap:32px; align-items:center; }

.faq { background: var(--surface); border:1px solid var(--border); padding:22px; border-radius:10px; margin-bottom:16px; }

.form-wrap { background: var(--surface); border:1px solid var(--border); padding:24px; border-radius:10px; }
form { display:grid; gap:14px; }
input, textarea, select {
  width:100%;
  padding:12px;
  border:1px solid var(--border);
  border-radius:6px;
  font-size:15px;
}
textarea { min-height:120px; }
button { border:none; cursor:pointer; }

footer { background: var(--primary); color:#f8fafc; padding:40px 0; }
.footer-grid { display:grid; grid-template-columns: 1.5fr 1fr 1fr; gap:24px; }
.footer-logo { width:100px; }
.footer-menu, .footer-legal { list-style:none; display:grid; gap:10px; }
.footer-menu a, .footer-legal a { color:#f8fafc; }
.footer-note { margin-top:14px; color:#e2e8f0; font-size:14px; }

.breadcrumbs { font-size:14px; color: var(--muted); margin-bottom:10px; }

.cookie-banner {
  position: fixed;
  left:0;
  right:0;
  bottom:0;
  background: var(--surface);
  border-top:1px solid var(--border);
  padding:16px;
  display:none;
  z-index:30;
}
.cookie-banner .container { display:flex; flex-direction:column; gap:10px; }
.cookie-banner button { align-self:flex-start; }

@media (max-width: 900px) {
  .hero-grid, .split, .card-grid, .stats, .footer-grid { grid-template-columns: 1fr; }
  .nav-menu { display:none; }
  .burger { display:inline-block; }
}

@media (max-width: 600px) {
  .hero h1 { font-size:32px; }
  .section { padding:50px 0; }
}