@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap";@import"https://api.fontshare.com/v2/css?f[]=satoshi@400,500,700,900&display=swap";#root{width:100%;margin:0 auto;padding:0;text-align:center;background-color:var(--color-background);height:100%}html,body{overflow-y:auto;overflow-x:hidden;width:100%;margin:0 auto;-webkit-overflow-scrolling:touch;color-scheme:light!important;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:none;position:relative}.hero-section{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:clamp(8rem,15vw,11.25rem) 0;overflow:hidden;z-index:1}.hero-background{position:absolute;inset:0;background-image:url(/assets/Hero-CMZmXAXL.png);background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(.5rem);opacity:.3;z-index:-1}.hero-content{text-align:center;padding:0 clamp(1rem,2vw,1.5rem);max-width:clamp(60rem,80vw,75rem);margin:0 auto;z-index:10}.hero-subtitle{font-family:var(--font-mono);font-weight:700;font-size:var(--font-size-base);line-height:1.5;color:var(--color-text-primary);margin-bottom:clamp(1rem,2vw,1.5rem);opacity:0;max-width:clamp(40rem,60vw,50rem);margin-left:auto;margin-right:auto}.hero-title{font-family:var(--font-primary);font-weight:900;font-size:clamp(2.25rem,5vw,4rem);line-height:1.2;color:var(--color-text-primary);margin-bottom:clamp(2rem,4vw,3rem);opacity:0}.hero-buttons{display:flex;gap:clamp(.5rem,2vw,1rem);justify-content:center;align-items:flex-start;flex-wrap:wrap;opacity:0}.watch-demo-wrapper{display:flex;flex-direction:column;align-items:center;gap:clamp(.25rem,1vw,.5rem);width:clamp(25rem,20vw,30rem)}.btn-demo,.btn-access{display:flex;align-items:center;justify-content:space-between;gap:clamp(.5rem,1.5vw,.75rem);padding:clamp(.25rem,1vw,.375rem) clamp(.25rem,1vw,.375rem) clamp(.25rem,1vw,.375rem) 2vw;border-radius:clamp(.5rem,1vw,.625rem);font-family:var(--font-mono);font-weight:700;font-size:clamp(1rem,2vw,1.25rem);text-transform:uppercase;text-decoration:none;transition:all .3s ease;width:350px}.btn-demo{background:var(--color-surface);color:var(--color-text-primary)}.btn-demo:hover{background:var(--color-surface-light);transform:translateY(-.125rem)}.btn-access{background:var(--color-primary);color:var(--color-form-text)}.btn-access:hover{background:#4fcce6;transform:translateY(-.125rem)}.btn-icon{width:clamp(2rem,4vw,3rem);height:clamp(2rem,4vw,3rem);border-radius:clamp(.5rem,1vw,.625rem);display:flex;align-items:center;justify-content:center}.btn-demo .btn-icon{background:var(--color-secondary)}.btn-access .btn-icon{background:var(--color-form-text)}.coming-soon{font-family:var(--font-mono);font-weight:700;font-size:var(--font-size-base);color:var(--color-text-primary);text-align:center;scroll-snap-align:start}@keyframes heroFadeInUp{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:heroFadeInUp .8s ease forwards}.desktop-only{display:inline}@media (max-width: 768px){.hero-section{padding:clamp(3rem,8vw,5rem) 0}.hero-content{padding:0 clamp(.5rem,2vw,1rem)}.hero-subtitle{font-size:var(--font-size-sm);margin-bottom:clamp(.5rem,2vw,1rem);line-height:1.4}.hero-title{font-size:clamp(1.8rem,4vw,2.25rem);margin-bottom:clamp(1rem,4vw,2rem);line-height:1.3}.desktop-only{display:none}.hero-buttons{flex-direction:column;align-items:center;gap:clamp(.5rem,1.5vw,.75rem);width:100%}.btn-demo,.btn-access{width:100%;max-width:clamp(15rem,25vw,20rem);justify-content:space-between;font-size:clamp(.7rem,1.5vw,.875rem);padding:clamp(.25rem,1vw,.375rem) clamp(.25rem,1vw,.375rem) clamp(.25rem,1vw,.375rem) 2vw;border-radius:clamp(.5rem,1vw,.625rem)}.btn-icon{width:clamp(1.5rem,3vw,2.25rem);height:clamp(1.5rem,3vw,2.25rem)}.coming-soon{font-size:var(--font-size-sm)}}.features-section{position:relative;background-color:#22282a;overflow:hidden;padding:0 var(--spacing-8)}.features-container{max-width:clamp(70rem,90vw,80.875rem);margin:0 auto;padding:var(--spacing-8);height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;box-sizing:border-box}.features-container.fixed-content{position:fixed;top:0;left:50%;transform:translate(-50%);width:min(100%,clamp(70rem,90vw,80.875rem) + (var(--spacing-8) * 2));z-index:10}.features-container.unfixed-bottom{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:min(100%,clamp(70rem,90vw,80.875rem) + (var(--spacing-8) * 2));z-index:10}.features-header{text-align:center;padding-bottom:60vh}.features-subtitle{font-family:var(--font-mono);font-weight:700;font-size:clamp(1.2rem,2vw,1.5rem);line-height:100%;color:var(--color-primary);text-transform:uppercase;margin-bottom:var(--spacing-4)}.features-title{font-family:var(--font-primary);font-weight:700;font-size:clamp(2.5rem,4vw,3.125rem);line-height:100%;color:var(--color-text-primary)}.features-showcase{position:absolute;bottom:0;background:var(--color-secondary);border-radius:var(--radius-3xl);overflow:hidden;display:flex;align-items:center;justify-content:space-between;padding:clamp(.5rem,1vw,.625rem);gap:var(--spacing-8)}.feature-content{flex:0 0 40%;max-width:clamp(20rem,30vw,25rem);z-index:2;transition:all .4s ease}.feature-content.left{order:1}.feature-content.right{order:2}.feature-text-content{margin-bottom:var(--spacing-8)}.feature-title{font-family:var(--font-mono);font-weight:700;font-size:var(--font-size-3xl);line-height:1.4;color:var(--color-text-primary);margin-bottom:var(--spacing-4)}.feature-description{font-family:var(--font-primary);font-weight:500;font-size:var(--font-size-xl);line-height:1.3;color:var(--color-text-primary)}.feature-number-container{margin-top:var(--spacing-6)}.feature-number{font-family:var(--font-mono);font-weight:700;font-size:var(--font-size-3xl);color:var(--color-text-primary);opacity:.2}.feature-image{align-self:center;border-radius:var(--radius-xl);background-size:contain;background-position:center;background-repeat:no-repeat;transition:all .4s ease;z-index:1;width:clamp(25rem,40vw,34.375rem);height:clamp(15rem,30vw,26.875rem)}.feature-image.left{order:1}.feature-image.right{order:2}.feature-animation-wrapper{display:flex;justify-content:center}@media (min-width: 769px) and (max-width: 1024px){.features-section{height:auto!important}.features-container{height:auto;position:relative!important;transform:none!important;left:auto!important;padding:var(--spacing-6)}.features-showcase{min-height:clamp(20rem,30vw,25rem);padding:clamp(.5rem,1vw,.625rem);flex-direction:column;gap:var(--spacing-8)}.feature-image{height:clamp(18rem,28vw,21.875rem);width:100%;flex:0 0 auto;min-height:auto;background-size:contain}.feature-content{flex:0 0 auto;width:100%;max-width:100%;text-align:center;padding:var(--spacing-4) 0}.features-title{font-size:clamp(2.5rem,4vw,3rem)}.features-subtitle{font-size:clamp(1.2rem,2vw,1.5rem)}}@media (max-width: 768px){.features-section{padding:0;height:auto!important}.features-container{padding:var(--spacing-4);height:auto;position:relative!important;transform:none!important;left:auto!important}.features-showcase{flex-direction:column;min-height:auto;padding:clamp(.5rem,1vw,.625rem);gap:var(--spacing-4);height:auto;width:100%}.feature-content{order:2!important;flex:0 0 auto;width:100%;max-width:100%;padding:var(--spacing-4) 0;text-align:center}.feature-image{order:1!important;flex:0 0 auto;width:100%;height:clamp(10rem,18vw,15.625rem);min-height:auto;background-size:contain}.features-header{padding-bottom:4vh!important}.features-title{font-size:clamp(1.8rem,3vw,2.25rem)}.features-subtitle{font-size:clamp(1rem,1.5vw,1.25rem)}.feature-title{font-size:var(--font-size-2xl)}.feature-description{font-size:var(--font-size-lg)}}.mobile-features-list{display:flex;flex-direction:column;gap:clamp(1.5rem,3vw,2rem);padding:clamp(.5rem,2vw,1rem)}.mobile-feature-item{display:flex;flex-direction:column;gap:clamp(.5rem,2vw,1rem)}.mobile-feature-content{display:flex;gap:clamp(.5rem,2vw,1rem);align-items:flex-start}.mobile-feature-text{flex:1}.mobile-feature-title{font-size:clamp(1rem,2vw,1.2rem);font-weight:600;margin-bottom:clamp(.25rem,1vw,.5rem)}.mobile-feature-description{font-size:clamp(.8rem,1.5vw,1rem);color:#666}.mobile-feature-image{width:100%;height:auto;border-radius:clamp(.4rem,.8vw,.5rem);object-fit:cover}.mobile-feature-number{font-size:clamp(1.2rem,2vw,1.5rem);font-weight:700;color:#ccc}.core-section{position:relative;padding:clamp(2.5rem,5vw,5rem) clamp(1.25rem,5vw,2.5rem) clamp(5rem,10vw,17.5rem) clamp(1.25rem,5vw,2.5rem);background:#92a6b0;border-radius:clamp(1.5rem,3vw,2.5rem);margin:clamp(.5rem,2vw,1.25rem);display:flex;justify-content:center;width:clamp(90%,95vw,100%)}.core-header{text-align:center;margin-bottom:clamp(2.5rem,6vw,5rem)}.core-subtitle{font-family:Space Mono,monospace;font-weight:700;font-size:clamp(1rem,2vw,1.9375rem);line-height:1.5;text-transform:uppercase;color:#fff;margin-bottom:clamp(.5rem,1.5vw,1rem)}.core-title{font-family:Satoshi,sans-serif;font-weight:700;font-size:clamp(2rem,5vw,3.75rem);line-height:1.35;color:#1f1f1f;margin:0}.core-content-wrapper{display:flex;flex-direction:column;gap:clamp(1.25rem,3vw,2.5rem)}.core-tabs-container{width:100%;padding-bottom:clamp(.5rem,1.5vw,.75rem);margin-bottom:clamp(.75rem,2vw,1.25rem);position:relative;display:flex;flex-wrap:wrap}.core-tabs-container::-webkit-scrollbar{height:clamp(.125rem,.5vw,.25rem);background-color:transparent}.core-tabs-container::-webkit-scrollbar-thumb{background-color:#1f1f1f4d;border-radius:clamp(.125rem,.5vw,.25rem)}.core-tabs-container::-webkit-scrollbar-track{background-color:transparent}.core-tabs{display:flex;flex-wrap:wrap;gap:clamp(.625rem,1.5vw,1.25rem);width:100%;overflow-x:scroll;min-width:100%;padding:clamp(.25rem,1vw,.5rem) clamp(.125rem,.5vw,.25rem);justify-content:space-between;scrollbar-width:thin;scrollbar-color:rgba(31,31,31,.3) transparent;scroll-behavior:smooth}.core-tab{display:flex;align-items:center;gap:clamp(.125rem,.5vw,.3125rem);padding:clamp(.125rem,.5vw,.3125rem);background:#b1c5ce;border-radius:clamp(.75rem,2vw,1.25rem);border:none;cursor:pointer;transition:all .3s ease;min-width:clamp(10rem,15vw,12.5rem);flex-shrink:0}.core-tab.core-active{background:#9fb3bc}.core-tab:hover{transform:translateY(-.125rem);box-shadow:0 clamp(.125rem,.5vw,.25rem) clamp(.25rem,1vw,.5rem) #0000001a}.core-tab-icon{width:clamp(2.5rem,5vw,3.125rem);height:clamp(2.5rem,5vw,3.125rem);border-radius:clamp(.5rem,1.5vw,.9375rem);display:flex;align-items:center;justify-content:center;font-size:clamp(1rem,2vw,1.5rem)}.core-startup-icon{background:#fbcdcd}.core-ecommerce-icon{background:#fee09f}.core-erp-icon{background:#e3ffd1}.core-agency-icon{background:#9bf7ff}.core-tech-icon{background:#ffb68c}.core-tab-content{display:flex;flex-direction:column;text-align:left}.core-tab-title{font-family:Space Mono,monospace;font-weight:700;font-size:clamp(.75rem,1vw,1rem);line-height:1.5;text-transform:uppercase;color:#1f1f1f;white-space:nowrap}.core-content{display:flex;flex-direction:column;gap:clamp(1.25rem,3vw,2.5rem);background:#b1c5ce;border-radius:clamp(.75rem,2vw,1.25rem);padding:clamp(1.25rem,3vw,2.5rem)}@media (min-width: 768px){.core-content{flex-direction:row;align-items:center}}.core-text-content{flex:1}.core-main-title{font-family:Space Mono,monospace;font-weight:700;font-size:clamp(1.5rem,3vw,2.5rem);line-height:1.5;text-transform:uppercase;color:#1f1f1f;margin-bottom:clamp(1rem,2vw,1.5rem)}.core-description{font-family:Satoshi,sans-serif;font-weight:500;font-size:clamp(1rem,2vw,1.5rem);line-height:1.5;color:#1f1f1fcc;max-width:clamp(25rem,40vw,31.25rem)}.core-image-wrapper{flex:1;display:flex;justify-content:center}.core-image{width:100%;max-width:clamp(30rem,50vw,37.5rem);height:auto;border-radius:clamp(.75rem,2vw,1.25rem);object-fit:cover}.scroll-arrow{position:absolute;top:50%;transform:translateY(-50%);width:clamp(1.5rem,3vw,2rem);height:clamp(1.5rem,3vw,2rem);background:#fffc;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;box-shadow:0 clamp(.0625rem,.2vw,.125rem) clamp(.25rem,1vw,.5rem) #0000001a;border:none;font-size:clamp(.8rem,1.5vw,1rem)}.scroll-arrow.left{left:clamp(.25rem,1vw,.5rem)}.scroll-arrow.right{right:clamp(.25rem,1vw,.5rem)}@media (min-width: 769px){.scroll-arrow{display:none}}@media (max-width: 769px){.core-image{max-width:80vw}}.animate-fade-in-up{animation:fadeInUp .8s ease forwards}.animate-fade-in-scale{animation:fadeInScale .8s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}.core-section:before{content:"";position:absolute;width:clamp(40rem,60vw,50rem);right:0;top:0;background:radial-gradient(50% 50% at 50% 50%,#a5bae324,#a5bae300);z-index:3}.core-section:after{content:"";position:absolute;width:clamp(60rem,90vw,79.0625rem);left:clamp(-40rem,-60vw,-47.1875rem);top:clamp(8rem,15vw,10.9375rem);background:radial-gradient(50% 50% at 50% 50%,#a5bae324,#a5bae300);z-index:3}.contact-section{position:relative;padding:clamp(1.5rem,3vw,2rem) 0;background:#66e8fa;border-radius:clamp(1.5rem,3vw,2.5rem);margin:clamp(-15rem,-20vw,-10rem) auto clamp(3rem,5vw,5rem) auto;overflow:hidden;z-index:5;width:clamp(80%,85vw,81.75rem);max-width:clamp(60rem,80vw,81.75rem)}.contact-container{width:clamp(90%,95vw,100%);margin:0 auto;padding:0 clamp(.5rem,2vw,1rem);display:flex;flex-direction:column}.contact-content{display:grid;grid-template-columns:1fr;gap:clamp(1rem,3vw,2rem)}.contact-info{width:100%}.contact-info h2{text-align:left;font-family:var(--font-mono);font-weight:700;font-size:clamp(1.5rem,4vw,2.3rem);line-height:1.2;color:var(--color-form-text);margin-bottom:clamp(.5rem,1.5vw,1rem)}.contact-info p{text-align:left;font-family:var(--font-primary);font-weight:500;font-size:clamp(1rem,2vw,1.25rem);line-height:1.3;color:#1f1f1fcc;margin-bottom:clamp(1rem,3vw,2rem)}.contact-form{display:flex;flex-direction:column;width:100%}.form-field{display:flex;flex-direction:column}.form-field label{font-family:var(--font-primary);font-weight:400;font-size:clamp(1rem,2vw,1.25rem);color:var(--color-form-text);text-align:left}.form-field input{background:transparent;border:none;outline:none;font-size:clamp(1rem,2.5vw,1.5rem);width:100%;font-family:var(--font-primary);color:var(--color-form-text)}.form-field-border{width:100%;height:clamp(.0625rem,.1vw,.125rem);background:var(--color-form-text);opacity:.5}.form-group{display:flex;flex-direction:column;margin-bottom:clamp(.1rem,.7vw,.5rem)}.form-label{font-family:var(--font-primary);font-weight:500;font-size:clamp(.875rem,2vw,1.125rem);color:var(--color-form-text);text-align:left;display:block}.contact-actions{display:flex;gap:clamp(.5rem,1.5vw,.75rem);margin-top:clamp(1rem,3vw,2rem);width:100%;flex-direction:column}.btn-submit{background:var(--color-form-text);border:none;border-radius:clamp(1rem,2vw,1.5rem);padding:clamp(.75rem,1.5vw,1rem) clamp(3rem,2vw,1.5rem);font-family:var(--font-mono);font-weight:700;font-size:clamp(2rem,3.5vw,1.8rem);text-align:left;color:var(--color-text-primary);text-transform:uppercase;cursor:pointer;transition:all .3s ease;width:100%}.btn-submit:hover{background:var(--color-surface);transform:translateY(-.125rem)}.btn-arrow{background:var(--color-form-text);border:none;border-radius:clamp(1rem,2vw,1.5rem);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;padding:clamp(.75rem,1.5vw,1rem);width:100%}.btn-arrow:hover{background:var(--color-surface);transform:translateY(-.125rem)}.btn-arrow svg{width:clamp(1.5rem,3vw,2rem);height:clamp(1.5rem,3vw,2rem);color:var(--color-text-primary);transform:rotate(180deg)}@media (max-width: 600px){.contact-info h2{font-size:clamp(1.2rem,3vw,1.5rem)!important}.contact-section{margin:clamp(1rem,3vw,2rem) auto clamp(3rem,5vw,5rem) auto!important}.form-field input{background:transparent;border:none;outline:none;font-size:clamp(.8rem,1.5vw,1rem);width:100%;padding:0!important}}@media (min-width: 480px){.contact-section{width:clamp(80%,85vw,85%);margin-top:clamp(1rem,3vw,2rem)}.contact-actions{flex-direction:row}.btn-arrow{width:auto;min-width:clamp(3rem,6vw,5rem)}}@media (min-width: 768px){.contact-section{width:clamp(75%,80vw,80%);margin-top:clamp(-2.5rem,-4vw,-2.5rem);padding:clamp(2rem,4vw,3rem) 0}.contact-content{grid-template-columns:1fr 1fr;gap:clamp(2rem,4vw,3rem)}.contact-info h2{font-size:clamp(1.8rem,3vw,2.1rem)}}@media (min-width: 1024px){.contact-section{width:clamp(70%,75vw,75%);margin-top:clamp(-5rem,-8vw,-5rem)!important}}@media (max-width: 1024px){.btn-submit{font-size:clamp(.6rem,1vw,.7rem)}}@media (min-width: 1280px){.contact-section{width:clamp(65%,70vw,70%);margin-top:clamp(-6rem,-10vw,-6rem)!important}.contact-container{padding:clamp(.5rem,1vw,.625rem) clamp(2rem,4vw,3rem)}.contact-content{gap:clamp(3rem,6vw,5rem)}}.footer-section{position:relative;padding:clamp(2rem,5vw,5rem) 0;background:var(--color-background)}.footer-container{max-width:min(85vw,75rem);margin:0 auto;padding:0 var(--spacing-4);width:100%}.footer-header{margin-bottom:clamp(1rem,3vw,4rem)}.footer-header-content{display:flex;flex-direction:column;gap:var(--spacing-6)}@media (min-width: 768px){.footer-header-content{flex-direction:row;justify-content:space-between;align-items:flex-start}}@media (min-width: 1024px){.footer-header-content{align-items:center}}.footer-title{text-align:left;font-family:var(--font-mono);font-weight:700;font-size:clamp(2rem,5vw,3rem);line-height:1.2;color:var(--color-text-primary);margin:0;display:flex;flex-direction:column}@media (max-width: 767px){.footer-title{text-align:center}}.footer-social{display:flex;gap:var(--spacing-2);align-items:center}@media (max-width: 767px){.footer-social{justify-content:center}}.social-link{width:clamp(2.5rem,10vw,3.125rem);height:clamp(2.5rem,10vw,3.125rem);background:var(--color-surface-light);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:var(--color-primary);text-decoration:none;transition:all var(--transition-base)}.social-link:hover{background:var(--color-surface);transform:translateY(-.125rem)}.social-icon{width:clamp(1.125rem,4vw,1.5rem);height:clamp(1.125rem,4vw,1.5rem)}.footer-divider{width:100%;height:clamp(.0625rem,.1vw,.125rem);background:var(--color-text-primary);margin:clamp(1rem,2vw,2rem) 0;opacity:.1}.footer-bottom{display:flex;flex-direction:column;gap:var(--spacing-4);align-items:center}@media (min-width: 768px){.footer-bottom{flex-direction:row;justify-content:space-between;text-align:left}}.footer-logo img{width:100%;height:100%;object-fit:contain;max-width:clamp(5rem,15vw,7.25rem)}.footer-logo{width:clamp(5rem,15vw,7.25rem);height:auto;order:1}@media (max-width: 767px){.footer-logo{order:2;margin:clamp(.5rem,2vw,1rem) 0}}.footer-copyright{font-family:var(--font-primary);font-weight:500;font-size:clamp(.875rem,2vw,1.25rem);color:var(--color-text-primary);text-align:center;order:2}@media (min-width: 768px){.footer-copyright{text-align:left;order:1}}.footer-links{display:flex;gap:var(--spacing-2);align-items:center;font-family:var(--font-primary);font-weight:500;font-size:clamp(.875rem,2vw,1.25rem);color:var(--color-text-primary);order:3}.footer-links a{color:var(--color-text-primary);text-decoration:none;transition:color var(--transition-base)}.footer-links a:hover{color:var(--color-primary)}.footer-link-separator{color:var(--color-text-primary);opacity:.5}@media (max-width: 767px){.footer-section{padding:clamp(1.5rem,4vw,3rem) 0 clamp(1rem,3vw,2rem)}.footer-bottom{flex-direction:column}.footer-copyright{order:1}.footer-logo{order:2}.footer-links{order:3;margin-top:clamp(.25rem,1vw,.5rem)}}:root{--color-primary: #66E8FA;--color-primary-dark: #22282A;--color-secondary: #394247;--color-background: #0D0D0D;--color-surface: #22282A;--color-surface-light: #2E3539;--color-text-primary: #FFFFFF;--color-text-secondary: rgba(255, 255, 255, .8);--color-text-muted: rgba(255, 255, 255, .6);--color-accent: #92A6B0;--color-accent-light: #B1C5CE;--color-form-bg: #66E8FA;--color-form-text: #1F1F1F;--color-overlay: rgba(5, 7, 17, .9);--gradient-radial-blue: radial-gradient(50% 50% at 50% 50%, rgba(165, 186, 227, .14) 0%, rgba(165, 186, 227, 0) 100%);--gradient-radial-blue-light: radial-gradient(50% 50% at 50% 50%, rgba(165, 186, 227, .09) 0%, rgba(165, 186, 227, 0) 100%);--gradient-overlay: linear-gradient(179.59deg, rgba(5, 7, 17, 0) 16.19%, rgba(5, 7, 17, .453125) 50.22%, #050711 91.3%);--gradient-screen: linear-gradient(180deg, #181A2B 0%, rgba(24, 36, 43, .46) .01%, #0E1422 100%);--font-primary: "Satoshi", system-ui, -apple-system, sans-serif;--font-mono: "Space Mono", "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-size-7xl: 4.5rem;--font-size-8xl: 6rem;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-32: 8rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-3xl: 1.75rem;--radius-full: 9999px;--shadow-sm: 0 .0625rem .125rem 0 rgb(0 0 0 / .05);--shadow-md: 0 .25rem .375rem -.0625rem rgb(0 0 0 / .1);--shadow-lg: 0 .625rem .9375rem -.1875rem rgb(0 0 0 / .1);--shadow-xl: 0 1.25rem 1.5625rem -.3125rem rgb(0 0 0 / .1);--z-10: 10;--z-20: 20;--z-30: 30;--z-40: 40;--z-50: 50;--transition-fast: .15s ease-out;--transition-base: .3s ease-out;--transition-slow: .5s ease-out}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-primary);background-color:var(--color-background);color:var(--color-text-primary);line-height:1.6;overflow-x:hidden}.container{max-width:clamp(60rem,80vw,75rem);margin:0 auto;padding:0 var(--spacing-4)}@media (min-width: 1400px){.container{max-width:clamp(70rem,90vw,87.5rem)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(1.875rem)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(clamp(-2rem,-5vw,-3.125rem))}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(clamp(2rem,5vw,3.125rem))}to{opacity:1;transform:translate(0)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards}.animate-fade-in-scale{animation:fadeInScale .5s ease-out forwards}.animate-slide-in-left{animation:slideInLeft .6s ease-out forwards}.animate-slide-in-right{animation:slideInRight .6s ease-out forwards}.animate-delay-100{animation-delay:.1s}.animate-delay-200{animation-delay:.2s}.animate-delay-300{animation-delay:.3s}.text-gradient{background:linear-gradient(135deg,var(--color-primary),#FFFFFF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blur-bg{backdrop-filter:blur(clamp(1rem,2vw,1.5rem));-webkit-backdrop-filter:blur(clamp(1rem,2vw,1.5rem))}.header-section{position:fixed;top:0;left:0;right:0;z-index:var(--z-50);padding:clamp(.5rem,1.5vw,1rem);transition:all .3s ease;-webkit-backdrop-filter:blur(.625rem);backdrop-filter:blur(.625rem)}.header-section.scrolled{padding:clamp(.25rem,.75vw,.5rem) clamp(.5rem,1.5vw,1rem);box-shadow:0 clamp(.0625rem,.2vw,.125rem) clamp(.25rem,1vw,.625rem) #0003}.header-container{display:flex;align-items:center;justify-content:space-between;height:clamp(3rem,5vw,3.75rem);max-width:clamp(60rem,90vw,105rem);margin:0 auto;padding:0 clamp(.5rem,1.5vw,1rem)}.header-logo{width:clamp(5rem,8vw,6.25rem);height:clamp(2.5rem,4vw,3.125rem);z-index:60;flex-shrink:0}.header-logo img{width:100%;height:100%;object-fit:contain}.header-nav{display:flex;align-items:center;gap:var(--spacing-5);background:linear-gradient(90.72deg,#ffffff1a 14.57%,#fff3 81.85%);padding:clamp(.25rem,.75vw,.375rem);border-radius:clamp(1.5rem,3vw,2.5rem);border:clamp(.03125rem,.1vw,.0625rem) solid rgba(255,255,255,.2)}.nav-link{font-family:var(--font-mono);font-weight:500;font-size:var(--font-size-lg);color:var(--color-text-primary);text-decoration:none;transition:all .3s ease;padding:var(--spacing-2) var(--spacing-3);white-space:nowrap}.nav-link:hover{color:var(--color-primary)}.header-actions{display:flex;align-items:center;gap:var(--spacing-4);flex-shrink:0}.btn-login,.btn-signup{display:flex;align-items:center;justify-content:center;height:clamp(2.5rem,4vw,3.125rem);padding:var(--spacing-3) var(--spacing-5);font-family:var(--font-mono);font-weight:700;text-transform:uppercase;border-radius:var(--radius-lg);cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-login{background:transparent;border:clamp(.03125rem,.1vw,.0625rem) solid var(--color-primary);color:var(--color-text-primary)}.btn-login:hover{background:#66e8fa1a}.btn-signup{background:var(--color-primary);border:none;color:var(--color-form-text)}.btn-signup:hover{background:#4fcce6}.mobile-menu-btn{display:none;background:transparent;border:none;color:var(--color-text-primary);cursor:pointer;z-index:70;padding:var(--spacing-2)}.mobile-sidebar{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#000000f2;z-index:90;transform:translate(-100%);transition:transform .3s ease;padding:var(--spacing-8) var(--spacing-6);overflow-y:auto;display:flex;flex-direction:column}.mobile-sidebar.open{transform:translate(0)}.mobile-sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-8);padding-bottom:var(--spacing-4);border-bottom:clamp(.03125rem,.1vw,.0625rem) solid rgba(255,255,255,.1)}.mobile-sidebar-logo{width:clamp(5rem,8vw,6.25rem);height:clamp(2.5rem,4vw,3.125rem)}.mobile-sidebar-logo img{width:100%;height:100%;object-fit:contain}.mobile-sidebar-close{background:transparent;border:none;color:var(--color-text-primary);cursor:pointer;padding:var(--spacing-2)}.mobile-sidebar-nav{display:flex;flex-direction:column;gap:var(--spacing-6);margin-top:var(--spacing-8)}.mobile-nav-link{font-family:var(--font-mono);font-weight:400;font-size:var(--font-size-xl);color:var(--color-text-primary);text-decoration:none;padding:var(--spacing-3) 0;transition:color .3s ease}.mobile-nav-link:hover{color:var(--color-primary)}.mobile-sidebar-actions{display:flex;flex-direction:column;gap:var(--spacing-4);margin-top:var(--spacing-8);padding-top:var(--spacing-6);border-top:clamp(.03125rem,.1vw,.0625rem) solid rgba(255,255,255,.1)}.mobile-btn-login,.mobile-btn-signup{width:100%;padding:var(--spacing-4);font-family:var(--font-mono);font-weight:700;font-size:var(--font-size-lg);text-transform:uppercase;border-radius:var(--radius-lg);cursor:pointer;transition:all .3s ease}.mobile-btn-login{background:transparent;border:clamp(.03125rem,.1vw,.0625rem) solid var(--color-primary);color:var(--color-text-primary)}.mobile-btn-login:hover{background:#66e8fa1a}.mobile-btn-signup{background:var(--color-primary);border:none;color:var(--color-form-text)}.mobile-btn-signup:hover{background:#4fcce6}@media (max-width: 768px){.header-nav,.header-actions{display:none}.mobile-menu-btn{display:block}.header-section{padding:var(--spacing-3)}.header-container{padding:0 var(--spacing-2)}}@media (min-width: 769px) and (max-width: 1024px){.header-nav{gap:var(--spacing-3);padding:var(--spacing-2)}.nav-link{font-size:var(--font-size-base);padding:var(--spacing-2)}.btn-login,.btn-signup{width:clamp(6rem,10vw,7.5rem);height:clamp(2.5rem,4vw,2.8125rem);font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-3)}.header-logo{width:clamp(4rem,7vw,5.625rem);height:clamp(2rem,3.5vw,2.8125rem)}}.how-it-works-section{position:relative;background:var(--color-background);overflow:hidden;padding:5%;max-width:105rem;margin:0 auto}.how-it-works-section-desktop{position:relative;height:250vh;background:var(--color-background)}.how-it-works-container{position:relative;max-width:87.5rem;margin:0 auto;padding:0 var(--spacing-4);min-height:100vh;width:100%;display:flex;align-items:center;flex-direction:column;justify-content:center}.how-it-works-container.at-top{position:absolute;top:0;left:50%;transform:translate(-50%)}.how-it-works-container.fixed{position:fixed;top:0;left:50%;transform:translate(-50%);z-index:10}.how-it-works-container.at-bottom{position:absolute;bottom:0;left:50%;transform:translate(-50%)}.how-it-works-showcase{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.25rem,5vw,3.75rem);align-items:center;min-height:auto;padding:var(--spacing-8);height:100%}.showcase-content{position:relative;max-width:36.25rem;padding-left:var(--spacing-6)}.content-header{margin-bottom:var(--spacing-6)}.content-subtitle{font-family:var(--font-mono);font-weight:700;font-size:clamp(1rem,2vw,.5rem);line-height:1.4;color:var(--color-primary);text-transform:uppercase;margin-bottom:var(--spacing-3);text-align:left}.content-title{font-family:var(--font-primary);font-weight:700;font-size:clamp(2rem,5vw,2.125rem);line-height:1.3;color:var(--color-text-primary);text-align:left}.steps-content{position:relative;padding-left:var(--spacing-10);padding-top:1.25rem}.progress-line{position:absolute;left:-1.125rem;width:1.375rem;height:100%}.line-track{position:absolute;left:.625rem;width:.125rem;height:100%;background:#4b4b4b}.line-progress{position:absolute;left:.625rem;width:.125rem;background:linear-gradient(360deg,color-mix(in srgb,var(--color-primary),#000 30%),#00b4c8,#00dcf0);box-shadow:0 0 3.125rem #00dcf04d,0 0 6.25rem #00b4dc33;filter:blur(.25rem);transition:height var(--transition-base)}.progress-star{position:absolute;left:0;width:1.375rem;height:1.375rem;color:var(--color-text-primary);transition:top var(--transition-base)}.step-item{margin-bottom:var(--spacing-8);opacity:.2;transition:opacity var(--transition-base);padding:var(--spacing-3);border-radius:var(--radius-md)}.step-item:hover{background:#ffffff0d}.step-item.active{opacity:1;background:#ffffff1a}.step-item.completed{opacity:.2}.step-title{font-family:var(--font-mono);font-weight:700;font-size:clamp(1.125rem,2.2vw,1.375rem);line-height:1.4;color:var(--color-text-primary);margin-bottom:var(--spacing-1);text-align:left}.step-description{font-family:var(--font-primary);font-weight:500;font-size:clamp(.875rem,1.8vw,1rem);line-height:1.3;color:var(--color-text-secondary);text-align:left}.showcase-screen{position:relative;max-width:62.5rem;margin-left:auto}.screen-image{position:relative;width:100%;overflow:hidden}.screen-image img{width:100%;height:100%;object-fit:contain}.mobile-steps-container{display:none}.mobile-step-card{background:var(--color-background);border-radius:var(--radius-xl);padding:var(--spacing-6);margin-bottom:var(--spacing-8);box-shadow:0 .25rem .75rem #0000001a;border:.0625rem solid var(--color-border)}.mobile-step-image{width:100%;border-radius:var(--radius-lg);overflow:hidden;margin:var(--spacing-6) 0}.mobile-step-image img{width:100%;height:auto;object-fit:cover}@media (max-width: 768px){.how-it-works-section{padding:4rem 0!important;height:auto!important}.how-it-works-container{height:auto!important}.how-it-works-showcase{grid-template-columns:1fr;gap:var(--spacing-12);padding:0!important;min-height:auto}.showcase-content{padding-left:0;padding-bottom:var(--spacing-8)}.content-title{font-size:var(--font-size-4xl)}.content-subtitle{font-size:var(--font-size-xl)}.steps-content,.showcase-screen{display:none}.mobile-steps-container{display:block;padding:0 var(--spacing-4)}.step-title{font-size:var(--font-size-2xl)}.step-description{font-size:var(--font-size-lg)}.mobile-step-card{padding:0}}@media (min-width: 769px) and (max-width: 1024px){.content-title{font-size:var(--font-size-5xl)}.mobile-steps-container{display:none}}