@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap";:root{--color-dark: #222e50;--color-orange: #f68403;--color-hover: #9197a8;--color-text-dark: #131414;--color-text-light: #ffffff;--color-background: #ffffff;--color-background-alt: #f5f5f5;--font-family-base: "Montserrat", sans-serif;--font-size-base: 16px;--line-height-base: 1.5;--spacing-xs: 8px;--spacing-sm: 16px;--spacing-md: 24px;--spacing-lg: 40px;--spacing-xl: 60px;--spacing-2xl: 80px;--spacing-3xl: 120px;--button-border-radius: 29px;--container-max-width: 1176px;--transition-base: all .3s ease;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-dark);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{width:100%;min-height:100vh}.processure-page>*{scroll-snap-align:start;min-height:100vh}.processure-page{width:100%;background-color:#fff;height:100vh;overflow-y:scroll;scroll-snap-type:y proximity}.full-page-section{width:100%;display:flex;flex-direction:column;justify-content:center}.full-page-section:first-child{min-height:100vh}.header{background-color:#fff;padding:26px 0}.header-container{max-width:1176px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 20px}.logo img{height:101px;width:auto;display:block}.header-right{display:flex;align-items:center;gap:20px}.social-icon img{width:35px;height:35px;display:block}.header-button .btn{padding:12px 36px;font-size:14px}.btn{display:inline-block;padding:14px 32px;text-decoration:none;font-weight:400;font-size:17px;font-style:normal;text-align:center;cursor:pointer;transition:all .3s ease;border:1px solid transparent}.btn-primary{background-color:var(--color-dark);color:#fff;border-color:var(--color-dark);border-radius:var(--button-border-radius)}.btn-secondary{margin-top:20px;background-color:var(--color-orange);color:#fff;border-color:var(--color-orange);border-radius:var(--button-border-radius)}.btn-primary:hover,.btn-secondary:hover{background-color:var(--color-hover);border-color:var(--color-hover)}.btn-large{padding:16px 64px;font-size:16px}.button-center{text-align:center;margin-top:40px}.hero-section{flex-grow:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(#fff9,#fff9),url(/pexels.jpg) center/cover no-repeat;padding:100px 20px;text-align:center}.hero-content{max-width:800px;margin:0 auto}.hero-title{font-size:48px;font-weight:700;color:var(--color-dark);margin-bottom:30px;line-height:1.2}.hero-subtitle{font-size:23px;font-weight:400;color:var(--color-orange);margin-bottom:50px}.dark-section{background-color:#222e50;color:#fff;padding:120px 20px 80px;min-height:100vh}.company-container{max-width:1176px;margin:0 auto}.section-header{margin-bottom:40px}.section-label{font-size:17px;font-weight:700;text-transform:uppercase;color:var(--color-orange);margin-bottom:10px}.section-title,.section-title-dark,.section-title-orange{font-size:42px;font-weight:700;color:#fff;line-height:1.2}.section-title-dark{color:var(--color-dark)}.section-title-orange{color:var(--color-orange)}.company-content{display:flex;gap:80px;align-items:center}.company-text{flex:1;max-width:600px;font-size:16px;line-height:1.75}.company-image{flex:1;display:block}.company-image img{width:100%;height:auto;border-radius:8px}@media(max-width:768px){.company-image{display:none}}.company-text p{margin-bottom:20px}.company-text ul{list-style-position:inside;padding-left:20px;margin-bottom:15px}.company-text li{margin-bottom:4px;padding-left:1em;text-indent:-1em}.light-section{background-color:#fff;color:var(--color-dark);padding:120px 20px 80px;min-height:100vh}.services-container{max-width:1176px;margin:0 auto}.services-grid{display:grid;grid-template-columns:1fr;gap:20px;margin:0 40px}.service-cell{background-color:var(--color-dark);color:#fff;padding:40px;border-radius:8px}.service-cell{position:relative;overflow:visible}.service-cell .appelsiini{position:absolute;width:96px;height:auto;pointer-events:none;-webkit-user-select:none;user-select:none;transform:translateZ(0)}.appelsiini-bottom-left{left:-48px;bottom:-18px}.appelsiini-top-right{right:-48px;top:-18px}@media(max-width:768px){.service-cell .appelsiini{width:64px}.appelsiini-bottom-left{left:-12px;top:-12px}.appelsiini-top-right{right:-12px;top:-12px}}.service-cell h3{font-size:24px;font-weight:700;margin-bottom:15px}.service-cell p{font-size:16px;line-height:1.6}.dream-team-section{padding:20px;min-height:auto;background-color:var(--color-dark)}.dream-team-container{max-width:1176px;margin:0 auto}.dream-team-content{display:flex;gap:40px;align-items:center}.dream-team-text{flex:1;color:#fff}.dream-team-title{font-size:36px;font-weight:700;margin-bottom:20px}.dream-team-image img{height:164px;width:164px}@media(max-width:768px){.dream-team-section{padding:20px;min-height:auto}.dream-team-content{flex-direction:column;gap:20px}.dream-team-image img{height:82px}}.customer-experience-section{padding:120px 20px 80px;min-height:auto;flex:1;background-color:#fff;color:var(--color-dark);position:relative;overflow:hidden}.customer-experience-container{max-width:1176px;margin:0 auto}.customer-experience-grid{display:grid;gap:40px;grid-template-columns:1fr}.customer-experience-cell{display:flex;flex-direction:column;background-color:var(--color-dark);padding:40px;border-radius:8px;gap:20px;z-index:1}.customer-experience-header{color:var(--color-orange);font-size:24px;font-weight:700;text-decoration:none;cursor:pointer}.customer-experience-text{color:#fff;font-size:16px;line-height:1.6}.customer-experience-image-cell{display:none;position:relative}.new-stories-text{position:absolute;right:150px;bottom:230px;color:var(--color-dark);z-index:0;width:300px}.vertikaali-hattu{bottom:0;right:0;position:absolute;height:300px;width:auto;z-index:0}@media(min-width:769px){.customer-experience-grid{grid-template-columns:1fr 1fr}.customer-experience-image-cell,.new-stories-text{display:block}}.customer-experience-image{flex:1;text-align:right}.contact-section{background-color:#fff;padding:120px 20px 80px;text-align:left;min-height:auto;flex-grow:1}.contact-container{max-width:1176px;margin:0 auto}.contact-content{display:flex;gap:80px;align-items:center;margin-top:40px}.contact-text{flex:1}.contact-details{margin:40px 0}.contact-item{margin-bottom:20px}.contact-item h3{font-size:18px;font-weight:700;color:var(--color-orange)}.contact-person h3{font-size:24px;font-weight:700}.contact-image h4{margin-top:20px;font-size:16px;font-weight:700;color:var(--color-dark);text-align:center}.contact-image p{font-size:14px;color:var(--color-dark);text-align:center}.contact-image img{max-height:350px;width:auto;border-radius:8px}@media(max-width:768px){.contact-content{flex-direction:column}}.footer-section{background-color:var(--color-dark);padding:5px 20px;min-height:auto}.footer-container{max-width:1176px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.footer-logo{height:100px;width:auto}.footer-text{color:#fff;font-size:14px}@media(max-width:768px){.header{padding:15px 0}.header-container{padding:0 15px}.logo img{height:60px}.social-icon img{width:28px;height:28px}.header-button .btn{padding:8px 16px;font-size:12px}.hero-section{min-height:0;padding:60px 20px}.full-page-section{min-height:0}.hero-title{font-size:32px;margin-bottom:20px}.hero-subtitle{font-size:18px;margin-bottom:30px}.new-stories-text,.vertikaali-hattu{display:none}}@media(min-width:769px){.services-grid{grid-template-columns:repeat(2,1fr);gap:40px}}@media(min-width:769px)and (max-width:1024px){.header-container,.company-container,.contact-container{max-width:90%}.hero-title{font-size:48px}.hero-subtitle{font-size:22px}.section-title,.section-title-dark{font-size:36px}}html{scroll-behavior:smooth}a:focus,button:focus{outline:2px solid var(--color-dark);outline-offset:2px}@media(max-width:768px){.contact-section{padding:20px}.contact-content{gap:0}}.greenled-newsletter{width:100%;background-color:#fff;font-family:var(--font-family-base)}.greenled-header{background-color:#fff;padding:26px 0;border-bottom:1px solid #e5e5e5}.greenled-header .header-container{max-width:1176px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.greenled-header .logo img{height:80px;width:auto;display:block}.back-button{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--color-dark);font-size:16px;font-weight:600;padding:10px 20px;border-radius:20px;transition:all .3s ease}.back-button:hover{background-color:#f8f9fa;color:var(--color-orange)}.back-arrow{font-size:20px;font-weight:700}.greenled-hero{background:var(--color-dark);padding:80px 20px;position:relative;overflow:hidden}.greenled-hero .hero-content{max-width:900px;margin:0 auto;position:relative;z-index:2}.greenled-hero .hero-label{display:inline-block;background-color:var(--color-orange);color:#fff;padding:8px 20px;border-radius:20px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:30px}.greenled-hero .hero-title{font-size:42px;font-weight:700;color:#fff;line-height:1.3;margin:0}.greenled-hero .hero-decorative{position:absolute;top:-40px;right:-40px;opacity:.1;z-index:1}.greenled-hero .decorative-orange{width:200px;height:auto}.greenled-article{background-color:#fff;padding:60px 20px}.article-container{max-width:800px;margin:0 auto}.article-intro{font-size:19px;line-height:1.8;color:var(--color-dark);margin-bottom:50px;padding:30px;background-color:#f8f9fa;border-left:4px solid var(--color-orange);border-radius:4px}.article-intro p{margin:0}.article-body{font-size:16px;line-height:1.75;color:var(--color-text-dark)}.article-body p{margin-bottom:24px}.article-body h2{font-size:32px;font-weight:700;color:var(--color-dark);margin-top:50px;margin-bottom:25px;line-height:1.3}.section-divider{text-align:center;margin:60px 0}.divider-icon{width:80px;height:auto}.greenled-quote{background-color:var(--color-dark);color:#fff;padding:40px 50px;margin:50px 0;border-radius:8px;position:relative;box-shadow:0 4px 20px #222e5026}.quote-mark{font-size:80px;font-weight:700;color:var(--color-orange);line-height:1;margin-bottom:10px;font-family:Georgia,serif}.quote-text{font-size:20px;font-style:italic;line-height:1.6;margin-bottom:20px;color:#fff}.quote-author{font-size:16px;font-weight:700;color:var(--color-orange);margin:0}.article-cta{background:linear-gradient(135deg,var(--color-orange) 0%,#ff8e1a 100%);padding:50px;border-radius:12px;margin-top:60px;display:flex;align-items:center;gap:40px;box-shadow:0 6px 25px #f6840340}.cta-content{flex:1}.cta-content h3{font-size:32px;font-weight:700;color:#fff;margin-bottom:15px}.cta-content p{font-size:18px;color:#fff;margin-bottom:25px;line-height:1.6}.cta-image{flex:0 0 150px;display:flex;align-items:center;justify-content:center}.cta-image img{width:120px;height:auto;filter:brightness(0) invert(1);opacity:.9}.btn{display:inline-block;padding:14px 32px;text-decoration:none;font-weight:600;font-size:16px;text-align:center;cursor:pointer;transition:all .3s ease;border:none;border-radius:var(--button-border-radius)}.btn-primary-white{background-color:#fff;color:var(--color-orange);box-shadow:0 2px 10px #0000001a}.btn-primary-white:hover{background-color:var(--color-dark);color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #0003}.greenled-footer{background-color:var(--color-dark);padding:40px 20px;border-top:3px solid var(--color-orange)}.footer-container{max-width:1176px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.footer-logo img{height:100px;width:auto}.footer-social a{display:inline-block;transition:transform .3s ease}.footer-social a:hover{transform:scale(1.1)}.footer-social img{width:35px;height:35px}@media(max-width:768px){.greenled-hero .hero-title{font-size:28px}.greenled-hero{padding:50px 20px}.article-intro{font-size:17px;padding:20px}.article-body h2{font-size:26px;margin-top:40px}.greenled-quote{padding:30px 25px}.quote-mark{font-size:60px}.quote-text{font-size:18px}.article-cta{flex-direction:column;padding:40px 30px;text-align:center}.cta-content h3{font-size:26px}.cta-image{flex:0 0 auto}.footer-container{flex-direction:column;gap:20px;text-align:center}.greenled-header .logo img{height:60px}}
