.bg-grid-pattern{background-image:linear-gradient(rgba(16,185,129,.03) 1px,transparent 0),linear-gradient(90deg,rgba(16,185,129,.03) 1px,transparent 0);background-size:80px 80px;background-position:50%}body{min-height:100vh;overflow-x:hidden}.eco-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px rgba(0,0,0,.1)}.layout-transition{transition:all .3s ease-in-out}.energy-flow-container{position:relative;overflow:hidden;width:1209.43px;height:455px;opacity:1;transform:none}@keyframes energyFlow{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}@keyframes energyPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.9}}.content-wrapper{display:flex;flex-direction:column;min-height:100vh;width:100%;overflow-x:hidden;background-color:#000000}.main-content{width:100%;max-width:1098.56px;margin:0 auto;position:relative;z-index:1}.content-wrapper>section{width:100%;min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden}.content-wrapper>section>div{width:100%;height:100%;display:flex;flex-direction:column;flex:1}.gpu-accelerated{transform:translateZ(0);backface-visibility:hidden;perspective:1000px;will-change:transform}.background-element{transform:translateZ(0);will-change:opacity,transform}.demo-container{width:100%;max-width:1209.43px;height:550px;min-height:550px;margin:0 auto;opacity:1;transform:translateZ(0);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;backface-visibility:hidden;perspective:1000px;will-change:transform,opacity;transition:opacity .3s ease-out;padding:1rem}@media (max-width:1279px){.content-wrapper{width:100%;max-width:1098.56px}.main-content{width:100%;padding:0 1rem}}@media (max-width:767px){.content-wrapper{width:100%;min-height:100vh}.main-content{padding:0 .5rem}}.footer-container{width:100%;min-height:-moz-fit-content;min-height:fit-content;background-color:rgba(15,23,42,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:50}.footer-content{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;gap:1rem;flex-wrap:wrap}.footer-links{display:flex;gap:1.5rem;flex-wrap:wrap}@media (max-width:767px){.footer-content{flex-direction:column;text-align:center;padding:1rem}.footer-links{justify-content:center;gap:1rem}}@media (max-width:640px){.content-wrapper{padding:0}}@media (min-width:1440px){.interactive-demo{transform:scale(1);max-width:1200px;margin:0 auto}}@media (min-width:1024px) and (max-width:1439px){.interactive-demo{transform:scale(.95);max-width:1000px;margin:0 auto}}@media (min-width:768px) and (max-width:1023px){.interactive-demo{transform:scale(.85);max-width:700px;margin:0 auto}}@media (max-width:767px){.interactive-demo{transform:scale(.8);max-width:100%}}@media (max-width:640px){.interactive-demo{transform:scale(.7);max-width:100%}}@media (max-width:767px){.feature-buttons{flex-wrap:wrap;justify-content:center;gap:.75rem}.hero-content{padding:2rem 1rem}.hero-title{font-size:2rem;line-height:2.5rem}.hero-description{font-size:1rem;line-height:1.5rem}}.section-padding{padding-left:1rem;padding-right:1rem}@media (min-width:640px){.section-padding{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.section-padding{padding-left:2rem;padding-right:2rem}}.max-width-wrapper{width:100%;max-width:1280px;margin-left:auto;margin-right:auto}.background-element{position:absolute;pointer-events:none}@media (max-width:767px){.background-element{opacity:.5}}@media (min-width:768px){.viewport-container{max-width:100vw;max-height:100vh;overflow-x:hidden;overflow-y:auto}.content-fit-viewport{max-width:calc(100vw - 2rem);max-height:calc(100vh - 4rem);margin:0 auto;padding:1rem;box-sizing:border-box}.demo-container-desktop{max-width:min(1200px,calc(100vw - 4rem));max-height:calc(100vh - 200px);margin:0 auto;overflow:hidden;position:relative}}@media (min-width:1024px){.demo-container-desktop{max-width:min(1400px,calc(100vw - 6rem));max-height:calc(100vh - 150px)}}@media (min-width:768px) and (max-width:1023px){.tablet-container{max-width:calc(100vw - 2rem);padding:1rem;margin:0 auto}.tablet-demo-scale{transform:scale(.9);transform-origin:center center}}