:root{
  --emerald:#00C389;
  --navy:#0B1220;
  --white:#F7FAFC;
  --slate:#64748B;
  --lime:#A3FF12;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:Arial,Helvetica,sans-serif;
  color:var(--navy);
  background:var(--white);
  line-height:1.6;
}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:90%;max-width:1200px;margin:0 auto}
.site-header{
  background:var(--navy);
  color:var(--white);
  padding:16px 0;
  position:sticky;
  top:0;
  z-index:50;
}
.header-grid{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.logo{height:50px}
.logo-footer{height:100px}
.nav-desktop a{
  margin-left:18px;
  color:var(--white);
  font-weight:600;
}
.nav-toggle{display:none}
.burger{
  display:none;
  background:var(--emerald);
  color:var(--navy);
  padding:8px 14px;
  border-radius:6px;
  font-weight:700;
  cursor:pointer;
}
.nav-mobile{
  display:none;
  position:fixed;
  inset:0;
  background:var(--navy);
  color:var(--white);
  padding:40px 20px;
  flex-direction:column;
  gap:20px;
  z-index:100;
}
.nav-mobile a{color:var(--white);font-size:20px}
.close-btn{
  position:absolute;
  top:20px;
  right:20px;
  font-size:28px;
  cursor:pointer;
}
.nav-toggle:checked ~ .nav-mobile{display:flex}
.hero{
  padding:80px 0;
  background:linear-gradient(135deg,rgba(0,195,137,0.12),rgba(163,255,18,0.12));
}
.small-hero{padding:60px 0}
.hero-grid{
  display:grid;
  grid-template-columns:1.2fr 1fr;
  gap:32px;
  align-items:center;
}
.hero h1{font-size:40px;margin-bottom:16px}
.hero p{margin-bottom:12px;color:var(--slate)}
.hero-badges span{
  display:inline-block;
  background:var(--navy);
  color:var(--white);
  padding:6px 12px;
  border-radius:20px;
  margin-right:8px;
  margin-top:8px;
  font-size:14px;
}
.section{padding:70px 0}
.section.light{background:var(--white)}
.section.dark{background:var(--navy);color:var(--white)}
.section.white{background:#ffffff}
.section h2{font-size:30px;margin-bottom:20px}
.section p{margin-bottom:12px;color:inherit}
.grid-3{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}
.grid-2{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:20px;
}
.card{
  background:var(--white);
  border-radius:12px;
  padding:20px;
  box-shadow:0 6px 20px rgba(11,18,32,0.08);
  color:var(--navy);
}
.section.dark .card{background:#111a2c;color:var(--white)}
.split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:30px;
  align-items:center;
}
.split.reverse{grid-template-columns:1fr 1fr}
.feature-list{list-style:disc;padding-left:20px}
.faq-item{margin-bottom:20px}
.faq-item h3{margin-bottom:8px}
.form{background:var(--white);padding:24px;border-radius:12px}
.form-group{margin-bottom:16px}
.form label{display:block;margin-bottom:6px}
.form input,.form textarea{
  width:100%;
  padding:10px;
  border:1px solid #d0d7e2;
  border-radius:6px;
}
.btn{
  background:var(--emerald);
  color:var(--navy);
  border:none;
  padding:12px 18px;
  border-radius:8px;
  font-weight:700;
  cursor:pointer;
}
.contact-info p{margin-bottom:6px}
.site-footer{
  background:var(--navy);
  color:var(--white);
  padding:50px 0 20px;
}
.footer-grid{
  display:grid;
  grid-template-columns:2fr 1fr 1fr;
  gap:20px;
}
.site-footer ul{list-style:none}
.site-footer li{margin-bottom:8px}
.site-footer a{color:var(--white)}
.footer-bottom{
  border-top:1px solid rgba(255,255,255,0.2);
  margin-top:20px;
  padding-top:10px;
  text-align:center;
}
.cookie-banner{
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  background:var(--navy);
  color:var(--white);
  padding:16px 0;
  display:none;
  z-index:200;
}
.cookie-content{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
@media (max-width:900px){
  .hero-grid,.split,.grid-3,.grid-2,.footer-grid{grid-template-columns:1fr}
  .nav-desktop{display:none}
  .burger{display:block}
}
@media (max-width:600px){
  .hero h1{font-size:30px}
  .cookie-content{flex-direction:column;align-items:flex-start}
}