:root{--color-bg:#0d0d12;--color-surface:#ffffff08;--color-surface-hover:#ffffff14;--color-border:#ffffff1a;--color-text:#f0f0f5;--color-text-muted:#8b8b99;--color-primary:#9d4edd;--color-primary-hover:#c77dff;--color-accent:#ff9e00;--font-primary:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-primary);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2}.highlight{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}#canvas-container{z-index:-1;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.content-wrapper{z-index:1;position:relative}section{max-width:1200px;margin:0 auto;padding:6rem 2rem}.btn{cursor:pointer;border:1px solid #0000;border-radius:50px;padding:.8rem 1.8rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 4px 15px #9d4edd4d}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #9d4edd66}.btn-secondary{color:var(--color-text);border-color:var(--color-border);background:0 0}.btn-secondary:hover{background:var(--color-surface);border-color:var(--color-text-muted)}.btn-large{padding:1rem 2.5rem;font-size:1.1rem}.hero{text-align:center;justify-content:center;align-items:center;height:100vh;padding-top:0;display:flex}.hero-content{max-width:800px}.hero-title{letter-spacing:-1px;margin-bottom:1rem;font-size:4.5rem}.hero-subtitle{color:var(--color-text-muted);margin-bottom:1.5rem;font-size:1.8rem;font-weight:500}.hero-description{color:var(--color-text-muted);max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.2rem}.hero-actions{justify-content:center;gap:1rem;display:flex}.feature-section{align-items:center;gap:4rem;min-height:80vh;display:flex}.feature-section.right-align{flex-direction:row-reverse}.feature-text{flex:1}.feature-title{margin-bottom:1.5rem;font-size:3rem}.feature-desc{color:var(--color-text-muted);margin-bottom:2rem;font-size:1.1rem}.feature-list{list-style:none}.feature-list li{margin-bottom:1rem;padding-left:2rem;font-size:1.1rem;font-weight:500;position:relative}.feature-list li:before{content:"✓";color:var(--color-primary);font-weight:700;position:absolute;left:0}.feature-images{flex:1;justify-content:center;display:flex;position:relative}.staggered-images{gap:1.5rem;display:flex}.offset-image{margin-top:4rem}.image-glass{background:var(--color-surface);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);border-radius:24px;padding:.5rem;transition:transform .3s;box-shadow:0 20px 40px #0006}.image-glass:hover{border-color:#fff3;transform:translateY(-10px)scale(1.02)}.app-screenshot{object-fit:cover;border-radius:18px;width:280px;display:block}.cta-section{text-align:center;background:radial-gradient(circle,#9d4edd1a 0%,#0000 70%);padding:8rem 2rem}.cta-title{margin-bottom:1rem;font-size:3.5rem}.cta-desc{color:var(--color-text-muted);margin-bottom:2.5rem;font-size:1.2rem}.site-footer{border-top:1px solid var(--color-border);text-align:center;padding:3rem 2rem}.footer-logo{font-family:var(--font-display);margin-bottom:.5rem;font-size:1.5rem;font-weight:800}.footer-copy{color:var(--color-text-muted);font-size:.9rem}.scroll-progress-container{z-index:9000;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0d0d1299;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 4px 15px #0000004d}.scroll-progress-svg{width:100%;height:100%;position:absolute;top:0;left:0;transform:rotate(-90deg)}.scroll-progress-bg,.scroll-progress-bar{fill:none;stroke-width:4px}.scroll-progress-bg{stroke:var(--color-surface)}.scroll-progress-bar{stroke:var(--color-accent);stroke-dasharray:251.2;stroke-dashoffset:251.2px;stroke-linecap:round;transition:stroke-dashoffset .1s}.scroll-progress-icon{color:var(--color-text);font-size:1.2rem;font-weight:700}.image-glass{transform-style:preserve-3d;perspective:1000px}@media (width<=968px){.hero-title{font-size:3.5rem}.feature-section,.feature-section.right-align{text-align:center;flex-direction:column;gap:3rem}.feature-list li{padding-left:0}.feature-list li:before{display:none}.staggered-images{flex-direction:column;gap:2rem}.offset-image{margin-top:0}}