:root{--bg-dark:#0b0d12;--bg-card:#13151c;--bg-elevated:#1a1d26;--border-subtle:#ffffff0f;--border-glow:#a855f733;--primary-purple:#a855f7;--primary-pink:#ec4899;--primary-cyan:#06b6d4;--primary-green:#10b981;--primary-orange:#f59e0b;--text-primary:#fff;--text-secondary:#9ca3af;--text-tertiary:#6b7280;--shadow-sm:0 2px 8px #0000001f;--shadow-md:0 8px 24px #0000003d;--shadow-lg:0 16px 48px #00000052;--shadow-xl:0 24px 64px #0000007a}.noise-bg{z-index:0;background:radial-gradient(80% 50% at 50% -20%,#a855f726,#0000),radial-gradient(60% 50% at 80%,#06b6d414,#0000),radial-gradient(60% 50% at 20% 80%,#ec489914,#0000);width:100%;height:100%;position:fixed;top:0;left:0}.noise-bg:before{content:"";opacity:.5;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E");position:absolute;inset:0}.grid-overlay{pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff05 1.5px,#0000 1.5px),linear-gradient(90deg,#ffffff05 1.5px,#0000 1.5px);background-size:100px 100px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(100% 100%,#000,#0000);mask-image:radial-gradient(100% 100%,#000,#0000)}nav{z-index:1000;-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--border-subtle);background:#0b0d12b3;padding:1.5rem 0;animation:.6s cubic-bezier(.16,1,.3,1) slideDown;position:fixed;top:0;left:0;right:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.nav-container{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:0 3rem;display:flex}.logo-text{letter-spacing:-.03em;background:linear-gradient(135deg,#a855f7 0%,#ec4899 100%);-webkit-text-fill-color:transparent;cursor:pointer;-webkit-background-clip:text;background-clip:text;font-family:Syne,sans-serif;font-size:1.75rem;font-weight:800;text-decoration:none;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.logo-text:hover{transform:scale(1.05)}.nav-actions{align-items:center;gap:1rem;display:flex}.nav-link{color:var(--text-secondary);padding:.5rem 1rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--text-primary)}.btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 2rem;font-family:Inter,sans-serif;font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:relative;overflow:hidden}.btn-primary{color:#fff;background:linear-gradient(135deg,#a855f7 0%,#ec4899 100%);box-shadow:0 0 #a855f700,0 8px 24px -8px #a855f766}.btn-primary:before{content:"";opacity:0;z-index:-1;background:linear-gradient(135deg,#b565ff 0%,#ff5caa 100%);transition:opacity .3s;position:absolute;inset:0}.btn-primary:hover:before{opacity:1}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 0 4px #a855f71a,0 12px 32px -8px #a855f799}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1.5px solid var(--border-subtle)}.btn-secondary:hover{background:#ffffff0d;border-color:#ffffff26;transform:translateY(-2px)}.hero{z-index:1;text-align:center;justify-content:center;align-items:center;min-height:100vh;padding:8rem 3rem 4rem;display:flex;position:relative}.hero-container{max-width:900px}.hero-badge{color:#c084fc;background:#a855f71a;border:1px solid #a855f733;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;animation:.6s cubic-bezier(.16,1,.3,1) .3s both fadeInUp;display:inline-flex}.hero-badge .dot{background:#a855f7;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero-title{letter-spacing:-.04em;color:var(--text-primary);margin-bottom:1.5rem;font-family:Syne,sans-serif;font-size:clamp(3rem,6vw,5rem);font-weight:800;line-height:1.1;animation:.6s cubic-bezier(.16,1,.3,1) .4s both fadeInUp}.hero-title .gradient-text{background:linear-gradient(135deg,#a855f7 0%,#ec4899 50%,#f59e0b 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.hero-subtitle{color:var(--text-secondary);margin-bottom:2.5rem;font-size:1.25rem;line-height:1.7;animation:.6s cubic-bezier(.16,1,.3,1) .5s both fadeInUp}.hero-cta{flex-wrap:wrap;justify-content:center;gap:1rem;animation:.6s cubic-bezier(.16,1,.3,1) .6s both fadeInUp;display:flex}.hero-stats{border-top:1px solid var(--border-subtle);justify-content:center;gap:3rem;margin-top:3rem;padding-top:3rem;animation:.6s cubic-bezier(.16,1,.3,1) .7s both fadeInUp;display:flex}.stat{flex:1}.stat-value{color:var(--text-primary);margin-bottom:.5rem;font-family:Syne,sans-serif;font-size:2.5rem;font-weight:700;line-height:1}.stat-label{color:var(--text-tertiary);font-size:.875rem;font-weight:500}.features{z-index:1;background:linear-gradient(#0000,#a855f705,#0000);padding:8rem 3rem;position:relative}.section-header{text-align:center;max-width:800px;margin:0 auto 5rem}.section-badge{color:#f472b6;background:#ec48991a;border:1px solid #ec489933;border-radius:100px;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-block}.section-title{letter-spacing:-.03em;margin-bottom:1.5rem;font-family:Syne,sans-serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.2}.section-description{color:var(--text-secondary);font-size:1.125rem;line-height:1.7}.features-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2rem;max-width:1400px;margin:0 auto;display:grid}.feature-card{background:var(--bg-card);border:1px solid var(--border-subtle);cursor:pointer;border-radius:20px;padding:2.5rem;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.feature-card:before{content:"";opacity:0;background:linear-gradient(135deg,#a855f70d,#0000);height:100%;transition:opacity .4s;position:absolute;top:0;left:0;right:0}.feature-card:hover:before{opacity:1}.feature-card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-lg),0 0 0 1px #a855f71a,inset 0 1px 0 #ffffff0d;transform:translateY(-8px)}.feature-icon-wrapper{background:linear-gradient(135deg,#a855f726,#ec489926);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:1.5rem;display:flex;position:relative}.feature-card:nth-child(2) .feature-icon-wrapper{background:linear-gradient(135deg,#06b6d426,#a855f726)}.feature-card:nth-child(3) .feature-icon-wrapper{background:linear-gradient(135deg,#ec489926,#f59e0b26)}.feature-card:nth-child(4) .feature-icon-wrapper{background:linear-gradient(135deg,#10b98126,#06b6d426)}.feature-icon-wrapper svg{width:32px;height:32px;stroke:var(--text-primary);stroke-width:1.5px;fill:none}.feature-title{color:var(--text-primary);margin-bottom:1rem;font-family:Syne,sans-serif;font-size:1.5rem;font-weight:700}.feature-description{color:var(--text-secondary);font-size:1rem;line-height:1.7}.demo-section{z-index:1;background:linear-gradient(#a855f705,#0000);padding:8rem 3rem;position:relative}.demo-container{max-width:800px;margin:0 auto}.demo-header{text-align:center;margin-bottom:4rem}.demo-badge{color:#34d399;background:#10b9811a;border:1px solid #10b98133;border-radius:100px;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-block}.demo-title{letter-spacing:-.03em;margin-bottom:1rem;font-family:Syne,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.2}.demo-description{color:var(--text-secondary);font-size:1.125rem;line-height:1.7}.floating-card{border:1px solid var(--border-glow);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);box-shadow:var(--shadow-xl),0 0 0 1px #a855f71a,inset 0 1px 0 #ffffff0d;transform-style:preserve-3d;background:linear-gradient(135deg,#1a1d26cc,#13151cf2);border-radius:24px;padding:3rem;transition:transform .6s cubic-bezier(.16,1,.3,1);position:relative}.floating-card:before{content:"";pointer-events:none;background:radial-gradient(80% 60% at 50% 0,#a855f733,#0000);border-radius:24px 24px 0 0;height:200px;position:absolute;top:0;left:0;right:0}.card-header{align-items:center;gap:1rem;margin-bottom:2rem;display:flex;position:relative}.card-icon{background:linear-gradient(135deg,#a855f7,#ec4899);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 8px 24px -8px #a855f799}.card-icon svg{stroke:#fff;stroke-width:2px;fill:none;width:28px;height:28px}.card-title{color:var(--text-primary);font-family:Syne,sans-serif;font-size:1.5rem;font-weight:700}.card-subtitle{color:var(--text-tertiary);font-size:.875rem}.progress-section{margin-top:2rem;position:relative}.progress-label{justify-content:space-between;margin-bottom:.75rem;font-size:.875rem;display:flex}.progress-bar{background:#ffffff0d;border-radius:100px;height:8px;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#a855f7,#ec4899);border-radius:100px;width:68%;height:100%;animation:2s ease-out progressSlide;position:relative}.progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:2s ease-in-out infinite shimmerProgress;position:absolute;inset:0}@keyframes progressSlide{0%{width:0%}to{width:68%}}@keyframes shimmerProgress{0%{transform:translate(-100%)}to{transform:translate(200%)}}.task-list{flex-direction:column;gap:.75rem;margin-top:2rem;display:flex}.task-item{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:1rem;padding:1rem;transition:all .3s;display:flex}.task-item:hover{background:#ffffff0a;border-color:#a855f733}.task-checkbox{border:2px solid #fff3;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.task-item.completed .task-checkbox{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981}.task-checkbox svg{stroke:#fff;stroke-width:3px;opacity:0;width:12px;height:12px}.task-item.completed .task-checkbox svg{opacity:1;animation:.3s ease-out checkmark}@keyframes checkmark{0%{transform:scale(0)rotate(45deg)}50%{transform:scale(1.2)rotate(45deg)}to{transform:scale(1)rotate(0)}}.task-text{color:var(--text-secondary);font-size:.9375rem;transition:color .2s}.task-item.completed .task-text{color:var(--text-tertiary);text-decoration:line-through}.cta-section{z-index:1;padding:8rem 3rem;position:relative}.cta-container{border:1px solid var(--border-glow);text-align:center;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:linear-gradient(135deg,#1a1d26e6,#13151cf2);border-radius:32px;max-width:1200px;margin:0 auto;padding:5rem;position:relative;overflow:hidden}.cta-container:before{content:"";pointer-events:none;background:radial-gradient(80% 60% at 50% 0,#a855f726,#0000);height:300px;position:absolute;top:0;left:0;right:0}.cta-title{margin-bottom:1.5rem;font-family:Syne,sans-serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.2;position:relative}.cta-subtitle{color:var(--text-secondary);max-width:600px;margin-bottom:3rem;margin-left:auto;margin-right:auto;font-size:1.25rem;position:relative}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex;position:relative}footer{z-index:1;border-top:1px solid var(--border-subtle);padding:4rem 3rem 2rem;position:relative}.footer-container{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;display:flex}.footer-text{color:var(--text-tertiary);font-size:.875rem}.footer-links{gap:2rem;display:flex}.footer-link{color:var(--text-tertiary);font-size:.875rem;text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--text-primary)}@media (max-width:1024px){.nav-container{padding:0 2rem}.hero,.features,.cta-section,.demo-section{padding-left:2rem;padding-right:2rem}.cta-container{padding:4rem 2rem}}@media (max-width:768px){.nav-container{padding:0 1.5rem}.nav-actions{gap:.5rem}.nav-link{display:none}.hero,.features,.cta-section,.demo-section{padding:4rem 1.5rem}.hero-stats{flex-direction:column;gap:2rem}.features-grid{grid-template-columns:1fr}.cta-container{padding:3rem 1.5rem}.footer-container{text-align:center;flex-direction:column;gap:2rem}.footer-links{flex-wrap:wrap;justify-content:center}}.fadeInUp{animation:.6s cubic-bezier(.16,1,.3,1) both fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}