:root{--background:#030a18;--header-background:#040b1a;--card-background:#0b1728;--modal-background:#0b1728;--text-main:#f8fafc;--text-heading:#f1f5f9;--text-muted:#9aaac2;--text-modal:#aabbd0;--border:#6582a438;--accent:#20a9ef;--accent-dark:#127cae;--success:#86efac}:root[data-theme=light]{--background:#f4f8fb;--header-background:#fff;--card-background:#fff;--modal-background:#fff;--text-main:#123b4a;--text-heading:#123b4a;--text-muted:#587080;--text-modal:#405866;--border:#123b4a26;--accent:#087db9;--accent-dark:#08648f}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--background);scroll-behavior:smooth}body{background:var(--background);min-width:320px;color:var(--text-main);font-family:Arial,sans-serif;transition:background-color .45s,color .45s}button,a{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-layout{flex-direction:column;min-height:100vh;display:flex}.app-main{flex:1}.site-header{z-index:5;border-bottom:1px solid var(--border);background:var(--header-background);width:100%;padding:1rem 2rem;transition:background-color .45s,border-color .45s;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;max-width:1280px;min-height:64px;margin:0 auto;display:flex}.logo{color:var(--text-main);align-items:center;text-decoration:none;transition:color .3s,transform .3s;display:inline-flex}.logo:hover{transform:translateY(-2px)}.logo-image{object-fit:contain;width:auto;height:72px;transition:transform .3s,filter .3s;display:block}.logo:hover .logo-image{filter:brightness(1.15);transform:scale(1.05)}.footer-logo .logo-image{height:86px}.navbar,.site-nav{justify-content:center;align-items:center;gap:2rem;display:flex}.nav-link,.site-nav a{color:var(--text-muted);font-weight:600;text-decoration:none;transition:color .25s,transform .25s;position:relative}.nav-link:after,.site-nav a:after{background:var(--accent);content:"";transform-origin:50%;border-radius:2px;height:2px;transition:transform .25s;position:absolute;bottom:-.6rem;left:0;right:0;transform:scaleX(0)}.nav-link:hover,.nav-link.active,.site-nav a:hover,.site-nav a.active{color:var(--accent);transform:translateY(-2px)}.nav-link:hover:after,.nav-link.active:after,.site-nav a:hover:after,.site-nav a.active:after{transform:scaleX(1)}.header-actions{align-items:center;gap:1rem;display:flex}.theme-button{cursor:pointer;background:#0c1d38;border:1px solid #3a6b9e59;border-radius:999px;align-items:center;width:58px;height:32px;padding:3px;transition:transform .25s,background-color .35s;display:flex;position:relative;overflow:hidden}.theme-button:before{background:var(--accent);content:"";border-radius:50%;width:24px;height:24px;transition:transform .35s,background-color .35s;position:absolute;top:3px;left:3px;box-shadow:0 0 12px #20a9efb3}.theme-button.light:before{background:#f4b942;transform:translate(26px);box-shadow:0 0 12px #f4b942b3}.theme-icon{z-index:1;color:#fff;text-align:center;width:24px;font-size:.9rem;line-height:24px;transition:transform .35s;display:block;position:relative}.theme-button:hover .theme-icon{transform:rotate(25deg)scale(1.15)}.theme-button:active{transform:scale(.92)}.quote-button{isolation:isolate;border:1px solid var(--accent);background:var(--accent);color:#03101f;border-radius:9px;justify-content:center;align-items:center;padding:.85rem 1.4rem;font-weight:700;text-decoration:none;transition:color .35s,transform .25s,box-shadow .35s;display:inline-flex;position:relative;overflow:hidden}.quote-button:before{z-index:-1;content:"";background:#03101f;width:125%;height:160%;transition:transform .5s cubic-bezier(.77,0,.18,1);position:absolute;top:-30%;left:-15%;transform:skew(-20deg)translate(-100%)}.quote-button:hover{color:var(--accent);transform:translateY(-3px);box-shadow:0 8px 25px #20a9ef59}.quote-button:hover:before{transform:skew(-20deg)translate(0)}.quote-button:active{transform:translateY(0)scale(.97)}.produits-page{background:radial-gradient(circle at 50% 0%, #0e3c5b59, transparent 38%), var(--background);min-height:calc(100vh - 82px);color:var(--text-main);padding:5.5rem 2rem 4rem;transition:background-color .45s,color .45s}:root[data-theme=light] .produits-page,:root[data-theme=light] .contact-page{background:radial-gradient(circle at 50% 0%, #20a9ef1f, transparent 38%), var(--background)}.produits-introduction{text-align:center;max-width:900px;margin:0 auto 7rem;animation:.7s both fade-up}.produits-introduction p{color:var(--accent);letter-spacing:.18em;margin-bottom:2rem;font-size:.9rem;font-weight:700}.produits-introduction h1{color:var(--text-main);margin-bottom:2rem;font-size:clamp(2.2rem,5vw,3.4rem);font-weight:700}.produits-introduction span{color:var(--text-muted);font-size:1.1rem;line-height:1.5;display:block}.produits-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:3.3rem;max-width:1250px;margin:0 auto;display:grid}.produit-card{border:1px solid var(--border);background:linear-gradient(145deg, color-mix(in srgb, var(--card-background) 86%, transparent), var(--background));text-align:center;border-radius:24px;flex-direction:column;align-items:stretch;min-height:535px;padding:2.5rem 2.4rem;transition:transform .35s,border-color .35s,box-shadow .35s,background-color .45s;animation:.65s both card-appear;display:flex;box-shadow:0 20px 45px #0003}.produit-card:first-child{animation-delay:.1s}.produit-card:nth-child(2){animation-delay:.22s}.produit-card:nth-child(3){animation-delay:.34s}.produit-card:hover{border-color:#20a9ef99;transform:translateY(-10px);box-shadow:0 20px 45px #00000040,0 0 24px #20a9ef1f}.produit-image{justify-content:center;align-items:center;min-height:190px;margin-bottom:1.2rem;display:flex}.produit-image-real{object-fit:contain;filter:drop-shadow(12px 20px 12px #00000073);width:auto;height:170px;transition:transform .35s,filter .35s;display:block}.produit-card:hover .produit-image-real{filter:drop-shadow(12px 24px 16px #0000008c);transform:translateY(-8px)scale(1.04)rotate(-2deg)}.produit-card h2{color:var(--text-heading);margin-bottom:1.2rem;font-size:1.6rem}.produit-card>p{min-height:52px;color:var(--text-muted);margin-bottom:2rem;line-height:1.5}.produit-button{color:#f8fafc;cursor:pointer;border:1px solid #536e8f40;border-radius:12px;width:100%;min-height:52px;margin-top:.8rem;font-size:1rem;font-weight:700;transition:filter .25s,transform .25s,box-shadow .25s}.produit-button.primary{background:linear-gradient(90deg, #20aef1, var(--accent-dark));box-shadow:0 8px 20px #0ea5e940}.produit-button.secondary{background:#070f1dcc}:root[data-theme=light] .produit-button.secondary{color:#123b4a;background:#eef5f8}.produit-button:hover{filter:brightness(1.15);transform:translateY(-3px);box-shadow:0 8px 22px #20a9ef40}.produit-button:active{transform:translateY(0)scale(.97)}.produit-modal-overlay{z-index:20;background:#000000bf;place-items:center;padding:1rem;animation:.25s both overlay-appear;display:grid;position:fixed;inset:0}.produit-modal{background:var(--modal-background);width:min(100%,550px);color:var(--text-main);border:1px solid #20a9ef4d;border-radius:18px;padding:2.5rem;animation:.3s both modal-appear;position:relative}.produit-modal-large{max-height:88vh;overflow-y:auto}.modal-product-header{align-items:center;gap:1.5rem;margin-bottom:2rem;padding-right:2rem;display:flex}.modal-product-image{object-fit:contain;filter:drop-shadow(8px 12px 8px #0006);width:75px;height:130px}.modal-product-label{letter-spacing:.12em;text-transform:uppercase;margin-bottom:.5rem;font-size:.8rem;font-weight:700;color:var(--accent)!important}.modal-product-header h2,.produit-modal h2{color:var(--text-main);margin-bottom:1.5rem}.modal-product-header h2{margin-bottom:.6rem}.modal-product-header p:last-child,.produit-modal p,.produit-modal li{color:var(--text-modal);line-height:1.7}.produit-modal h3{color:var(--accent);margin:1.5rem 0 1rem}.produit-modal ol{padding-left:1.3rem}.modal-close{color:#fff;cursor:pointer;background:#17283e;border:0;border-radius:50%;width:35px;height:35px;padding:0;font-size:1.5rem;transition:background-color .25s,transform .25s;position:absolute;top:1rem;right:1rem}.modal-close:hover{background:var(--accent-dark);transform:rotate(90deg)}.instructions-list{gap:.8rem;margin-bottom:1.5rem;padding-left:1.4rem;display:grid}.instructions-list li::marker{color:var(--accent);font-weight:700}.detail-section li::marker{color:var(--accent);font-weight:700}.detail-section{border-top:1px solid var(--border);margin-top:1.8rem;padding-top:1.3rem}.detail-section h4{color:var(--text-main);margin-bottom:.8rem;font-size:1.05rem}.detail-section ul{gap:.55rem;padding-left:1.2rem;display:grid}.modal-description{gap:1rem;display:grid}.modal-description p{color:var(--text-modal);line-height:1.7}.accueil-page{background:var(--background);min-height:100vh;color:var(--text-main);overflow:hidden}.home-hero{grid-template-columns:1fr .9fr;align-items:center;gap:3rem;max-width:1280px;min-height:680px;margin:0 auto;padding:5rem 2rem;display:grid;position:relative}.home-hero:before{z-index:0;content:"";filter:blur(80px);pointer-events:none;background:#20a9ef1f;border-radius:50%;width:650px;height:650px;position:absolute;top:-20%;right:-15%}.home-hero-content,.home-hero-products{z-index:1;position:relative}.home-hero-content{animation:.75s both fade-up}.home-eyebrow,.section-heading>p,.home-cta>p,.contact-introduction>p,.contact-label{color:var(--accent);letter-spacing:.18em;margin-bottom:1.3rem;font-size:.85rem;font-weight:700}.home-hero h1{max-width:700px;color:var(--text-main);letter-spacing:-.05em;margin-bottom:1.5rem;font-size:clamp(3rem,6vw,5.8rem);line-height:1.02}.home-hero-text{max-width:590px;color:var(--text-muted);margin-bottom:2.3rem;font-size:1.15rem;line-height:1.7}.home-actions{flex-wrap:wrap;gap:1rem;display:flex}.home-button{border-radius:9px;justify-content:center;align-items:center;min-height:52px;padding:.9rem 1.4rem;font-weight:700;text-decoration:none;transition:transform .25s,filter .25s,box-shadow .25s;display:inline-flex}.home-button:hover{transform:translateY(-3px)}.home-button.primary{background:var(--accent);color:#03101f;box-shadow:0 8px 22px #20a9ef38}.home-button.secondary{border:1px solid var(--border);color:var(--text-main)}.home-button.secondary:hover{border-color:var(--accent);color:var(--accent)}.home-hero-products{min-height:390px;box-shadow:none;background:0 0;justify-content:center;align-items:flex-end;padding:2rem 1rem;animation:.9s .15s both hero-panel-appear;display:flex}.home-hero-products img{z-index:1;object-fit:contain;filter:drop-shadow(10px 20px 12px #00000073);width:31%;max-width:150px;height:260px;transition:transform .35s,filter .35s;position:relative}.home-hero-products img:first-child{transform:rotate(-7deg)translateY(10px)}.home-hero-products img:nth-child(2){z-index:2;transform:translateY(-12px)}.home-hero-products img:nth-child(3){transform:rotate(7deg)translateY(10px)}.home-hero-products:hover img:first-child{transform:rotate(-11deg)translate(-10px,-8px)}.home-hero-products:hover img:nth-child(2){transform:translateY(-24px)scale(1.04)}.home-hero-products:hover img:nth-child(3){transform:rotate(11deg)translate(10px,-8px)}.trust-strip{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(3,1fr);max-width:1100px;margin:0 auto;display:grid}.trust-strip div{text-align:center;flex-direction:column;gap:.35rem;padding:1.8rem 1rem;display:flex}.trust-strip div+div{border-left:1px solid var(--border)}.trust-strip strong{color:var(--text-main);font-size:1.25rem}.trust-strip span{color:var(--text-muted);font-size:.9rem}.home-section{max-width:1280px;margin:0 auto;padding:7rem 2rem}.section-heading{max-width:650px;margin-bottom:3rem}.section-heading h2{color:var(--text-main);letter-spacing:-.03em;font-size:clamp(2rem,4vw,3.3rem);line-height:1.1}.home-category-grid,.benefits-grid{gap:1.4rem;display:grid}.home-category-grid{grid-template-columns:repeat(3,1fr)}.home-category-card,.benefit-card{border:1px solid var(--border);background:color-mix(in srgb, var(--card-background) 75%, transparent);border-radius:18px;padding:2rem;transition:transform .3s,border-color .3s,box-shadow .3s}.home-category-card:hover,.benefit-card:hover{border-color:#20a9ef99;transform:translateY(-7px);box-shadow:0 18px 35px #0000002e}.category-number{color:var(--accent);margin-bottom:3rem;font-size:.9rem;font-weight:700;display:block}.home-category-card h3,.benefit-card h3{color:var(--text-main);margin-bottom:1rem;font-size:1.35rem}.home-category-card p,.benefit-card p{min-height:75px;color:var(--text-muted);margin-bottom:1.5rem;line-height:1.6}.home-category-card a{color:var(--accent);font-weight:700;text-decoration:none}.home-category-card a:hover{text-decoration:underline}.home-benefits{padding-top:2rem}.benefits-grid{grid-template-columns:repeat(4,1fr)}.benefit-icon{width:44px;height:44px;color:var(--accent);border:1px solid #20a9ef4d;border-radius:12px;place-items:center;margin-bottom:1.8rem;font-size:1.3rem;display:grid}.home-cta{background:radial-gradient(circle at 50% 0%, #20a9ef2e, transparent 65%), var(--card-background);text-align:center;border:1px solid #20a9ef40;border-radius:28px;flex-direction:column;align-items:center;max-width:900px;margin:2rem auto 7rem;padding:5rem 2rem;display:flex}.home-cta h2{color:var(--text-main);margin-bottom:1.2rem;font-size:clamp(2rem,4vw,3rem)}.home-cta>span{max-width:600px;color:var(--text-muted);margin-bottom:2rem;line-height:1.6}.contact-page{background:radial-gradient(circle at 50% 0%, #0e3c5b59, transparent 38%), var(--background);min-height:100vh;color:var(--text-main);padding:5.5rem 2rem 7rem}.contact-introduction{text-align:center;max-width:820px;margin:0 auto 5rem;animation:.7s both fade-up}.contact-introduction h1{color:var(--text-main);letter-spacing:-.05em;margin-bottom:1.5rem;font-size:clamp(2.7rem,6vw,4.8rem);line-height:1.05}.contact-introduction span{color:var(--text-muted);font-size:1.1rem;line-height:1.7;display:block}.contact-layout{grid-template-columns:.8fr 1.2fr;gap:5rem;max-width:1150px;margin:0 auto;display:grid}.contact-information{padding-top:1rem}.contact-information h2{color:var(--text-main);margin-bottom:1.3rem;font-size:clamp(2rem,4vw,3rem);line-height:1.1}.contact-information>p:not(.contact-label){max-width:430px;color:var(--text-muted);line-height:1.7}.contact-details{gap:1rem;margin-top:2.5rem;display:grid}.contact-detail{color:var(--text-main);align-items:center;gap:1rem;text-decoration:none;transition:transform .25s,color .25s;display:flex}.contact-detail:hover{color:var(--accent);transform:translate(5px)}.contact-detail-icon{width:45px;height:45px;color:var(--accent);border:1px solid #20a9ef4d;border-radius:12px;flex:0 0 45px;place-items:center;font-size:1.2rem;display:grid}.contact-detail span:last-child{flex-direction:column;gap:.25rem;display:flex}.contact-detail strong{font-size:.95rem}.contact-detail small{color:var(--text-muted);font-size:.9rem}.contact-form{border:1px solid var(--border);background:color-mix(in srgb, var(--card-background) 78%, transparent);border-radius:24px;gap:1.3rem;padding:2.2rem;animation:.8s .15s both hero-panel-appear;display:grid;box-shadow:0 20px 45px #00000029}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-field{flex-direction:column;gap:.55rem;display:flex}.form-field label{color:var(--text-main);font-size:.9rem;font-weight:700}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--border);background:color-mix(in srgb, var(--background) 75%, transparent);width:100%;color:var(--text-main);font:inherit;border-radius:10px;outline:none;transition:border-color .25s,box-shadow .25s,background-color .25s}.form-field input,.form-field select{height:50px;padding:0 1rem}.form-field textarea{resize:vertical;min-height:150px;padding:1rem}.form-field input::placeholder,.form-field textarea::placeholder{color:var(--text-muted);opacity:.75}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #20a9ef26}.form-required{color:var(--text-muted);font-size:.8rem}.contact-submit{background:var(--accent);color:#03101f;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:.8rem;min-height:54px;margin-top:.5rem;font-weight:700;transition:transform .25s,filter .25s,box-shadow .25s;display:inline-flex}.contact-submit span{font-size:1.2rem;transition:transform .25s}.contact-submit:hover{filter:brightness(1.1);transform:translateY(-3px);box-shadow:0 10px 25px #20a9ef40}.contact-submit:hover span{transform:translate(5px)}.contact-submit:active{transform:translateY(0)scale(.98)}.form-success{color:var(--success);background:#4ade801a;border:1px solid #4ade8059;border-radius:9px;padding:.9rem 1rem;line-height:1.5}.contact-submit:disabled{cursor:not-allowed;opacity:.65;transform:none}.form-sent{justify-content:center;align-items:center;min-height:300px;display:flex}.form-error{color:#fca5a5;background:#f871711a;border:1px solid #f8717159;border-radius:9px;padding:.9rem 1rem;line-height:1.5}.form-field .form-error{color:#fca5a5;background:0 0;border:0;margin-top:.2rem;padding:0;font-size:.85rem}@keyframes fade-up{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes card-appear{0%{opacity:0;transform:translateY(35px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes hero-panel-appear{0%{opacity:0;transform:translate(35px)scale(.97)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes overlay-appear{0%{opacity:0}to{opacity:1}}@keyframes modal-appear{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=950px){.home-hero{grid-template-columns:1fr;min-height:auto;padding-top:5rem}.home-hero-content{text-align:center}.home-hero-text{margin-left:auto;margin-right:auto}.home-actions{justify-content:center}.home-hero-products{width:100%;max-width:650px;margin:0 auto}.benefits-grid{grid-template-columns:repeat(2,1fr)}.contact-layout{grid-template-columns:1fr;gap:3rem;max-width:650px}}@media (width<=900px){.header-content{flex-wrap:wrap;gap:1rem}.navbar,.site-nav{order:3;justify-content:center;width:100%;padding-top:.5rem}.produits-grid{grid-template-columns:1fr;max-width:500px}.produits-introduction{margin-bottom:4rem}.footer-content{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media (width<=650px){.home-hero{padding:4rem 1rem}.home-hero h1{font-size:clamp(2.6rem,12vw,4rem)}.home-hero-products{min-height:280px}.home-hero-products img{height:190px}.trust-strip{grid-template-columns:1fr;margin:0 1rem}.trust-strip div+div{border-top:1px solid var(--border);border-left:0}.home-section{padding:5rem 1rem}.home-category-grid,.benefits-grid{grid-template-columns:1fr}.home-cta{margin:1rem 1rem 5rem;padding:3.5rem 1.5rem}}@media (width<=550px){.site-header{padding:.8rem 1rem}.header-content{justify-content:center}.header-content>.logo{justify-content:center;width:100%}.header-actions{display:none}.navbar,.site-nav{gap:1.2rem}.nav-link,.site-nav a{font-size:.9rem}.logo-image{height:58px}.footer-logo .logo-image{height:70px}.produits-page,.contact-page{padding:3rem 1rem 5rem}.produit-card{padding:2rem 1.5rem}.produit-modal-large{padding:2rem 1.3rem}.modal-product-header{flex-direction:column;align-items:flex-start}.modal-product-image{width:60px;height:105px}.contact-introduction{margin-bottom:3rem}.contact-form{border-radius:18px;padding:1.4rem}.form-row{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr;gap:2rem;padding:2.5rem 1.5rem}.footer-brand{grid-column:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.site-footer{border-top:1px solid var(--border);background:var(--header-background);width:100%;color:var(--text-muted)}.footer-content{grid-template-columns:2fr 1fr 1fr;gap:3rem;max-width:1280px;margin:0 auto;padding:3.5rem 2rem;display:grid}.footer-brand p{max-width:350px;color:var(--text-muted);margin-top:1.2rem;line-height:1.6}.footer-column{flex-direction:column;align-items:flex-start;gap:.75rem;display:flex}.footer-column h3{color:var(--text-main);margin-bottom:.5rem;font-size:1rem}.footer-column a{color:var(--text-muted);text-decoration:none;transition:color .2s,transform .2s}.footer-column a:hover{color:var(--accent);transform:translate(4px)}.footer-bottom{border-top:1px solid var(--border);color:var(--text-muted);text-align:center;padding:1.2rem 2rem;font-size:.9rem}@media (width<=900px){.footer-content{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media (width<=550px){.footer-content{grid-template-columns:1fr;gap:2rem;padding:2.5rem 1.5rem}.footer-brand{grid-column:auto}}.footer-bottom p{flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem;display:flex}.designer-credit{align-items:center;gap:.45rem;display:inline-flex}.designer-logo{object-fit:contain;vertical-align:middle;filter:drop-shadow(0 2px 5px #00000040);width:42px;height:42px;transition:transform .25s,filter .25s;display:inline-block}.designer-credit:hover .designer-logo{filter:brightness(1.15);transform:scale(1.15)rotate(5deg)}@media (width<=550px){.footer-bottom p{line-height:1.8}.designer-logo{width:23px;height:23px}}:root{font-synthesis:none;text-rendering:optimizelegibility}html{background:#030a18}