:root{
  --dark:#0F172A;
  --steel:#334155;
  --blue:#2563EB;
  --green:#22C55E;
  --light:#F8FAFC;
  --muted:#94A3B8;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Arial,Helvetica,sans-serif;background:var(--light);color:var(--dark);line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:92%;max-width:1200px;margin:0 auto}
header{background:var(--light);position:sticky;top:0;z-index:10;border-bottom:1px solid #e2e8f0}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:16px 0}
.logo{height:50px;width:auto}
nav ul{list-style:none;display:flex;gap:24px}
nav a{font-weight:600;color:var(--dark)}
.cta{display:inline-block;background:var(--blue);color:white;padding:12px 20px;border-radius:6px;font-weight:700}
.section{padding:60px 0}
.section.dark{background:var(--dark);color:white}
.section.steel{background:var(--steel);color:white}
.section.light{background:var(--light)}
.section h2{font-size:32px;margin-bottom:16px}
.section p{margin-bottom:16px;color:var(--steel)}
.section.dark p,.section.steel p{color:#e2e8f0}
.grid{display:grid;gap:24px}
.grid-2{grid-template-columns:repeat(2,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.card{background:white;border:1px solid #e2e8f0;border-radius:10px;padding:24px}
.card.dark{background:#111827;color:#e2e8f0;border:none}
.card h3{margin-bottom:10px}
.metrics{display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}
.metric{background:white;border-radius:10px;padding:20px;border:1px solid #e2e8f0;text-align:center}
.metric strong{font-size:28px;color:var(--blue)}
.hero{padding:80px 0}
.hero h1{font-size:44px;margin-bottom:16px}
.hero .sub{font-size:18px;color:var(--steel);max-width:700px}
.hero-actions{margin-top:24px;display:flex;gap:12px;flex-wrap:wrap}
.badge{display:inline-block;background:var(--green);color:var(--dark);padding:6px 12px;border-radius:20px;font-size:14px;font-weight:700}
ul.check{list-style:none}
ul.check li{margin-bottom:10px;padding-left:24px;position:relative}
ul.check li:before{content:"•";position:absolute;left:0;color:var(--green);font-size:20px;line-height:1}
footer{background:var(--dark);color:#e2e8f0;padding:50px 0}
.footer-grid{display:grid;gap:24px;grid-template-columns:2fr 1fr 1fr}
.footer-logo{height:100px;width:auto;margin-bottom:12px}
.footer-nav ul{list-style:none}
.footer-nav li{margin-bottom:8px}
.footer-nav a{color:#e2e8f0}
.copy{margin-top:20px;color:#cbd5f5;font-size:14px}
.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
input,textarea{padding:12px;border:1px solid #cbd5e1;border-radius:6px;background:white}
textarea{min-height:140px}
button{background:var(--green);color:var(--dark);border:none;padding:12px 20px;border-radius:6px;font-weight:700;cursor:pointer}
.full-width{width:100%}
.image-card img{border-radius:10px}
.faq-item{border-bottom:1px solid #e2e8f0;padding:14px 0}
.faq-item h4{font-size:18px;margin-bottom:8px}
.notice{background:#e2e8f0;color:var(--dark);padding:16px;border-radius:8px}

.nav-toggle{display:none}
.burger{display:none;cursor:pointer;font-size:22px;font-weight:700;background:var(--dark);color:white;border-radius:6px;padding:6px 10px}
.mobile-menu{display:none}
.mobile-menu .close{position:absolute;top:20px;right:20px;font-size:22px;font-weight:700}
.mobile-menu ul{list-style:none;text-align:center;font-size:20px}
.mobile-menu li{margin:14px 0}
.mobile-menu a{color:white}

#nav-toggle:checked ~ .mobile-menu{display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height:100%;background:var(--dark);z-index:999}

.cookie-banner{position:fixed;left:0;right:0;bottom:0;background:#111827;color:white;padding:16px;display:none;z-index:9999}
.cookie-content{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.cookie-content p{margin:0;color:#e2e8f0;max-width:800px}
.cookie-content a{color:#93c5fd;text-decoration:underline}

@media(max-width:900px){
  .grid-3{grid-template-columns:1fr}
  .grid-2{grid-template-columns:1fr}
  .metrics{grid-template-columns:1fr 1fr}
  nav ul{display:none}
  .burger{display:block}
  .footer-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  .hero h1{font-size:34px}
  .metrics{grid-template-columns:1fr}
  .hero-actions{flex-direction:column}
}