:root{--primary:#0f1a3a;--primary-light:#1a2a5a;--secondary:#c0392b;--accent:#e67e22;--accent-light:#f39c12;--text:#1e293b;--text-light:#64748b;--white:#fff;--bg-light:#f8fafc;--bg-soft:#f1f5f9;--shadow:0 4px 20px #00000014;--shadow-hover:0 8px 40px #00000026;--radius:16px;--radius-sm:10px;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--text);background:var(--white);-webkit-font-smoothing:antialiased;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.7}.container{max-width:1200px;margin:0 auto;padding:0 24px}img{max-width:100%;height:auto;display:block}a{color:inherit;transition:var(--transition);text-decoration:none}ul{list-style:none}.btn-primary{background:var(--secondary);color:var(--white);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;align-items:center;gap:12px;padding:14px 28px;font-size:1rem;font-weight:600;display:inline-flex;box-shadow:0 4px 15px #c0392b4d}.btn-primary:hover{background:#a93226;transform:translateY(-2px);box-shadow:0 8px 25px #c0392b66}.btn-primary .ring{background:#ffffff26;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.btn-devis{background:var(--accent);color:var(--white);border-radius:var(--radius-sm);transition:var(--transition);align-items:center;gap:8px;padding:14px 24px;font-size:1rem;font-weight:600;display:inline-flex;box-shadow:0 4px 15px #e67e224d}.btn-devis:hover{background:#d35400;transform:translateY(-2px);box-shadow:0 8px 25px #e67e2266}.btn-whatsapp{color:var(--white);border-radius:var(--radius-sm);transition:var(--transition);background:#25d366;align-items:center;gap:8px;padding:14px 24px;font-size:1rem;font-weight:600;display:inline-flex;box-shadow:0 4px 15px #25d3664d}.btn-whatsapp:hover{background:#1da851;transform:translateY(-2px);box-shadow:0 8px 25px #25d36666}.top-strip{background:var(--primary);color:#ffffffd9;border-bottom:2px solid var(--accent);padding:8px 0;font-size:.85rem}.strip-grid{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;display:flex}.strip-grid .dot{background:#22c55e;border-radius:50%;width:8px;height:8px;margin-right:6px;animation:2s infinite pulse-dot;display:inline-block}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.nav{background:var(--white);z-index:100;border-bottom:1px solid #e2e8f0;padding:12px 0;position:sticky;top:0;box-shadow:0 2px 10px #0000000d}.nav-row{justify-content:space-between;align-items:center;display:flex}.logo{align-items:center;gap:12px;display:flex}.logo-mark{background:var(--secondary);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.logo-mark svg{width:26px;height:26px;color:var(--white)}.logo-mark i{color:var(--white);font-size:22px}.logo-text{flex-direction:column;line-height:1.2;display:flex}.logo-text .name{color:var(--primary);font-size:1.05rem;font-weight:700}.logo-text .tagline{color:var(--text-light);font-size:.7rem;font-weight:400}.nav-actions{align-items:center;gap:12px;display:flex}.nav-wa{width:44px;height:44px;color:var(--white);transition:var(--transition);background:#25d366;border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex}.nav-wa:hover{transform:scale(1.05);box-shadow:0 4px 15px #25d36666}.nav-cta{background:var(--primary);color:var(--white);border-radius:var(--radius-sm);transition:var(--transition);align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:600;display:flex}.nav-cta:hover{background:var(--primary-light);transform:translateY(-2px)}.whatsapp-float{z-index:999;width:60px;height:60px;color:var(--white);transition:var(--transition);background:#25d366;border-radius:50%;justify-content:center;align-items:center;font-size:32px;display:flex;position:fixed;bottom:90px;right:20px;box-shadow:0 8px 30px #25d36666}.whatsapp-float:hover{transform:scale(1.1);box-shadow:0 12px 40px #25d36680}.float-phone{z-index:999;background:var(--secondary);width:60px;height:60px;color:var(--white);transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:28px;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 8px 30px #c0392b66}.float-phone:hover{transform:scale(1.1);box-shadow:0 12px 40px #c0392b80}.hero{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);padding:60px 0 50px;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:#e67e220d;width:70%;height:200%;position:absolute;top:-50%;right:-20%;transform:rotate(-15deg)}.hero-grid{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:50px;display:grid;position:relative}.hero-quote{color:var(--accent);letter-spacing:.05em;margin-bottom:10px;font-size:.85rem;font-weight:500}.hero-tag{color:#fffc;background:#ffffff14;border:1px solid #ffffff0d;border-radius:50px;align-items:center;gap:8px;margin-bottom:16px;padding:6px 16px;font-size:.8rem;display:inline-flex}.hero-tag .dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-dot;display:inline-block}.hero h1{color:var(--white);margin-bottom:16px;font-size:clamp(2.2rem,4.5vw,3.5rem);font-weight:800;line-height:1.1}.hero h1 em{color:var(--accent);font-style:normal}.hero-sub{color:#ffffffd9;max-width:550px;margin-bottom:28px;font-size:1.05rem;line-height:1.8}.hero-sub strong{color:var(--accent)}.hero-ctas{flex-wrap:wrap;gap:12px;margin-bottom:35px;display:flex}.hero-trust{gap:40px;display:flex}.trust-stat .num{color:var(--accent);font-size:1.8rem;font-weight:800}.trust-stat .num span{color:var(--white)}.trust-stat .label{color:#fff9;font-size:.8rem}.hero-visual{position:relative}.hero-card-main{background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:0 20px 60px #0000004d}.hero-card-img{object-fit:cover;width:100%;height:350px}.hero-card-content{padding:20px 24px 24px}.hero-stat-big{color:var(--secondary);font-size:2rem;font-weight:800}.hero-stat-big span{color:var(--primary)}.hero-stat-label{color:var(--text);margin:4px 0 8px;font-size:.9rem;font-weight:600}.hero-card-meta{color:var(--text-light);justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.hero-card-meta .live{color:#22c55e;font-weight:600}.floating-badge{background:var(--white);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:12px 16px;animation:3s ease-in-out infinite float;display:flex;position:absolute;box-shadow:0 8px 30px #0000001f}.badge-warranty{animation-delay:0s;top:20px;right:-10px}.badge-rapide{animation-delay:1.5s;bottom:80px;left:-10px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.badge-icon{width:40px;height:40px;color:var(--accent);background:#e67e221a;border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex}.badge-icon.green{color:#22c55e;background:#22c55e1a}.badge-text{flex-direction:column;line-height:1.3;display:flex}.badge-text strong{color:var(--text);font-size:.85rem}.badge-text span{color:var(--text-light);font-size:.75rem}.stats-band{background:var(--white);border-bottom:1px solid #e2e8f0;padding:30px 0}.stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.stat-item{text-align:center}.stat-item .stat-num{color:var(--secondary);font-size:1.5rem;font-weight:800}.stat-item .stat-label{color:var(--text-light);font-size:.85rem}.section-intro{text-align:center;max-width:700px;margin:0 auto 50px}.section-tag{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;background:#e67e221a;border-radius:50px;align-items:center;gap:8px;margin-bottom:12px;padding:4px 16px;font-size:.8rem;font-weight:600;display:inline-flex}.section-intro h2{color:var(--primary);font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800;line-height:1.2}.section-intro h2 em{color:var(--secondary);font-style:normal}.section-intro p{color:var(--text-light);margin-top:10px;font-size:1.05rem}section{padding:70px 0}.why-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.why-card{background:var(--white);border-radius:var(--radius);transition:var(--transition);border:1px solid #e2e8f0;padding:30px}.why-card:hover{border-color:var(--accent);box-shadow:var(--shadow-hover);transform:translateY(-4px)}.why-card .icon{border-radius:var(--radius-sm);width:56px;height:56px;color:var(--accent);background:#e67e221a;justify-content:center;align-items:center;margin-bottom:16px;font-size:24px;display:flex}.why-card h3{color:var(--primary);margin-bottom:8px;font-size:1.1rem;font-weight:700}.why-card p{color:var(--text-light);font-size:.95rem;line-height:1.7}.cta-strip{background:var(--primary);border-top:3px solid var(--accent);border-bottom:3px solid var(--accent);padding:20px 0}.strip-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;max-width:1200px;margin:0 auto;padding:0 24px;display:flex}.strip-text{color:var(--white);font-size:1.05rem}.strip-text strong{color:var(--accent)}.strip-actions{gap:12px;display:flex}.strip-call{background:var(--secondary);color:var(--white);border-radius:var(--radius-sm);transition:var(--transition);align-items:center;gap:8px;padding:10px 20px;font-weight:600;display:inline-flex}.strip-call:hover{background:#a93226;transform:translateY(-2px)}.strip-wa{color:var(--white);border-radius:var(--radius-sm);transition:var(--transition);background:#25d366;align-items:center;gap:8px;padding:10px 20px;font-weight:600;display:inline-flex}.strip-wa:hover{background:#1da851;transform:translateY(-2px)}.strip-devis{background:var(--accent);color:var(--white);border-radius:var(--radius-sm);transition:var(--transition);align-items:center;gap:8px;padding:10px 20px;font-weight:600;display:inline-flex}.strip-devis:hover{background:#d35400;transform:translateY(-2px)}.pannes-section{background:var(--bg-light)}.pannes-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.panne-card{background:var(--white);border-radius:var(--radius);transition:var(--transition);text-align:center;border:1px solid #e2e8f0;padding:30px}.panne-card:hover{border-color:var(--accent);box-shadow:var(--shadow-hover);transform:translateY(-4px)}.panne-icon{width:64px;height:64px;color:var(--accent);background:#e67e221a;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;font-size:28px;display:flex}.panne-card h3{color:var(--primary);margin-bottom:8px;font-size:1.1rem;font-weight:700}.panne-card p{color:var(--text-light);font-size:.95rem;line-height:1.7}.services-section{background:var(--white)}.services-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.service-card{background:var(--white);border-radius:var(--radius);transition:var(--transition);border:1px solid #e2e8f0;overflow:hidden}.service-card:hover{border-color:var(--accent);box-shadow:var(--shadow-hover);transform:translateY(-4px)}.service-card-img{position:relative;overflow:hidden}.service-card-img .service-image{object-fit:cover;width:100%;height:200px;transition:var(--transition)}.service-card:hover .service-image{transform:scale(1.03)}.service-card-img .num{background:var(--secondary);color:var(--white);border-radius:50px;padding:4px 12px;font-size:.75rem;font-weight:700;position:absolute;top:12px;left:12px}.service-card-body{padding:20px 24px 24px}.service-card-body h3{color:var(--primary);margin-bottom:8px;font-size:1.1rem;font-weight:700}.service-card-body p{color:var(--text-light);margin-bottom:14px;font-size:.95rem;line-height:1.7}.service-cta{color:var(--secondary);transition:var(--transition);align-items:center;gap:8px;font-weight:600;display:inline-flex}.service-cta:hover{color:var(--accent);gap:12px}.types-section{background:var(--bg-light)}.types-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.type-card{background:var(--white);border-radius:var(--radius);text-align:center;transition:var(--transition);border:1px solid #e2e8f0;padding:24px}.type-card:hover{border-color:var(--accent);box-shadow:var(--shadow-hover);transform:translateY(-4px)}.type-icon{width:56px;height:56px;color:var(--accent);background:#e67e221a;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 12px;font-size:24px;display:flex}.type-card h4{color:var(--primary);margin-bottom:6px;font-size:1rem;font-weight:700}.type-card p{color:var(--text-light);font-size:.9rem;line-height:1.6}.section-alt{background:var(--white)}.advantages-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.adv-card{background:var(--bg-light);border-radius:var(--radius);transition:var(--transition);border:1px solid #e2e8f0;padding:30px}.adv-card:hover{border-color:var(--accent);box-shadow:var(--shadow-hover);transform:translateY(-4px)}.adv-icon{border-radius:var(--radius-sm);width:56px;height:56px;color:var(--accent);background:#e67e221a;justify-content:center;align-items:center;margin-bottom:16px;font-size:24px;display:flex}.adv-card h3{color:var(--primary);margin-bottom:8px;font-size:1.1rem;font-weight:700}.adv-card p{color:var(--text-light);font-size:.95rem;line-height:1.7}.testimonials-section{background:var(--bg-light)}.testimonials-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.testimonial-card{background:var(--white);border-radius:var(--radius);transition:var(--transition);border:1px solid #e2e8f0;padding:30px}.testimonial-card:hover{border-color:var(--accent);box-shadow:var(--shadow-hover)}.testimonial-stars{color:var(--accent);margin-bottom:12px;font-size:.85rem}.testimonial-text{color:var(--text);margin-bottom:16px;font-size:1rem;line-height:1.7}.testimonial-author{flex-direction:column;display:flex}.testimonial-author strong{color:var(--primary);font-weight:700}.testimonial-author span{color:var(--text-light);font-size:.85rem}.zones-section{background:var(--white)}.zones-grid{grid-template-columns:repeat(4,1fr);gap:12px;max-width:800px;margin:0 auto;display:grid}.zone-item{background:var(--bg-light);border-radius:var(--radius-sm);transition:var(--transition);align-items:center;gap:8px;padding:12px 16px;font-weight:500;display:flex}.zone-item:hover{border-color:var(--accent);background:#e67e220d}.zone-item i{color:var(--accent);font-size:1rem}.final-cta{background:linear-gradient(135deg, var(--primary), var(--primary-light));padding:60px 0}.final-cta-grid{grid-template-columns:1fr auto;align-items:center;gap:40px;display:grid}.final-cta-grid h2{color:var(--white);margin-bottom:12px;font-size:clamp(1.6rem,2.5vw,2.2rem);font-weight:800;line-height:1.2}.final-cta-grid p{color:#ffffffd9;font-size:1rem;line-height:1.7}.final-cta-grid p strong{color:var(--accent)}.cta-buttons{flex-direction:column;flex-shrink:0;gap:12px;display:flex}.contact-section{background:var(--bg-light);padding:70px 0}.contact-grid{grid-template-columns:1fr 1.2fr;align-items:start;gap:50px;display:grid}.contact-info-list{flex-direction:column;gap:16px;margin-top:24px;display:flex}.contact-info-item{background:var(--white);border-radius:var(--radius-sm);transition:var(--transition);border:1px solid #e2e8f0;align-items:center;gap:16px;padding:16px 20px;display:flex}.contact-info-item:hover{border-color:var(--accent);box-shadow:var(--shadow)}.contact-info-icon{width:44px;height:44px;color:var(--accent);background:#e67e221a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.contact-info-text{flex-direction:column;display:flex}.contact-info-text strong{color:var(--primary);font-size:.95rem}.contact-info-text strong a:hover{color:var(--accent)}.contact-info-text span{color:var(--text-light);font-size:.85rem}footer{background:var(--primary);color:#ffffffb3;padding:50px 0 30px}.footer-grid{border-bottom:1px solid #ffffff14;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;padding-bottom:30px;display:grid}.footer-grid .logo .name{color:var(--white)}.footer-grid p{max-width:350px;margin-top:12px;font-size:.9rem;line-height:1.7}.footer-phone{color:var(--accent);transition:var(--transition);align-items:center;gap:8px;margin-top:12px;font-size:1.1rem;font-weight:600;display:inline-flex}.footer-phone:hover{color:var(--accent-light)}.footer-grid h4{color:var(--white);margin-bottom:16px;font-size:.95rem;font-weight:700}.footer-grid ul{flex-direction:column;gap:8px;display:flex}.footer-grid ul li a{transition:var(--transition);font-size:.9rem}.footer-grid ul li a:hover{color:var(--accent)}.footer-bottom{text-align:center;color:#fff6;padding-top:30px;font-size:.85rem}.reveal{opacity:0;animation:.8s forwards reveal;transform:translateY(30px)}.reveal:first-child{animation-delay:.1s}.reveal:nth-child(2){animation-delay:.2s}.reveal:nth-child(3){animation-delay:.3s}.reveal:nth-child(4){animation-delay:.4s}.reveal:nth-child(5){animation-delay:.5s}@keyframes reveal{to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.why-grid,.services-grid,.types-grid,.zones-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hero-grid{grid-template-columns:1fr;gap:30px}.hero-visual{order:-1}.hero-card-main{max-width:100%}.hero-card-img{height:250px}.floating-badge{display:none}.stats-grid{grid-template-columns:repeat(2,1fr);gap:15px}.why-grid,.pannes-grid,.services-grid{grid-template-columns:1fr}.types-grid{grid-template-columns:1fr 1fr}.advantages-grid,.testimonials-grid{grid-template-columns:1fr}.final-cta-grid{text-align:center;grid-template-columns:1fr}.cta-buttons{flex-flow:wrap;justify-content:center}.contact-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.strip-inner{text-align:center;flex-direction:column}.hero-ctas,.hero-trust{justify-content:center}.hero-sub{text-align:center;margin-left:auto;margin-right:auto}.hero h1{text-align:center}.hero-tag{margin-left:auto;margin-right:auto}.hero-quote{text-align:center}.nav-cta span{display:none}.nav-cta{padding:10px 14px}.section-intro h2{font-size:1.6rem}section{padding:50px 0}.zones-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.container{padding:0 16px}.strip-grid{flex-direction:column;align-items:center;font-size:.8rem}.logo-text .name{font-size:.85rem}.logo-text .tagline{font-size:.6rem}.logo-mark{width:36px;height:36px}.logo-mark svg{width:20px;height:20px}.types-grid,.zones-grid,.footer-grid{grid-template-columns:1fr}.hero-ctas{flex-direction:column;align-items:center}.hero-ctas .btn-primary,.hero-ctas .btn-devis,.hero-ctas .btn-whatsapp{justify-content:center;width:100%}.cta-buttons{flex-direction:column;align-items:center}.cta-buttons .btn-primary,.cta-buttons .btn-devis,.cta-buttons .btn-whatsapp{justify-content:center;width:100%}.strip-actions{flex-direction:column;width:100%}.strip-actions .strip-call,.strip-actions .strip-wa,.strip-actions .strip-devis{justify-content:center;width:100%}.float-phone,.whatsapp-float{width:50px;height:50px;font-size:22px}.whatsapp-float{bottom:80px}}