<!DOCTYPE html><html lang="fr-FR"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"> <script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/3201430456de9e57df21c752b63bfb24/script.js"></script> <script async src="https://www.googletagmanager.com/gtag/js?id=G-5DDYWJ7ZE0"></script> <script>window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
// Consent Mode v2 - Configuration par défaut (avant consentement)
gtag('consent', 'default', {
'analytics_storage': 'denied',
'ad_storage': 'denied',
'ad_user_data': 'denied',
'ad_personalization': 'denied',
'wait_for_update': 500
});
gtag('js', new Date());
gtag('config', 'G-5DDYWJ7ZE0');
// Écouter l'événement CookieYes pour mettre à jour le consentement
document.addEventListener('cookieyes_consent_update', function(e) {
var accepted = e.detail.accepted || [];
// Si analytics est accepté
if (accepted.includes('analytics')) {
gtag('consent', 'update', {
'analytics_storage': 'granted'
});
}
// Si advertisement/marketing est accepté
if (accepted.includes('advertisement') || accepted.includes('marketing')) {
gtag('consent', 'update', {
'ad_storage': 'granted',
'ad_user_data': 'granted',
'ad_personalization': 'granted'
});
}
});
// Vérifier si le consentement a déjà été donné (visite retour)
if (typeof getCkyConsent === 'function') {
var consent = getCkyConsent();
if (consent && consent.categories && consent.categories.analytics) {
gtag('consent', 'update', {
'analytics_storage': 'granted'
});
}
}</script> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <script id="cookie-law-info-gcm-var-js">var _ckyGcm = {"status":true,"default_settings":[{"analytics":"denied","advertisement":"denied","functional":"denied","necessary":"granted","ad_user_data":"denied","ad_personalization":"denied","regions":"All"}],"wait_for_update":2000,"url_passthrough":false,"ads_data_redaction":false}</script> <script id="cookie-law-info-gcm-js" type="text/javascript" src="http://www.immersion-technologies.fr/wp-content/plugins/cookie-law-info/lite/frontend/js/gcm.min.js"></script> <script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/3201430456de9e57df21c752b63bfb24/script.js"></script> <link rel="icon" type="image/png" sizes="48x48" href="http://www.immersion-technologies.fr/wp-content/themes/immersion-child/assets/favicons/favicon-48.png"><link rel="icon" type="image/png" sizes="192x192" href="http://www.immersion-technologies.fr/wp-content/themes/immersion-child/assets/favicons/favicon-192.png"><link rel="apple-touch-icon" sizes="180x180" href="http://www.immersion-technologies.fr/wp-content/themes/immersion-child/assets/favicons/apple-touch-icon.png"><link rel="shortcut icon" href="http://www.immersion-technologies.fr/wp-content/themes/immersion-child/assets/favicons/favicon.ico"><title>Immersion Technologies | Experts en Intégration Audiovisuelle</title><meta name="description" content="Experts en intégration audiovisuelle pour professionnels. 10 ans d’expérience. Interventions en Alsace et partout en France." /><link rel="canonical" href="https://www.immersion-technologies.fr/a-propos/" /><meta property="og:locale" content="fr_FR" /><meta property="og:type" content="article" /><meta property="og:title" content="Immersion Technologies | Experts en Intégration Audiovisuelle" /><meta property="og:description" content="Experts en intégration audiovisuelle pour professionnels. 10 ans d’expérience. Interventions en Alsace et partout en France." /><meta property="og:url" content="https://www.immersion-technologies.fr/a-propos/" /><meta property="og:site_name" content="Immersion Technologies" /><meta property="article:modified_time" content="2026-02-23T08:31:27+00:00" /><meta property="og:image" content="https://www.immersion-technologies.fr/wp-content/uploads/2025/11/LE-MOUL1-07-05-25-14-sur-164-scaled.webp" /><meta property="og:image:width" content="2560" /><meta property="og:image:height" content="1440" /><meta property="og:image:type" content="image/jpeg" /><meta name="twitter:card" content="summary_large_image" /><meta name="twitter:label1" content="Durée de lecture estimée" /><meta name="twitter:data1" content="1 minute" /><style media="all">*{box-sizing:border-box;margin:0;padding:0}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:#000;color:#fff;overflow-x:hidden}img{max-width:100%;height:auto;display:block}img.logo-header{height:48px!important;max-height:48px!important}.hero-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.hero-bg-image{position:absolute;inset:0;background-size:cover;background-position:center;min-height:100vh}#main-header{position:fixed;top:0;left:0;right:0;z-index:60}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}@media(max-width:1023px){#main-header{background:rgba(0,0,0,1)!important}.logo-container-2{position:relative;z-index:70;display:flex!important;align-items:center!important;flex-shrink:0;-webkit-transform:translateZ(0);transform:translateZ(0);max-width:60vw}.logo-container-2 a{display:block;line-height:0;max-width:100%}.logo-header{display:block!important;width:auto!important;height:40px!important;max-width:100%!important;max-height:40px!important;visibility:visible!important;opacity:1!important;-webkit-transform:translateZ(0);transform:translateZ(0)}nav .logo-container-2{order:-1;flex:0 0 auto}}@media(max-width:375px){.logo-header{height:36px!important;max-height:36px!important}}
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color)}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
.wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;padding:0;border:0;word-wrap:normal !important}.wpcf7 .hidden-fields-container{display:none}.wpcf7 form .wpcf7-response-output{margin:2em .5em 1em;padding:.2em 1em;border:2px solid #00a0d2}.wpcf7 form.init .wpcf7-response-output,.wpcf7 form.resetting .wpcf7-response-output,.wpcf7 form.submitting .wpcf7-response-output{display:none}.wpcf7 form.sent .wpcf7-response-output{border-color:#46b450}.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.aborted .wpcf7-response-output{border-color:#dc3232}.wpcf7 form.spam .wpcf7-response-output{border-color:#f56e28}.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output{border-color:#ffb900}.wpcf7-form-control-wrap{position:relative}.wpcf7-not-valid-tip{color:#dc3232;font-size:1em;font-weight:400;display:block}.use-floating-validation-tip .wpcf7-not-valid-tip{position:relative;top:-2ex;left:1em;z-index:100;border:1px solid #dc3232;background:#fff;padding:.2em .8em;width:24em}.wpcf7-list-item{display:inline-block;margin:0 0 0 1em}.wpcf7-list-item-label:before,.wpcf7-list-item-label:after{content:" "}.wpcf7-spinner{visibility:hidden;display:inline-block;background-color:#23282d;opacity:.75;width:24px;height:24px;border:none;border-radius:100%;padding:0;margin:0 24px;position:relative}form.submitting .wpcf7-spinner{visibility:visible}.wpcf7-spinner:before{content:'';position:absolute;background-color:#fbfbfc;top:4px;left:4px;width:6px;height:6px;border:none;border-radius:100%;transform-origin:8px 8px;animation-name:spin;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}@media (prefers-reduced-motion:reduce){.wpcf7-spinner:before{animation-name:blink;animation-duration:2s}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes blink{from{opacity:0}50%{opacity:1}to{opacity:0}}.wpcf7 [inert]{opacity:.5}.wpcf7 input[type=file]{cursor:pointer}.wpcf7 input[type=file]:disabled{cursor:default}.wpcf7 .wpcf7-submit:disabled{cursor:not-allowed}.wpcf7 input[type=url],.wpcf7 input[type=email],.wpcf7 input[type=tel]{direction:ltr}.wpcf7-reflection>output{display:list-item;list-style:none}.wpcf7-reflection>output[hidden]{display:none}
/*!
* Google Fonts - Inter
* Hébergées localement pour optimiser les performances
* Téléchargées depuis google-webfonts-helper.herokuapp.com
*/
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(//www.immersion-technologies.fr/wp-content/themes/immersion-child/assets/css/../fonts/inter-v13-latin-400.woff2) format('woff2'),url(//www.immersion-technologies.fr/wp-content/themes/immersion-child/assets/css/../fonts/inter-v13-latin-400.woff) format('woff')}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(//www.immersion-technologies.fr/wp-content/themes/immersion-child/assets/css/../fonts/inter-v13-latin-500.woff2) format('woff2'),url(//www.immersion-technologies.fr/wp-content/themes/immersion-child/assets/css/../fonts/inter-v13-latin-500.woff) format('woff')}@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(//www.immersion-technologies.fr/wp-content/themes/immersion-child/assets/css/../fonts/inter-v13-latin-600.woff2) format('woff2'),url(//www.immersion-technologies.fr/wp-content/themes/immersion-child/assets/css/../fonts/inter-v13-latin-600.woff) format('woff')}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(//www.immersion-technologies.fr/wp-content/themes/immersion-child/assets/css/../fonts/inter-v13-latin-700.woff2) format('woff2'),url(//www.immersion-technologies.fr/wp-content/themes/immersion-child/assets/css/../fonts/inter-v13-latin-700.woff) format('woff')}
/*!
* Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
* Configuration locale optimisée pour Immersion Technologies
*/
@font-face{font-family:'Font Awesome 6 Free';font-style:normal;font-weight:400;font-display:swap;src:url(//www.immersion-technologies.fr/wp-content/themes/immersion-child/assets/css/../webfonts/fa-regular-400.woff2) format('woff2'),url(//www.immersion-technologies.fr/wp-content/themes/immersion-child/assets/css/../webfonts/fa-regular-400.woff) format('woff')}@font-face{font-family:'Font Awesome 6 Free';font-style:normal;font-weight:900;font-display:swap;src:url(//www.immersion-technologies.fr/wp-content/themes/immersion-child/assets/css/../webfonts/fa-solid-900.woff2) format('woff2'),url(//www.immersion-technologies.fr/wp-content/themes/immersion-child/assets/css/../webfonts/fa-solid-900.woff) format('woff')}@font-face{font-family:'Font Awesome 6 Brands';font-style:normal;font-weight:400;font-display:swap;src:url(//www.immersion-technologies.fr/wp-content/themes/immersion-child/assets/css/../webfonts/fa-brands-400.woff2) format('woff2'),url(//www.immersion-technologies.fr/wp-content/themes/immersion-child/assets/css/../webfonts/fa-brands-400.woff) format('woff')}.fa,.fas,.far,.fab{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa,.fas{font-family:'Font Awesome 6 Free';font-weight:900}.far{font-family:'Font Awesome 6 Free';font-weight:400}.fab{font-family:'Font Awesome 6 Brands';font-weight:400}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-spin{animation:fa-spin 2s infinite linear}@keyframes fa-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.fa-fw{text-align:center;width:1.25em}
*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif}body{overflow-x:hidden;background:#000;color:#fff}*[style*="font-family: Cardo"],*[style*="font-family:Cardo"],*[class*=has-cardo-font-family]{font-family:'Space Grotesk',sans-serif !important}h1,h2,h3,h4,h5,h6,.wp-block-heading,.has-cardo-font-family{font-family:'Space Grotesk',sans-serif !important}.font-space{font-family:'Space Grotesk',sans-serif !important}.text-gradient{background:linear-gradient(135deg,#fff,#ccc) !important;-webkit-background-clip:text !important;-webkit-text-fill-color:transparent !important;background-clip:text !important}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes float{0%,100%{transform:translateY(0px) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes floatReverse{0%,100%{transform:translateY(0px) rotate(0deg)}50%{transform:translateY(20px) rotate(-5deg)}}@keyframes pulse{0%,100%{opacity:.4}50%{opacity:1}}@keyframes slideIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.float-animation{animation:float 6s ease-in-out infinite !important}.float-reverse{animation:floatReverse 8s ease-in-out infinite !important}.animate-float{animation:float 3s ease-in-out infinite !important}.hero-bg{position:fixed !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;z-index:-1 !important}.hero-bg:before{content:'' !important;position:absolute !important;inset:0 !important;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.4) 100%) !important;z-index:2 !important}.hero-bg-image{position:absolute !important;inset:0 !important;background-size:cover !important;background-position:center !important;min-height:100vh !important;transition:opacity 1.2s cubic-bezier(.4,0,.2,1),transform 8s cubic-bezier(.4,0,.2,1) !important;transform:scale(1.1) !important}.hero-bg-image.active{opacity:1 !important;transform:scale(1) !important}.hero-bg-image:not(.active){opacity:0 !important;transform:scale(1.2) !important}.noise{position:fixed !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;pointer-events:none !important;opacity:.02 !important;z-index:3 !important;background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDAiIGhlaWdodD0iMzAwIj48ZmlsdGVyIGlkPSJhIj48ZmVUdXJidWxlbmNlIGJhc2VGcmVxdWVuY3k9Ii43NSIgbnVtT2N0YXZlcz0iNCIgc3RpdGNoVGlsZXM9InN0aXRjaCIvPjwvZmlsdGVyPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbHRlcj0idXJsKCNhKSIgb3BhY2l0eT0iMSIvPjwvc3ZnPg==') !important}.grid-pattern{position:fixed !important;inset:0 !important;background-image:linear-gradient(rgba(255,255,255,.01) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.01) 1px,transparent 1px) !important;background-size:50px 50px !important;z-index:2 !important;pointer-events:none !important}.floating-element{position:absolute !important;opacity:.1 !important;animation:float 6s ease-in-out infinite !important}.floating-element:nth-child(odd){animation-duration:8s !important;animation-delay:1s !important}.nav-item{position:relative !important;overflow:hidden !important;transition:all .5s cubic-bezier(.4,0,.2,1) !important}.nav-item:before{content:'' !important;position:absolute !important;top:0 !important;left:-100% !important;width:100% !important;height:100% !important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent) !important;transition:left .5s cubic-bezier(.4,0,.2,1) !important}.nav-item:hover:before{left:100% !important}.nav-item.active{background:linear-gradient(to bottom right,#3daa35,#2d8028) !important;backdrop-filter:blur(8px) !important;box-shadow:0 0 20px rgba(61,170,53,.3) !important;transform:scale(1.02) !important;transition:all .5s ease !important}.cta-premium{position:relative !important;background:linear-gradient(135deg,#3daa35,#2d8028) !important;overflow:hidden !important;transition:all .4s cubic-bezier(.4,0,.2,1) !important;box-shadow:0 4px 30px rgba(61,170,53,.3) !important}.cta-premium:before{content:'' !important;position:absolute !important;top:50% !important;left:50% !important;width:0 !important;height:0 !important;background:rgba(255,255,255,.2) !important;border-radius:50% !important;transform:translate(-50%,-50%) !important;transition:width .6s,height .6s !important}.cta-premium:hover:before{width:300px !important;height:300px !important}.cta-premium:hover{transform:translateY(-2px) !important;box-shadow:0 8px 40px rgba(61,170,53,.4) !important}.service-card{background:0 0 !important;border-radius:.5rem !important;animation:fadeIn .8s ease-out !important;transform:translate(-2.4vw,15vh) !important}.progress-ring{width:60px !important;height:60px !important;transform:rotate(-90deg) !important}.progress-ring-circle{transition:stroke-dashoffset .1s linear !important;stroke:#3daa35 !important;stroke-width:5 !important;fill:transparent !important}.custom-cursor{width:20px !important;height:20px !important;border:2px solid #3daa35 !important;border-radius:50% !important;position:fixed !important;pointer-events:none !important;z-index:9999 !important;transition:all .1s ease !important;transform:translate(-50%,-50%) !important;mix-blend-mode:difference !important}.custom-cursor.hover{width:40px !important;height:40px !important;background:rgba(61,170,53,.1) !important}:root{--wave-count:100;--wave-duration:2s;--wave-skew:17.5deg;--wave-translate:100px;--wave-width:10px;--wave-height:30px}.sea{position:absolute !important;bottom:0 !important;left:0 !important;width:100% !important;height:200px !important;display:flex !important;justify-content:space-between !important;align-items:flex-end !important;filter:drop-shadow(0 -7px 10px rgba(61,170,53,.3)) blur(1px) contrast(3) !important}.wave{position:relative !important;flex:1 !important}.wave_graphic{width:100% !important;height:var(--wave-height) !important;background:linear-gradient(180deg,rgba(61,170,53,.3),rgba(61,170,53,.3)) !important}.wave_fade{animation:fade calc(var(--wave-duration) * 0.7) ease-in-out infinite alternate !important}.wave_skew{animation:skew var(--wave-duration) ease-in-out infinite alternate !important}.wave_translate{animation:translate var(--wave-duration) ease-in-out infinite alternate !important}.wave:nth-child(1) .wave_fade{animation-delay:-20ms !important}.wave:nth-child(1) .wave_skew{animation-delay:-20ms !important}.wave:nth-child(1) .wave_translate{animation-delay:-1.02s !important}.wave:nth-child(2) .wave_fade{animation-delay:-40ms !important}.wave:nth-child(2) .wave_skew{animation-delay:-40ms !important}.wave:nth-child(2) .wave_translate{animation-delay:-1.04s !important}.wave:nth-child(3) .wave_fade{animation-delay:-60ms !important}.wave:nth-child(3) .wave_skew{animation-delay:-60ms !important}.wave:nth-child(3) .wave_translate{animation-delay:-1.06s !important}.wave:nth-child(4) .wave_fade{animation-delay:-80ms !important}.wave:nth-child(4) .wave_skew{animation-delay:-80ms !important}.wave:nth-child(4) .wave_translate{animation-delay:-1.08s !important}.wave:nth-child(5) .wave_fade{animation-delay:-.1s !important}.wave:nth-child(5) .wave_skew{animation-delay:-.1s !important}.wave:nth-child(5) .wave_translate{animation-delay:-1.1s !important}@keyframes fade{0%{opacity:.05}5%{opacity:.05}100%{opacity:1}}@keyframes skew{0%{transform:skewY(calc(-1 * var(--wave-skew)))}100%{transform:skewY(var(--wave-skew))}}@keyframes translate{0%{transform:translateY(var(--wave-translate))}100%{transform:translateY(calc(-1 * var(--wave-translate)))}}.wave:nth-child(n+6) .wave_fade{animation-delay:calc(var(--i, 6) * -20ms) !important}.wave:nth-child(n+6) .wave_skew{animation-delay:calc(var(--i, 6) * -20ms) !important}.wave:nth-child(n+6) .wave_translate{animation-delay:calc(var(--i, 6) * -20ms - 1000ms) !important}.group:hover .shadow-xl{box-shadow:0 25px 50px -12px rgba(0,0,0,.15) !important}.hover\:scale-105:hover{transform:scale(1.05) !important}.skew-x-12{transform:skewX(-12deg) !important}*{transition-timing-function:cubic-bezier(.4,0,.2,1) !important}.wpcf7-response-output{color:#000 !important;background:#fff !important;border:2px solid #3daa35 !important;padding:15px 20px !important;border-radius:8px !important;margin-top:20px !important;font-weight:500 !important}.wpcf7-mail-sent-ok{background:#e8f5e9 !important;color:#2d8028 !important;border-color:#3daa35 !important}.wpcf7-validation-errors,.wpcf7-acceptance-missing{background:#fff3cd !important;color:#856404 !important;border-color:#ffc107 !important}.wpcf7-mail-sent-ng,.wpcf7-aborted{background:#f8d7da !important;color:#721c24 !important;border-color:#dc3545 !important}.wpcf7-spam-blocked{background:#f8d7da !important;color:#721c24 !important;border-color:#dc3545 !important}.wpcf7-not-valid-tip{color:#dc3545 !important;background:#fff !important;padding:5px 10px !important;border-radius:4px !important;margin-top:5px !important;display:inline-block !important;font-size:14px !important}@media (max-width:1280px){.service-card{transform:translate(-8vw,15vh) !important}}@media (max-width:1024px){.hero-content{padding-top:80px !important;padding-bottom:80px !important}.side-nav{bottom:20px !important;right:50% !important;transform:translateX(50%) !important;flex-direction:row !important;gap:10px !important}.nav-item{writing-mode:horizontal-tb !important;padding:10px 20px !important}.flex-none.w-full.lg\:w-\[48\%\]{width:85% !important}}@media (max-width:768px){.service-card{transform:translate(-10vw,15vh) !important}}@media (max-width:640px){.hero-buttons{flex-direction:column !important;gap:12px !important}.hero-buttons button{width:100% !important}}
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
/*! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}body,html{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}body{overflow-x:hidden;--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"\201C""\201D""\2018""\2019";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px var(--tw-prose-kbd-shadows),0 3px 0 var(--tw-prose-kbd-shadows);font-size:.875em;border-radius:.3125rem;padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;padding-inline-start:.375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding-top:.8571429em;padding-inline-end:1.1428571em;padding-bottom:.8571429em;padding-inline-start:1.1428571em}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose{--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-kbd:#111827;--tw-prose-kbd-shadows:rgba(17,24,39,.1);--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:hsla(0,0%,100%,.1);--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-pre-bg:rgba(0,0,0,.5);--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose-sm{font-size:.875rem;line-height:1.7142857}.prose-sm :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em}.prose-sm :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2857143em;line-height:1.5555556;margin-top:.8888889em;margin-bottom:.8888889em}.prose-sm :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-inline-start:1.1111111em}.prose-sm :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:2.1428571em;margin-top:0;margin-bottom:.8em;line-height:1.2}.prose-sm :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.4285714em;margin-top:1.6em;margin-bottom:.8em;line-height:1.4}.prose-sm :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2857143em;margin-top:1.5555556em;margin-bottom:.4444444em;line-height:1.5555556}.prose-sm :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.4285714em;margin-bottom:.5714286em;line-height:1.4285714}.prose-sm :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-sm :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;border-radius:.3125rem;padding-top:.1428571em;padding-inline-end:.3571429em;padding-bottom:.1428571em;padding-inline-start:.3571429em}.prose-sm :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em}.prose-sm :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.9em}.prose-sm :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em}.prose-sm :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.6666667;margin-top:1.6666667em;margin-bottom:1.6666667em;border-radius:.25rem;padding-top:.6666667em;padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em;padding-inline-start:1.5714286em}.prose-sm :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em;padding-inline-start:1.5714286em}.prose-sm :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.2857143em;margin-bottom:.2857143em}.prose-sm :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4285714em}.prose-sm :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4285714em}.prose-sm :where(.prose-sm>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5714286em;margin-bottom:.5714286em}.prose-sm :where(.prose-sm>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(.prose-sm>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.1428571em}.prose-sm :where(.prose-sm>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(.prose-sm>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.1428571em}.prose-sm :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5714286em;margin-bottom:.5714286em}.prose-sm :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em}.prose-sm :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.2857143em;padding-inline-start:1.5714286em}.prose-sm :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2.8571429em;margin-bottom:2.8571429em}.prose-sm :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.5}.prose-sm :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose-sm :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose-sm :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.6666667em;padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose-sm :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose-sm :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-sm :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.3333333;margin-top:.6666667em}.prose-sm :where(.prose-sm>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(.prose-sm>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.text-gradient{background:linear-gradient(135deg,#fff,#ccc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.-inset-1{inset:-.25rem}.inset-0{inset:0}.inset-y-0{top:0;bottom:0}.-bottom-2{bottom:-.5rem}.-bottom-40{bottom:-10rem}.-bottom-6{bottom:-1.5rem}.-left-4{left:-1rem}.-left-40{left:-10rem}.-right-40{right:-10rem}.-right-6{right:-1.5rem}.-top-4{top:-1rem}.-top-40{top:-10rem}.bottom-0{bottom:0}.bottom-16{bottom:4rem}.bottom-3{bottom:.75rem}.bottom-4{bottom:1rem}.bottom-8{bottom:2rem}.bottom-full{bottom:100%}.left-0{left:0}.left-1\/2{left:50%}.left-1\/3{left:33.333333%}.left-1\/4{left:25%}.left-2{left:.5rem}.left-3{left:.75rem}.left-4{left:1rem}.left-full{left:100%}.right-0{right:0}.right-1\/2{right:50%}.right-1\/3{right:33.333333%}.right-1\/4{right:25%}.right-2{right:.5rem}.right-4{right:1rem}.right-8{right:2rem}.right-full{right:100%}.top-0{top:0}.top-1\/2{top:50%}.top-3{top:.75rem}.top-4{top:1rem}.top-full{top:100%}.-z-10{z-index:-10}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[60\]{z-index:60}.order-1{order:1}.order-2{order:2}.order-first{order:-9999}.col-span-full{grid-column:1/-1}.-mx-4{margin-left:-1rem;margin-right:-1rem}.mx-1\.5{margin-left:.375rem;margin-right:.375rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.-ml-2{margin-left:-.5rem}.-mr-2{margin-right:-.5rem}.mb-1{margin-bottom:.25rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-20{margin-bottom:5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-16{margin-left:4rem}.ml-2{margin-left:.5rem}.ml-8{margin-left:2rem}.ml-auto{margin-left:auto}.mr-16{margin-right:4rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.line-clamp-3{-webkit-line-clamp:3}.line-clamp-3,.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.line-clamp-4{-webkit-line-clamp:4}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-\[3\/4\]{aspect-ratio:3/4}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-video{aspect-ratio:16/9}.h-0{height:0}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-28{height:7rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-60{height:15rem}.h-8{height:2rem}.h-80{height:20rem}.h-96{height:24rem}.h-\[400px\]{height:400px}.h-\[500px\]{height:500px}.h-full{height:100%}.h-px{height:1px}.max-h-0{max-height:0}.min-h-\[300px\]{min-height:300px}.min-h-\[400px\]{min-height:400px}.min-h-\[44px\]{min-height:44px}.min-h-\[500px\]{min-height:500px}.min-h-screen{min-height:100vh}.w-0{width:0}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-20{width:5rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-80{width:20rem}.w-96{width:24rem}.w-\[140px\]{width:140px}.w-\[200\%\]{width:200%}.w-\[800px\]{width:800px}.w-\[85vw\]{width:85vw}.w-auto{width:auto}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0}.min-w-\[100px\]{min-width:100px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[150px\]{max-width:150px}.max-w-\[280px\]{max-width:280px}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-none{max-width:none}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.flex-none{flex:none}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.origin-bottom-left{transform-origin:bottom left}.origin-bottom-right{transform-origin:bottom right}.origin-center{transform-origin:center}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-x-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-full{--tw-translate-x:-100%}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.translate-y-12{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-12{--tw-translate-y:3rem}.translate-y-5{--tw-translate-y:1.25rem}.translate-y-5,.translate-y-8{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-8{--tw-translate-y:2rem}.skew-x-12{--tw-skew-x:12deg}.skew-x-12,.skew-x-\[-30deg\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.skew-x-\[-30deg\]{--tw-skew-x:-30deg}.skew-x-\[30deg\]{--tw-skew-x:30deg}.skew-x-\[30deg\],.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-\[fadeIn_0\.6s_ease-out_0\.2s_forwards\]{animation:fadeIn .6s ease-out .2s forwards}.animate-\[fadeIn_0\.6s_ease-out_0\.4s_forwards\]{animation:fadeIn .6s ease-out .4s forwards}.animate-\[fadeIn_0\.6s_ease-out_forwards\]{animation:fadeIn .6s ease-out forwards}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-float{animation:float 6s ease-in-out infinite}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-pulse-slow{animation:pulse 3s cubic-bezier(.4,0,.6,1) infinite}.cursor-pointer{cursor:pointer}.touch-manipulation{touch-action:manipulation}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.snap-center{scroll-snap-align:center}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-12{gap:3rem}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.75rem*var(--tw-space-x-reverse));margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem*var(--tw-space-x-reverse));margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))}.space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1.5rem*var(--tw-space-x-reverse));margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)))}.space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(2rem*var(--tw-space-x-reverse));margin-left:calc(2rem*(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem*var(--tw-space-y-reverse))}.self-end{align-self:flex-end}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.scroll-smooth{scroll-behavior:smooth}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-8{border-bottom-width:8px}.border-l{border-left-width:1px}.border-l-0{border-left-width:0}.border-l-8{border-left-width:8px}.border-r-0{border-right-width:0}.border-r-8{border-right-width:8px}.border-t{border-top-width:1px}.border-t-8{border-top-width:8px}.border-\[\#3daa35\]\/30{border-color:rgba(61,170,53,.3)}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-green-200{--tw-border-opacity:1;border-color:rgb(187 247 208/var(--tw-border-opacity,1))}.border-green-500{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1))}.border-green-600{--tw-border-opacity:1;border-color:rgb(22 163 74/var(--tw-border-opacity,1))}.border-transparent{border-color:transparent}.border-verre\/50{border-color:rgba(61,170,53,.5)}.border-white\/10{border-color:hsla(0,0%,100%,.1)}.border-white\/20{border-color:hsla(0,0%,100%,.2)}.border-white\/25{border-color:hsla(0,0%,100%,.25)}.border-white\/30{border-color:hsla(0,0%,100%,.3)}.border-b-transparent{border-bottom-color:transparent}.border-b-white{--tw-border-opacity:1;border-bottom-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-l-transparent{border-left-color:transparent}.border-l-white{--tw-border-opacity:1;border-left-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-r-transparent{border-right-color:transparent}.border-r-white{--tw-border-opacity:1;border-right-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-t-transparent{border-top-color:transparent}.border-t-white{--tw-border-opacity:1;border-top-color:rgb(255 255 255/var(--tw-border-opacity,1))}.bg-black\/0{background-color:transparent}.bg-black\/30{background-color:rgba(0,0,0,.3)}.bg-black\/40{background-color:rgba(0,0,0,.4)}.bg-black\/50{background-color:rgba(0,0,0,.5)}.bg-black\/80{background-color:rgba(0,0,0,.8)}.bg-black\/90{background-color:rgba(0,0,0,.9)}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-green-400{--tw-bg-opacity:1;background-color:rgb(74 222 128/var(--tw-bg-opacity,1))}.bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-green-500\/10{background-color:rgba(34,197,94,.1)}.bg-green-500\/20{background-color:rgba(34,197,94,.2)}.bg-green-600{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.bg-verre{--tw-bg-opacity:1;background-color:rgb(61 170 53/var(--tw-bg-opacity,1))}.bg-verre\/10{background-color:rgba(61,170,53,.1)}.bg-verre\/20{background-color:rgba(61,170,53,.2)}.bg-verre\/50{background-color:rgba(61,170,53,.5)}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:hsla(0,0%,100%,.1)}.bg-white\/15{background-color:hsla(0,0%,100%,.15)}.bg-white\/20{background-color:hsla(0,0%,100%,.2)}.bg-white\/5{background-color:hsla(0,0%,100%,.05)}.bg-white\/50{background-color:hsla(0,0%,100%,.5)}.bg-white\/95{background-color:hsla(0,0%,100%,.95)}.bg-\[radial-gradient\(45rem_50rem_at_bottom\2c rgba\(61\2c 170\2c 53\2c 0\.15\)\2c transparent\)\]{background-image:radial-gradient(45rem 50rem at bottom,rgba(61,170,53,.15),transparent)}.bg-\[radial-gradient\(45rem_50rem_at_top\2c rgba\(61\2c 170\2c 53\2c 0\.15\)\2c transparent\)\]{background-image:radial-gradient(45rem 50rem at top,rgba(61,170,53,.15),transparent)}.bg-\[radial-gradient\(45rem_50rem_at_top\2c rgba\(61\2c 170\2c 53\2c 0\.2\)\2c white\)\]{background-image:radial-gradient(45rem 50rem at top,rgba(61,170,53,.2),#fff)}.bg-\[radial-gradient\(45rem_50rem_at_top\2c rgba\(61\2c 170\2c 53\2c 0\.69\)\2c white\)\]{background-image:radial-gradient(45rem 50rem at top,rgba(61,170,53,.69),#fff)}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-l{background-image:linear-gradient(to left,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-\[\#3daa35\]{--tw-gradient-from:#3daa35 var(--tw-gradient-from-position);--tw-gradient-to:rgba(61,170,53,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-black{--tw-gradient-from:#000 var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-black\/40{--tw-gradient-from:rgba(0,0,0,.4) var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-black\/50{--tw-gradient-from:rgba(0,0,0,.5) var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-black\/60{--tw-gradient-from:rgba(0,0,0,.6) var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-black\/70{--tw-gradient-from:rgba(0,0,0,.7) var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-black\/80{--tw-gradient-from:rgba(0,0,0,.8) var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-black\/90{--tw-gradient-from:rgba(0,0,0,.9) var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-gray-100{--tw-gradient-from:#f3f4f6 var(--tw-gradient-from-position);--tw-gradient-to:rgba(243,244,246,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-gray-200{--tw-gradient-from:#e5e7eb var(--tw-gradient-from-position);--tw-gradient-to:rgba(229,231,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-gray-50{--tw-gradient-from:#f9fafb var(--tw-gradient-from-position);--tw-gradient-to:rgba(249,250,251,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-100{--tw-gradient-from:#dcfce7 var(--tw-gradient-from-position);--tw-gradient-to:rgba(220,252,231,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-50{--tw-gradient-from:#f0fdf4 var(--tw-gradient-from-position);--tw-gradient-to:rgba(240,253,244,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-500{--tw-gradient-from:#22c55e var(--tw-gradient-from-position);--tw-gradient-to:rgba(34,197,94,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-500\/20{--tw-gradient-from:rgba(34,197,94,.2) var(--tw-gradient-from-position);--tw-gradient-to:rgba(34,197,94,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-600{--tw-gradient-from:#16a34a var(--tw-gradient-from-position);--tw-gradient-to:rgba(22,163,74,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-transparent{--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-verre{--tw-gradient-from:#3daa35 var(--tw-gradient-from-position);--tw-gradient-to:rgba(61,170,53,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-verre\/5{--tw-gradient-from:rgba(61,170,53,.05) var(--tw-gradient-from-position);--tw-gradient-to:rgba(61,170,53,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-white{--tw-gradient-from:#fff var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-black\/30{--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(0,0,0,.3) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-black\/60{--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(0,0,0,.6) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-black\/70{--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(0,0,0,.7) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-gray-300{--tw-gradient-to:rgba(209,213,219,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#d1d5db var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-gray-900{--tw-gradient-to:rgba(17,24,39,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#111827 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),transparent var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-white\/10{--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),hsla(0,0%,100%,.1) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-white\/20{--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),hsla(0,0%,100%,.2) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-white\/25{--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),hsla(0,0%,100%,.25) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-white\/80{--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),hsla(0,0%,100%,.8) var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-\[\#2d8028\]{--tw-gradient-to:#2d8028 var(--tw-gradient-to-position)}.to-black{--tw-gradient-to:#000 var(--tw-gradient-to-position)}.to-black\/50{--tw-gradient-to:rgba(0,0,0,.5) var(--tw-gradient-to-position)}.to-black\/70{--tw-gradient-to:rgba(0,0,0,.7) var(--tw-gradient-to-position)}.to-black\/85{--tw-gradient-to:rgba(0,0,0,.85) var(--tw-gradient-to-position)}.to-black\/90{--tw-gradient-to:rgba(0,0,0,.9) var(--tw-gradient-to-position)}.to-gray-200{--tw-gradient-to:#e5e7eb var(--tw-gradient-to-position)}.to-gray-300{--tw-gradient-to:#d1d5db var(--tw-gradient-to-position)}.to-gray-50{--tw-gradient-to:#f9fafb var(--tw-gradient-to-position)}.to-green-400{--tw-gradient-to:#4ade80 var(--tw-gradient-to-position)}.to-green-50{--tw-gradient-to:#f0fdf4 var(--tw-gradient-to-position)}.to-green-500{--tw-gradient-to:#22c55e var(--tw-gradient-to-position)}.to-green-700{--tw-gradient-to:#15803d var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.to-verre-dark{--tw-gradient-to:#2d8028 var(--tw-gradient-to-position)}.to-white{--tw-gradient-to:#fff var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.fill-current{fill:currentColor}.object-cover{-o-object-fit:cover;object-fit:cover}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-\[2px\]{padding:2px}.px-0{padding-left:0;padding-right:0}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-32{padding-top:8rem;padding-bottom:8rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-12{padding-bottom:3rem}.pb-16{padding-bottom:4rem}.pb-2{padding-bottom:.5rem}.pb-24{padding-bottom:6rem}.pb-32{padding-bottom:8rem}.pb-4{padding-bottom:1rem}.pb-8{padding-bottom:2rem}.pl-8{padding-left:2rem}.pt-16{padding-top:4rem}.pt-20{padding-top:5rem}.pt-24{padding-top:6rem}.pt-3{padding-top:.75rem}.pt-32{padding-top:8rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-bottom{vertical-align:bottom}.font-inter{font-family:Inter,sans-serif}.font-space{font-family:Space Grotesk,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[10px\]{font-size:10px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-light{font-weight:300}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-\[\#3daa35\]{--tw-text-opacity:1;color:rgb(61 170 53/var(--tw-text-opacity,1))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-green-400{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-green-500\/40{color:rgba(34,197,94,.4)}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-transparent{color:transparent}.text-verre{--tw-text-opacity:1;color:rgb(61 170 53/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/40{color:hsla(0,0%,100%,.4)}.text-white\/50{color:hsla(0,0%,100%,.5)}.text-white\/60{color:hsla(0,0%,100%,.6)}.text-white\/70{color:hsla(0,0%,100%,.7)}.text-white\/80{color:hsla(0,0%,100%,.8)}.text-white\/90{color:hsla(0,0%,100%,.9)}.text-yellow-400{--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.\!opacity-100{opacity:1!important}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-5{opacity:.05}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-\[0\.02\]{opacity:.02}.opacity-\[0\.03\]{opacity:.03}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-2xl,.shadow-\[0_0_20px_rgba\(61\2c 170\2c 53\2c 0\.3\)\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_20px_rgba\(61\2c 170\2c 53\2c 0\.3\)\]{--tw-shadow:0 0 20px rgba(61,170,53,.3);--tw-shadow-colored:0 0 20px var(--tw-shadow-color)}.shadow-\[0_0_25px_rgba\(61\2c 170\2c 53\2c 0\.4\)\]{--tw-shadow:0 0 25px rgba(61,170,53,.4);--tw-shadow-colored:0 0 25px var(--tw-shadow-color)}.shadow-\[0_0_25px_rgba\(61\2c 170\2c 53\2c 0\.4\)\],.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-md,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[\#3daa35\]\/10{--tw-shadow-color:rgba(61,170,53,.1);--tw-shadow:var(--tw-shadow-colored)}.shadow-gray-200\/50{--tw-shadow-color:rgba(229,231,235,.5);--tw-shadow:var(--tw-shadow-colored)}.shadow-green-500\/25{--tw-shadow-color:rgba(34,197,94,.25);--tw-shadow:var(--tw-shadow-colored)}.shadow-green-500\/5{--tw-shadow-color:rgba(34,197,94,.05);--tw-shadow:var(--tw-shadow-colored)}.shadow-green-600\/30{--tw-shadow-color:rgba(22,163,74,.3);--tw-shadow:var(--tw-shadow-colored)}.outline{outline-style:solid}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-\[\#3daa35\]{--tw-ring-opacity:1;--tw-ring-color:rgb(61 170 53/var(--tw-ring-opacity,1))}.ring-green-500\/10{--tw-ring-color:rgba(34,197,94,.1)}.blur{--tw-blur:blur(8px)}.blur,.blur-3xl{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-3xl{--tw-blur:blur(64px)}.blur-md{--tw-blur:blur(12px)}.blur-md,.blur-sm{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-sm{--tw-blur:blur(4px)}.blur-xl{--tw-blur:blur(24px)}.blur-xl,.drop-shadow{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))}.drop-shadow-2xl{--tw-drop-shadow:drop-shadow(0 25px 25px rgba(0,0,0,.15))}.drop-shadow-2xl,.drop-shadow-lg{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-lg{--tw-drop-shadow:drop-shadow(0 10px 8px rgba(0,0,0,.04)) drop-shadow(0 4px 3px rgba(0,0,0,.1))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-lg{--tw-backdrop-blur:blur(16px)}.backdrop-blur-lg,.backdrop-blur-md{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.backdrop-blur-sm,.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.delay-100{transition-delay:.1s}.duration-1000{transition-duration:1s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.will-change-transform{will-change:transform}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(3deg)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px rgba(61,170,53,.4)}50%{box-shadow:0 0 40px rgba(61,170,53,.8)}}.animate-float{animation:float 6s ease-in-out infinite}.\[-ms-overflow-style\:none\]{-ms-overflow-style:none}.\[scrollbar-width\:none\]{scrollbar-width:none}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:bottom-\[-4px\]:after{content:var(--tw-content);bottom:-4px}.after\:left-0:after{content:var(--tw-content);left:0}.after\:h-\[2px\]:after{content:var(--tw-content);height:2px}.after\:w-full:after{content:var(--tw-content);width:100%}.after\:scale-x-0:after{content:var(--tw-content);--tw-scale-x:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\:bg-verre:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(61 170 53/var(--tw-bg-opacity,1))}.after\:transition-transform:after{content:var(--tw-content);transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.after\:duration-300:after{content:var(--tw-content);transition-duration:.3s}.after\:content-\[\\\'\\\'\]:after{--tw-content:\'\';content:var(--tw-content)}.hover\:translate-x-2:hover{--tw-translate-x:0.5rem}.hover\:scale-105:hover,.hover\:translate-x-2:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1}.hover\:scale-110:hover,.hover\:scale-\[1\.02\]:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-\[1\.02\]:hover{--tw-scale-x:1.02;--tw-scale-y:1.02}.hover\:scale-\[1\.03\]:hover{--tw-scale-x:1.03;--tw-scale-y:1.03;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-green-300:hover{--tw-border-opacity:1;border-color:rgb(134 239 172/var(--tw-border-opacity,1))}.hover\:border-green-500:hover{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1))}.hover\:border-white\/20:hover{border-color:hsla(0,0%,100%,.2)}.hover\:bg-black\/60:hover{background-color:rgba(0,0,0,.6)}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-green-50:hover{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.hover\:bg-verre:hover{--tw-bg-opacity:1;background-color:rgb(61 170 53/var(--tw-bg-opacity,1))}.hover\:bg-verre\/10:hover{background-color:rgba(61,170,53,.1)}.hover\:bg-white\/10:hover{background-color:hsla(0,0%,100%,.1)}.hover\:bg-white\/15:hover{background-color:hsla(0,0%,100%,.15)}.hover\:bg-white\/20:hover{background-color:hsla(0,0%,100%,.2)}.hover\:bg-white\/5:hover{background-color:hsla(0,0%,100%,.05)}.hover\:text-gray-900:hover{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.hover\:text-green-300:hover{--tw-text-opacity:1;color:rgb(134 239 172/var(--tw-text-opacity,1))}.hover\:text-green-400:hover{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.hover\:text-green-600:hover{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.hover\:text-green-700:hover{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.hover\:text-verre:hover{--tw-text-opacity:1;color:rgb(61 170 53/var(--tw-text-opacity,1))}.hover\:text-verre-dark:hover{--tw-text-opacity:1;color:rgb(45 128 40/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:shadow-2xl:hover{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.hover\:shadow-2xl:hover,.hover\:shadow-\[0_0_30px_rgba\(61\2c 170\2c 53\2c 0\.5\)\]:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_0_30px_rgba\(61\2c 170\2c 53\2c 0\.5\)\]:hover{--tw-shadow:0 0 30px rgba(61,170,53,.5);--tw-shadow-colored:0 0 30px var(--tw-shadow-color)}.hover\:shadow-\[0_0_40px_rgba\(61\2c 170\2c 53\2c 0\.6\)\]:hover{--tw-shadow:0 0 40px rgba(61,170,53,.6);--tw-shadow-colored:0 0 40px var(--tw-shadow-color)}.hover\:shadow-\[0_0_40px_rgba\(61\2c 170\2c 53\2c 0\.6\)\]:hover,.hover\:shadow-md:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.active\:scale-90:active{--tw-scale-x:.9;--tw-scale-y:.9}.active\:scale-90:active,.active\:scale-95:active{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95}.active\:scale-\[0\.98\]:active{--tw-scale-x:0.98;--tw-scale-y:0.98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:max-h-\[300px\]{max-height:300px}.group:hover .group-hover\:w-2{width:.5rem}.group:hover .group-hover\:-translate-x-1{--tw-translate-x:-0.25rem}.group:hover .group-hover\:-translate-x-1,.group:hover .group-hover\:translate-x-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-x-1{--tw-translate-x:0.25rem}.group:hover .group-hover\:translate-x-full{--tw-translate-x:100%}.group:hover .group-hover\:translate-x-full,.group\/marker:hover .group-hover\/marker\:scale-110{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group\/marker:hover .group-hover\/marker\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05}.group:hover .group-hover\:scale-105,.group:hover .group-hover\:scale-110{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}@keyframes pulse{50%{opacity:.5}}.group:hover .group-hover\:animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.group:hover .group-hover\:border-verre\/50{border-color:rgba(61,170,53,.5)}.group:hover .group-hover\:bg-black\/70{background-color:rgba(0,0,0,.7)}.group:hover .group-hover\:text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.group:hover .group-hover\:opacity-100,.group\/marker:hover .group-hover\/marker\:opacity-100{opacity:1}.group:hover .group-hover\:opacity-40{opacity:.4}.group:hover .group-hover\:opacity-50{opacity:.5}.group:hover .group-hover\:shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.group:hover .group-hover\:duration-200{transition-duration:.2s}.group:hover .group-hover\:after\:scale-x-100:after{content:var(--tw-content);--tw-scale-x:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:active .group-active\:opacity-50{opacity:.5}@media (min-width:640px){.sm\:bottom-4{bottom:1rem}.sm\:left-4{left:1rem}.sm\:left-6{left:1.5rem}.sm\:right-4{right:1rem}.sm\:top-6{top:1.5rem}.sm\:mx-2{margin-left:.5rem;margin-right:.5rem}.sm\:mx-6{margin-left:1.5rem;margin-right:1.5rem}.sm\:mb-0{margin-bottom:0}.sm\:mb-10{margin-bottom:2.5rem}.sm\:mb-12{margin-bottom:3rem}.sm\:mb-3{margin-bottom:.75rem}.sm\:mb-4{margin-bottom:1rem}.sm\:mb-5{margin-bottom:1.25rem}.sm\:mb-6{margin-bottom:1.5rem}.sm\:mb-8{margin-bottom:2rem}.sm\:ml-28{margin-left:7rem}.sm\:mr-28{margin-right:7rem}.sm\:mt-10{margin-top:2.5rem}.sm\:mt-16{margin-top:4rem}.sm\:mt-6{margin-top:1.5rem}.sm\:mt-8{margin-top:2rem}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:h-10{height:2.5rem}.sm\:h-12{height:3rem}.sm\:h-14{height:3.5rem}.sm\:h-2{height:.5rem}.sm\:h-3{height:.75rem}.sm\:h-4{height:1rem}.sm\:h-5{height:1.25rem}.sm\:h-6{height:1.5rem}.sm\:h-7{height:1.75rem}.sm\:h-72{height:18rem}.sm\:h-9{height:2.25rem}.sm\:min-h-\[500px\]{min-height:500px}.sm\:min-h-\[600px\]{min-height:600px}.sm\:w-10{width:2.5rem}.sm\:w-12{width:3rem}.sm\:w-14{width:3.5rem}.sm\:w-2{width:.5rem}.sm\:w-20{width:5rem}.sm\:w-3{width:.75rem}.sm\:w-4{width:1rem}.sm\:w-5{width:1.25rem}.sm\:w-6{width:1.5rem}.sm\:w-7{width:1.75rem}.sm\:w-8{width:2rem}.sm\:w-9{width:2.25rem}.sm\:w-\[160px\]{width:160px}.sm\:w-auto{width:auto}.sm\:max-w-none{max-width:none}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:gap-2{gap:.5rem}.sm\:gap-3{gap:.75rem}.sm\:gap-4{gap:1rem}.sm\:gap-6{gap:1.5rem}.sm\:space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1.5rem*var(--tw-space-x-reverse));margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)))}.sm\:rounded-2xl{border-radius:1rem}.sm\:rounded-xl{border-radius:.75rem}.sm\:p-3{padding:.75rem}.sm\:p-4{padding:1rem}.sm\:p-6{padding:1.5rem}.sm\:p-8{padding:2rem}.sm\:px-10{padding-left:2.5rem;padding-right:2.5rem}.sm\:px-3{padding-left:.75rem;padding-right:.75rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:px-5{padding-left:1.25rem;padding-right:1.25rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:px-7{padding-left:1.75rem;padding-right:1.75rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}.sm\:py-12{padding-top:3rem;padding-bottom:3rem}.sm\:py-16{padding-top:4rem;padding-bottom:4rem}.sm\:py-2{padding-top:.5rem;padding-bottom:.5rem}.sm\:py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.sm\:py-20{padding-top:5rem;padding-bottom:5rem}.sm\:py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.sm\:py-4{padding-top:1rem;padding-bottom:1rem}.sm\:py-8{padding-top:2rem;padding-bottom:2rem}.sm\:pb-12{padding-bottom:3rem}.sm\:pb-20{padding-bottom:5rem}.sm\:pt-10{padding-top:2.5rem}.sm\:pt-20{padding-top:5rem}.sm\:pt-6{padding-top:1.5rem}.sm\:text-left{text-align:left}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}.sm\:text-xs{font-size:.75rem;line-height:1rem}.sm\:opacity-30{opacity:.3}.sm\:shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}@media (min-width:768px){.md\:col-span-2{grid-column:span 2/span 2}.md\:mb-12{margin-bottom:3rem}.md\:mb-16{margin-bottom:4rem}.md\:aspect-\[3\/4\.2\]{aspect-ratio:3/4.2}.md\:min-h-\[550px\]{min-height:550px}.md\:max-w-none{max-width:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:py-16{padding-top:4rem;padding-bottom:4rem}.md\:py-24{padding-top:6rem;padding-bottom:6rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media (min-width:1024px){.lg\:absolute{position:absolute}.lg\:bottom-16{bottom:4rem}.lg\:right-8{right:2rem}.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:order-last{order:9999}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:mb-12{margin-bottom:3rem}.lg\:mb-16{margin-bottom:4rem}.lg\:ml-0{margin-left:0}.lg\:mr-0{margin-right:0}.lg\:mt-0{margin-top:0}.lg\:mt-12{margin-top:3rem}.lg\:mt-20{margin-top:5rem}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:h-80{height:20rem}.lg\:h-\[170px\]{height:170px}.lg\:min-h-\[400px\]{min-height:400px}.lg\:min-h-\[700px\]{min-height:700px}.lg\:w-1\/2{width:50%}.lg\:w-2\/5{width:40%}.lg\:w-3\/5{width:60%}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:flex-row-reverse{flex-direction:row-reverse}.lg\:items-end{align-items:flex-end}.lg\:justify-between{justify-content:space-between}.lg\:gap-8{gap:2rem}.lg\:p-10{padding:2.5rem}.lg\:p-12{padding:3rem}.lg\:p-8{padding:2rem}.lg\:px-10{padding-left:2.5rem;padding-right:2.5rem}.lg\:px-16{padding-left:4rem;padding-right:4rem}.lg\:px-6{padding-left:1.5rem;padding-right:1.5rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:py-0{padding-top:0;padding-bottom:0}.lg\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}.lg\:py-12{padding-top:3rem;padding-bottom:3rem}.lg\:py-16{padding-top:4rem;padding-bottom:4rem}.lg\:py-20{padding-top:5rem;padding-bottom:5rem}.lg\:py-24{padding-top:6rem;padding-bottom:6rem}.lg\:py-3{padding-top:.75rem;padding-bottom:.75rem}.lg\:py-32{padding-top:8rem;padding-bottom:8rem}.lg\:py-4{padding-top:1rem;padding-bottom:1rem}.lg\:pb-16{padding-bottom:4rem}.lg\:pb-24{padding-bottom:6rem}.lg\:pb-32{padding-bottom:8rem}.lg\:pt-16{padding-top:4rem}.lg\:pt-24{padding-top:6rem}.lg\:pt-32{padding-top:8rem}.lg\:text-2xl{font-size:1.5rem;line-height:2rem}.lg\:text-3xl{font-size:1.875rem;line-height:2.25rem}.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}.lg\:text-5xl{font-size:3rem;line-height:1}.lg\:text-6xl{font-size:3.75rem;line-height:1}.lg\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:1280px){.xl\:ml-16{margin-left:4rem}.xl\:mr-16{margin-right:4rem}.xl\:origin-center{transform-origin:center}.xl\:px-20{padding-left:5rem;padding-right:5rem}.xl\:pb-32{padding-bottom:8rem}.xl\:pt-32{padding-top:8rem}.xl\:text-5xl{font-size:3rem;line-height:1}.xl\:text-6xl{font-size:3.75rem;line-height:1}}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}.\[\&_a\:hover\]\:text-green-800 a:hover{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1))}.\[\&_a\:hover\]\:underline a:hover{text-decoration-line:underline}.\[\&_a\]\:text-green-600 a{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.\[\&_a\]\:no-underline a{text-decoration-line:none}.\[\&_a\]\:transition-colors a{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.\[\&_h2\]\:mb-3 h2{margin-bottom:.75rem}.\[\&_h2\]\:mt-6 h2{margin-top:1.5rem}.\[\&_h2\]\:border-b-2 h2{border-bottom-width:2px}.\[\&_h2\]\:border-gray-200 h2{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.\[\&_h2\]\:pb-2 h2{padding-bottom:.5rem}.\[\&_h2\]\:font-space h2{font-family:Space Grotesk,sans-serif}.\[\&_h2\]\:text-lg h2{font-size:1.125rem;line-height:1.75rem}.\[\&_h2\]\:font-bold h2{font-weight:700}.\[\&_h2\]\:text-gray-900 h2{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.\[\&_h3\]\:mb-2 h3{margin-bottom:.5rem}.\[\&_h3\]\:mt-5 h3{margin-top:1.25rem}.\[\&_h3\]\:font-space h3{font-family:Space Grotesk,sans-serif}.\[\&_h3\]\:text-base h3{font-size:1rem;line-height:1.5rem}.\[\&_h3\]\:font-bold h3{font-weight:700}.\[\&_h3\]\:text-green-800 h3{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1))}.\[\&_p\]\:mb-4 p{margin-bottom:1rem}.\[\&_p\]\:leading-7 p{line-height:1.75rem}.\[\&_p\]\:text-gray-700 p{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.\[\&_strong\]\:font-semibold strong{font-weight:600}.\[\&_strong\]\:text-gray-900 strong{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.\[\&_ul\]\:my-4 ul{margin-top:1rem;margin-bottom:1rem}.\[\&_ul\]\:pl-6 ul{padding-left:1.5rem}.\[\&_ul_li\]\:mb-2 ul li{margin-bottom:.5rem}.\[\&_ul_li\]\:leading-7 ul li{line-height:1.75rem}.\[\&_ul_li\]\:text-gray-700 ul li{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.\[\&_ul_li\]\:marker\:text-green-600 * ul li::marker{color:#16a34a}.\[\&_ul_li\]\:marker\:text-green-600 ul li::marker{color:#16a34a}
/*!
* Header & Animations CSS - Immersion Technologies
* Externalisé pour éviter les problèmes de minification inline
*/
img.logo-header{display:block !important;width:auto !important;height:48px !important;max-height:48px !important}@media (max-width:1023px){#main-header{background:rgba(0,0,0,1) !important}.logo-container-2{position:relative;z-index:70;display:flex !important;align-items:center !important;flex-shrink:0;-webkit-transform:translateZ(0);transform:translateZ(0);max-width:60vw}.logo-container-2 a{display:block;line-height:0;max-width:100%}.logo-header{display:block !important;width:auto !important;height:40px !important;max-width:100% !important;max-height:40px !important;visibility:visible !important;opacity:1 !important;-webkit-transform:translateZ(0);transform:translateZ(0)}nav .logo-container-2{order:-1;flex:0 0 auto}}@media (max-width:375px){.logo-header{height:36px !important;max-height:36px !important}}#mobile-menu{transition:max-height .5s cubic-bezier(.4,0,.2,1),opacity .4s ease-out,transform .4s cubic-bezier(.4,0,.2,1);transform-origin:top;opacity:0;transform:scaleY(.95)}#mobile-menu.open{opacity:1;transform:scaleY(1)}#mobile-menu .mobile-menu-item{opacity:0;transform:translateX(-20px);transition:opacity .3s ease-out,transform .3s ease-out}#mobile-menu.open .mobile-menu-item{opacity:1;transform:translateX(0)}#mobile-menu.open .mobile-menu-item:nth-child(1){transition-delay:.05s}#mobile-menu.open .mobile-menu-item:nth-child(2){transition-delay:.1s}#mobile-menu.open .mobile-menu-item:nth-child(3){transition-delay:.15s}#mobile-menu.open .mobile-menu-item:nth-child(4){transition-delay:.2s}#mobile-menu.open .mobile-menu-item:nth-child(5){transition-delay:.25s}#mobile-menu.open .mobile-menu-item:nth-child(6){transition-delay:.3s}#mobile-menu.open .mobile-menu-item:nth-child(7){transition-delay:.35s}#mobile-menu.open .mobile-menu-item:nth-child(8){transition-delay:.4s}#mobile-menu.open .mobile-menu-item:nth-child(9){transition-delay:.45s}#mobile-menu.open .mobile-menu-item:nth-child(10){transition-delay:.5s}#mobile-menu:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,rgba(0,0,0,.95),rgba(0,0,0,.98));backdrop-filter:blur(20px);opacity:0;transition:opacity .4s ease-out;z-index:-1}#mobile-menu.open:before{opacity:1}.menu-icon span{transition:all .3s cubic-bezier(.4,0,.2,1)}#mobile-nav-menu ul,#mobile-nav-menu ul li,#mobile-menu ul,#mobile-menu ul li,#mobile-menu li{list-style:none;list-style-type:none;padding:0;margin:0}#mobile-nav-menu ul:before,#mobile-nav-menu li:before{display:none;content:none}#mobile-nav-menu li{margin:0}#mobile-nav-menu a{display:block;padding:.5rem 0}*{transition-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,100%{opacity:.4}50%{opacity:1}}@keyframes slideIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.hero-bg:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.4) 100%);z-index:2}.hero-bg-image{position:absolute;inset:0;background-size:cover;background-position:center;min-height:100vh;transition:opacity 1.2s cubic-bezier(.4,0,.2,1),transform 8s cubic-bezier(.4,0,.2,1);transform:scale(1.1)}.hero-bg-image.active{opacity:1;transform:scale(1)}.hero-bg-image:not(.active){opacity:0;transform:scale(1.2)}.noise{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.02;z-index:3;background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDAiIGhlaWdodD0iMzAwIj48ZmlsdGVyIGlkPSJhIj48ZmVUdXJidWxlbmNlIGJhc2VGcmVxdWVuY3k9Ii43NSIgbnVtT2N0YXZlcz0iNCIgc3RpdGNoVGlsZXM9InN0aXRjaCIvPjwvZmlsdGVyPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbHRlcj0idXJsKCNhKSIgb3BhY2l0eT0iMSIvPjwvc3ZnPg==')}.grid-pattern{position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.01) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.01) 1px,transparent 1px);background-size:50px 50px;z-index:2;pointer-events:none}.nav-item{position:relative;overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1)}.nav-item:before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s cubic-bezier(.4,0,.2,1)}.nav-item:hover:before{left:100%}.nav-item.active{background:linear-gradient(to bottom right,#ffffff1e,#ffffff1e);transform:scale(1.02);transition:all .5s ease}.cta-premium{position:relative;background:linear-gradient(135deg,#3daa35,#2d8028);overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 30px rgba(61,170,53,.3)}.cta-premium:before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.2);border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.cta-premium:hover:before{width:300px;height:300px}.cta-premium:hover{transform:translateY(-2px);box-shadow:0 8px 40px rgba(61,170,53,.4)}.progress-ring{width:60px;height:60px;transform:rotate(-90deg)}.progress-ring-circle{transition:stroke-dashoffset .1s linear;stroke:#3daa3577;stroke-width:5;fill:transparent}.floating-element{position:absolute;opacity:.1;animation:float 6s ease-in-out infinite}.floating-element:nth-child(odd){animation-duration:8s;animation-delay:1s}.custom-cursor{width:20px;height:20px;border:2px solid #3daa35;border-radius:50%;position:fixed;pointer-events:none;z-index:9999;transition:all .1s ease;transform:translate(-50%,-50%);mix-blend-mode:difference}.custom-cursor.hover{width:40px;height:40px;background:rgba(61,170,53,.1)}.service-card{background:0 0;border-radius:.5rem;animation:fadeIn .8s ease-out;transform:translate(-2.4vw,15vh)}.text-gradient{background:linear-gradient(135deg,#fff,#ccc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (min-width:1280px){.service-card{transform:translate(2.4vw,15vh)}}@media (max-width:1280px){.service-card{transform:translate(-8vw,15vh)}}@media (max-width:1024px){.hero-content{padding-top:80px;padding-bottom:80px}.side-nav{bottom:20px;right:50%;transform:translateX(50%);flex-direction:row;gap:10px}.nav-item{writing-mode:horizontal-tb;padding:10px 20px}}@media (max-width:768px){.service-card{transform:translate(-10vw,15vh)}}@media (max-width:640px){.hero-buttons{flex-direction:column;gap:12px}.hero-buttons button{width:100%}}
/*!
* CLS Fix - Cumulative Layout Shift Optimization
* Immersion Technologies
*
* Ce fichier corrige les problèmes de déplacement de contenu (CLS)
* en définissant des dimensions et aspect-ratios fixes
*/
img{max-width:100%;height:auto;display:block}img.logo-header{height:48px !important;max-height:48px !important}.hero-bg-image{min-height:100vh}.logo-header{width:auto;height:48px}iframe,embed,object{aspect-ratio:16/9;width:100%;height:auto}.embed-container,.video-container,.wp-block-embed,.wp-block-embed__wrapper{position:relative;aspect-ratio:16/9;width:100%;overflow:hidden}.embed-container iframe,.video-container iframe,.wp-block-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%}.slider,.carousel,.swiper,.splide{min-height:400px}@media (min-width:768px){.slider,.carousel,.swiper,.splide{min-height:500px}}.service-card{min-height:300px}#cookie-law-info-bar,.cli-bar-container,[id*=cookieyes]{position:fixed;bottom:0;left:0;right:0;z-index:9999}body.has-cookie-banner{padding-bottom:100px}#mobile-menu{overflow:hidden;will-change:max-height}img[loading=lazy].loaded{animation:none;background:0 0}.acf-loading{min-height:200px;display:flex;align-items:center;justify-content:center}.no-js .lazy,.no-js [loading=lazy]{display:none}.js .lazy,.js [loading=lazy]{display:block}*{transition-property:opacity,transform;transition-duration:.3s;transition-timing-function:ease-out}*:not([class*=transition-]){transition-property:opacity,transform,filter}.post-thumbnail,.wp-post-image{aspect-ratio:4/3;object-fit:cover}.gallery-item img{aspect-ratio:1/1;object-fit:cover}.realisation-image,.project-image{aspect-ratio:16/9;object-fit:cover}body{font-display:swap}.font-orbitron{font-family:'Inter','Arial Black',sans-serif;font-weight:700}.font-inter{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}@keyframes skeleton-loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.skeleton-text{height:1em;margin-bottom:.5em;width:100%}.skeleton-text:last-child{width:80%}.skeleton-image{aspect-ratio:16/9;width:100%}.has-fixed-dimensions{width:auto !important;height:auto !important}.no-reflow{position:absolute;top:0;left:0;width:100%;height:100%}.preserve-aspect-ratio{position:relative;overflow:hidden}.preserve-aspect-ratio:before{content:'';display:block;padding-bottom:56.25%}.preserve-aspect-ratio.ratio-4-3:before{padding-bottom:75%}.preserve-aspect-ratio.ratio-1-1:before{padding-bottom:100%}.preserve-aspect-ratio.ratio-21-9:before{padding-bottom:42.857%}.preserve-aspect-ratio>*{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.page-a-propos{overflow-x:hidden;background:#000}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}.hero-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.hero-bg-image{position:absolute;inset:0;background-size:cover;background-position:center;opacity:1}.floating-element{position:absolute;opacity:.1;animation:float 6s ease-in-out infinite}.floating-element:nth-child(odd){animation-duration:8s;animation-delay:1s}.fade-in{animation:fadeIn .8s ease-out forwards}.font-space{font-family:'Inter',sans-serif}</style><script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.immersion-technologies.fr/a-propos/","url":"https://www.immersion-technologies.fr/a-propos/","name":"Immersion Technologies | Experts en Intégration Audiovisuelle","isPartOf":{"@id":"https://www.immersion-technologies.fr/#website"},"primaryImageOfPage":{"@id":"https://www.immersion-technologies.fr/a-propos/#primaryimage"},"image":{"@id":"https://www.immersion-technologies.fr/a-propos/#primaryimage"},"thumbnailUrl":"https://www.immersion-technologies.fr/wp-content/uploads/2025/11/LE-MOUL1-07-05-25-14-sur-164-scaled.webp","datePublished":"2025-10-10T14:08:19+00:00","dateModified":"2026-02-23T08:31:27+00:00","description":"Experts en intégration audiovisuelle pour professionnels. 10 ans d’expérience. Interventions en Alsace et partout en France.","breadcrumb":{"@id":"https://www.immersion-technologies.fr/a-propos/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https://www.immersion-technologies.fr/a-propos/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https://www.immersion-technologies.fr/a-propos/#primaryimage","url":"https://www.immersion-technologies.fr/wp-content/uploads/2025/11/LE-MOUL1-07-05-25-14-sur-164-scaled.webp","contentUrl":"https://www.immersion-technologies.fr/wp-content/uploads/2025/11/LE-MOUL1-07-05-25-14-sur-164-scaled.webp","width":2560,"height":1440},{"@type":"BreadcrumbList","@id":"https://www.immersion-technologies.fr/a-propos/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https://www.immersion-technologies.fr/"},{"@type":"ListItem","position":2,"name":"A Propos"}]},{"@type":"WebSite","@id":"https://www.immersion-technologies.fr/#website","url":"https://www.immersion-technologies.fr/","name":"Immersion Technologies","description":"Solutions & Integrations Audiovisuelles","publisher":{"@id":"https://www.immersion-technologies.fr/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.immersion-technologies.fr/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https://www.immersion-technologies.fr/#organization","name":"Immersion Technologies","url":"https://www.immersion-technologies.fr/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https://www.immersion-technologies.fr/#/schema/logo/image/","url":"https://www.immersion-technologies.fr/wp-content/uploads/2024/12/LOGO-Immersion-blanc.webp","contentUrl":"https://www.immersion-technologies.fr/wp-content/uploads/2024/12/LOGO-Immersion-blanc.webp","width":1737,"height":536,"caption":"Immersion Technologies"},"image":{"@id":"https://www.immersion-technologies.fr/#/schema/logo/image/"}}]}</script> <link rel='dns-prefetch' href='//www.googletagmanager.com' /><link rel="preload" href="http://www.immersion-technologies.fr/wp-content/themes/immersion-child/assets/fonts/inter-v13-latin-400.woff2" as="font" type="font/woff2" crossorigin><link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.immersion-technologies.fr/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.immersion-technologies.fr%2Fa-propos%2F" /><link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.immersion-technologies.fr/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.immersion-technologies.fr%2Fa-propos%2F&format=xml" /> <script type="text/javascript" src="https://www.googletagmanager.com/gtag/js?id=GT-TNCMFKWP" id="google_gtagjs-js" async></script> <script type="text/javascript" id="google_gtagjs-js-after">window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}
gtag("set","linker",{"domains":["www.immersion-technologies.fr"]});
gtag("js", new Date());
gtag("set", "developer_id.dZTNiMT", true);
gtag("config", "GT-TNCMFKWP");
window._googlesitekit = window._googlesitekit || {}; window._googlesitekit.throttledEvents = []; window._googlesitekit.gtagEvent = (name, data) => { var key = JSON.stringify( { name, data } ); if ( !! window._googlesitekit.throttledEvents[ key ] ) { return; } window._googlesitekit.throttledEvents[ key ] = true; setTimeout( () => { delete window._googlesitekit.throttledEvents[ key ]; }, 5 ); gtag( "event", name, { ...data, event_source: "site-kit" } ); };
//# sourceURL=google_gtagjs-js-after</script> <link rel="https://api.w.org/" href="https://www.immersion-technologies.fr/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.immersion-technologies.fr/wp-json/wp/v2/pages/2129" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.immersion-technologies.fr/xmlrpc.php?rsd" /><meta name="generator" content="WordPress 6.9.1" /><link rel='shortlink' href='https://www.immersion-technologies.fr/?p=2129' /><meta name="generator" content="Site Kit by Google 1.173.0" /></head><body class="wp-singular page-template-default page page-id-2129 wp-theme-twentytwentyfour wp-child-theme-immersion-child"><header id="main-header" class="fixed top-0 left-0 right-0 z-[60] transition-all duration-500"><div class="hidden lg:block bg-black/30 backdrop-blur-sm border-b border-white/10"><div class="container mx-auto px-6"><div class="flex items-center justify-between py-2"><div class="flex items-center space-x-6 text-sm"> <a href="tel:0369459295" class="flex items-center gap-2 text-white/80 hover:text-verre transition-colors group"> <svg class="w-4 h-4 group-hover:animate-pulse" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"></path> </svg> <span class="font-inter">03 69 45 92 95</span> </a> <a href="mailto:contact@immersion-technologies.fr" class="flex items-center gap-2 text-white/80 hover:text-verre transition-colors group"> <svg class="w-4 h-4 group-hover:animate-pulse" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path> </svg> <span class="font-inter">contact@immersion-technologies.fr</span> </a></div><div class="flex items-center space-x-3"> <a href="#" target="_blank" rel="noopener noreferrer" aria-label="Suivez-nous sur Instagram" class="w-8 h-8 flex items-center justify-center rounded-full bg-white/10 hover:bg-verre text-white/80 hover:text-white transition-all duration-300 hover:scale-110 group"> <svg class="w-4 h-4" fill="currentColor" viewbox="0 0 24 24" aria-hidden="true"> <path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/> </svg> </a> <a href="#" target="_blank" rel="noopener noreferrer" aria-label="Suivez-nous sur Facebook" class="w-8 h-8 flex items-center justify-center rounded-full bg-white/10 hover:bg-verre text-white/80 hover:text-white transition-all duration-300 hover:scale-110 group"> <svg class="w-4 h-4" fill="currentColor" viewbox="0 0 24 24" aria-hidden="true"> <path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/> </svg> </a> <a href="#" target="_blank" rel="noopener noreferrer" aria-label="Suivez-nous sur LinkedIn" class="w-8 h-8 flex items-center justify-center rounded-full bg-white/10 hover:bg-verre text-white/80 hover:text-white transition-all duration-300 hover:scale-110 group"> <svg class="w-4 h-4" fill="currentColor" viewbox="0 0 24 24" aria-hidden="true"> <path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/> </svg> </a></div></div></div></div><nav class="container mx-auto px-6 py-4"><div class="flex items-center justify-between"><div class="flex items-center logo-container-2"> <a href="https://www.immersion-technologies.fr/" class="group"> <img src="http://www.immersion-technologies.fr/wp-content/uploads/2024/12/LOGO-Immersion-blanc.png"
alt="Immersion Technologies"
class="logo-header transition-transform group-hover:scale-105" /> </a></div><div class="hidden lg:flex items-center space-x-8"><ul id="menu-menu-header" class="flex space-x-8"><li id="menu-item-2130" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-2129 current_page_item menu-item-2130"><a href="https://www.immersion-technologies.fr/a-propos/" aria-current="page"><span class="font-inter font-medium text-white/90 hover:text-verre transition-all duration-300 relative group-hover:after:scale-x-100 after:content-[''] after:absolute after:bottom-[-4px] after:left-0 after:w-full after:h-[2px] after:bg-verre after:scale-x-0 after:transition-transform after:duration-300">A Propos</span></a></li><li id="menu-item-2110" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2110"><a href="https://www.immersion-technologies.fr/nos-solutions/"><span class="font-inter font-medium text-white/90 hover:text-verre transition-all duration-300 relative group-hover:after:scale-x-100 after:content-[''] after:absolute after:bottom-[-4px] after:left-0 after:w-full after:h-[2px] after:bg-verre after:scale-x-0 after:transition-transform after:duration-300">Nos Solutions</span></a></li><li id="menu-item-2114" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2114"><a href="https://www.immersion-technologies.fr/nos-realisations/"><span class="font-inter font-medium text-white/90 hover:text-verre transition-all duration-300 relative group-hover:after:scale-x-100 after:content-[''] after:absolute after:bottom-[-4px] after:left-0 after:w-full after:h-[2px] after:bg-verre after:scale-x-0 after:transition-transform after:duration-300">Nos Réalisations</span></a></li></ul><div class="flex items-center space-x-4 ml-8 pl-8 border-l border-white/20"> <a href="https://www.immersion-technologies.fr/#contact" class="contact-btn relative overflow-hidden group backdrop-blur-md border border-white/30 bg-gradient-to-br from-verre to-verre-dark text-white font-semibold px-8 py-3.5 rounded-lg shadow-[0_0_25px_rgba(61,170,53,0.4)] hover:shadow-[0_0_40px_rgba(61,170,53,0.6)] transition-all duration-500 hover:scale-[1.03]"> <span class="relative z-10 flex items-center justify-center gap-2"> Contact </span> <span class="absolute inset-0 bg-gradient-to-r from-transparent via-white/25 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-700 -translate-x-full group-hover:translate-x-full"></span> </a></div></div> <button id="mobile-menu-btn" class="lg:hidden text-white focus:outline-none relative w-10 h-10 flex items-center justify-center"> <span class="sr-only">Menu</span><div class="w-6 flex flex-col gap-1.5 menu-icon"> <span class="block h-0.5 w-full bg-white transition-all duration-300 origin-center"></span> <span class="block h-0.5 w-full bg-white transition-all duration-300"></span> <span class="block h-0.5 w-full bg-white transition-all duration-300 origin-center"></span></div> </button></div></nav><div id="mobile-menu" class="lg:hidden overflow-hidden transition-all duration-500 max-h-0 relative"><div class="px-6 py-6 space-y-4"><div class="flex flex-col space-y-3 pb-4 border-b border-white/10 mobile-menu-item"> <a href="tel:0369459295" class="flex items-center gap-3 text-white/90 hover:text-verre transition-colors"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"></path> </svg> <span class="font-inter">03 69 45 92 95</span> </a> <a href="mailto:contact@immersion-technologies.fr" class="flex items-center gap-3 text-white/90 hover:text-verre transition-colors"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path> </svg> <span class="font-inter">contact@immersion-technologies.fr</span> </a></div><div id="mobile-nav-menu" class="space-y-1"><div class="mobile-menu-item"> <a href="https://www.immersion-technologies.fr/" class="block"> <span class="block font-inter text-lg text-white/90 hover:text-verre hover:translate-x-2 transition-all duration-300 flex items-center gap-2 py-2"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"></path> </svg> Accueil </span> </a></div><li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-2129 current_page_item menu-item-2130"><div class="mobile-menu-item"><a href="https://www.immersion-technologies.fr/a-propos/" aria-current="page"><span class="block font-inter text-lg text-white/90 hover:text-verre hover:translate-x-2 transition-all duration-300 py-2">A Propos</span></a></div></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2110"><div class="mobile-menu-item"><a href="https://www.immersion-technologies.fr/nos-solutions/"><span class="block font-inter text-lg text-white/90 hover:text-verre hover:translate-x-2 transition-all duration-300 py-2">Nos Solutions</span></a></div></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2114"><div class="mobile-menu-item"><a href="https://www.immersion-technologies.fr/nos-realisations/"><span class="block font-inter text-lg text-white/90 hover:text-verre hover:translate-x-2 transition-all duration-300 py-2">Nos Réalisations</span></a></div></li></div><div class="pt-4 space-y-3 border-t border-white/10"><div class="mobile-menu-item"> <a href="tel:0369459295" class="w-full flex items-center justify-center gap-2 px-6 py-3 bg-black/50 backdrop-blur-sm border border-verre/50 text-verre font-semibold rounded-lg hover:bg-verre/10 transition-all"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"></path> </svg> Appeler maintenant </a></div><div class="mobile-menu-item"> <a href="https://www.immersion-technologies.fr/#contact" class="contact-btn-mobile w-full flex items-center justify-center gap-2 px-6 py-3 bg-gradient-to-r from-verre to-verre-dark text-white font-semibold rounded-lg shadow-lg hover:shadow-xl transition-all"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"></path> </svg> Demander un devis </a></div></div><div class="flex items-center justify-center space-x-6 pt-4 border-t border-white/10 mobile-menu-item"></div></div></div> <script>document.addEventListener('DOMContentLoaded', function () {
const header = document.getElementById('main-header');
const mobileMenuBtn = document.getElementById('mobile-menu-btn');
const mobileMenu = document.getElementById('mobile-menu');
const menuIcon = mobileMenuBtn.querySelector('.menu-icon');
let isMenuOpen = false;
// Fonction pour gérer le scroll vers la section contact
function handleContactClick(e) {
const href = e.currentTarget.getAttribute('href');
// Si le lien contient #contact
if (href && href.includes('#contact')) {
const contactSection = document.querySelector('#contact');
// Si on est sur la page d'accueil et que la section existe
if (contactSection) {
e.preventDefault();
contactSection.scrollIntoView({
behavior: 'smooth',
block: 'start'
});
// Fermer le menu mobile si ouvert
if (isMenuOpen) {
toggleMobileMenu();
}
} else if (!href.startsWith('http')) {
// Si la section n'existe pas et que c'est un lien relatif, rediriger vers la page d'accueil
e.preventDefault();
window.location.href = href;
}
}
}
// Ajouter l'événement aux boutons contact
const contactButtons = document.querySelectorAll('.contact-btn, .contact-btn-mobile');
contactButtons.forEach(btn => {
btn.addEventListener('click', handleContactClick);
});
// Effet sticky amélioré
let lastScroll = 0;
window.addEventListener('scroll', () => {
const currentScroll = window.scrollY;
if (currentScroll > 50) {
header.classList.add('bg-black/90', 'backdrop-blur-lg', 'shadow-2xl');
// Hide/show on scroll
if (currentScroll > lastScroll && currentScroll > 100) {
header.style.transform = 'translateY(-100%)';
} else {
header.style.transform = 'translateY(0)';
}
} else {
header.classList.remove('bg-black/90', 'backdrop-blur-lg', 'shadow-2xl');
header.style.transform = 'translateY(0)';
}
lastScroll = currentScroll;
});
// Fonction pour toggle le menu mobile avec animation améliorée
function toggleMobileMenu() {
isMenuOpen = !isMenuOpen;
if (isMenuOpen) {
// Ouvrir le menu
mobileMenu.style.maxHeight = mobileMenu.scrollHeight + 'px';
mobileMenu.classList.add('open');
// Animation de l'icône hamburger
menuIcon.children[0].style.transform = 'rotate(45deg) translateY(11px)';
menuIcon.children[1].style.opacity = '0';
menuIcon.children[1].style.transform = 'translateX(20px)';
menuIcon.children[2].style.transform = 'rotate(-45deg) translateY(-11px)';
// Empêcher le scroll du body
document.body.style.overflow = 'hidden';
} else {
// Fermer le menu
mobileMenu.style.maxHeight = '0px';
mobileMenu.classList.remove('open');
// Réinitialiser l'icône hamburger
menuIcon.children[0].style.transform = 'rotate(0) translateY(0)';
menuIcon.children[1].style.opacity = '1';
menuIcon.children[1].style.transform = 'translateX(0)';
menuIcon.children[2].style.transform = 'rotate(0) translateY(0)';
// Réactiver le scroll du body
document.body.style.overflow = '';
}
}
// Toggle menu mobile
mobileMenuBtn.addEventListener('click', toggleMobileMenu);
// Fermer le menu mobile au clic sur un lien
const mobileLinks = mobileMenu.querySelectorAll('a');
mobileLinks.forEach(link => {
link.addEventListener('click', () => {
// Attendre un peu avant de fermer pour permettre la navigation
setTimeout(() => {
if (isMenuOpen) {
toggleMobileMenu();
}
}, 300);
});
});
// Fermer le menu si on clique en dehors
document.addEventListener('click', (e) => {
if (isMenuOpen && !mobileMenu.contains(e.target) && !mobileMenuBtn.contains(e.target)) {
toggleMobileMenu();
}
});
// Fermer le menu sur redimensionnement de fenêtre (passage desktop)
window.addEventListener('resize', () => {
if (window.innerWidth >= 1024 && isMenuOpen) {
toggleMobileMenu();
}
});
});</script> </header><div class="page-a-propos"><div class="hero-bg"><div class="hero-bg-image active" style="background-image:url('https://www.immersion-technologies.fr/wp-content/uploads/2025/11/LE-MOUL1-07-05-25-14-sur-164-scaled.webp')"></div></div><div class="absolute inset-0 bg-gradient-to-b from-black/70 via-black/60 to-black/70"></div><div class="absolute inset-0" style="background: radial-gradient(circle at top left, rgba(255, 255, 255, 0.4) 20%, rgba(255, 255, 200, 0.2) 40%, transparent 75%);"></div><div class="floating-element" style="top:20%;left:10%;width:100px;height:100px;border:1px solid rgba(61,170,53,0.2);border-radius:50%"></div><div class="floating-element" style="top:60%;right:15%;width:150px;height:150px;border:2px solid rgba(61,170,53,0.1);transform:rotate(45deg)"></div><section class="relative overflow-hidden min-h-[400px] sm:min-h-[500px] flex items-center"><div class="relative z-10 w-full max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12 sm:py-16"><nav class="mb-6 text-xs sm:text-sm" aria-label="Fil d'Ariane"> <a href="https://www.immersion-technologies.fr" class="text-white/80 hover:text-white transition-colors">Accueil</a> <span class="mx-2 text-white/50">/</span> <span class="text-white font-medium">À Propos</span></nav><div class="text-center"><h1 class="font-space text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-4 leading-tight drop-shadow-2xl"> Immersion Technologies – Experts en intégration audiovisuelle en Alsace et en France</h1><p class="text-base sm:text-lg text-white/90 max-w-2xl mx-auto leading-relaxed drop-shadow-lg"> Solutions &
Integrations Audiovisuelles</p></div></div></section><section class="relative py-32 overflow-hidden bg-gradient-to-b from-gray-50 to-white"><div class="absolute inset-0 -z-10"><div class="absolute inset-0 bg-[radial-gradient(45rem_50rem_at_top,rgba(61,170,53,0.15),transparent)] opacity-100"></div><div class="absolute inset-y-0 right-1/3 -z-10 mr-16 w-[200%] origin-bottom-left skew-x-[-30deg] bg-white shadow-xl ring-1 shadow-[#3daa35]/10 ring-[#3daa35] sm:mr-28 lg:mr-0 xl:mr-16 xl:origin-center"></div></div><div class="relative z-10 max-w-7xl mx-auto px-6 lg:px-10"><div class="grid lg:grid-cols-2 gap-16 items-center"><div class="space-y-8"><div class="inline-flex items-center gap-3"><div class="w-12 h-px bg-gradient-to-r from-green-500 to-transparent"></div> <span class="text-green-600 text-sm font-medium tracking-wider uppercase">Notre Vision</span></div><div class="space-y-4"><h2 class="font-space text-4xl lg:text-5xl font-bold text-gray-900 leading-tight"> <span class="block">Notre vision et expertise</span> <span class="block text-transparent bg-clip-text bg-gradient-to-br from-[#3daa35] to-[#2d8028]">en intégration audiovisuelle</span></h2><p class="text-xl text-gray-700 leading-relaxed"> Chez Immersion, nous ne nous contentons pas simplement d'installer du matériel audiovisuel : nous créons une expérience unique et personnalisée pour chaque client.</p></div><div class="space-y-4"><p class="text-gray-600 leading-relaxed"> Spécialisée dans l'intégration de technologies audiovisuelles, Immersion intervient à l'échelle nationale pour répondre aux besoins variés de ses clients.</p><p class="text-gray-600 leading-relaxed"> Que ce soit pour des projets de rénovation, de réaménagement ou pour l'équipement de nouveaux bâtiments, nous opérons dans des secteurs tels que l'hôtellerie, la restauration, les entreprises, les institutions culturelles, éducatives et médicales, ainsi que pour les particuliers.</p></div></div><div class="order-first lg:order-last"><div class="relative rounded-2xl overflow-hidden shadow-2xl"> <img src="/wp-content/uploads/2025/11/AdobeStock_1532368926-scaled.jpeg" alt="Équipe Immersion" class="w-full h-[500px] object-cover"><div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent"></div></div></div></div></div></section><section class="relative py-32 overflow-hidden"><div class="absolute inset-0 bg-gradient-to-b from-black/70 via-black/60 to-black/70"></div><div class="absolute inset-0" style="background: radial-gradient(circle at top right, rgba(255, 255, 255, 0.4) 20%, rgba(255, 255, 200, 0.2) 40%, transparent 75%);"></div><div class="relative z-10 max-w-7xl mx-auto px-6 lg:px-10"><div class="text-center mb-16"><div class="inline-flex items-center gap-3 mb-6"><div class="w-20 h-px bg-gradient-to-r from-transparent to-green-500"></div> <span class="text-[#3daa35] text-sm font-semibold tracking-wider uppercase">Nos Valeurs</span><div class="w-20 h-px bg-gradient-to-l from-transparent to-green-500"></div></div><h2 class="font-space text-4xl lg:text-6xl font-bold text-white mb-6"> <span class="block mb-4">Solutions & intégrations audiovisuelles</span><div class="bg-white px-4 py-1 rounded-xl shadow-md inline-block"> <span class="block text-transparent bg-clip-text bg-gradient-to-br from-[#3daa35] to-[#2d8028]">sur mesure</span></div></h2></div><div class="grid md:grid-cols-3 gap-8"><div class="bg-white/10 backdrop-blur-md border border-white/20 rounded-xl p-8 hover:bg-white/15 transition-all duration-300"><div class="w-16 h-16 bg-green-500/20 rounded-full flex items-center justify-center mb-6"> <svg class="w-8 h-8 text-green-400" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path> </svg></div><h3 class="text-2xl font-bold text-white mb-4">Conception sur mesure</h3><p class="text-white/80 leading-relaxed"> Chaque projet est unique. Notre équipe travaille en étroite collaboration avec vous pour bien comprendre vos besoins spécifiques et développer des <a href="/nos-solutions/" class="text-white/80 underline hover:text-green-400 transition-colors">solutions personnalisées</a>.</p></div><div class="bg-white/10 backdrop-blur-md border border-white/20 rounded-xl p-8 hover:bg-white/15 transition-all duration-300"><div class="w-16 h-16 bg-green-500/20 rounded-full flex items-center justify-center mb-6"> <svg class="w-8 h-8 text-green-400" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"></path> </svg></div><h3 class="text-2xl font-bold text-white mb-4">Qualité et fiabilité</h3><p class="text-white/80 leading-relaxed"> Nous nous engageons à réaliser des installations audiovisuelles conformes aux normes les plus strictes de l'industrie. Chaque projet est soumis à des contrôles rigoureux afin de garantir des performances optimales et une durabilité à long terme.</p></div><div class="bg-white/10 backdrop-blur-md border border-white/20 rounded-xl p-8 hover:bg-white/15 transition-all duration-300"><div class="w-16 h-16 bg-green-500/20 rounded-full flex items-center justify-center mb-6"> <svg class="w-8 h-8 text-green-400" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path> </svg></div><h3 class="text-2xl font-bold text-white mb-4">Satisfaction client</h3><p class="text-white/80 leading-relaxed"> Nous nous assurons de votre satisfaction à chaque étape.</p></div></div></div></section><section class="relative py-32 overflow-hidden bg-gradient-to-b from-white to-gray-50"><div class="absolute inset-0 -z-10"><div class="absolute inset-0 bg-[radial-gradient(45rem_50rem_at_bottom,rgba(61,170,53,0.15),transparent)] opacity-100"></div><div class="absolute inset-y-0 left-1/3 -z-10 ml-16 w-[200%] origin-bottom-right skew-x-[30deg] bg-white shadow-xl ring-1 shadow-[#3daa35]/10 ring-[#3daa35] sm:ml-28 lg:ml-0 xl:ml-16 xl:origin-center"></div></div><div class="relative z-10 max-w-7xl mx-auto px-6 lg:px-10"><div class="text-center mb-16"><div class="inline-flex items-center gap-3 mb-6"><div class="w-12 h-px bg-gradient-to-r from-green-500 to-transparent"></div> <span class="text-green-600 text-sm font-medium tracking-wider uppercase">Notre Expertise</span><div class="w-12 h-px bg-gradient-to-l from-green-500 to-transparent"></div></div><h2 class="font-space text-4xl lg:text-5xl font-bold text-gray-900 leading-tight mb-6"> <span class="block">Une équipe</span> <span class="block text-transparent bg-clip-text bg-gradient-to-br from-[#3daa35] to-[#2d8028]">passionnée et qualifiée</span></h2><p class="text-xl text-gray-600 max-w-3xl mx-auto"> Techniciens certifiés, ingénieurs du son, designers lumière : notre équipe pluridisciplinaire maîtrise l'ensemble des métiers de l'audiovisuel pour réaliser vos <a href="/nos-realisations/" class="text-gray-600 underline hover:text-green-600 transition-colors">projets</a> avec précision et créativité.</p></div><div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6"><div class="bg-white rounded-xl p-6 shadow-lg hover:shadow-xl transition-all"><div class="text-4xl font-bold text-transparent bg-clip-text bg-gradient-to-br from-[#3daa35] to-[#2d8028] mb-2">10+</div><p class="text-gray-600 font-medium">Années d'expérience</p></div><div class="bg-white rounded-xl p-6 shadow-lg hover:shadow-xl transition-all"><div class="text-4xl font-bold text-transparent bg-clip-text bg-gradient-to-br from-[#3daa35] to-[#2d8028] mb-2">98%</div><p class="text-gray-600 font-medium">Clients satisfaits</p></div><div class="bg-white rounded-xl p-6 shadow-lg hover:shadow-xl transition-all"><div class="text-4xl font-bold text-transparent bg-clip-text bg-gradient-to-br from-[#3daa35] to-[#2d8028] mb-2">24h</div><p class="text-gray-600 font-medium">Délai de réponse</p></div></div></div></section><section class="relative py-32 overflow-hidden"><div class="absolute inset-0 bg-gradient-to-b from-black/70 via-black/60 to-black/70"></div><div class="absolute inset-0" style="background: radial-gradient(circle at top left, rgba(255, 255, 255, 0.4) 20%, rgba(255, 255, 200, 0.2) 40%, transparent 75%);"></div><div class="relative z-10 max-w-7xl mx-auto px-6 lg:px-10"><div class="text-center mb-16"><div class="inline-flex items-center gap-3 mb-6"><div class="w-20 h-px bg-gradient-to-r from-transparent to-green-500"></div> <span class="text-[#3daa35] text-sm font-semibold tracking-wider uppercase">Secteurs d'activité</span><div class="w-20 h-px bg-gradient-to-l from-transparent to-green-500"></div></div><h2 class="font-space text-4xl lg:text-6xl font-bold text-white mb-6"> <span class="block mb-4">Nos secteurs d'intervention</span><div class="bg-white px-4 py-1 rounded-xl shadow-md inline-block"> <span class="block text-transparent bg-clip-text bg-gradient-to-br from-[#3daa35] to-[#2d8028]">partout en France et en Alsace</span></div></h2></div><div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6"><div class="bg-white/10 backdrop-blur-md border border-white/20 rounded-xl p-6 hover:bg-white/15 transition-all"><h3 class="text-xl font-bold text-white mb-3">Hôtellerie & Restauration</h3><p class="text-white/80 text-sm">Ambiances sonores et visuelles pour sublimer l'expérience de vos clients</p></div><div class="bg-white/10 backdrop-blur-md border border-white/20 rounded-xl p-6 hover:bg-white/15 transition-all"><h3 class="text-xl font-bold text-white mb-3">Commerces & Retail</h3><p class="text-white/80 text-sm">Solutions d'affichage dynamique et sonorisation pour vos points de vente</p></div><div class="bg-white/10 backdrop-blur-md border border-white/20 rounded-xl p-6 hover:bg-white/15 transition-all"><h3 class="text-xl font-bold text-white mb-3">Bureaux & Espaces professionnels</h3><p class="text-white/80 text-sm">Salles de réunion, auditoriums, espaces collaboratifs équipés sur mesure</p></div><div class="bg-white/10 backdrop-blur-md border border-white/20 rounded-xl p-6 hover:bg-white/15 transition-all"><h3 class="text-xl font-bold text-white mb-3">Événementiel</h3><p class="text-white/80 text-sm">Installation permanente pour vos espaces événementiels, salles de réception, etc.</p></div><div class="bg-white/10 backdrop-blur-md border border-white/20 rounded-xl p-6 hover:bg-white/15 transition-all"><h3 class="text-xl font-bold text-white mb-3">Établissements culturels</h3><p class="text-white/80 text-sm">Musées, théâtres, salles de spectacle : technologies adaptées à vos besoins</p></div><div class="bg-white/10 backdrop-blur-md border border-white/20 rounded-xl p-6 hover:bg-white/15 transition-all"><h3 class="text-xl font-bold text-white mb-3">Résidentiel</h3><p class="text-white/80 text-sm">Home cinéma, sonorisation multiroom, éclairage intelligent pour votre maison</p></div></div></div></section><section class="relative py-24 overflow-hidden bg-gradient-to-b from-gray-50 to-white"><div class="absolute inset-0 -z-10"><div class="absolute inset-0 bg-[radial-gradient(45rem_50rem_at_top,rgba(61,170,53,0.2),white)] opacity-100"></div><div class="absolute inset-y-0 right-1/4 -z-10 mr-16 w-[200%] origin-bottom-left skew-x-[-30deg] bg-white shadow-xl ring-1 shadow-[#3daa35]/10 ring-[#3daa35] sm:mr-28 lg:mr-0 xl:mr-16 xl:origin-center"></div></div><div class="relative z-10 max-w-5xl mx-auto px-6 lg:px-10 text-center"><h2 class="font-space text-4xl lg:text-5xl font-bold text-gray-900 mb-6"> Prêt à transformer <span class="block text-transparent bg-clip-text bg-gradient-to-br from-[#3daa35] to-[#2d8028]">votre espace ?</span></h2><p class="text-xl text-gray-600 max-w-2xl mx-auto mb-12"> Confiez-nous votre projet audiovisuel et découvrez comment notre expertise peut sublimer vos environnements.</p><div class="flex flex-col sm:flex-row gap-4 justify-center items-center"> <a href="/#contact" class="relative group inline-block backdrop-blur-md border border-white/30 bg-gradient-to-br from-[#3daa35] to-[#2d8028] text-white font-medium px-8 py-3.5 rounded-lg shadow-lg hover:shadow-xl transition-all duration-500 hover:scale-[1.02] overflow-hidden"> <span class="relative z-10 flex items-center justify-center gap-2"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path> </svg> Demander un devis </span> <span class="absolute inset-0 bg-gradient-to-r from-transparent via-white/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-700 -translate-x-full group-hover:translate-x-full"></span> </a> <a href="https://www.immersion-technologies.fr/nos-realisations/" class="px-6 py-3 text-gray-700 border-2 border-gray-200 rounded-lg hover:border-green-500 hover:text-green-600 transition-all duration-300 font-medium"> Voir nos réalisations </a></div></div></section></div><footer class="relative bg-gradient-to-b from-black via-black-900 to-black pt-20 pb-8 overflow-hidden"><div class="absolute inset-0 opacity-20"><div class="absolute top-0 left-1/4 w-96 h-96 bg-verre/20 rounded-full blur-3xl animate-pulse-slow"></div><div class="absolute bottom-0 right-1/4 w-96 h-96 bg-verre/10 rounded-full blur-3xl animate-pulse-slow" style="animation-delay: 2s;"></div></div><div class="container mx-auto px-6 relative z-10"><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 mb-12"><div class="space-y-6"><div> <a href="https://www.immersion-technologies.fr/"> <img src="/wp-content/uploads/2024/12/LOGO-Immersion-blanc.png"
alt="Immersion Technologies"
class="h-14 w-auto mb-4 transition-transform hover:scale-105"
width="156"
height="48"
loading="lazy" /> </a><p class="text-gray-400 font-inter text-sm leading-relaxed"> Solutions & Integrations Audiovisuelles</p></div></div><div><h3 class="font-inter font-bold text-white text-lg mb-6 relative"> Nos Services <span class="absolute -bottom-2 left-0 w-12 h-0.5 bg-verre"></span></h3><ul class="space-y-3"><li> <a href="https://www.immersion-technologies.fr/nos-solutions/#audio" class="footer-anchor-link text-gray-400 hover:text-verre transition-colors font-inter text-sm flex items-center gap-2 group"> <span class="w-1 h-1 bg-verre/50 rounded-full group-hover:w-2 transition-all"></span> Audio </a></li><li> <a href="https://www.immersion-technologies.fr/nos-solutions/#video" class="footer-anchor-link text-gray-400 hover:text-verre transition-colors font-inter text-sm flex items-center gap-2 group"> <span class="w-1 h-1 bg-verre/50 rounded-full group-hover:w-2 transition-all"></span> Vidéo </a></li><li> <a href="https://www.immersion-technologies.fr/nos-solutions/#lumiere" class="footer-anchor-link text-gray-400 hover:text-verre transition-colors font-inter text-sm flex items-center gap-2 group"> <span class="w-1 h-1 bg-verre/50 rounded-full group-hover:w-2 transition-all"></span> Lumière </a></li></ul></div><div><h3 class="font-inter font-bold text-white text-lg mb-6 relative"> Navigation <span class="absolute -bottom-2 left-0 w-12 h-0.5 bg-verre"></span></h3><ul class="space-y-3"><li><a href="https://www.immersion-technologies.fr/mentions-legales/" class="footer-anchor-link text-gray-400 hover:text-verre transition-colors font-inter text-sm flex items-center gap-2 group"><span class="w-1 h-1 bg-verre/50 rounded-full group-hover:w-2 transition-all"></span>Mentions légales</a></li><li><a href="https://www.immersion-technologies.fr/mentions-legales/#politique-de-confidentialite" class="footer-anchor-link text-gray-400 hover:text-verre transition-colors font-inter text-sm flex items-center gap-2 group"><span class="w-1 h-1 bg-verre/50 rounded-full group-hover:w-2 transition-all"></span>Politique de confidentialité</a></li><li><a href="https://www.immersion-technologies.fr/plan-du-site-html/" class="footer-anchor-link text-gray-400 hover:text-verre transition-colors font-inter text-sm flex items-center gap-2 group"><span class="w-1 h-1 bg-verre/50 rounded-full group-hover:w-2 transition-all"></span>Plan du site</a></li></ul></div><div><h3 class="font-inter font-bold text-white text-lg mb-6 relative"> Contact <span class="absolute -bottom-2 left-0 w-12 h-0.5 bg-verre"></span></h3><div class="space-y-4 mb-6"> <a href="tel:0369459295" class="flex items-center gap-3 text-gray-400 hover:text-verre transition-colors group"><div class="w-10 h-10 bg-white/5 backdrop-blur-sm border border-white/10 rounded-lg flex items-center justify-center group-hover:border-verre/50 transition-colors"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"></path> </svg></div> <span class="font-inter text-sm">03 69 45 92 95</span> </a> <a href="mailto:contact@immersion-technologies.fr" class="flex items-center gap-3 text-gray-400 hover:text-verre transition-colors group"><div class="w-10 h-10 bg-white/5 backdrop-blur-sm border border-white/10 rounded-lg flex items-center justify-center group-hover:border-verre/50 transition-colors"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path> </svg></div> <span class="font-inter text-sm">contact@immersion-technologies.fr</span> </a></div></div></div><div class="border-t border-white/10 pt-8 mb-8"><div class="flex flex-col lg:flex-row items-center justify-between gap-6"><div class="flex flex-col sm:flex-row items-center gap-4"><p class="text-gray-400 font-inter">Vous avez un lieu à équiper ?</p> <a href="https://www.immersion-technologies.fr/#contact" class="footer-cta relative overflow-hidden group backdrop-blur-md border border-white/30 bg-gradient-to-br from-[#3daa35] to-[#2d8028] text-white font-medium px-8 py-3.5 rounded-lg shadow-[0_0_20px_rgba(61,170,53,0.3)] hover:shadow-[0_0_30px_rgba(61,170,53,0.5)] transition-all duration-500 hover:scale-[1.02]"> <span class="relative z-10 flex items-center justify-center gap-2"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path> </svg> Créons votre ambiance </span> <span class="absolute inset-0 bg-gradient-to-r from-transparent via-white/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-700 -translate-x-full group-hover:translate-x-full"></span> </a></div><div class="flex items-center gap-4"></div></div></div><div class="border-t border-white/10 pt-6"><div class="flex flex-col sm:flex-row items-center justify-between gap-4 text-center sm:text-left"><p class="text-gray-500 font-inter text-sm"> © 2026 Immersion. Tous droits réservés.</p><div class="flex items-center gap-2"> <span class="text-gray-500 font-inter text-sm">Créé par</span> <a href="https://ldsolutions.fr" target="_blank" rel="noopener noreferrer" class="text-verre hover:text-verre-dark font-inter font-semibold text-sm transition-colors"> LDSolutions </a></div></div></div></div> <button id="back-to-top"
class="fixed bottom-8 right-8 w-12 h-12 bg-gradient-to-r from-verre to-verre-dark text-white rounded-full shadow-lg hover:shadow-xl transition-all duration-300 opacity-0 invisible hover:scale-110 z-50"> <svg class="w-6 h-6 mx-auto" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 10l7-7m0 0l7 7m-7-7v18"></path> </svg> </button></footer> <script>document.addEventListener('DOMContentLoaded', function() {
// Bouton retour en haut
const backToTop = document.getElementById('back-to-top');
window.addEventListener('scroll', function() {
if (window.scrollY > 300) {
backToTop.classList.remove('opacity-0', 'invisible');
backToTop.classList.add('opacity-100', 'visible');
} else {
backToTop.classList.add('opacity-0', 'invisible');
backToTop.classList.remove('opacity-100', 'visible');
}
});
backToTop.addEventListener('click', function() {
window.scrollTo({
top: 0,
behavior: 'smooth'
});
});
// Gestion intelligente des liens avec ancres (même logique que le header)
function handleAnchorLink(e) {
const href = e.currentTarget.getAttribute('href');
// Si le lien contient une ancre (#)
if (href && href.includes('#')) {
const hashPart = href.split('#')[1];
const targetSection = document.getElementById(hashPart);
// Si on est sur la page actuelle et que la section existe
if (targetSection) {
e.preventDefault();
targetSection.scrollIntoView({
behavior: 'smooth',
block: 'start'
});
} else if (!href.startsWith('http')) {
// Si la section n'existe pas et que c'est un lien relatif, rediriger
e.preventDefault();
window.location.href = href;
}
}
}
// Ajouter l'événement à tous les liens du footer avec ancres
const footerLinks = document.querySelectorAll('.footer-anchor-link, .footer-cta');
footerLinks.forEach(link => {
link.addEventListener('click', handleAnchorLink);
});
// Animation d'apparition au scroll
const observerOptions = {
threshold: 0.1,
rootMargin: '0px 0px -50px 0px'
};
const observer = new IntersectionObserver(function(entries) {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.style.opacity = '1';
entry.target.style.transform = 'translateY(0)';
}
});
}, observerOptions);
// Appliquer l'animation aux éléments du footer
const footerElements = document.querySelectorAll('footer .grid > div');
footerElements.forEach(el => {
el.style.opacity = '0';
el.style.transform = 'translateY(20px)';
el.style.transition = 'all 0.6s ease-out';
observer.observe(el);
});
});</script>
