:root{
  --ov-yellow:#F3DE3C;
  --ov-charcoal:#4A4A4A;
  --ov-black:#000000;
  --bg:#ffffff;
  --muted:#BDBDBD;
  --soft:#FAFAFA;
  --max-width:1150px;
  --radius:12px;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: "Raleway", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  color:var(--ov-charcoal);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:1.5;
}

/* container */
.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}

/* header */
.header{
  position:sticky;top:0;z-index:60;
  background:rgba(255,255,255,0.96);
  backdrop-filter: blur(4px);
  border-bottom:1px solid #f2f2f2;
}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.brand{display:flex;align-items:center;gap:12px}
.logo{width:46px;height:46px;border-radius:10px;background:var(--ov-yellow);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--ov-black);font-family:"Montserrat",sans-serif}
.logo-image{width: 150px; height: auto; max-width: 100%;}
.brand h1{margin:0;font-size:18px;font-family:"Montserrat",sans-serif;color:var(--ov-charcoal)}
.primary-nav{display:none;gap:18px;align-items:center}
.primary-nav a{color:var(--ov-charcoal);text-decoration:none;font-weight:600}
.menu-toggle{display:inline-flex;align-items:center;justify-content:center;border:0;background:none;font-size:20px;cursor:pointer;padding:8px}

/* hero */
/*.hero{padding:56px 0;display:grid;grid-template-columns:1fr;gap:28px;align-items:center;}*/
.hero .left h1{font-family:"Montserrat",sans-serif;font-size:28px;margin:0;color:var(--ov-black);line-height:1.05}
.hero p.lead{margin:14px 0;font-size:16px;color:var(--ov-charcoal);max-width:fit-content;}
.cta-group{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px; justify-content: center;}
.btn{display:inline-block;padding:12px 18px;border-radius:10px;font-weight:700;cursor:pointer;text-decoration:none}
.btn-primary{background:var(--ov-yellow);color:var(--ov-black);border:2px solid rgba(0,0,0,0.06)}
.btn-secondary{background:transparent;border:2px solid var(--ov-charcoal);color:var(--ov-charcoal)}

/* features / icon list */
.icons-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:18px; justify-content: center; margin-top: 150px;}
.icon-item{display:flex;gap:12px;align-items:center;padding:10px;border-radius:10px;background:#fff;border:1px solid #f4f4f4;min-width:220px}
.icon-sim{width:42px;height:42px;border-radius:8px;background:var(--ov-yellow);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--ov-black)}

/* services */
.service-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:28px}
.service-card{background:#fff;padding:20px;border-radius:12px;border:1px solid #f4f4f4}
.service-card h3{margin:0 0 8px;font-family:"Montserrat",sans-serif}

/* counters */
.counters{display:flex;gap:18px;flex-wrap:wrap;margin:28px 0}
.counter{flex:1;min-width:150px;background:#fff;padding:18px;border-radius:12px;border:1px solid #f2f2f2;text-align:center}
.counter .num{font-family:"Montserrat",sans-serif;font-size:22px;color:var(--ov-yellow);font-weight:800}
.counter .label{font-size:14px;color:var(--ov-charcoal);margin-top:6px}

/* testimonials */
.testimonials{margin:28px 0}
.testi-grid{display:grid;grid-template-columns:1fr;gap:12px}
.testi-card{background:#fff;border-radius:10px;padding:16px;border:1px solid #f3f3f3}

/* CTA banner */
.cta-banner{margin-top:36px;padding:28px;border-radius:12px;background:var(--ov-yellow);color:var(--ov-black);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}

/* footer */
.site-footer{margin-top:48px;padding:28px 0;background:#0f0f0f;color:#fff}
.site-footer a{color:#ddd;text-decoration:none}

/* small helpers */
.muted{color:var(--muted);font-size:14px}
.section{padding:18px 0}
.sep{border-top:1px solid #f2f2f2;margin:28px 0}

/* responsive */
@media(min-width:720px){
  .primary-nav{display:flex}
  .menu-toggle{display:none}
  .hero{grid-template-columns:1fr 1fr;padding-top:28px}
  .hero .left h1{font-size:42px}
  .service-grid{grid-template-columns:repeat(3,1fr)}
  .testi-grid{grid-template-columns:repeat(2,1fr)}
}