html{scroll-behavior:smooth;scroll-padding-top:160px}body.lab-native-components{background:#EDF8F2}.demo-header,.demo-header *{box-sizing:border-box}.demo-header{font:400 15px/1.5 'Lab Archivo',Arial,sans-serif;color:#1A1F1D;position:sticky;top:-38px;z-index:100;max-width:1600px;margin:0 auto;padding:0 32px 18px;background:linear-gradient(#EDF8F2 75%,#edf8f200)}.demo-header a{color:inherit;text-decoration:none}.demo-header a:focus-visible,.demo-header button:focus-visible{outline:3px solid #027B3B;outline-offset:4px}.demo-utility{height:44px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#40594B}.demo-utility>div{display:flex;gap:26px}.demo-utility a:hover{text-decoration:underline}.demo-shell{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 228px;gap:12px}.demo-bar{display:flex;align-items:center;gap:24px;padding:12px 16px 12px 24px;min-height:90px;background:#fff;border-radius:14px;box-shadow:0 2px 12px #153d2310}.demo-logo{display:block;flex:0 1 260px;margin-right:auto}.demo-logo img{display:block;width:100%;max-width:246px;height:58px;object-fit:contain;object-position:left center}.demo-bar nav{display:flex;gap:4px}.demo-trigger,.demo-menu-toggle{border:0;cursor:pointer;font:500 16px/1.4 'Lab Archivo',Arial,sans-serif;color:#1A1F1D}.demo-trigger{display:flex;align-items:center;gap:11px;background:transparent;border-radius:30px;padding:14px 16px;white-space:nowrap;transition:background .18s}.demo-trigger:hover,.demo-trigger[aria-expanded=true]{background:#EDF8F2}.demo-chevron{width:7px;height:7px;border-right:1.5px solid;border-bottom:1.5px solid;transform:rotate(45deg) translateY(-2px);transition:transform .2s}.demo-trigger[aria-expanded=true] .demo-chevron{transform:rotate(225deg) translate(-2px,-1px)}.demo-menu-toggle{border-radius:50%;background:#EDF8F2;flex-shrink:0;width:44px;height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.demo-menu-toggle span{display:block;width:18px;height:1.5px;background:#027B3B;transition:transform .2s}.demo-menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.75px) rotate(45deg)}.demo-menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}.demo-cta{display:flex;align-items:center;justify-content:center;gap:14px;background:#027B3B;color:white!important;border-radius:14px;font-weight:600;padding:18px;transition:background .18s}.demo-cta:hover{background:#026631}.demo-cta span{font-size:24px;font-weight:400}.demo-panel-wrap{position:absolute;top:100%;left:0;width:calc(100% - 240px);padding-top:10px}.demo-panel{background:#fff;border-radius:14px;box-shadow:0 20px 36px #17362418;padding:18px;display:grid;grid-template-columns:minmax(200px,29%) 1fr;gap:32px;max-height:calc(100dvh - 160px);overflow:auto}.demo-panel[hidden]{display:none}.demo-feature{position:relative;display:block;border-radius:9px;overflow:hidden;min-height:295px;background:#1A1F1D;color:white!important}.demo-feature img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.75;transition:transform .4s}.demo-feature:hover img{transform:scale(1.025)}.demo-feature:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 20%,#15291ae6)}.demo-feature>span{position:absolute;inset:auto 20px 22px;z-index:1}.demo-feature small{display:block;font-size:12px;margin-bottom:8px;color:#d1ebd9}.demo-feature strong{display:block;font-family:'Lab Oswald',sans-serif;font-size:28px;font-weight:500;line-height:1.2;padding-right:20px;max-width:280px}.demo-feature b{display:flex;align-items:center;justify-content:center;background:white;color:#027B3B;border-radius:50%;width:30px;height:30px;margin-top:18px;font-weight:400}.demo-panel-body{padding:8px 12px 4px 0}.demo-panel-heading{display:flex;justify-content:space-between;gap:12px;align-items:baseline;border-bottom:1px solid #dce5df;padding-bottom:18px;margin-bottom:14px}.demo-panel-heading p{font-size:13px;color:#55665c;margin:0}.demo-panel-heading a{font-size:12px;color:#027B3B;white-space:nowrap}.demo-panel ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;column-gap:26px}.demo-panel li a{display:block;padding:9px 0;font-size:14px;line-height:1.5}.demo-panel li a:hover{color:#027B3B;text-decoration:underline;text-underline-offset:5px}.demo-panel-help{border-top:1px solid #dce5df;margin-top:17px;padding-top:15px;font-size:12px;color:#627268}.demo-panel-help a{color:#027B3B;text-decoration:underline;text-underline-offset:4px;margin-left:5px}.demo-extra{grid-template-columns:1fr 1fr;padding:30px}.demo-extra p{font-size:12px;color:#627268;margin:0 0 12px}.demo-extra a{display:block;font-size:17px;padding:9px 0}.demo-skip{position:fixed;top:-100px;left:25px;background:#fff;padding:14px;z-index:200;color:#027B3B}.demo-skip:focus{top:8px}.lab-native-components .lab-home-hero{background:#EDF8F2}.lab-native-components .lab-home-hero-photo{border-radius:0 0 0 32px;overflow:hidden}.lab-native-components .lab-home-section{scroll-margin-top:140px}
@media(min-width:1600px){.demo-header{padding-inline:48px}}
@media(max-width:1100px){.demo-header{padding-inline:20px}.demo-shell{grid-template-columns:minmax(0,1fr) 200px}.demo-bar{gap:8px;padding-left:18px}.demo-logo{flex-basis:200px}.demo-logo img{max-width:190px}.demo-trigger{font-size:14px;padding:12px}.demo-panel-wrap{width:100%}.demo-cta{font-size:14px}.demo-panel{gap:22px}}
@media(max-width:800px){html{scroll-padding-top:135px}.demo-header{top:-36px;padding:0 14px 12px}.demo-utility{height:36px;justify-content:flex-end;font-size:11px}.demo-utility>span,.demo-utility>div>a:first-child{display:none}.demo-utility>div{gap:18px}.demo-shell{grid-template-columns:minmax(0,1fr) 50px;gap:8px}.demo-bar{padding:10px 13px;min-height:72px;border-radius:12px;flex-wrap:wrap;gap:0}.demo-logo{flex:1 1 150px}.demo-logo img{height:45px;max-width:190px}.demo-menu-toggle{width:40px;height:40px}.demo-bar nav{display:none;width:100%;padding-top:10px;border-top:1px solid #dce5df;margin-top:12px;justify-content:space-between}.demo-header.mobile-open .demo-bar nav{display:flex}.demo-trigger{font-size:13px;padding:12px 9px;gap:9px}.demo-cta{padding:0;border-radius:12px;font-size:0;gap:0}.demo-cta span{font-size:27px}.demo-cta:before{content:'Demande de service';position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.demo-panel-wrap{width:100%;padding-top:8px}.demo-panel{max-height:calc(100dvh - 200px);grid-template-columns:1fr;padding:20px;gap:0}.demo-feature{display:none}.demo-panel-body{padding:0}.demo-panel-heading{flex-wrap:wrap}.demo-panel ul{grid-template-columns:1fr;gap:0}.demo-panel li a{padding:10px 0;font-size:15px}.demo-panel-help{line-height:1.8}.demo-extra{grid-template-columns:1fr 1fr;gap:20px}.demo-extra a{font-size:14px}.lab-native-components .lab-home-hero-photo{border-radius:0}.lab-native-components .lab-home-hero-grid{min-height:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.demo-header *{transition:none!important}}

@media(max-width:800px){.demo-header.mobile-open .demo-bar{grid-column:1/-1}.demo-header.mobile-open .demo-cta{display:none}.demo-trigger{padding-inline:7px}.demo-panel-body{min-width:0}}

.demo-logo{flex-basis:150px}.demo-logo img{width:110px;height:92px;max-width:none}.demo-bar{padding-block:8px}@media(max-width:800px){.demo-logo{order:1;flex:1 1 100px}.demo-logo img{width:88px;height:72px;max-width:none}.demo-menu-toggle{order:2}.demo-bar nav{order:3}.demo-header.mobile-open .demo-bar nav{margin-top:8px;padding-top:6px}}

/* Compact service action, vertically aligned with the navigation controls. */
.demo-shell{grid-template-columns:minmax(0,1fr) 190px;gap:16px}
.demo-cta{align-self:center;min-height:48px;height:48px;padding:0 17px;border-radius:8px;font-size:14px;gap:10px;white-space:nowrap}
.demo-cta span{font-size:20px}
.demo-panel-wrap{width:calc(100% - 206px)}
@media(max-width:1100px){.demo-shell{grid-template-columns:minmax(0,1fr) 180px;gap:12px}.demo-cta{font-size:13px;padding-inline:14px}.demo-panel-wrap{width:100%}}
@media(max-width:800px){.demo-shell{grid-template-columns:minmax(0,1fr) 44px;gap:8px}.demo-cta{width:44px;height:44px;min-height:44px;padding:0;font-size:0;border-radius:10px;gap:0}.demo-cta span{font-size:23px}}
.demo-header{width:calc(100% - 64px);max-width:1488px}
@media(min-width:1600px){.demo-header{padding-inline:32px}}
@media(max-width:1100px){.demo-header{width:calc(100% - 32px)}}
@media(max-width:800px){.demo-header{width:100%}}
.demo-cta,.demo-cta:hover{background:#029648;color:#101D15!important}
.demo-menu-toggle span{background:#029648}
.demo-trigger:hover,.demo-trigger[aria-expanded=true]{box-shadow:inset 0 -2px #029648}
.demo-header{background:transparent}
@media(min-width:801px){.demo-bar{min-height:90px}.demo-logo img{height:74px}.demo-cta{align-self:stretch;height:auto;min-height:90px}}
.demo-utility{height:32px}.demo-header{top:-32px}
.demo-trigger,.demo-trigger:hover,.demo-trigger[aria-expanded=true]{border-radius:0;background:transparent;box-shadow:none}
.demo-cta,.demo-cta:hover{color:#fff!important}
@media(min-width:801px){.demo-shell{grid-template-columns:minmax(0,1fr) 176px}.demo-panel-wrap{width:calc(100% - 192px)}.demo-bar{min-height:72px;padding:4px 14px}.demo-logo img{width:88px;height:64px}.demo-cta{min-height:72px;padding-inline:12px;font-size:13px}}
@media(min-width:801px) and (max-width:1100px){.demo-panel-wrap{width:100%}}
@media(max-width:800px){.demo-utility{height:28px}.demo-header{top:-28px}.demo-bar{min-height:68px;padding-block:4px}.demo-logo img{height:60px;width:80px}}
html{scroll-padding-top:84px}
html:has(#wpadminbar){scroll-padding-top:116px}
.lab-native-components .lab-home-section{scroll-margin-top:0}
@media(max-width:800px){html{scroll-padding-top:80px}html:has(#wpadminbar){scroll-padding-top:126px}}
@media(min-width:801px){.demo-panel:not(.demo-extra){height:var(--lab-panel-height,auto);max-height:calc(100dvh - 132px)}}

.demo-header{max-width:1488px} .admin-bar .demo-header{top:0}
@media(min-width:1600px){.demo-header{padding-inline:32px}}
@media(max-width:800px){.admin-bar .demo-header{top:18px}}