<!doctype html>
<html lang="fr">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/png" href="https://public.readdy.ai/ai/img_res/859ee8ad2a07f05e57441440b0001215.jpg" />
<link rel="apple-touch-icon" href="https://readdy.ai/api/search-image?query=professional-pest-control-company-favicon-icon-green-shield-with-crossed-out-bug-silhouette-minimal-clean-design-dark-green-color-hex-1a4a2e-white-background-simple-geometric-vector-style-high-contrast-crisp-edges&width=180&height=180&seq=favicon-vigilance-02&orientation=squarish" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Antiparasitaire Morbihan | Vigilance Nuisibles 56</title>
<!-- DNS Prefetch & Preconnect -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin>
<link rel="preconnect" href="https://assets.calendly.com" crossorigin>
<!--
============================================
CSS CRITIQUE INLINE — Above the fold (~950 o)
Évite l'écran blanc pendant les 300ms du CSS Vite.
Styles minimum pour la navbar, le hero et la typo.
============================================
-->
<style>
*,:before,:after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}
body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;background:#fff;color:#111827}
img,svg,video{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:inherit}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
h1,h2,h3,h4,h5,h6,p,ul,ol{margin:0;padding:0}
/* Navbar — fixed, white, shadow */
#root>header{position:fixed;top:0;left:0;right:0;z-index:50;height:4rem;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.08);display:flex;align-items:center}
#root>header>div{width:100%;max-width:80rem;margin:0 auto;padding:0 1rem;display:flex;align-items:center;justify-content:space-between}
@media(min-width:768px){#root>header{height:5rem}#root>header>div{padding:0 1.5rem}}
/* Hero — full screen, forces layout before Tailwind kicks in */
main section:first-of-type{min-height:100vh;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;color:#fff;text-align:center;padding-top:4rem}
@media(min-width:768px){main section:first-of-type{padding-top:5rem}}
/* Hero text contrast (over dark overlay) */
main section:first-of-type h1,
main section:first-of-type h2{color:#fff;font-weight:800;line-height:1.2}
main section:first-of-type p{color:#e5e7eb;line-height:1.7}
/* CTA buttons — green pill */
.cta-primary,a[href^="tel:"]{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;border-radius:9999px;font-weight:700;font-size:1rem;white-space:nowrap;background:#1a4a2e;color:#fff}
.cta-outline{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;border-radius:9999px;font-weight:700;font-size:1rem;white-space:nowrap;background:transparent;border:2px solid #fff;color:#fff}
/* Footer spacing guard */
footer{margin-top:auto}
</style>
<!-- Google Fonts - Inter uniquement (400-800, sans 300 ni Playfair jamais utilisés) -->
<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"></noscript>
<!-- Remixicon - chargement asynchrone (seule librairie d'icônes utilisée) -->
<link rel="preload" as="style" href="https://cdnjs.cloudflare.com/ajax/libs/remixicon/4.5.0/remixicon.min.css" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/remixicon/4.5.0/remixicon.min.css"></noscript>
<script type="text/javascript" src="https://assets.calendly.com/assets/external/widget.js" async></script>
<!-- Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-XXXXXXXXXX');
</script>
<meta name="readdy-project-version" content="608d0efcbceb4db53d8d4da8e4f05b55:2c0003971ee8469563fbba1a7abe4448:ced564e7b8cec7f8254bfab09c93fcc364079b1bf2b15817d9621e96e0935c295840f1a5417f8799c069032ee5e0ad3a773a612a47870410ca77ba7219bb0fec9f"><script>
window.EventReportingConfig = {
projectId: 'ecf93469-8422-4d03-9195-bf2b2b844976',
domain: 'https://readdy.ai',
debug: false
};
</script>
<script defer src="https://public.readdy.ai/analysis/event-reporting.min.js"></script>
<script type="module" crossorigin src="/assets/index-4mKI09om.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-Cg08BXEV.css">
</head>
<body>
<div id="root"></div>
</body>
</html>