:root {
--primary:#1a4d8f;
--accent:#ffcc00;
--dark:#0d2847;
--text:#333;
}

*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Poppins',sans-serif;color:var(--text);line-height:1.7}
a{text-decoration:none}

.container{max-width:1200px;margin:auto;padding:0 20px}

/* HEADER */
header{background:linear-gradient(135deg,var(--dark),var(--primary));position:sticky;top:0;z-index:1000}
nav{display:flex;justify-content:space-between;align-items:center;padding:25px 0}
.logo{font-size:1.8rem;font-weight:700;color:#fff}
.logo span{color:var(--accent)}
nav ul{display:flex;gap:25px;list-style:none;align-items:center}
nav a{color:#fff;padding-top:6px}
.btn-nav{background:var(--accent);color:var(--dark);padding:10px 22px;border-radius:30px}

/* MENU MOBILE */
.menu-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer}
.menu-toggle span{width:26px;height:3px;background:#fff}

/* HERO */
.hero{min-height:90vh;display:flex;align-items:center;text-align:center;color:#fff;
background:url('https://i.imgur.com/dNzuiY3.jpeg') center/cover no-repeat;position:relative}
.hero::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.45)}
.hero-content{position:relative;z-index:1}
.hero h1{font-size:3rem}
.hero h1 span{color:var(--accent)}
.hero-actions{margin-top:30px}

/* BUTTONS */
.btn-primary,.btn-outline{padding:15px 35px;border-radius:40px;font-weight:600}
.btn-primary{background:var(--accent);color:var(--dark)}
.btn-outline{border:2px solid #fff;color:#fff}

/* USP */
.usp{background:var(--accent);padding:70px 20px}
.usp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px}
.usp-card{
background:#fff;
border-radius:18px;
padding:35px;
text-align:center;
box-shadow:0 10px 25px rgba(0,0,0,.1)
}
.usp-icon{width:70px;height:70px;object-fit:contain;margin-bottom:15px}
.support-icon{width:85px;height:85px}

/* CARDS */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}
.card{background:#fff;padding:25px;border-radius:20px;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.1)}
.solution-img{width:100%;height:220px;object-fit:cover;border-radius:10px;margin-bottom:15px}
.card-intro{margin-bottom:15px}
.toggle-btn{background:var(--primary);color:#fff;border:none;border-radius:30px;padding:10px 25px;cursor:pointer}
.solution-details{display:none;margin-top:20px;text-align:left}
.solution-details.show{display:block}

/* DARK */
.dark{background:var(--dark);color:#fff;padding:70px 20px}

/* CONTACT */
.cta{background:linear-gradient(135deg,var(--primary),var(--dark));color:#fff;text-align:center;padding:90px 20px}
.devis-form{max-width:500px;margin:auto;display:flex;flex-direction:column;gap:15px}
.devis-form input,.devis-form textarea{padding:12px;border-radius:10px;border:none}

/* WHATSAPP */
.whatsapp-contact{margin-top:40px}
.whatsapp-btn{background:#25D366;color:#fff;padding:14px 30px;border-radius:40px;display:inline-block}

/* FOOTER */
footer{background:#000;color:#aaa;text-align:center;padding:25px}

/* RESPONSIVE */
@media(max-width:1024px){
nav ul{display:none;flex-direction:column;background:var(--dark);position:absolute;top:100%;right:0;padding:20px}
nav ul.show{display:flex}
.menu-toggle{display:flex}
}