body,html{background-color:var(--COLOR_SURFACE_20);overflow:unset;overscroll-behavior-y:contain;scroll-behavior:smooth;touch-action:unset}#hero-section,body,html{display:flex;flex-direction:column;min-height:100vh}#hero-section{align-items:center;background:url(/images/banner/xploo-banner.jpg) no-repeat;background-position:100%;background-size:cover;font-family:var(--FONT-FAMILY);gap:1.5rem;justify-content:flex-start;margin-top:calc(var(--HEADER_HEIGHT)*-1);overflow:visible;padding:75px 20px;position:relative;width:100%;z-index:9}#hero-section:after{background:linear-gradient(to bottom,hsla(0,0%,100%,0) 0,var(--COLOR_SURFACE_20) 100%);bottom:0;content:"";height:200px;left:0;pointer-events:none;position:absolute;width:100%}#hero-section>*{position:relative;z-index:2}#slogan{animation:fadeInUp .8s ease forwards;color:var(--COLOR_SURFACE_90);font-size:calc(2rem + var(--RESPONSIVE-RATIO)*1.25);font-weight:700;line-height:calc(2.5rem + var(--RESPONSIVE-RATIO)*1.5);opacity:0;text-align:center;transform:translateY(20px)}.slogan-text{font-size:calc(.8rem + var(--RESPONSIVE-RATIO)*.4);text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-buttons{animation:fadeInUp .8s ease .3s forwards;display:flex;gap:2rem;opacity:0;transform:translateY(20px)}.btn-contact-us,.btn-demo,.btn-more,.btn-why-choose-xploo{border:none;border-radius:var(--BUTTON_BORDER_RADIUS);box-shadow:inset 4px 4px 8px hsla(0,0%,100%,.2),inset -4px -4px 8px rgba(0,0,0,.2);color:var(--COLOR_SURFACE_90)!important;font-family:var(--FONT-FAMILY);padding:.6rem 1.5rem;text-align:center;text-decoration:none;transition:all .3s ease}.btn-contact-us,.btn-demo,.btn-why-choose-xploo{background:linear-gradient(to right,var(--COLOR_ACTION_40),var(--COLOR_ACTION_60))}.btn-contact-us:hover,.btn-demo:hover,.btn-why-choose-xploo:hover{box-shadow:0 5px 15px rgba(255,102,0,.3);text-decoration:none;transform:translateY(-2px)}.btn-more{background:transparent;border:2px solid var(--COLOR_SURFACE_90)}.btn-more:hover{background:hsla(0,0%,100%,.1);text-decoration:none}.btn-contact-us{margin-top:2rem}@media screen and (max-width:896px){.hero-buttons{align-items:center;flex-direction:column;gap:1.5rem;width:100%}.btn-contact-us,.btn-demo,.btn-more,.btn-why-choose-xploo{font-size:.9rem;max-width:280px;padding:.5rem 1.2rem;width:100%}.btn-contact-us{margin-top:1.5rem}}@media screen and (max-width:626px){.hero-buttons{gap:1rem}.btn-contact-us,.btn-demo,.btn-more,.btn-why-choose-xploo{font-size:.8rem;max-width:250px;padding:.4rem 1rem}.btn-contact-us{margin-top:1rem}}@media screen and (max-width:480px){.btn-contact-us,.btn-demo,.btn-more,.btn-why-choose-xploo{font-size:.75rem;max-width:180px;padding:.4rem .8rem}}.partners-section{text-align:center;width:100%}.partners-text{color:var(--COLOR_SURFACE_90);font-size:1.2rem;font-weight:600;margin-bottom:1.5rem;margin-top:3rem}.partners-logos{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;max-width:1200px;padding:0 2rem;transform:scale(1.2)}.partner-logo{height:70px;margin-right:2rem;-o-object-fit:contain;object-fit:contain;transition:transform .3s ease;width:auto}.partner-logo:hover{transform:scale(1.4)}#landing-page{background-color:var(--COLOR_SURFACE_20);padding:0;position:relative;width:100%}#landing-page h2{font-size:calc(1.6rem + var(--RESPONSIVE-RATIO)*1.1);overflow:unset;text-overflow:unset;white-space:unset}.landing-content{margin:0 auto;max-width:90%}.landing-features{display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-bottom:6rem}#why-choose-xploo-title,#xploo-explanation-title{color:var(--COLOR_SURFACE_90);font-size:2.4rem;font-weight:600;overflow:visible;text-align:center;text-overflow:clip;white-space:normal}#xploo-explanation-title{margin-bottom:6rem;margin-top:6rem}.features-title-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;width:100%}.feature{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border-radius:var(--BUTTON_BORDER_RADIUS);box-shadow:0 4px 6px rgba(0,0,0,.1);padding:2rem;text-align:center;transition:transform .3s ease;width:100%}.feature:hover{box-shadow:0 10px 20px rgba(0,0,0,.1);transform:translateY(-5px)}.feature h3{color:var(--COLOR_SURFACE_90);font-size:1.4rem;font-weight:600;margin:1rem 0;text-align:center}.feature p{color:var(--COLOR_SURFACE_70);line-height:1.6}.feature-icon{display:block;font-size:2.5rem;margin-bottom:1rem}.chart-data-icon,.eco-care-icon,.gold-coin-icon,.sparkles-glitter-colors-icon,.target-icon{height:4.7rem}.landing-section{align-items:center;display:flex;gap:4rem;margin-bottom:6rem}.landing-section:nth-child(2n){flex-direction:row-reverse}.landing-section .landing-image{border-radius:var(--BUTTON_BORDER_RADIUS);box-shadow:0 4px 6px rgba(0,0,0,.1);height:auto;-o-object-fit:contain;object-fit:contain;width:40%}.landing-section .content-wrapper{align-items:center;display:flex;flex:1;flex-direction:column;gap:1.5rem;text-align:center}.landing-section .content-wrapper h3{color:var(--COLOR_SURFACE_90);font-size:calc(1.2rem + var(--RESPONSIVE-RATIO)*.7);font-weight:600;line-height:1.3}.landing-section .content-wrapper ul{list-style:none;margin:0 auto;padding-left:1.5rem}.landing-section .content-wrapper ul li{color:var(--COLOR_SURFACE_80);line-height:1.5;margin-bottom:1rem;position:relative;text-align:left}.landing-section .content-wrapper ul li:before{color:var(--COLOR_ACTION_40);content:"•";font-size:1.5rem;left:-1.5rem;line-height:1;position:absolute}.trophy-image{height:140px;margin:0 10px;width:auto}.newsletter-section{background:linear-gradient(to right,var(--COLOR_ACTION_40),var(--COLOR_ACTION_60));border-radius:var(--BUTTON_BORDER_RADIUS);padding:4rem 2rem;text-align:center}.newsletter-section h2{color:var(--COLOR_SURFACE_90);font-size:2rem;font-weight:600}.newsletter-section ul{display:inline-block;list-style-type:disc;padding-left:20px;text-align:left}.newsletter-section li{margin:10px 0}.newsletter-form{align-items:center;display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:500px}.newsletter-form label{color:var(--COLOR_SURFACE_90);font-size:1.2rem;font-weight:500}.newsletter-form input{background:transparent;border:2px solid var(--COLOR_SURFACE_90);border-radius:var(--BUTTON_BORDER_RADIUS);color:var(--COLOR_SURFACE_90);font-size:1rem;padding:1rem;width:100%}.newsletter-form input::-moz-placeholder{color:hsla(0,0%,100%,.8)}.newsletter-form input::placeholder{color:hsla(0,0%,100%,.8)}.btn-prototype{background:var(--COLOR_SURFACE_90);border:none;border-radius:var(--BUTTON_BORDER_RADIUS);box-shadow:inset 4px 4px 8px hsla(0,0%,100%,.2),inset -4px -4px 8px rgba(0,0,0,.2);color:var(--COLOR_ACTION_40)!important;cursor:pointer;font-family:var(--FONT-FAMILY);font-size:1.1rem;margin-top:1rem;padding:.8rem 2rem;text-decoration:none;transition:all .3s ease}.btn-prototype:hover{box-shadow:0 5px 15px rgba(0,0,0,.2);transform:translateY(-2px)}@media screen and (max-width:896px){#hero-section{padding-bottom:0}#slogan{margin:0}.slogan-text{overflow:unset;white-space:normal}#xploo-explanation-title{margin-bottom:3rem;margin-top:3rem}.landing-features{grid-template-columns:1fr}.feature{padding:1.5rem}.landing-features>h2{font-size:2rem}.landing-section{flex-direction:column!important;gap:2rem;text-align:center}.landing-section .landing-image{width:100%}.partner-logo{height:50px}.trophy-image{height:100px}}@media (max-width:768px){.partners-text{font-size:1.4rem}}@media screen and (max-width:480px){#hero-section{background-position:50%}}