:root{
  --navy:#0B1220;
  --teal:#20E3C2;
  --blue:#2F6BFF;
  --white:#F7F8FA;
  --graphite:#2B2F38;
  --coral:#FF4D6D;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Arial,Helvetica,sans-serif;background:var(--white);color:var(--graphite);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);position:sticky;top:0;z-index:1000}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;padding:16px 0}
.logo{max-height:50px}
.logo-footer{max-height:100px;margin-bottom:12px}
.site-nav{display:flex;gap:24px}
.site-nav a{color:var(--white);font-weight:600}
.burger{display:none;color:var(--white);cursor:pointer}
.nav-toggle{display:none}
.close-nav{display:none}
.hero{background:var(--navy);color:var(--white);padding:60px 0}
.hero-small{padding:40px 0}
.hero-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:40px;align-items:center}
.hero-content h1{font-size:40px;margin-bottom:16px}
.hero-content p{margin-bottom:16px}
.keywords-line{font-size:14px;color:var(--teal)}
.cta-group{display:flex;gap:16px;flex-wrap:wrap}
.btn-primary,.btn-secondary{padding:12px 20px;border-radius:4px;font-weight:600;display:inline-block}
.btn-primary{background:var(--blue);color:var(--white)}
.btn-secondary{background:transparent;color:var(--teal);border:1px solid var(--teal)}
.section{padding:60px 0}
.section h2{font-size:30px;margin-bottom:16px}
.grid-4,.grid-3{display:grid;gap:24px}
.grid-4{grid-template-columns:repeat(4,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.card{background:var(--white);border:1px solid #E2E5EA;padding:20px;border-radius:6px}
.process .timeline>div{margin-bottom:16px;padding:16px;border-left:3px solid var(--teal);background:#fff}
.results-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
.metric-list{padding-left:20px}
.metric-list li{margin-bottom:10px}
.resources img{margin-bottom:12px;border-radius:6px}
.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.contact-cta{background:var(--navy);color:var(--white)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}
.contact-details{margin-top:16px}
.form label{display:block;margin-bottom:12px;font-weight:600}
.form input,.form textarea{width:100%;padding:10px;border:1px solid #D8DCE3;border-radius:4px;margin-top:6px}
.site-footer{background:var(--graphite);color:var(--white);padding:40px 0 0}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}
.site-footer ul{list-style:none}
.site-footer a{color:var(--white)}
.footer-bottom{border-top:1px solid #3A3F4A;margin-top:20px;padding:16px 0;text-align:center}
.split{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
.legal h2{margin-top:24px;margin-bottom:8px}
.cookie-banner{position:fixed;bottom:0;left:0;width:100%;background:var(--navy);color:var(--white);padding:12px 0;display:none}
.cookie-banner .container{display:flex;justify-content:space-between;align-items:center;gap:20px}
@media(max-width:980px){
  .hero-grid,.results-grid,.contact-grid,.split{grid-template-columns:1fr}
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .grid-3{grid-template-columns:1fr 1fr}
  .faq-grid{grid-template-columns:1fr}
}
@media(max-width:768px){
  .burger{display:block}
  .site-nav{position:fixed;inset:0;background:var(--navy);flex-direction:column;gap:20px;justify-content:center;align-items:center;transform:translateY(-100%);transition:none}
  .nav-toggle:checked + .burger + .site-nav{transform:translateY(0)}
  .close-nav{display:block;position:absolute;top:20px;right:20px;color:var(--white);font-size:24px}
  .site-nav a{font-size:20px}
  .footer-grid{grid-template-columns:1fr}
  .grid-4{grid-template-columns:1fr}
  .grid-3{grid-template-columns:1fr}
}
@media(max-width:480px){
  .hero-content h1{font-size:30px}
  .section{padding:40px 0}
  .cookie-banner .container{flex-direction:column;align-items:flex-start}
}