:root{
  --navy:#0B1220;
  --teal:#18D5C3;
  --orange:#FF6A3D;
  --offwhite:#F7F8FA;
  --text:#1E2430;
  --azure:#2E7CF6;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Arial,Helvetica,sans-serif;background:var(--offwhite);color:var(--text);line-height:1.6}
a{color:var(--teal);text-decoration:none}
a:hover{color:var(--azure)}
.container{width:90%;max-width:1200px;margin:0 auto}
.site-header{background:var(--navy);color:#fff;position:sticky;top:0;z-index:100}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:15px 0}
.logo-img{height:50px}
.logo-img-footer{height:100px}
#menu-toggle{display:none}
.burger{color:#fff;background:var(--teal);padding:8px 14px;border-radius:4px;cursor:pointer;display:none}
.main-nav ul{list-style:none;display:flex;gap:20px}
.main-nav a{color:#fff;font-weight:600}
.close-menu{display:none}
.hero{background:#fff;padding:60px 0}
.small-hero{padding:40px 0}
.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}
.hero h1{font-size:40px;color:var(--navy);margin-bottom:15px}
.hero-cta{display:flex;gap:15px;margin:20px 0}
.btn{background:var(--orange);color:#fff;padding:12px 22px;border:none;border-radius:4px;display:inline-block}
.btn-outline{border:2px solid var(--orange);color:var(--orange);padding:10px 20px;border-radius:4px}
.btn:hover,.btn-outline:hover{background:var(--azure);color:#fff;border-color:var(--azure)}
.hero-stats{display:flex;gap:20px;margin-top:20px}
.hero-stats div{background:var(--offwhite);padding:10px 15px;border-radius:6px}
.hero-stats strong{font-size:20px;display:block;color:var(--navy)}
.section{padding:60px 0}
.section.alt{background:#fff}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:25px}
.card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,0.06)}
.section.alt .card{background:var(--offwhite)}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:25px}
.service-item{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,0.06)}
.service-item img{width:100%;height:180px;object-fit:cover}
.service-item h3{padding:15px 15px 0}
.service-item p{padding:0 15px 20px}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.process{margin-top:15px;padding-left:20px}
.process li{margin-bottom:10px}
.insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:25px}
.insight{background:var(--offwhite);padding:20px;border-radius:8px}
.faq{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:25px}
.faq-item{background:#fff;padding:20px;border-radius:8px}
.contact-form{margin-top:20px}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
input,textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;margin-top:6px}
label{font-weight:600}
.list{padding-left:20px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
.site-footer{background:var(--navy);color:#fff;padding:40px 0 20px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}
.footer-grid a{color:#fff}
.footer-bottom{text-align:center;margin-top:20px}
.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:var(--navy);color:#fff;padding:15px;display:none}
.cookie-content{display:flex;justify-content:space-between;align-items:center;gap:20px}
.legal h1,.legal h2{color:var(--navy);margin-bottom:10px}
.legal p{margin-bottom:15px}
@media(max-width:900px){
  .hero-grid,.two-col,.contact-grid{grid-template-columns:1fr}
  .cards,.services-grid,.insights-grid{grid-template-columns:1fr 1fr}
  .faq{grid-template-columns:1fr}
  .burger{display:block}
  .main-nav{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--navy);display:none;flex-direction:column;align-items:center;justify-content:center}
  .main-nav ul{flex-direction:column;gap:30px}
  .close-menu{display:block;color:#fff;position:absolute;top:20px;right:20px;font-size:28px;cursor:pointer}
  #menu-toggle:checked ~ .main-nav{display:flex}
}
@media(max-width:600px){
  .cards,.services-grid,.insights-grid{grid-template-columns:1fr}
  .form-grid{grid-template-columns:1fr}
  .hero h1{font-size:30px}
  .hero-stats{flex-direction:column}
}