*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--navy:#0b1d3a;--blue:#1557c0;--accent:#f5a623;--white:#fff;--offwhite:#f5f7fa;--muted:#64748b;--border:#dde3ee;--radius:14px}html{scroll-behavior:smooth}body{color:var(--navy);background:var(--white);font-family:Inter,sans-serif;overflow-x:hidden}.topbar{background:var(--navy);color:var(--white);text-align:center;letter-spacing:.02em;padding:.55rem 1rem;font-size:.82rem;font-weight:500}.topbar a{color:var(--accent);font-weight:700;text-decoration:none}nav{z-index:900;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#fffffff5;justify-content:space-between;align-items:center;padding:.85rem 5vw;display:flex;position:sticky;top:0}.nav-logo{align-items:center;gap:.7rem;text-decoration:none;display:flex}.nav-logo-icon{background:var(--blue);color:#fff;border-radius:8px;place-items:center;width:40px;height:40px;font-size:1.1rem;display:grid}.nav-logo-text{color:var(--navy);font-size:1rem;font-weight:800;line-height:1.15}.nav-logo-text span{color:var(--blue)}.nav-links{align-items:center;gap:1.8rem;list-style:none;display:flex}.nav-links a{color:var(--navy);font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--blue)}.nav-cta{background:var(--accent);color:var(--navy);white-space:nowrap;border-radius:50px;align-items:center;gap:.45rem;padding:.6rem 1.3rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.nav-cta:hover{transform:translateY(-1px);box-shadow:0 4px 14px #f5a62366}.hero{background:linear-gradient(135deg, var(--navy) 0%, #102a5a 100%);grid-template-columns:1fr 1fr;min-height:92vh;display:grid;position:relative;overflow:hidden}.hero:before{content:"";background:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='1.5' fill='%23ffffff08'/%3E%3C/svg%3E");position:absolute;inset:0}.hero-content{z-index:2;flex-direction:column;justify-content:center;padding:7rem 5vw 8rem 7vw;display:flex;position:relative}.hero-badge{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;background:#ffffff1a;border:1px solid #fff3;border-radius:50px;align-items:center;gap:.45rem;width:fit-content;margin-bottom:1.4rem;padding:.35rem .9rem;font-size:.78rem;font-weight:700;display:inline-flex}.hero h1{color:var(--white);margin-bottom:1.3rem;font-size:clamp(2rem,4.5vw,3.3rem);font-weight:800;line-height:1.13}.hero h1 strong{color:var(--accent)}.hero-lead{color:#ffffffc7;max-width:500px;margin-bottom:2rem;font-size:1.05rem;line-height:1.75}.hero-pills{flex-wrap:wrap;gap:.6rem;margin-bottom:2.4rem;display:flex}.pill{color:var(--white);background:#ffffff14;border:1px solid #ffffff2e;border-radius:50px;align-items:center;gap:.5rem;padding:.42rem .9rem;font-size:.82rem;font-weight:500;display:flex}.pill i{color:var(--accent);font-size:.8rem}.hero-actions{flex-wrap:wrap;align-items:center;gap:.9rem;display:flex}.btn-primary{background:var(--accent);color:var(--navy);border-radius:50px;align-items:center;gap:.5rem;padding:.9rem 2rem;font-family:Inter,sans-serif;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .2s;display:inline-flex}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f5a62373}.btn-phone{color:var(--white);border:2px solid #ffffff59;border-radius:50px;align-items:center;gap:.5rem;padding:.85rem 1.7rem;font-size:1rem;font-weight:700;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex}.btn-phone:hover{background:#ffffff1a;border-color:#fff9}.btn-phone i{color:var(--accent)}.hero-image-col{position:relative;overflow:hidden}.hero-image-col img{object-fit:cover;opacity:.6;width:100%;height:100%;display:block}.hero-image-col:after{content:"";background:linear-gradient(90deg,#102a5a 0%,#0000 40%),linear-gradient(#0000 60%,#0b1d3a 100%);position:absolute;inset:0}.hero-stat-bar{z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0f;border-top:1px solid #ffffff1f;gap:2rem;padding:1.2rem 7vw;display:flex;position:absolute;bottom:0;left:0;right:0}.hero-stat{text-align:center;flex:1}.hero-stat-num{color:var(--accent);font-size:1.65rem;font-weight:800;line-height:1}.hero-stat-label{color:#fff9;text-transform:uppercase;letter-spacing:.07em;margin-top:.25rem;font-size:.72rem}.trust-strip{background:var(--offwhite);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:center;gap:2rem;padding:1.3rem 5vw;display:flex}.trust-item{color:var(--navy);align-items:center;gap:.55rem;font-size:.88rem;font-weight:600;display:flex}.trust-item i{color:var(--blue);font-size:1rem}section{padding:5rem 7vw}.section-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--blue);margin-bottom:.7rem;font-size:.75rem;font-weight:700}.section-title{color:var(--navy);margin-bottom:1rem;font-size:clamp(1.5rem,3.5vw,2.3rem);font-weight:800;line-height:1.2}.section-title strong{color:var(--blue)}.section-lead{color:var(--muted);max-width:640px;font-size:1rem;line-height:1.75}.guarantees{background:var(--white)}.guarantees-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-top:3rem;display:grid}.guarantee-card{background:var(--offwhite);border:1px solid var(--border);border-radius:var(--radius);padding:2rem 1.8rem;transition:box-shadow .2s,transform .2s}.guarantee-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0b1d3a14}.guarantee-icon{background:var(--blue);color:#fff;border-radius:12px;place-items:center;width:52px;height:52px;margin-bottom:1.2rem;font-size:1.3rem;display:grid}.guarantee-card h5{margin-bottom:.6rem;font-size:1.05rem;font-weight:700}.guarantee-card h5 strong{color:var(--blue)}.guarantee-card p{color:var(--muted);font-size:.9rem;line-height:1.6}.specialty{background:var(--offwhite);grid-template-columns:1fr 1fr;align-items:center;gap:5rem;display:grid}.specialty img{object-fit:cover;border-radius:18px;width:100%;height:420px;box-shadow:0 20px 60px #0b1d3a26}.specialty p{color:var(--muted);margin-bottom:1.2rem;font-size:.97rem;line-height:1.8}.services{background:var(--navy)}.services .section-eyebrow{color:var(--accent)}.services .section-title{color:var(--white)}.services-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-top:3rem;display:grid}.service-card{border-radius:var(--radius);background:#ffffff0d;border:1px solid #ffffff1a;padding:2rem 1.6rem;transition:background .2s,transform .2s}.service-card:hover{background:#ffffff1a;transform:translateY(-3px)}.svc-icon{background:var(--accent);width:50px;height:50px;color:var(--navy);border-radius:10px;place-items:center;margin-bottom:1.2rem;font-size:1.25rem;display:grid}.service-card h3{color:var(--white);margin-bottom:.6rem;font-size:1.05rem;font-weight:700}.service-card p{color:#fff9;font-size:.88rem;line-height:1.6}.particuliers{grid-template-columns:1fr 1fr;align-items:center;gap:5rem;display:grid}.particuliers img{object-fit:cover;border-radius:18px;order:2;width:100%;height:420px;box-shadow:0 20px 60px #0b1d3a1f}.particuliers .content-col{order:1}.particuliers p{color:var(--muted);margin-bottom:1.2rem;font-size:.97rem;line-height:1.8}.particuliers .section-title strong{color:var(--blue)}.pricing{background:var(--offwhite)}.pricing-box{background:var(--white);border:1px solid var(--border);border-radius:20px;grid-template-columns:1fr auto;align-items:center;gap:2rem;margin-top:2.5rem;padding:3rem;display:grid;box-shadow:0 4px 24px #0b1d3a0f}.pricing-box h3{margin-bottom:.8rem;font-size:1.25rem;font-weight:800}.pricing-box p{color:var(--muted);font-size:.97rem;line-height:1.75}.pricing-box strong{color:var(--blue)}.price-badge{background:var(--navy);text-align:center;border-radius:16px;flex-shrink:0;padding:2rem 2.5rem}.price-from{text-transform:uppercase;letter-spacing:.1em;color:#fff9;margin-bottom:.2rem;font-size:.72rem}.price-num{color:var(--accent);font-size:2.8rem;font-weight:800;line-height:1}.price-unit{color:#ffffff80;margin-top:.2rem;font-size:.78rem}.devis-cta{background:linear-gradient(135deg, var(--blue) 0%, #0d3e8a 100%);text-align:center;padding:5rem 7vw}.devis-cta h2{color:var(--white);margin-bottom:1rem;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800}.devis-cta h2 strong{color:var(--accent)}.devis-cta p{color:#fffc;max-width:580px;margin:0 auto 2.5rem;font-size:1rem;line-height:1.75}.devis-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn-white{background:var(--white);color:var(--navy);border-radius:50px;align-items:center;gap:.5rem;padding:.9rem 2.2rem;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .2s;display:inline-flex}.btn-white:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ffffff40}.btn-outline-white{color:var(--white);border:2px solid #ffffff73;border-radius:50px;align-items:center;gap:.5rem;padding:.9rem 2.2rem;font-size:1rem;font-weight:700;text-decoration:none;transition:background .2s;display:inline-flex}.btn-outline-white:hover{background:#ffffff1a}.contact{background:var(--white)}.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:5rem;margin-top:3rem;display:grid}.contact-info h3{margin-bottom:1.5rem;font-size:1.3rem;font-weight:700}.contact-detail{align-items:flex-start;gap:.85rem;margin-bottom:1.2rem;display:flex}.contact-detail-icon{background:var(--offwhite);width:42px;height:42px;color:var(--blue);border-radius:10px;flex-shrink:0;place-items:center;font-size:1rem;display:grid}.contact-detail-text strong{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:.2rem;font-size:.8rem;display:block}.contact-detail-text a,.contact-detail-text span{color:var(--navy);font-size:.97rem;font-weight:600;text-decoration:none}.zones{margin-top:2rem}.zones h4{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.9rem;font-size:.8rem;font-weight:700}.zones-list{flex-wrap:wrap;gap:.45rem;display:flex}.zone-tag{background:var(--offwhite);border:1px solid var(--border);color:var(--navy);border-radius:6px;padding:.3rem .7rem;font-size:.75rem}form{flex-direction:column;gap:1rem;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}input,textarea,select{border:1.5px solid var(--border);width:100%;color:var(--navy);background:var(--offwhite);border-radius:10px;outline:none;padding:.85rem 1rem;font-family:Inter,sans-serif;font-size:.95rem;transition:border-color .2s}input:focus,textarea:focus,select:focus{border-color:var(--blue);background:var(--white)}textarea{resize:vertical;min-height:120px}button[type=submit]{background:var(--blue);color:var(--white);cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;gap:.5rem;padding:.95rem;font-family:Inter,sans-serif;font-size:1rem;font-weight:700;transition:background .2s,transform .15s;display:flex}button[type=submit]:hover{background:#0d3e8a;transform:translateY(-1px)}footer{background:var(--navy);color:#fff9;padding:3rem 7vw 1.5rem}.footer-top{flex-wrap:wrap;gap:3rem;margin-bottom:2.5rem;display:flex}.footer-brand{flex:2;min-width:200px}.footer-brand p{max-width:320px;margin-top:.8rem;font-size:.88rem;line-height:1.7}.footer-col{flex:1;min-width:150px}.footer-col h4{color:var(--white);margin-bottom:1rem;font-size:.9rem;font-weight:700}.footer-col ul{flex-direction:column;gap:.5rem;list-style:none;display:flex}.footer-col a{color:#ffffff8c;font-size:.85rem;text-decoration:none;transition:color .2s}.footer-col a:hover{color:var(--accent)}.footer-bottom{text-align:center;border-top:1px solid #ffffff1a;padding-top:1.2rem;font-size:.8rem}.whatsapp-btn{z-index:9999;color:#fff;background:#25d366;border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;font-size:1.9rem;text-decoration:none;transition:transform .2s;animation:2.5s ease-in-out infinite wa-pulse;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 6px 24px #25d36680}.whatsapp-btn:hover{animation:none;transform:scale(1.08);box-shadow:0 8px 32px #25d366a6}@keyframes wa-pulse{0%{box-shadow:0 0 #25d3668c}60%{box-shadow:0 0 0 18px #25d36600}to{box-shadow:0 0 #25d36600}}.whatsapp-tooltip{z-index:9998;background:var(--white);color:var(--navy);white-space:nowrap;pointer-events:none;border-radius:8px;padding:.5rem .9rem;font-size:.8rem;font-weight:600;animation:3s ease-in-out infinite tooltip-bounce;position:fixed;bottom:2.6rem;right:5.5rem;box-shadow:0 4px 14px #0000001f}.whatsapp-tooltip:after{content:"";border:7px solid #0000;border-right:0;border-left-color:var(--white);position:absolute;top:50%;right:-7px;transform:translateY(-50%)}@keyframes tooltip-bounce{0%,to{opacity:1;transform:translate(0)}50%{opacity:.85;transform:translate(-3px)}}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(28px)}.reveal.visible{opacity:1;transform:none}@media (max-width:820px){.hero{grid-template-columns:1fr;min-height:auto}.hero-content{text-align:center;align-items:center;padding:5rem 6vw 2rem}.hero-badge{margin:0 auto 1.2rem}.hero-lead{text-align:center}.hero-pills,.hero-actions{justify-content:center}.hero-image-col{height:280px}.hero-stat-bar{flex-wrap:wrap;justify-content:center;gap:1rem;padding:1rem 4vw}.trust-strip{flex-direction:column;align-items:center;gap:1rem}section{text-align:center;padding:3.5rem 5vw}.section-lead{margin:0 auto}.specialty{grid-template-columns:1fr;gap:2rem}.specialty img{order:-1;height:260px}.specialty .btn-primary{margin:0 auto}.particuliers{grid-template-columns:1fr;gap:2rem}.particuliers img{order:-1;height:260px}.particuliers .content-col{order:1}.particuliers .btn-primary{margin:0 auto}.pricing-box{text-align:center;grid-template-columns:1fr}.price-badge{width:fit-content;margin:0 auto}.devis-actions{flex-direction:column;align-items:center}.contact-grid{grid-template-columns:1fr;gap:2.5rem}.form-row{grid-template-columns:1fr}.contact-detail{text-align:center;flex-direction:column;justify-content:center;align-items:center}.zones-list{justify-content:center}.footer-top{text-align:center;flex-direction:column;gap:2rem}.footer-col ul{align-items:center}.footer-brand p{margin:.8rem auto 0}.whatsapp-btn{bottom:1.5rem;right:1.5rem}.whatsapp-tooltip{display:none}nav{padding:.75rem 4vw}.nav-links{display:none}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
