:root{
  --bg:#ffffff; --text:#0f172a; --muted:#6b7280;
  --brand:#111827; --brand-2:#0b1220;
  --accent:#fbbf24; /* galben discret pt. butoane/badge */
  --card:#ffffff; --line:#e5e7eb; --surface:#f8fafc;
}
*{box-sizing:border-box}
html:focus-within{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6;background:var(--bg);color:var(--text)}
a{color:#1d4ed8;text-decoration:none}a:hover{color:#1e40af}
.container{width:min(1200px,92%);margin-inline:auto}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,var(--brand),var(--brand-2));border-bottom:1px solid #0b1220}
.nav{display:flex;align-items:center;justify-content:space-between;padding:.8rem 0}
.brand{display:flex;align-items:center;gap:.6rem;color:#fff}
.brand img{display:block}
.menu a{color:#e5e7eb;margin-left:1rem;font-weight:600}
.menu a.active{color:var(--accent)}
.menu-toggle{display:none;background:none;border:none;color:#e5e7eb;font-size:1.6rem}

/* Mobile menu */
.mobile{display:none;background:#0b1220;border-bottom:1px solid #0f172a}
.mobile a{display:block;color:#e5e7eb;padding:.8rem 4%;font-weight:600}

/* Hero */
.hero{background:linear-gradient(180deg,#ffffff,#f5f7fb);border-bottom:1px solid var(--line)}
.hero-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;padding:2.4rem 0}
.hero h1{margin:0 0 .5rem;font-size:clamp(1.8rem,2.2vw+1rem,3rem)}
.lead{color:var(--muted)}
.badges{display:flex;gap:1rem;list-style:none;margin:.8rem 0 0;padding:0;color:#111827;font-weight:600}
.hero-card{align-self:center;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1rem;box-shadow:0 8px 24px rgba(0,0,0,.06);display:grid;gap:.6rem}
.hero-card .stat{background:var(--surface);padding:.8rem;border-radius:8px;font-weight:700}
.hero-card .stat span{color:#b45309}

/* Buttons */
.btn{display:inline-block;padding:.75rem 1rem;border-radius:10px;font-weight:800;border:2px solid transparent}
.btn.primary{background:var(--accent);color:#111}
.btn.primary:hover{opacity:.9}
.btn.ghost{border-color:var(--line);color:#111827}
.btn.ghost:hover{border-color:#1d4ed8;color:#1d4ed8}

/* Sections */
section{padding:2.4rem 0}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1rem;box-shadow:0 8px 24px rgba(0,0,0,.04)}
.card h3{margin:.2rem 0}
.card p{color:var(--muted)}
.card ul{padding-left:1rem;list-style:disc;color:#374151}

/* Testimonials */
.testimonials{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.quote{background:#fff;border-left:4px solid var(--accent);padding:1rem;border-radius:8px}
.quote footer{color:#6b7280;margin-top:.4rem}

/* Contact */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.form label{display:grid;gap:.25rem;margin-bottom:.6rem}
input,textarea{border:1px solid #d1d5db;border-radius:8px;padding:.6rem;font:inherit}
input:focus,textarea:focus{outline:none;border-color:#1d4ed8;box-shadow:0 0 0 4px rgba(29,78,216,.2)}

/* Footer */
.site-footer{border-top:1px solid var(--line);background:var(--brand);color:#e5e7eb}
.foot{padding:1rem 0;display:flex;justify-content:space-between;align-items:center}
.foot a{color:#e5e7eb}

/* Responsive */
@media (max-width: 980px){
  .hero-inner{grid-template-columns:1fr}
  .grid-3{grid-template-columns:1fr 1fr}
  .menu{display:none}.menu-toggle{display:block}
  .mobile{display:block}
}
@media (max-width: 640px){
  .grid-3,.grid-2{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}
}