*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--navy:#0F2E6D;--blue:#1F4FA3;--dark:#0A1628;--slate:#4A5568;--mid:#7A8BA4;--light:#E8EDF5;--cream:#EEF2F9;--gold:#D97706;--tr:.24s cubic-bezier(.4,0,.2,1);--sh1:0 1px 3px rgba(15,46,109,.08);--sh2:0 4px 16px rgba(15,46,109,.10);--sh3:0 12px 36px rgba(15,46,109,.14);--r:6px;}html{scroll-behavior:smooth}body{font-family:"Inter",sans-serif;color:#4A5568;background:#fff;font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{text-decoration:none;color:inherit}.topbar{background:#FF6000;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.15)}.topbar-in{max-width:1340px;margin:0 auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.topbar-item{display:flex;align-items:center;gap:5px;font-size:11.5px;color:#fff;font-weight:600}.topbar-item .ti{font-size:13px;color:#fff}.topbar-right{display:flex;gap:20px}.nav-wrap{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #E8EDF5;box-shadow:var(--sh1)}.nav-in{max-width:1340px;margin:0 auto;padding:0 24px;height:60px;display:flex;align-items:center;gap:0}.nav-logo{flex-shrink:0;margin-right:24px}.nav-logo img{height:42px;width:auto;filter:none}.nav-links{display:flex;align-items:center;list-style:none;gap:0;flex:1}.nav-links li a{display:flex;align-items:center;gap:4px;padding:0 10px;height:60px;font-size:12.5px;font-weight:500;color:#4A5568;border-bottom:2px solid transparent;transition:var(--tr);white-space:nowrap}.nav-links li a:hover{color:#0F2E6D;border-bottom-color:#0F2E6D}.nav-links li a .ti{font-size:14px}.nav-cta{margin-left:auto;display:flex;align-items:center;gap:8px;flex-shrink:0}.btn-tel{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#0F2E6D;border:1.5px solid #E8EDF5;border-radius:var(--r);padding:8px 16px;transition:var(--tr)}.btn-tel:hover{border-color:#0F2E6D;background:#EEF2F9}.btn-devis{display:flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;color:#fff;background:#FF6000;border:none;border-radius:var(--r);padding:8px 16px;cursor:pointer;transition:var(--tr);white-space:nowrap}.btn-devis:hover{background:#e05500;transform:translateY(-1px);box-shadow:var(--sh2)}.btn-devis .ti{font-size:15px}
.hero{position:relative;min-height:620px;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0;background-image:url("https://images.pexels.com/photos/3192662/pexels-photo-3192662.jpeg?auto=compress&cs=tinysrgb&w=1920");background-size:cover;background-position:62% 55%;}.hero-overlay{position:absolute;inset:0;background:linear-gradient(105deg,#0A1628 0%,rgba(10,22,40,.82) 50%,rgba(15,46,109,.45) 100%)}.hero-in{position:relative;z-index:2;max-width:1340px;margin:0 auto;padding:80px 40px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-label{display:inline-flex;align-items:center;gap:8px;font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.15);border-radius:3px;padding:5px 12px;margin-bottom:24px}.hero-label-dot{width:6px;height:6px;border-radius:50%;background:#E8EDF5;animation:blink 2.5s ease-in-out infinite}@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}h1.hero-title{font-family:"Outfit",sans-serif;font-size:clamp(32px,4.5vw,52px);font-weight:800;line-height:1.1;color:#fff;margin-bottom:20px;letter-spacing:-.02em}h1.hero-title em{font-style:normal;color:#E8EDF5}.hero-sub{font-size:16px;line-height:1.7;color:rgba(255,255,255,.65);margin-bottom:32px;max-width:480px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn-hero-primary{display:inline-flex;align-items:center;gap:8px;font-family:"Outfit",sans-serif;font-size:14px;font-weight:700;color:#fff;background:#1F4FA3;border:none;border-radius:var(--r);padding:14px 28px;cursor:pointer;transition:var(--tr)}.btn-hero-primary:hover{background:#0F2E6D;transform:translateY(-2px);box-shadow:0 8px 24px rgba(31,79,163,.45)}.btn-hero-secondary{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:rgba(255,255,255,.8);border:1.5px solid rgba(255,255,255,.25);border-radius:var(--r);padding:14px 24px;transition:var(--tr)}.btn-hero-secondary:hover{color:#fff;border-color:rgba(255,255,255,.6);background:rgba(255,255,255,.05)}.hero-stats{display:flex;gap:32px;margin-top:48px;padding-top:32px;border-top:1px solid rgba(255,255,255,.12)}.h-stat-n{font-family:"Outfit",sans-serif;font-size:28px;font-weight:800;color:#fff;line-height:1}.h-stat-l{font-size:11px;color:rgba(255,255,255,.5);font-weight:500;margin-top:4px;text-transform:uppercase;letter-spacing:.06em}.hero-card{background:rgba(255,255,255,.03);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:28px;display:flex;flex-direction:column;gap:16px}.hc-title{font-family:"Outfit",sans-serif;font-size:13px;font-weight:700;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}.hc-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07)}.hc-item:last-child{border:none}.hc-icon{width:38px;height:38px;background:rgba(31,79,163,.25);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hc-icon .ti{font-size:18px;color:#E8EDF5}.hc-name{font-size:13.5px;font-weight:600;color:#fff}.hc-sub{font-size:11px;color:rgba(255,255,255,.45)}.trust-strip{background:#0F2E6D;padding:18px 0}.trust-in{max-width:1340px;margin:0 auto;padding:0 40px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.trust-item{display:flex;align-items:center;gap:10px;flex:1;min-width:160px}.trust-item .ti{font-size:22px;color:#E8EDF5;flex-shrink:0}.trust-name{font-family:"Outfit",sans-serif;font-size:13px;font-weight:700;color:#fff}.trust-sub{font-size:10.5px;color:rgba(255,255,255,.45)}.srch-sec{background:#EEF2F9;padding:56px 0;border-bottom:1px solid #E8EDF5}.srch-in{max-width:1340px;margin:0 auto;padding:0 40px}.srch-hd{margin-bottom:32px}.srch-box{background:#fff;border-radius:12px;box-shadow:0 4px 24px rgba(15,46,109,.09),0 1px 4px rgba(15,46,109,.06);padding:28px 32px;border:1px solid #E8EDF5}.srch-bar{display:flex;align-items:center;gap:0;background:#EEF2F9;border:2px solid #E8EDF5;border-radius:10px;overflow:hidden;transition:border-color .22s,box-shadow .22s}.srch-bar:focus-within{border-color:#1F4FA3;box-shadow:0 0 0 4px rgba(31,79,163,.10)}.srch-ico{font-size:20px;color:#7A8BA4;padding:0 16px;flex-shrink:0}.srch-input{flex:1;background:transparent;border:none;outline:none;padding:16px 8px;font-size:15px;font-family:"Inter",sans-serif;color:#4A5568}.srch-input::placeholder{color:#7A8BA4;font-size:14px}.srch-sep{width:1px;height:36px;background:#E8EDF5;flex-shrink:0}.srch-cat{background:transparent;border:none;border-left:1px solid #E8EDF5;outline:none;padding:14px 16px;font-size:13px;font-weight:500;color:#4A5568;font-family:"Inter",sans-serif;cursor:pointer;min-width:180px;flex-shrink:0}.srch-btn{background:#0F2E6D;color:#fff;border:none;padding:14px 28px;font-size:14px;font-weight:700;font-family:"Outfit",sans-serif;cursor:pointer;display:flex;align-items:center;gap:8px;transition:.22s ease;flex-shrink:0}.srch-btn:hover{background:#1F4FA3}.srch-btn .ti{font-size:16px}.srch-tags-row{display:flex;align-items:center;gap:8px;margin-top:16px;flex-wrap:wrap}.srch-tag-label{font-size:11.5px;font-weight:600;color:#7A8BA4;white-space:nowrap;flex-shrink:0;margin-right:4px}.srch-tag{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border:1.5px solid #E8EDF5;border-radius:100px;font-size:12px;font-weight:500;color:#4A5568;background:#fff;cursor:pointer;transition:.2s ease;font-family:"Inter",sans-serif}.srch-tag:hover{border-color:#0F2E6D;color:#0F2E6D;background:#E8EDF5}.srch-tag .ti{font-size:12px;color:#1F4FA3}.sec{padding:80px 0}.sec-lt{background:#fff}.sec-cream{background:#EEF2F9}.sec-navy{background:#0F2E6D}.sec-in{max-width:1340px;margin:0 auto;padding:0 40px}.sec-hd{margin-bottom:48px}.sec-label{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#1F4FA3;margin-bottom:10px}.sec-label-w{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#E8EDF5;opacity:.6;margin-bottom:10px}h2.sec-title{font-family:"Outfit",sans-serif;font-size:clamp(24px,3vw,38px);font-weight:800;color:#0F2E6D;letter-spacing:-.02em;line-height:1.15}h2.sec-title-w{font-family:"Outfit",sans-serif;font-size:clamp(24px,3vw,38px);font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1.15}.sec-sub{font-size:16px;color:#4A5568;margin-top:12px;max-width:560px;line-height:1.7}.sec-sub-w{font-size:16px;color:rgba(255,255,255,.6);margin-top:12px;max-width:560px;line-height:1.7}.sectors-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.sector-card{position:relative;border-radius:10px;overflow:hidden;cursor:pointer;height:260px;transition:var(--tr)}.sector-card:hover{transform:translateY(-4px);box-shadow:var(--sh3)}.sector-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.sector-card:hover img{transform:scale(1.05)}.sector-overlay{position:absolute;inset:0;background:linear-gradient(to top,#0A1628 0%,rgba(10,22,40,.5) 55%,transparent 100%)}.sector-body{position:absolute;bottom:0;left:0;right:0;padding:16px}.sector-name{font-family:"Outfit",sans-serif;font-size:14.5px;font-weight:700;color:#fff;line-height:1.3}.sector-refs{font-size:11px;color:rgba(255,255,255,.55);margin-top:3px}.sector-desc{font-size:11px;color:rgba(255,255,255,.4);margin-top:4px;display:none}.sector-card:hover .sector-desc{display:block}.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.prod-card{background:#fff;border:1px solid #E8EDF5;border-radius:10px;overflow:hidden;transition:var(--tr)}.prod-card:hover{transform:translateY(-4px);box-shadow:var(--sh3);border-color:#1F4FA3}.prod-img-w{position:relative;height:200px;overflow:hidden;background:#EEF2F9}.prod-img-w img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.prod-card:hover .prod-img-w img{transform:scale(1.06)}.prod-brand-badge{position:absolute;top:10px;left:10px;background:#0F2E6D;color:#fff;font-size:10px;font-weight:700;padding:3px 9px;border-radius:3px;letter-spacing:.04em}.prod-body{padding:18px}.prod-ref{font-size:10.5px;font-weight:600;color:#7A8BA4;letter-spacing:.05em;text-transform:uppercase}.prod-name{font-family:"Outfit",sans-serif;font-size:15.5px;font-weight:700;color:#0F2E6D;margin:6px 0 4px;line-height:1.3}.prod-cat{font-size:11.5px;color:#7A8BA4}.prod-sep{border:none;border-top:1px solid #E8EDF5;margin:14px 0}.btn-devis-card{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px;background:#EEF2F9;color:#0F2E6D;font-size:13px;font-weight:700;border:1.5px solid #E8EDF5;border-radius:var(--r);cursor:pointer;transition:var(--tr)}.btn-devis-card:hover{background:#0F2E6D;color:#fff;border-color:#0F2E6D}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}.stat-item{text-align:center;padding:40px 20px;border-right:1px solid rgba(255,255,255,.08)}.stat-item:last-child{border:none}.stat-n{font-family:"Outfit",sans-serif;font-size:52px;font-weight:800;color:#fff;line-height:1}.stat-suf{font-size:28px;color:#E8EDF5;opacity:.7}.stat-l{font-size:12px;color:rgba(255,255,255,.5);margin-top:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:500}.logos-wrap{overflow:hidden;position:relative}.logos-wrap::before,.logos-wrap::after{content:"";position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none}.logos-wrap::before{left:0;background:linear-gradient(to right,#fff,transparent)}.logos-wrap::after{right:0;background:linear-gradient(to left,#fff,transparent)}.logos-track{display:flex;animation:lscroll 35s linear infinite;width:max-content}.logos-track:hover{animation-play-state:paused}@keyframes clientscroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@keyframes lscroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.logo-item{display:flex;align-items:center;justify-content:center;padding:0 28px;height:72px}.logo-item img{height:40px;width:auto;max-width:110px;object-fit:contain;filter:none;opacity:1;transition:opacity .25s}.logo-item img:hover{opacity:.8}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.why-img-w{border-radius:12px;overflow:hidden;height:480px}.why-img-w img{width:100%;height:100%;object-fit:cover}.why-items{display:flex;flex-direction:column;gap:24px}.why-item{display:flex;align-items:flex-start;gap:16px;padding:20px;border-radius:8px;border:1px solid #E8EDF5;transition:var(--tr);background:#fff}.why-item:hover{border-color:#1F4FA3;box-shadow:var(--sh2);transform:translateX(4px)}.why-icon{width:44px;height:44px;background:#E8EDF5;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.why-icon .ti{font-size:20px;color:#0F2E6D}.why-title{font-family:"Outfit",sans-serif;font-size:14.5px;font-weight:700;color:#0F2E6D;margin-bottom:4px}.why-desc{font-size:13px;color:#4A5568;line-height:1.65}.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.testi-card{background:#fff;border:1px solid #E8EDF5;border-radius:10px;padding:28px;position:relative;transition:var(--tr)}.testi-card:hover{box-shadow:var(--sh2);transform:translateY(-3px)}.testi-quote-icon{font-size:40px;line-height:1;color:#E8EDF5;font-family:Georgia,serif;position:absolute;top:20px;right:24px;font-weight:900}.testi-stars{display:flex;gap:3px;margin-bottom:16px}.testi-stars .ti{font-size:14px;color:#D97706}.testi-text{font-size:13.5px;line-height:1.75;color:#4A5568;margin-bottom:20px;font-style:italic}.testi-footer{display:flex;align-items:center;gap:12px;border-top:1px solid #E8EDF5;padding-top:16px}.testi-avatar{width:40px;height:40px;background:#0F2E6D;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:"Outfit",sans-serif;font-size:14px;font-weight:800;color:#fff;flex-shrink:0}.testi-name{font-size:13px;font-weight:700;color:#0F2E6D}.testi-role{font-size:11.5px;color:#7A8BA4}.cta-section{background:linear-gradient(135deg,#0A1628 0%,#0F2E6D 100%);padding:80px 0}.cta-in{max-width:1340px;margin:0 auto;padding:0 40px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:48px}.cta-label{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:12px}h2.cta-title{font-family:"Outfit",sans-serif;font-size:clamp(22px,3vw,36px);font-weight:800;color:#fff;line-height:1.2;letter-spacing:-.02em}.cta-sub{font-size:15px;color:rgba(255,255,255,.6);margin-top:12px;max-width:480px}.cta-right{display:flex;flex-direction:column;gap:12px;min-width:240px}.btn-cta-main{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 32px;background:#fff;color:#0F2E6D;font-family:"Outfit",sans-serif;font-size:15px;font-weight:800;border:none;border-radius:var(--r);cursor:pointer;transition:var(--tr)}.btn-cta-main:hover{background:#E8EDF5;transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.3)}.btn-cta-sec{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:1.5px solid rgba(255,255,255,.25);color:rgba(255,255,255,.8);font-size:13px;font-weight:600;border-radius:var(--r);cursor:pointer;transition:var(--tr)}.btn-cta-sec:hover{border-color:rgba(255,255,255,.6);color:#fff}.footer{background:#0A1628;padding:60px 0 32px}.footer-in{max-width:1340px;margin:0 auto;padding:0 40px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:40px}.footer-logo{margin-bottom:16px}.footer-logo img{height:40px;filter:brightness(0) invert(1);opacity:.85}.footer-brand-desc{font-size:13px;color:rgba(255,255,255,.4);line-height:1.7;max-width:240px}.footer-col-title{font-family:"Outfit",sans-serif;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.35);margin-bottom:16px}.footer-links{list-style:none;display:flex;flex-direction:column;gap:9px}.footer-links li a{font-size:13px;color:rgba(255,255,255,.45);transition:color .2s}.footer-links li a:hover{color:#fff}.footer-contact-item{display:flex;align-items:flex-start;gap:8px;margin-bottom:10px}.footer-contact-item .ti{font-size:14px;color:#7A8BA4;margin-top:2px;flex-shrink:0}.footer-contact-item span{font-size:13px;color:rgba(255,255,255,.45)}.footer-bottom{border-top:1px solid rgba(255,255,255,.07);padding-top:24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer-copy{font-size:12px;color:rgba(255,255,255,.3)}.fade-up{opacity:0;transform:translateY(24px);transition:opacity .55s ease,transform .55s ease}.fade-up.visible{opacity:1;transform:translateY(0)}@media(max-width:1200px){.products-grid{grid-template-columns:repeat(3,1fr)}.sectors-grid{grid-template-columns:repeat(3,1fr);gap:16px}}@media(max-width:1024px){.nav-links{display:none}.nav-inner{padding:0 24px}.hero-in{grid-template-columns:1fr;padding:60px 24px}.srch-in{padding:0 24px}.srch-cat{min-width:140px}.sectors-grid{grid-template-columns:repeat(2,1fr)}.products-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)}.why-grid{grid-template-columns:1fr;gap:32px}.testi-grid{grid-template-columns:1fr 1fr}.cta-in{grid-template-columns:1fr;gap:28px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}}@media(max-width:768px){.hero-card{display:none}.announce-inner{flex-direction:column;gap:6px;padding:8px 18px}.hero-in{padding:52px 18px}.hero-h1{font-size:clamp(32px,9vw,52px) !important}.srch-bar{flex-wrap:wrap}.srch-cat{border-left:none;border-top:1px solid #E8EDF5;min-width:100%;order:2}.srch-btn{width:100%;justify-content:center;order:3}.sectors-grid{grid-template-columns:1fr 1fr}.products-grid{grid-template-columns:1fr 1fr;gap:14px}.stats-grid{grid-template-columns:repeat(2,1fr)}.testi-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.sec-header{flex-direction:column;align-items:flex-start;gap:12px}}@media(max-width:480px){.sectors-grid{grid-template-columns:1fr}.products-grid{grid-template-columns:1fr}.hero-h1{font-size:clamp(28px,11vw,44px) !important}.why-item{flex-direction:column}}
/* ââ ACCESSIBILITY FIXES ââ */
:focus-visible{outline:3px solid #0DD3D3;outline-offset:3px;border-radius:3px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #0DD3D3;outline-offset:3px;border-radius:3px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.nav-item-drop{position:relative}
.mega-menu{display:none;position:absolute;top:calc(100% + 1px);left:50%;transform:translateX(-50%);background:#fff;border:1px solid #E8EDF5;border-top:3px solid #0F2E6D;border-radius:0 0 10px 10px;box-shadow:0 20px 60px rgba(15,46,109,.18);min-width:780px;padding:0;z-index:400;list-style:none}
.mega-menu-inner{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0}
.mega-col{padding:20px 22px 22px}
.mega-col+.mega-col{border-left:1px solid #E8EDF5}
.mega-group-title{font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:#0F2E6D;padding:0 0 8px;border-bottom:2px solid #E8EDF5;margin-bottom:10px;display:flex;align-items:center;gap:6px}
.mega-group-title .mg-icon{font-size:14px}
.mega-item{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:6px;font-size:12.5px;color:#4A5568;font-weight:500;transition:background .14s,color .14s;cursor:pointer}
.mega-item:hover{background:#EEF2F9;color:#0F2E6D}
.mega-item .mi-icon{font-size:15px;color:#1F4FA3;flex-shrink:0;width:18px;text-align:center}
.mega-item.mi-new{color:#E07020;font-weight:700}
.mega-item.mi-new .mi-icon{color:#E07020}
.mega-item.mi-new::after{content:"NEW";font-size:8px;background:#E07020;color:#fff;padding:1px 5px;border-radius:3px;margin-left:auto;font-weight:800;letter-spacing:.04em}
.mega-footer{background:#EEF2F9;border-top:1px solid #E8EDF5;padding:10px 22px;border-radius:0 0 10px 10px;display:flex;align-items:center;justify-content:space-between}
.mega-footer-link{font-size:11.5px;color:#0F2E6D;font-weight:700;display:flex;align-items:center;gap:5px}
.mega-footer-link:hover{color:#E07020}
.nav-item-drop:hover .mega-menu{display:block}
.nav-item-drop>a .ti-chevron-down{font-size:11px;margin-left:2px;transition:transform .2s}
.nav-item-drop:hover>a .ti-chevron-down{transform:rotate(180deg)}
.nav-badge-new{font-size:8px;font-weight:800;background:#E07020;color:#fff;padding:1px 5px;border-radius:3px;margin-left:5px;letter-spacing:.04em;vertical-align:middle}
/* ââ nav-item-sub dropdown (La SociÃ©tÃ© â index.html) âââââââââââââââââââââââ */
.nav-item-sub{position:relative}
.nav-sub-menu{display:none;position:absolute;top:calc(100% + 1px);left:50%;transform:translateX(-50%);background:#fff;border:1px solid #E8EDF5;border-top:3px solid #0F2E6D;border-radius:0 0 10px 10px;box-shadow:0 20px 60px rgba(15,46,109,.18);min-width:220px;padding:8px 0;z-index:400;list-style:none}
.nav-item-sub:hover .nav-sub-menu{display:block}
.nav-item-sub>a .ti-chevron-down{font-size:11px;margin-left:2px;transition:transform .2s}
.nav-item-sub:hover>a .ti-chevron-down{transform:rotate(180deg)}
.nav-sub-item{display:flex;align-items:center;gap:8px;padding:10px 18px;font-size:13px;color:#4A5568;text-decoration:none;transition:.15s;white-space:nowrap}
.nav-sub-item:hover{background:#EEF2F9;color:#0F2E6D;padding-left:22px}
.nav-sub-item .ti{font-size:14px;color:#1F4FA3;flex-shrink:0}

/* ââ Mobile nav button âââââââââââââââââââââââââââââââââ */
.nav-mob-btn{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:8px;margin-left:auto;flex-shrink:0}
.nav-mob-btn span{display:block;width:24px;height:2.5px;background:#0F2E6D;border-radius:2px;transition:transform .3s,opacity .3s}
/* ââ Mobile overlay âââââââââââââââââââââââââââââââââââââ*/
.nav-mob-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:490}
.nav-mob-overlay.open{display:block}
/* ââ Mobile panel (slide from right) ââââââââââââââââââ */
.nav-mob-panel{position:fixed;top:0;right:-100%;width:min(320px,88vw);height:100%;background:#fff;z-index:500;overflow-y:auto;display:flex;flex-direction:column;box-shadow:-4px 0 32px rgba(15,46,109,.2);transition:right .3s cubic-bezier(.4,0,.2,1)}
.nav-mob-panel.open{right:0}
.nav-mob-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #E8EDF5;flex-shrink:0}
.nav-mob-body{flex:1;overflow-y:auto;padding-bottom:24px}
.nav-mob-link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 20px;font-size:14px;font-weight:600;color:#1a2b4a;text-decoration:none;background:none;border:none;border-bottom:1px solid #F5F7FA;cursor:pointer;text-align:left;font-family:"Inter",sans-serif}
.nav-mob-link:hover{background:#F5F8FF;color:#0F2E6D}
.nav-mob-sub{display:none;background:#F9FAFB;border-bottom:1px solid #F0F4FC}
.nav-mob-sub.open{display:block}
.nav-mob-sub-item{display:flex;align-items:center;gap:10px;padding:11px 28px;font-size:13px;color:#4A5568;text-decoration:none}
.nav-mob-sub-item:hover{background:#EEF2F9;color:#0F2E6D}
.nav-mob-sub-item .ti{font-size:14px;color:#1F4FA3;flex-shrink:0}
/* ââ Show hamburger on mobile ââââââââââââââââââââââââââ */
@media(max-width:1024px){
  .nav-mob-btn{display:flex}
  .nav-cta{display:none}
}
/* ââ Topbar scroll hidden on small mobile âââââââââââââââ */
@media(max-width:640px){
  .topbar{display:none}
  .nav-in{padding:0 16px}
  .nav-logo img{height:36px}
}
/* ââ s-title alias ââââââââââââââââââââââââââââââââââââââ */
h2.s-title{font-family:"Outfit",sans-serif;font-size:clamp(22px,3vw,36px);font-weight:800;color:#0F2E6D;letter-spacing:-.02em;line-height:1.2}
/* ââ page-hero shared âââââââââââââââââââââââââââââââââââ */
.page-hero{background:linear-gradient(135deg,#0A1628 0%,#0F2E6D 100%);padding:80px 0 64px}
.page-hero-in{max-width:1340px;margin:0 auto;padding:0 40px}
.ph-label{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:12px}
h1.ph-title{font-family:"Outfit",sans-serif;font-size:clamp(28px,4vw,48px);font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1.15;margin-bottom:14px}
.ph-sub{font-size:16px;color:rgba(255,255,255,.6);max-width:560px;line-height:1.7}
.ph-stats{display:flex;gap:40px;margin-top:40px;padding-top:32px;border-top:1px solid rgba(255,255,255,.12);flex-wrap:wrap}
.ph-stat-n{font-family:"Outfit",sans-serif;font-size:32px;font-weight:800;color:#fff;line-height:1}
.ph-stat-l{font-size:11px;color:rgba(255,255,255,.45);margin-top:4px;text-transform:uppercase;letter-spacing:.06em}
/* ââ Responsive section padding ââââââââââââââââââââââââ */
@media(max-width:768px){
  .page-hero{padding:56px 0 44px}
  .page-hero-in{padding:0 20px}
  .ph-stats{gap:24px}
  .sec-in{padding:0 20px}
  .sec{padding:56px 0}
}
@media(max-width:480px){
  .page-hero-in{padding:0 16px}
  .sec-in{padding:0 14px}
}

/* ===== Nav search bar + lang toggle (added for consistency) ===== */
.nav-search{display:flex;align-items:center;border:1.5px solid #CBD5E0;border-radius:5px;overflow:hidden;height:36px;transition:.2s;background:#F8FAFC}
.nav-search:focus-within{border-color:#1F4FA3;background:#fff;box-shadow:0 0 0 3px rgba(31,79,163,.1)}
.nav-search input{border:none;background:transparent;outline:none;font-size:12px;color:#374151;padding:0 8px;width:110px;font-family:'Inter',sans-serif}
.nav-search input::placeholder{color:#9CA3AF}
.nav-search button{background:none;border:none;padding:0 10px;cursor:pointer;color:#4A5568;display:flex;align-items:center;height:100%}
.nav-search button:hover{color:#1F4FA3}
.lang-toggle{display:flex;align-items:center;gap:4px}
.lang-flag{display:flex;align-items:center;gap:3px;font-size:11px;font-weight:600;color:#4A5568;cursor:pointer;padding:4px 6px;border-radius:4px;border:1.5px solid transparent;transition:.2s;text-decoration:none}
.lang-flag:hover{border-color:#CBD5E0;background:#F8FAFC}
.lang-flag.lang-active{border-color:#1F4FA3;color:#1F4FA3;background:#EEF2F9}
.lang-flag .flag-emoji{font-size:16px;line-height:1}

/* ================================================================
   NAV RESPONSIVE COMPACT â fixes overflow on all desktop widths
   Applied via semi.css, overrides inline styles in HTML â 2026-05-20
   ================================================================ */

/* 1) Force compact nav link styles (override HTML inline attributes) */
.nav-links li a{padding:0 10px!important;height:60px!important;font-size:12.5px!important}

/* 2) Search: collapse to icon-only on all desktops, expand on focus */
@media(min-width:1025px){
  .nav-search{background:transparent!important;border-color:transparent!important;padding:0!important;min-width:36px;box-shadow:none!important}
  .nav-search input{width:0!important;padding:0!important;overflow:hidden;transition:width .25s ease,padding .25s ease}
  .nav-search:focus-within{background:#F8FAFC!important;border-color:#1F4FA3!important;box-shadow:0 0 0 3px rgba(31,79,163,.1)!important}
  .nav-search:focus-within input{width:130px!important;padding:0 8px!important}
  .nav-search button{padding:0 10px}
}

/* 3) Medium desktop 1025-1400px: reduce link padding + btn-devis */
@media(min-width:1025px) and (max-width:1400px){
  .nav-in{padding:0 14px!important}
  .nav-logo{margin-right:14px!important}
  .nav-links li a{padding:0 7px!important;font-size:12px!important}
  .nav-cta{gap:6px!important}
  .btn-devis{padding:7px 12px!important;font-size:12px!important}
}

/* 4) Tight desktop 1025-1220px: hide lang-toggle, icon-only devis */
@media(min-width:1025px) and (max-width:1220px){
  .lang-toggle{display:none!important}
  .nav-links li a{padding:0 5px!important;font-size:11.5px!important}
  .nav-cta{gap:4px!important}
  .btn-devis{font-size:0!important;padding:9px 11px!important;width:38px!important;min-width:38px!important;justify-content:center!important;overflow:hidden!important}
  .btn-devis .ti{font-size:18px!important}
}

/* N3-A1: Hide icons in nav links */
.nav-links li a i,.nav-links .ti[class*="ti-"],.nav-links a>.ti{display:none!important}