@import url(https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Open+Sans:wght@400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap);:root{--orange:#ff873d;--green:#6bc644;--white:#ffffff;--ink:#2e2e2e;--ink-60:rgba(46,46,46,.6);--bg:#f8fafc;--card:#ffffff;--shadow:0 8px 24px rgba(0,0,0,.08);--radius:16px;--radius-lg:24px;--sp-1:6px;--sp-2:10px;--sp-3:14px;--sp-4:20px;--sp-5:28px;--sp-6:40px;--sp-7:64px;--maxw:1152px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg);font-family:Lato,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;font-size:16px}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{width:100%;max-width:100%;margin:0 auto;padding:0 var(--sp-4)}.wrap{max-width:var(--maxw);margin:0 auto}.section{padding:var(--sp-7) 0}h1,h2,h3,h4{font-family:"Open Sans",system-ui,Arial,sans-serif}h1{font-weight:800;font-size:42px;line-height:1.15;margin:0 0 var(--sp-4)}h2{font-weight:700;font-size:28px;margin:0 0 var(--sp-4)}h3{font-weight:800;font-size:20px;margin:0 0 var(--sp-3)}.header{position:sticky;top:0;z-index:50;background:rgb(255 255 255 / .9);backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid #eee}.header .inner{display:flex;align-items:center;justify-content:space-between;min-height:64px}.brand{display:flex;align-items:center;gap:var(--sp-3)}.brand img{width:44px;height:44px;border-radius:50%;object-fit:contain;background:#fff}.brand .name{font:800 18px/1 "Open Sans",system-ui;letter-spacing:.2px}.nav{display:flex;gap:var(--sp-5);align-items:center}.nav a{font:600 14px/1 "Open Sans",system-ui;opacity:.85}.nav a:hover,.nav a:focus-visible{opacity:1}.btn{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:999px;transition:.2s ease;font:700 14px/1 "Open Sans",system-ui}.btn-primary{background:var(--orange);color:#fff;box-shadow:var(--shadow)}.btn-primary:hover{transform:translateY(-1px);filter:brightness(1.03)}.btn-outline{border:2px solid var(--green);color:var(--green);background:#fff}.btn-outline:hover{background:var(--green);color:#fff}.btn .icon{width:18px;height:18px}.hero{position:relative;overflow:hidden;background:linear-gradient(120deg,rgb(255 135 61 / .08),rgb(107 198 68 / .08))}.hero .grid{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--sp-6);align-items:center}.hero p{font-size:18px;color:var(--ink-60);margin:0 0 var(--sp-5)}.hero .card{background:var(--card);border-radius:var(--radius-lg);padding:var(--sp-6);box-shadow:var(--shadow)}.badges{display:flex;gap:var(--sp-3);flex-wrap:wrap}.badge{background:#fff;border:1px solid #eee;padding:6px 10px;border-radius:999px;font:700 12px/1 "Open Sans"}.service-pill{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;background:#fff;border:1px solid #eee;border-radius:999px;font:700 13px "Open Sans"}.service-pill .dot{width:8px;height:8px;border-radius:999px;background:var(--green)}.grid-3{display:grid;gap:var(--sp-5);grid-template-columns:repeat(3,1fr)}.grid-2{display:grid;gap:var(--sp-5);grid-template-columns:repeat(2,1fr)}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.card:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgb(0 0 0 / .12)}.card .thumb{aspect-ratio:16/10;overflow:hidden}.card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.card:hover .thumb img{transform:scale(1.05)}.card .body{padding:var(--sp-5)}.card h3{margin:0 0 var(--sp-3)}.card p{margin:0 0 var(--sp-4);color:var(--ink-60)}.card a.more{font:700 14px/1 "Open Sans";color:var(--green)}.card a.more:hover{text-decoration:underline}.checklist{display:grid;gap:10px;padding-left:0;list-style:none}.checklist li{display:flex;gap:10px;align-items:flex-start}.check{width:18px;height:18px;flex:0 0 18px;border-radius:5px;background:var(--green);display:inline-block;position:relative}.check::after{content:'';position:absolute;inset:0;background:conic-gradient(from 45deg,transparent 0 62%,#fff 62% 100%);clip-path:polygon(26% 56%,44% 75%,78% 30%,86% 36%,45% 88%,18% 62%)}.banner{border-radius:var(--radius);padding:var(--sp-5);background:linear-gradient(90deg,var(--orange),var(--green));color:#fff;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4)}.banner strong{font-weight:800}.footer{padding:var(--sp-6) 0;border-top:1px solid #eee;color:var(--ink-60)}.footer .cols{display:grid;gap:var(--sp-5);grid-template-columns:2fr 1fr 1fr}.footer h4{font:800 14px "Open Sans";color:var(--ink);margin:0 0 var(--sp-3)}.footer a{opacity:.9}.footer a:hover{opacity:1;text-decoration:underline}.hint{font-size:14px;color:var(--ink-60)}.center{text-align:center}.mt-0{margin-top:0}.mt-4{margin-top:var(--sp-4)}.mt-6{margin-top:var(--sp-6)}.mb-0{margin-bottom:0}:focus-visible{outline:3px solid rgb(255 135 61 / .6);outline-offset:2px;border-radius:8px}@media (max-width:1000px){.hero .grid{grid-template-columns:1fr}}@media (max-width:860px){.grid-3{grid-template-columns:1fr 1fr}.footer .cols{grid-template-columns:1fr 1fr}}@media (max-width:600px){.grid-3,.grid-2{grid-template-columns:1fr}.brand .name{font-size:16px}.hero h1{font-size:34px}.banner{flex-direction:column;align-items:flex-start}}.features{display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.feature{background:#fff;border:1px solid #eee;border-radius:16px;box-shadow:var(--shadow);padding:20px;display:flex;gap:14px;align-items:flex-start}.feature .ico{width:38px;height:38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--orange),var(--green));color:#fff;flex:0 0 38px}.feature h4{font:800 16px/1.3 "Open Sans";margin:0}.feature p{margin:6px 0 0;color:var(--ink-60);font-size:14px}.testi{overflow-x:auto;display:flex;gap:16px;padding-bottom:8px;scroll-snap-type:x mandatory}.testi .card{min-width:320px;max-width:380px;scroll-snap-align:center}.t-head{display:flex;gap:12px;align-items:center;margin-bottom:8px}.t-head img{width:42px;height:42px;border-radius:999px;object-fit:cover}.t-name{font:700 14px "Open Sans"}.t-loc{font-size:13px;color:var(--ink-60)}.t-quote{font-size:15px;color:var(--ink)}.callbar{position:fixed;left:0;right:0;bottom:12px;z-index:60;display:none}.callbar .inner{margin:0 12px;background:linear-gradient(90deg,var(--orange),var(--green));padding:10px;border-radius:999px;box-shadow:var(--shadow);display:flex;gap:10px;justify-content:center}@media (max-width:800px){.callbar{display:block}}.section a{color:inherit;text-decoration:none}.section a:hover{text-decoration:underline}.section .center h2,.section .center h3{text-align:center}.feature .ico{background:linear-gradient(135deg,var(--orange),var(--green));color:#fff}.card .actions{display:flex;gap:12px;flex-wrap:wrap}.testi{overflow-x:auto;display:flex;gap:16px;padding-bottom:8px;scroll-snap-type:x mandatory}.testi .card{min-width:320px;max-width:380px;scroll-snap-align:center}.step-card .thumb{aspect-ratio:16/10;overflow:hidden;border-bottom:1px solid #eee}.step-card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.step-card:hover .thumb img{transform:scale(1.04)}.callbar{position:fixed;left:0;right:0;bottom:12px;z-index:60;display:none}.callbar .inner{margin:0 12px;background:linear-gradient(90deg,var(--orange),var(--green));padding:10px;border-radius:999px;box-shadow:var(--shadow);display:flex;gap:10px;justify-content:center}@media (max-width:800px){.callbar{display:block}}.faqX{display:grid;gap:14px}.faqX details{background:#fff;border:1px solid #eaeaea;border-radius:14px;box-shadow:var(--shadow);padding:14px 18px;transition:.2s}.faqX details[open]{border-color:rgb(107 198 68 / .35);box-shadow:0 8px 24px rgb(0 0 0 / .06)}.faqX summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;font:700 16px "Open Sans";color:var(--ink)}.faqX summary::-webkit-details-marker,.faqX summary::marker{display:none}.faqX summary::before{content:"▶";color:#6bc644;font-size:14px;transition:transform .2s ease}.faqX details[open] summary::before{transform:rotate(90deg)}.faqX p{margin:8px 0 0;color:var(--ink-60)}.faqX a{color:var(--green)}.testi{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;overflow-x:unset}.testi .card{flex:0 1 320px;max-width:360px}.grid-2 .card .thumb{aspect-ratio:16/9}.grid-2 .card .body{display:flex;flex-direction:column;justify-content:space-between}.grid-2 .card .body>*:not(:last-child){margin-bottom:18px}.service-cards .card{display:flex;flex-direction:column}.service-cards .card .thumb{aspect-ratio:16/9;overflow:hidden;border-bottom:1px solid #eee}.service-cards .card .thumb img{width:100%;height:100%;object-fit:cover}.service-cards .card .body{flex:1;display:flex;flex-direction:column;gap:14px;padding:22px 26px}.service-cards .card .body .hint{margin-top:2px;color:var(--ink-60)}.service-cards .card .actions{margin-top:auto;display:flex;gap:12px;flex-wrap:wrap}.service-cards .checklist{list-style:none;margin:0;padding:0;display:grid;gap:10px}.service-cards .checklist li{display:flex;gap:10px;align-items:flex-start}.service-cards .check{width:14px;height:14px;border-radius:4px;background:var(--green);flex:0 0 14px;margin-top:4px}#services-detail .grid-2{gap:32px}.faqX{display:grid;gap:14px}.faqX details{background:#fff;border:1px solid #eaeaea;border-radius:14px;box-shadow:var(--shadow);padding:14px 18px;transition:border-color .2s,box-shadow .2s,background .2s}.faqX details[open]{border-color:rgb(107 198 68 / .35);box-shadow:0 8px 24px rgb(0 0 0 / .06)}.faqX summary{position:relative;list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;font:700 16px "Open Sans",system-ui,Arial,sans-serif;color:var(--ink)!important;padding-left:26px}.faqX summary::-webkit-details-marker,.faqX summary::marker{display:none!important;content:""!important}.faqX summary>svg,.faqX summary>i,.faqX summary>span.icon{display:none!important}.faqX summary::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:16px;height:16px;mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M8 5l8 7-8 7z"/></svg>') no-repeat center / contain;-webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M8 5l8 7-8 7z"/></svg>') no-repeat center / contain;background:var(--green)!important;transition:transform .2s ease}.faqX details[open] summary::before{transform:translateY(-50%) rotate(90deg)}.faqX p{margin:8px 0 0;color:var(--ink-60)}.faqX a{color:var(--green);text-decoration:none}.faqX a:hover{text-decoration:underline}.section .testi{display:flex!important;justify-content:center!important;gap:24px;flex-wrap:wrap;overflow-x:visible!important;padding-bottom:8px}.section .testi .card{flex:0 1 340px;max-width:360px;min-width:300px;scroll-snap-align:unset!important}.t-head{display:flex;gap:12px;align-items:center;margin-bottom:8px}.t-head img{width:42px;height:42px;border-radius:999px;object-fit:cover}.t-name{font:700 14px "Open Sans"}.t-loc{font-size:13px;color:var(--ink-60)}.t-quote{font-size:15px;color:var(--ink)}.zones .grid-2{align-items:stretch}.zones .card{height:100%;display:flex;flex-direction:column}.zones .card.media .thumb{flex:1;height:100%;overflow:hidden;border-radius:var(--radius)}.zones .card.media .thumb img{width:100%;height:100%;object-fit:cover}@media (max-width:600px){.zones .badges .badge{margin-bottom:6px}}.footer-zones{margin-top:var(--sp-6);padding-top:var(--sp-5);border-top:1px solid #eee}.footer-zones .fz-title{font:800 18px "Open Sans",system-ui;margin:0 0 10px}.footer-zones .fz-text,.footer-zones .fz-note{color:var(--ink-60);margin:6px 0}.footer-zones .fz-badges{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.footer-zones .badge{background:#fff;border:1px solid #eaeaea;padding:6px 10px;border-radius:999px;font:700 12px/1 "Open Sans"}.footer-zones .fz-figure{margin:14px 0 0;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.footer-zones .fz-figure img{width:100%;height:auto;display:block}@media (max-width:600px){.footer-zones .fz-badges{gap:8px}.footer-zones .badge{padding:6px 9px}}.banner .btn-outline{background:rgb(255 255 255 / .15);border:2px solid rgb(255 255 255 / .85);color:#fff;backdrop-filter:saturate(140%) blur(2px)}.banner .btn-outline:hover,.banner .btn-outline:focus-visible{background:#fff;color:var(--green);border-color:#fff}.banner a:hover{text-decoration:none}.wpcf7 input[type="text"],.wpcf7 input[type="email"],.wpcf7 input[type="tel"],.wpcf7 textarea{width:100%;padding:12px;border:1px solid #ccc;border-radius:6px;margin-bottom:15px;font-size:15px}.wpcf7 input[type="submit"]{background-color:#63c132;color:#fff;padding:12px 20px;border:none;border-radius:6px;font-size:16px;cursor:pointer;transition:background 0.3s ease}.wpcf7 input[type="submit"]:hover{background-color:#4da326}.contact-page{padding:60px 20px;background:#f1f4e3}.contact-title{font-size:32px;text-align:center;color:#63c132;margin:20px 0 10px}.contact-intro{text-align:center;font-size:16px;margin-bottom:40px;color:#555}.contact-banner img{width:100%;max-height:250px;object-fit:cover;border-radius:12px;margin-bottom:30px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:1100px;margin:0 auto}.card{background:#fff;padding:25px;border-radius:12px;box-shadow:0 4px 10px rgb(0 0 0 / .05)}.contact-infos h2,.contact-form h2{font-size:22px;margin-bottom:15px;color:#393939}.contact-logo img{width:120px;display:block;margin:0 auto 20px}@media (max-width:768px){.contact-grid{grid-template-columns:1fr}}.contact-logo{text-align:center;margin-bottom:20px}.contact-logo img{max-width:180px;height:auto;display:inline-block}:root{--eco-vert:#63c132;--eco-orange:#f28c2b}.brand-title{display:inline-flex;align-items:baseline;gap:.35rem;font-weight:700;font-size:clamp(20px,3vw,28px);line-height:1.1;text-decoration:none;letter-spacing:.2px}.brand-eco{color:var(--eco-vert)}.brand-toiture{color:var(--eco-orange)}.site-title,.wp-block-site-title,.site-title a,.wp-block-site-title a{text-decoration:none!important;color:inherit!important}.header .brand-title{margin-left:.25rem}@media (max-width:600px){.brand-title{font-size:22px}}.brand-logo{max-height:50px;width:auto;margin-right:10px;vertical-align:middle}.brand-title{display:inline-flex;align-items:center;gap:.35rem;font-weight:700;font-size:22px;text-decoration:none}.brand-eco{color:#63c132}.brand-toiture{color:#f28c2b}:root{--brand-green:#6ec548;--brand-orange:#fc8840;--text-dark:#3e3a36}.header .inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand-title{display:inline-flex;align-items:center;gap:.45rem;text-decoration:none;font-family:"Open Sans",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-weight:500;font-size:clamp(18px,2.5vw,26px);line-height:1.1;color:var(--text-dark)}.brand-logo{max-height:44px;width:auto;margin-right:6px}.brand-eco{color:var(--brand-green)}.brand-toiture{color:var(--brand-orange)}.nav{display:flex;gap:var(--sp-5);align-items:center;font-family:"Open Sans",system-ui,Arial,sans-serif}.nav a{font:600 14px/1 "Open Sans",system-ui;opacity:.85;color:var(--text-dark);position:relative;transition:opacity .2s ease}.nav a:hover,.nav a:focus-visible{opacity:1;color:var(--brand-green)}.nav .menu-item-has-children{position:relative}.nav .sub-menu{position:absolute;top:100%;left:0;background:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 8px 24px rgb(0 0 0 / .08);padding:10px 0;min-width:220px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .25s ease;z-index:1000}.nav .menu-item-has-children:hover .sub-menu,.nav .menu-item-has-children:focus-within .sub-menu,.nav .menu-item-has-children.menu-open .sub-menu{opacity:1;visibility:visible;transform:translateY(0)}.nav .sub-menu li{list-style:none;margin:0}.nav .sub-menu a{display:block;padding:8px 16px;color:var(--ink);opacity:.9;font-weight:500;border-radius:0;transition:background .2s ease,color .2s ease}.nav .sub-menu a:hover,.nav .sub-menu a:focus{background:var(--brand-green);color:#fff!important;opacity:1}.nav .menu-item-has-children>a::after{content:"▼";font-size:10px;margin-left:6px;color:var(--brand-green);transition:transform .2s ease}.nav .menu-item-has-children:hover>a::after,.nav .menu-item-has-children:focus-within>a::after,.nav .menu-item-has-children.menu-open>a::after{transform:rotate(180deg)}.nav .has-dropdown,.nav .dropdown,.nav .menu-item-object-custom.menu-item-has-children{position:relative}.nav .dropdown-menu,.nav .sub-menu,.nav .children{position:absolute;top:100%;left:0;background:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 8px 24px rgb(0 0 0 / .08);padding:10px 0;min-width:220px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .25s ease;z-index:1000}@media (max-width:768px){.nav .sub-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;border-radius:0;padding:0;background:#fff0;display:none}.nav .menu-item-has-children.menu-open .sub-menu{display:block}.nav .sub-menu a{padding:12px 0;border-bottom:1px solid #eee}}.menu-open .sub-menu{opacity:1!important;visibility:visible!important;transform:translateY(0)!important}.nav .menu-item-has-children a:focus,.nav .menu-item-has-children:focus-within{outline:none}.nav .menu-item-has-children a:focus-visible{outline:2px solid var(--brand-green);outline-offset:2px}.nav{display:.hero .grid{display:grid;grid-template-columns:1.2fr .8fr;gap:32px}@media (max-width:900px){.hero .grid{grid-template-columns:1fr}.hero aside.card{order:-1}}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}@media (max-width:800px){.grid-2{grid-template-columns:1fr}}.features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}@media (max-width:1024px){.features{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.features{grid-template-columns:1fr}}.features .feature{display:flex;align-items:center;gap:12px;padding:14px;background:#fff;border:1px solid #eef1ea;border-radius:14px}.features .feature .ico{flex:0 0 auto}.features .feature .ico img{width:56px;height:56px;display:block}img{max-width:100%;height:auto}.step-card .step-acc{overflow:hidden}.step-card .step-acc summary{display:block}.btn,a.btn{white-space:nowrap}#engagements .features{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}@media (max-width:1024px){#engagements .features{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width:680px){#engagements .features{grid-template-columns:1fr!important}}#engagements .feature{display:flex!important;align-items:center!important;gap:12px!important;padding:14px!important;background:#fff!important;border:1px solid #eef1ea!important;border-radius:14px!important}#engagements .feature .ico{flex:0 0 auto!important}#engagements .feature .ico img{width:56px!important;height:56px!important;display:block!important}#engagements .feature .ico,#engagements .feature .ico::before,#engagements .feature .ico::after{background:none!important;box-shadow:none!important;border:none!important}.nav-trigger{display:none}.nav-burger{display:none;width:34px;height:24px;cursor:pointer;position:relative;margin-left:auto;z-index:1001}.nav-burger span{position:absolute;left:0;right:0;height:3px;background:var(--text-dark,#3e3a36);border-radius:3px;transition:all 0.3s ease}.nav-burger span:nth-child(1){top:0}.nav-burger span:nth-child(2){top:10px}.nav-burger span:nth-child(3){bottom:0}.nav-trigger:checked+.nav-burger span:nth-child(1){transform:rotate(45deg);top:10px}.nav-trigger:checked+.nav-burger span:nth-child(2){opacity:0}.nav-trigger:checked+.nav-burger span:nth-child(3){transform:rotate(-45deg);bottom:10px}@media (max-width:840px){.nav-burger{display:block}.menu{display:none;flex-direction:column;position:fixed;top:0;right:-100%;width:280px;height:100vh;background:#fff;border-left:1px solid #eee;padding:80px 20px 20px;z-index:999;transition:right 0.3s ease;overflow-y:auto}.nav-trigger:checked~.nav .menu{display:flex;right:0}.nav::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .5);z-index:998;opacity:0;visibility:hidden;transition:all 0.3s ease}.nav-trigger:checked~.nav::before{opacity:1;visibility:visible}.menu>li{width:100%;border-bottom:1px solid #f0f0f0}.menu>li:last-child{border-bottom:none}.menu>li>a{display:block;padding:15px 0;border-radius:0}}.nav-trigger{display:none}.nav-burger{display:none;width:34px;height:24px;cursor:pointer;position:relative;margin-left:auto;z-index:1001}.nav-burger span{position:absolute;left:0;right:0;height:3px;background:var(--text-dark,#3e3a36);border-radius:3px;transition:all 0.3s ease}.nav-burger span:nth-child(1){top:0}.nav-burger span:nth-child(2){top:10px}.nav-burger span:nth-child(3){bottom:0}.nav-trigger:checked+.nav-burger span:nth-child(1){transform:rotate(45deg);top:10px}.nav-trigger:checked+.nav-burger span:nth-child(2){opacity:0}.nav-trigger:checked+.nav-burger span:nth-child(3){transform:rotate(-45deg);bottom:10px}@media (max-width:840px){.nav-burger{display:block}.menu{display:none;flex-direction:column;position:fixed;top:0;right:-100%;width:280px;height:100vh;background:#fff;border-left:1px solid #eee;padding:80px 20px 20px;z-index:999;transition:right 0.3s ease;overflow-y:auto}.nav-trigger:checked~.nav .menu{display:flex;right:0}.nav::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .5);z-index:998;opacity:0;visibility:hidden;transition:all 0.3s ease}.nav-trigger:checked~.nav::before{opacity:1;visibility:visible}.menu>li{width:100%;border-bottom:1px solid #f0f0f0}.menu>li:last-child{border-bottom:none}.menu>li>a{display:block;padding:15px 0;border-radius:0}}