@font-face{font-family:SVN-Gilroy;src:url(/fonts/svn-gilroy/SVN-Gilroy%20Thin.otf) format("opentype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:SVN-Gilroy;src:url(/fonts/svn-gilroy/SVN-Gilroy%20Thin%20Italic.otf) format("opentype");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:SVN-Gilroy;src:url(/fonts/svn-gilroy/SVN-Gilroy%20Xlight.otf) format("opentype");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:SVN-Gilroy;src:url(/fonts/svn-gilroy/SVN-Gilroy%20Xlight%20Italic.otf) format("opentype");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:SVN-Gilroy;src:url(/fonts/svn-gilroy/SVN-Gilroy%20Light.otf) format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:SVN-Gilroy;src:url(/fonts/svn-gilroy/SVN-Gilroy%20Light%20Italic.otf) format("opentype");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:SVN-Gilroy;src:url(/fonts/svn-gilroy/SVN-Gilroy%20Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:SVN-Gilroy;src:url(/fonts/svn-gilroy/SVN-Gilroy%20Italic.otf) format("opentype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:SVN-Gilroy;src:url(/fonts/svn-gilroy/SVN-Gilroy%20Medium.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:SVN-Gilroy;src:url(/fonts/svn-gilroy/SVN-Gilroy%20Medium%20Italic.otf) format("opentype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:SVN-Gilroy;src:url(/fonts/svn-gilroy/SVN-Gilroy%20SemiBold.otf) format("opentype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:SVN-Gilroy;src:url(/fonts/svn-gilroy/SVN-Gilroy%20SemiBold%20Italic.otf) format("opentype");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:SVN-Gilroy;src:url(/fonts/svn-gilroy/SVN-Gilroy%20Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:SVN-Gilroy;src:url(/fonts/svn-gilroy/SVN-Gilroy%20Bold%20Italic.otf) format("opentype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:SVN-Gilroy;src:url(/fonts/svn-gilroy/SVN-Gilroy%20XBold.otf) format("opentype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:SVN-Gilroy;src:url(/fonts/svn-gilroy/SVN-Gilroy%20XBold%20Italic.otf) format("opentype");font-weight:800;font-style:italic;font-display:swap}@font-face{font-family:SVN-Gilroy;src:url(/fonts/svn-gilroy/SVN-Gilroy%20Black.otf) format("opentype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:SVN-Gilroy;src:url(/fonts/svn-gilroy/SVN-Gilroy%20Black%20Italic.otf) format("opentype");font-weight:900;font-style:italic;font-display:swap}@font-face{font-family:SVN-Gilroy;src:url(/fonts/svn-gilroy/SVN-Gilroy%20Heavy.otf) format("opentype");font-weight:950;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url(/fonts/montserrat/Montserrat-VariableFont_wght.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url(/fonts/montserrat/Montserrat-Italic-VariableFont_wght.ttf) format("truetype");font-weight:100 900;font-style:italic;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter/Inter-VariableFont_opsz,wght.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter/Inter-Italic-VariableFont_opsz,wght.ttf) format("truetype");font-weight:100 900;font-style:italic;font-display:swap}:root{--font-family: "SVN-Gilroy", "Outfit", sans-serif;--color-primary: #2A6CE0;--color-primary-hover: #1d4ed8;--color-secondary: #0ea5e9;--color-text: #1f2937;--color-text-light: #6b7280;--color-background: #ffffff;--color-background-soft: #f9fafb}html{font-family:var(--font-family);scroll-behavior:smooth}body{margin:0;padding:0;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}.container{max-width:auto;margin:0 auto;padding:0 1.5rem}.btn-primary{background-color:var(--color-primary);color:#fff;padding:1.125rem 2.688rem;border-radius:99px;text-decoration:none;font-weight:600;font-size:1.25rem;transition:background-color .2s;display:inline-block;font-family:Inter,sans-serif}.btn-primary:hover{background-color:var(--color-primary-hover)}.header{padding:1rem 0;background:#fff;top:0;z-index:100}.header .container{padding-left:1.5rem;padding-right:1.5rem}.header-container{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:64px}.header-actions{display:flex;align-items:center;gap:.5rem;flex:0 0 auto}.logo{display:flex;align-items:center;gap:.75rem;font-weight:600;font-size:1.25rem;color:#2a6ce0;line-height:1;flex:0 0 auto}.logo svg{width:36px;height:auto;flex:0 0 auto}.logo-text{font-family:Montserrat;white-space:nowrap;display:none}.nav{display:none;align-items:center;gap:2.5rem;flex:1 1 auto;justify-content:space-between;width:100%;padding-left:1rem;padding-right:1rem;min-width:0}.nav a{text-decoration:none;color:#212121;font-size:1rem;font-weight:500;padding:.4rem .75rem;border-radius:999px;transition:color .2s,background-color .2s;line-height:1.5;white-space:nowrap}.nav a:hover{color:var(--color-primary);background-color:color-mix(in srgb,var(--color-primary) 10%,transparent)}.nav a:focus-visible{outline:2px solid color-mix(in srgb,var(--color-primary) 35%,transparent);outline-offset:2px}.nav-mobile{position:relative;display:flex;flex:0 0 auto}.nav-mobile-toggle{list-style:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;transition:background-color .2s}.nav-mobile-toggle:hover{background-color:color-mix(in srgb,var(--color-primary) 10%,transparent)}.nav-mobile-toggle:focus-visible{outline:2px solid color-mix(in srgb,var(--color-primary) 35%,transparent);outline-offset:2px}.nav-mobile[open] .nav-mobile-toggle{background-color:color-mix(in srgb,var(--color-primary) 12%,transparent)}.nav-mobile-toggle::-webkit-details-marker{display:none}.nav-mobile-icon{width:20px;display:grid;gap:4px}.nav-mobile-icon span{height:2px;background:#212121;border-radius:999px}.nav-mobile-panel{position:absolute;top:calc(100% + .5rem);right:0;min-width:220px;background:#fff;border:1px solid rgba(31,41,55,.12);border-radius:12px;padding:.5rem;display:flex;flex-direction:column;gap:.25rem;z-index:101}.nav-mobile-panel a{text-decoration:none;color:#212121;font-size:1rem;font-weight:500;line-height:1.5;padding:.75rem;border-radius:10px;transition:color .2s,background-color .2s}.nav-mobile-panel a:hover{color:var(--color-primary);background-color:color-mix(in srgb,var(--color-primary) 10%,transparent)}.nav-mobile-panel a:focus-visible{outline:2px solid color-mix(in srgb,var(--color-primary) 35%,transparent);outline-offset:2px}.header .btn-primary{white-space:nowrap;padding:.6rem 1rem;font-size:.875rem}@media(min-width:768px){.logo-text{display:inline}}@media(min-width:1190px){.header .container{padding-left:2rem;padding-right:2rem}.logo{font-size:1.5rem}.logo svg{width:48px}.nav{display:flex}.nav-mobile{display:none}.header .btn-primary{padding:1rem 2rem;font-size:1.125rem}}@media(min-width:1400px){.header .container{padding-left:3rem;padding-right:3rem}.header-container{gap:2rem}.logo{font-size:2rem}.logo svg{width:61px}.nav{padding-left:1.5rem;padding-right:1.5rem}.nav a{font-size:1.125rem}.header .btn-primary{padding:1.125rem 2.688rem;font-size:1.25rem}}@media(min-width:1560px){.header .container{padding-left:6rem;padding-right:6rem}.nav{padding-left:2rem;padding-right:2rem}}@media(min-width:1800px){.header .container{padding-left:10rem;padding-right:10rem}.header-container{gap:3.5rem}.nav{padding-left:4rem;padding-right:4rem}.nav a{font-size:1.25rem}}.life-at-eco{padding:5rem 2rem 3rem;background:#fff}.life-header{text-align:center;max-width:1000px;margin:0 auto 4rem}.life-header h2{font-size:3.75rem;color:#2a6ce0;font-weight:600;margin-bottom:1rem;line-height:1.4;text-transform:uppercase}.subtitle{font-size:1.5rem;color:#212121;opacity:.5;line-height:1.8}.life-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.life-grid{grid-template-columns:repeat(3,1fr)}}.card{text-align:center;padding:2rem;transition:transform .2s}.card:hover{transform:translateY(-5px)}.icon-box{margin:0 auto 1.5rem;display:flex;justify-content:center;align-items:center;max-width:12.5rem;height:12.5rem}.icon{max-width:100%;max-height:100%;object-fit:contain}.card h3{font-size:2.25rem;color:#2a6ce0;margin-top:1rem;margin-bottom:1.5rem;font-weight:600}.card p{font-size:1.125rem;color:#212121;opacity:.5;line-height:1.8;text-align:left;font-weight:400}.carousel-section{padding:0rem 0 4rem;background:#fff}.carousel-container{max-width:85%;margin:0 auto;padding:0 .5rem;position:relative}.carousel-star{position:absolute;top:-60px;left:-51px;z-index:5;width:120px;height:120px}.carousel-star svg{width:100%;height:100%}.carousel-wrapper{position:relative;overflow:hidden;border-radius:10px 100px;background:#f0f0f0;box-shadow:0 8px 24px #2a6ce026}.carousel-track{display:flex;transition:transform .5s ease-in-out;width:100%;height:auto;aspect-ratio:16 / 6;min-height:400px}.carousel-slide{min-width:100%;width:100%;display:flex;align-items:center;justify-content:center;background:#fff}.carousel-slide img{width:100%;height:100%;object-fit:cover}.carousel-btn{position:absolute;bottom:1.5rem;transform:none;background:#ffffffe6;border:none;width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#2a6ce0;transition:all .2s;z-index:10}.carousel-btn:hover{background:#fff;box-shadow:0 2px 8px #00000026;transform:scale(1.1)}.carousel-btn-prev{right:8rem}.carousel-btn-next{right:2.25rem}.carousel-indicators{display:flex;justify-content:center;gap:.75rem;margin-top:1.5rem}.indicator{width:12px;height:12px;border-radius:50%;border:none;background:#d1d5db;cursor:pointer;transition:all .2s}.indicator.active{background:#2a6ce0;width:32px;border-radius:6px}.indicator:hover{background:#2a6ce0}@media(max-width:1024px){.carousel-container{max-width:90%}.carousel-star{width:100px;height:100px;top:-50px;left:-41px}.carousel-btn{width:56px;height:56px}.carousel-btn-prev{right:7rem}.carousel-btn-next{right:1.5rem}.carousel-btn svg{width:22px;height:22px}}@media(max-width:768px){.carousel-section{padding:3rem 0}.carousel-container{max-width:90%;padding:0 1rem}.carousel-star{width:80px;height:80px;top:-40px;left:-24px}.carousel-track{aspect-ratio:16 / 7;min-height:280px}.carousel-wrapper{border-radius:8px 80px}.carousel-btn{width:48px;height:48px;bottom:1.25rem}.carousel-btn-prev{right:5.5rem}.carousel-btn-next{right:1.25rem}.carousel-btn svg{width:20px;height:20px}.carousel-indicators{gap:.6rem;margin-top:1.25rem}.indicator{width:10px;height:10px}.indicator.active{width:28px}}@media(max-width:480px){.carousel-section{padding:2rem 0}.carousel-star{width:40px;height:40px;top:-20px;left:-8px}.carousel-container{max-width:100%;padding:0 .75rem}.carousel-track{aspect-ratio:16 / 9;min-height:220px}.carousel-wrapper{border-radius:4px 40px}.carousel-btn{width:32px;height:32px;bottom:1rem}.carousel-btn-prev{right:3.75rem}.carousel-btn-next{right:.75rem}.carousel-btn svg{width:16px;height:16px}.carousel-indicators{gap:.5rem;margin-top:1rem}.indicator{width:8px;height:8px}.indicator.active{width:20px}}.benefits-section{padding:3rem 1.5rem;background-color:#f9f9f9;position:relative;overflow:hidden}@media(min-width:768px){.benefits-section{padding:5rem 3rem}}@media(min-width:1024px){.benefits-section{padding:5rem}}.benefits-layout{display:flex;flex-direction:column;gap:4rem}@media(min-width:1524px){.benefits-layout{flex-direction:row;align-items:flex-start;gap:5rem}}.benefits-intro{flex:1;max-width:100%;display:flex;flex-direction:column;align-items:flex-start}@media(min-width:1024px){.benefits-intro{flex:0 0 32%;position:sticky;top:5rem}}.decoration-icon{margin-bottom:3rem;color:#e0f2fe}@media(min-width:1024px){.decoration-icon{margin-bottom:7rem}}.benefits-title{color:var(--color-primary);font-size:2.75rem;font-weight:700;margin-bottom:1.5rem;line-height:1.4;text-transform:uppercase}.benefits-desc{color:var(--color-text-light);margin-bottom:4rem;line-height:1.6;font-size:1.125rem;font-weight:400}.benefits-grid{flex:2;display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:1524px){.benefits-grid{grid-template-columns:repeat(2,1fr)}}.benefit-card{background-color:var(--color-background);border-radius:2.5rem;padding:2.5rem;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;display:flex;flex-direction:column;gap:2rem;transition:transform .3s ease,box-shadow .3s ease}.benefit-card:hover{transform:translateY(-.3125rem);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.benefit-card.blue-card{background-color:#bae9f266}.card-header{display:flex;flex-direction:row;gap:1.25rem;align-items:center}.card-icon{color:var(--color-text);display:flex;align-items:center;justify-content:center}.card-icon svg{width:3rem;height:3rem;stroke-width:1.5}.benefit-card.blue-card .card-icon{color:var(--color-primary)}.benefit-card h3{font-size:1.5rem;font-weight:700;color:var(--color-primary);margin:0;line-height:1.8}.benefit-card ul{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;gap:1rem}.benefit-card ul li{position:relative;padding-left:1rem;font-size:1.25rem;color:var(--color-text-light);font-weight:400;line-height:1.8}.benefit-card ul li:before{content:"•";position:absolute;left:0;color:var(--color-text-light);font-weight:700}
