.navbar-container{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#0f172a99!important;box-shadow:0 8px 32px #0000004d;border-bottom:1px solid rgba(148,163,184,.2);transition:all .3s cubic-bezier(.4,0,.2,1)}.navbar-brand{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:600;letter-spacing:-.02em}.navbar-brand:hover{color:#ffffffe6;text-shadow:0 4px 8px rgba(0,0,0,.6);transform:scale(1.02)}.modern-menu-trigger{border-radius:8px;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.modern-menu-trigger:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea33,#8b5cf633);opacity:0;transition:opacity .3s ease}.modern-menu-trigger:hover:before{opacity:1}.modern-menu-trigger:hover{transform:scale(1.05);box-shadow:0 4px 12px #667eea4d}.modern-menu-content{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 20px 40px #0006,0 8px 16px #0003,0 2px 4px #0000001a,inset 0 1px #ffffff1a;animation:slideIn .3s cubic-bezier(.16,1,.3,1);transform-origin:top left}@keyframes slideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modern-menu-item{font-weight:500;color:#fff;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;margin:2px 0}.modern-menu-item:hover{color:#a5b4fc;transform:translate(4px);box-shadow:0 4px 12px #0003}.modern-menu-item.signout{color:#ff8a8a}.modern-menu-item.signout:hover{color:#fca5a5;background:#ff6b6b33}.navbar-container:hover{background:#0f172abf!important;box-shadow:0 12px 40px #0006;backdrop-filter:blur(25px) saturate(200%);-webkit-backdrop-filter:blur(25px) saturate(200%)}.modern-menu-trigger:focus-visible{outline:2px solid rgba(102,126,234,.6);outline-offset:2px;box-shadow:0 0 0 4px #667eea33}.modern-menu-item:focus{outline:2px solid rgba(102,126,234,.6);outline-offset:2px}@media (max-width: 768px){.navbar-container{padding-left:1rem;padding-right:1rem}.navbar-brand{font-size:1rem}.modern-menu-content{min-width:180px}}.modern-menu-item{font-size:.95rem;letter-spacing:.01em}@media (max-width: 480px){.modern-menu-content{min-width:200px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.navbar-container{animation:fadeIn .3s ease}.welcome-container{position:relative;min-height:100vh;background:var(--gradient-background);overflow-x:hidden}.gradient-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.4;animation:float 25s ease-in-out infinite}.orb-1{width:500px;height:500px;background:var(--gradient-primary);top:20%;left:10%;animation-delay:0s}.orb-2{width:700px;height:700px;background:var(--gradient-secondary);top:60%;right:15%;animation-delay:-10s}.orb-3{width:400px;height:400px;background:var(--gradient-accent);bottom:30%;left:60%;animation-delay:-20s}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(40px,-40px) rotate(120deg)}66%{transform:translate(-30px,30px) rotate(240deg)}}.particle{position:absolute;width:2px;height:2px;background:var(--text-tertiary);border-radius:50%;animation:particleFloat 20s linear infinite}@keyframes particleFloat{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-20px) rotate(360deg);opacity:0}}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 var(--spacing-lg);overflow:hidden}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-5xl);align-items:center;max-width:1200px;width:100%}.hero-title{font-family:var(--font-family-heading);font-size:clamp(var(--font-size-3xl),8vw,var(--font-size-5xl));font-weight:var(--font-weight-extrabold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-lg);color:var(--text-primary)}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 4s ease-in-out infinite}.hero-subtitle{font-size:var(--font-size-xl);color:var(--text-secondary);max-width:500px;margin:0 auto;line-height:var(--line-height-relaxed)}.hero-visual{display:flex;justify-content:center;align-items:center;opacity:0;transform:translateY(50px);transition:var(--transition-smooth)}.hero-visual.animate-in{opacity:1;transform:translateY(0)}.floating-card{position:relative;width:300px;height:200px;background:var(--glass-secondary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border-light);border-radius:var(--radius-3xl);display:flex;align-items:center;justify-content:center;animation:cardFloat 6s ease-in-out infinite;box-shadow:var(--shadow-glass)}.card-glow{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:var(--gradient-primary);border-radius:var(--radius-3xl);z-index:-1;opacity:.3;animation:glowPulse 3s ease-in-out infinite}@keyframes cardFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-25px) rotate(3deg)}}@keyframes glowPulse{0%,to{opacity:.3}50%{opacity:.6}}.card-content{display:flex;align-items:center;gap:var(--spacing-md);color:var(--text-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg)}.pulse-dot{width:12px;height:12px;border-radius:50%;background:var(--primary-400);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.scroll-indicator{position:absolute;bottom:var(--spacing-2xl);left:50%;transform:translate(-50%);animation:bounce 2s infinite}.scroll-arrow{width:20px;height:20px;border-right:2px solid var(--text-tertiary);border-bottom:2px solid var(--text-tertiary);transform:rotate(45deg)}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-15px)}60%{transform:translate(-50%) translateY(-8px)}}.features-section{position:relative;padding:var(--spacing-5xl) var(--spacing-lg);z-index:1}.features-container{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:var(--spacing-5xl);opacity:0;transform:translateY(50px);transition:var(--transition-smooth)}.section-header.animate-in{opacity:1;transform:translateY(0)}.section-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-md)}.section-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-2xl)}.step-card{background:var(--glass-primary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--spacing-2xl);text-align:center;transition:var(--transition-smooth);opacity:0;transform:translateY(50px);position:relative;overflow:hidden}.step-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:var(--transition-smooth)}.step-card:hover:before{left:100%}.step-card.animate-in{opacity:1;transform:translateY(0)}.step-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-xl);border-color:var(--glass-border-light)}.step-number{font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);color:var(--primary-400);margin-bottom:var(--spacing-md)}.step-icon{width:60px;height:60px;margin:0 auto var(--spacing-lg);background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition-bounce)}.step-card:hover .step-icon{transform:scale(1.1) rotate(10deg)}.icon{width:28px;height:28px;fill:var(--text-primary);stroke:var(--text-primary);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.step-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-md)}.step-text{color:var(--text-secondary);line-height:var(--line-height-relaxed)}.main-content-section{position:relative;padding:var(--spacing-5xl) var(--spacing-lg);z-index:1}.content-container{max-width:1200px;margin:0 auto}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4xl);align-items:flex-start}.waitlist-container{background:var(--glass-secondary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-glass);transition:var(--transition-smooth);opacity:0;transform:translateY(50px);position:relative;overflow:hidden}.waitlist-container:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:var(--transition-smooth)}.waitlist-container:hover:before{left:100%}.waitlist-container.animate-in{opacity:1;transform:translateY(0)}.waitlist-container:hover{transform:translateY(-10px);box-shadow:var(--shadow-xl);border-color:var(--glass-border-light)}.waitlist-header{margin-bottom:var(--spacing-2xl)}.waitlist-header h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.waitlist-header p{font-size:var(--font-size-base);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.waitlist-component .cl-card,.waitlist-component .cl-rootBox,.waitlist-component .cl-modalContent{background:transparent!important;border:none!important;box-shadow:none!important}.waitlist-component .cl-formButtonPrimary{background:var(--gradient-primary)!important;border:none!important;border-radius:var(--radius-lg)!important;padding:var(--spacing-md) var(--spacing-xl)!important;font-weight:var(--font-weight-semibold)!important;transition:var(--transition-smooth)!important;font-size:var(--font-size-base)!important}.waitlist-component .cl-formButtonPrimary:hover{transform:translateY(-3px)!important;box-shadow:var(--shadow-lg)!important}.waitlist-component .cl-formFieldInput{background:var(--glass-primary)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-md)!important;color:var(--text-primary)!important;padding:var(--spacing-md)!important;font-size:var(--font-size-base)!important;transition:var(--transition-smooth)!important}.waitlist-component .cl-formFieldInput:focus{border-color:var(--primary-500)!important;box-shadow:0 0 0 3px #667eea1a!important;background:var(--glass-secondary)!important}.waitlist-component .cl-formFieldLabel{color:var(--text-secondary)!important;font-weight:var(--font-weight-medium)!important;margin-bottom:var(--spacing-sm)!important}.waitlist-component .cl-formFieldHintText{color:var(--text-muted)!important;font-size:var(--font-size-sm)!important}.waitlist-component .cl-formFieldAction{color:var(--primary-500)!important;font-weight:var(--font-weight-medium)!important}.waitlist-component .cl-formFieldAction:hover{color:var(--primary-400)!important}.intro-container{background:var(--glass-secondary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-glass);transition:var(--transition-smooth);opacity:0;transform:translateY(50px);position:relative;overflow:hidden}.intro-container:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:var(--transition-smooth)}.intro-container:hover:before{left:100%}.intro-container.animate-in{opacity:1;transform:translateY(0)}.intro-container:hover{transform:translateY(-10px);box-shadow:var(--shadow-xl);border-color:var(--glass-border-light)}.intro-header{margin-bottom:var(--spacing-2xl)}.intro-header h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.intro-header p{font-size:var(--font-size-base);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.intro-component>div{background:var(--glass-primary);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-sm);transition:var(--transition-smooth)}.intro-component>div:hover{background:var(--glass-secondary);border-color:var(--glass-border-light);transform:translateY(-2px)}.intro-component .chakra-accordion{background:transparent;border:none}.intro-component .chakra-accordion__item{border:1px solid var(--glass-border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);background:var(--glass-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition-smooth)}.intro-component .chakra-accordion__item:hover{border-color:var(--glass-border-light);background:var(--glass-secondary)}.intro-component .chakra-accordion__button{background:transparent;color:var(--text-primary);font-weight:var(--font-weight-medium);padding:var(--spacing-md);border-radius:var(--radius-lg);transition:var(--transition-smooth)}.intro-component .chakra-accordion__button:hover{background:var(--glass-secondary)}.intro-component .chakra-accordion__panel{color:var(--text-secondary);padding:var(--spacing-md);line-height:var(--line-height-relaxed)}.welcome-footer{position:relative;padding:var(--spacing-2xl) var(--spacing-lg);border-top:1px solid var(--border-primary);background:var(--bg-elevated)}.footer-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;color:var(--text-tertiary);font-size:var(--font-size-sm)}.footer-links{display:flex;gap:var(--spacing-lg)}.footer-links a{color:var(--text-tertiary);text-decoration:none;transition:var(--transition-smooth)}.footer-links a:hover{color:var(--primary-400)}.signed-in-welcome{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:var(--spacing-lg)}.welcome-card{background:var(--glass-secondary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--spacing-4xl);text-align:center;max-width:500px;box-shadow:var(--shadow-glass)}.welcome-card h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-md)}.welcome-card p{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--spacing-2xl);line-height:var(--line-height-relaxed)}.get-started-btn{position:relative;padding:var(--spacing-md) var(--spacing-2xl);background:var(--gradient-primary);border:none;border-radius:var(--radius-full);color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-smooth);overflow:hidden;box-shadow:var(--shadow-lg)}.get-started-btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl)}.get-started-btn span{position:relative;z-index:2}.button-glow{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:var(--gradient-primary);border-radius:var(--radius-full);z-index:-1;opacity:0;transition:var(--transition-smooth)}.get-started-btn:hover .button-glow{opacity:1;animation:glowPulse 2s ease-in-out infinite}@media (max-width: 768px){.hero-content{grid-template-columns:1fr;gap:var(--spacing-2xl);text-align:center}.hero-visual{order:-1}.floating-card{width:250px;height:150px}.steps-grid{grid-template-columns:1fr}.content-grid{grid-template-columns:1fr;gap:var(--spacing-2xl)}.footer-content{flex-direction:column;gap:var(--spacing-md);text-align:center}}.logo-section{position:relative}.logo-title-enhanced{font-size:3rem;font-weight:700;margin-bottom:1rem;line-height:1.1;text-shadow:0 4px 20px rgba(102,126,234,.3);transition:all .3s ease}.logo-title-enhanced:hover{transform:translateY(-2px);text-shadow:0 8px 30px rgba(102,126,234,.5)}.main-title{background:linear-gradient(135deg,#667eea,#764ba2);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 4s ease-in-out infinite;filter:drop-shadow(0 2px 8px rgba(102,126,234,.4))}.company-name{background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;color:#fff9;font-weight:400;font-size:.7em;text-shadow:0 2px 10px rgba(255,255,255,.1)}.logo-tagline{font-size:1.2rem;color:#fffc;margin:0;text-shadow:0 2px 10px rgba(0,0,0,.3);transition:all .3s ease}.logo-section:hover .logo-tagline{color:#ffffffe6;text-shadow:0 4px 15px rgba(0,0,0,.4)}.waitlist-wrapper{width:100%;overflow:hidden}.waitlist-wrapper .cl-card,.waitlist-wrapper .cl-rootBox,.waitlist-wrapper .cl-modalContent{max-width:100%!important;width:100%!important;box-sizing:border-box!important;overflow:hidden!important}.waitlist-wrapper .cl-formFieldInput,.waitlist-wrapper .cl-formButtonPrimary{max-width:100%!important;width:100%!important;box-sizing:border-box!important}.waitlist-wrapper .cl-formFieldInputGroup{max-width:100%!important;width:100%!important}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.glass-card,.floating-card,.welcome-card{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px)}}.welcome-main-grid{display:grid;grid-template-columns:400px 1fr;gap:3rem;align-items:start;margin-bottom:3rem}.welcome-left-column{display:flex;flex-direction:column;justify-content:space-between;height:600px}.welcome-right-column{background:#ffffff1a;border-radius:16px;padding:2rem;border:1px solid rgba(255,255,255,.2);height:600px;display:flex;flex-direction:column;width:100%;max-width:600px;overflow:hidden}@media (max-width: 768px){.welcome-main-grid{grid-template-columns:1fr;gap:2rem;margin-bottom:2rem}.welcome-left-column{height:auto;gap:2rem;text-align:center}.welcome-right-column{height:auto;min-height:400px;padding:1.5rem}.logo-title-enhanced{font-size:2.5rem}.logo-tagline{font-size:1rem}}:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--accent-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--text-primary: #1a1a1a;--text-secondary: #666;--text-light: #888;--shadow-soft: 0 8px 32px rgba(0, 0, 0, .1);--shadow-medium: 0 16px 64px rgba(0, 0, 0, .2);--shadow-hard: 0 24px 96px rgba(0, 0, 0, .3);--border-radius: 24px;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .4s cubic-bezier(.175, .885, .32, 1.275)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--text-primary);overflow-x:hidden}.about-container{position:relative;min-height:100vh;background:linear-gradient(135deg,#0c0c0c,#1a1a1a,#2d2d2d)}.animated-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.gradient-orb{position:absolute;border-radius:50%;filter:blur(40px);opacity:.6;animation:float 20s ease-in-out infinite}.orb-1{width:400px;height:400px;background:var(--primary-gradient);top:10%;left:10%;animation-delay:0s}.orb-2{width:600px;height:600px;background:var(--secondary-gradient);top:50%;right:10%;animation-delay:-7s}.orb-3{width:300px;height:300px;background:var(--accent-gradient);bottom:20%;left:50%;animation-delay:-14s}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.particles-container{position:absolute;width:100%;height:100%;pointer-events:none}.particle{position:absolute;width:2px;height:2px;background:#ffffff80;border-radius:50%;animation:particleFloat 20s linear infinite}@keyframes particleFloat{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-10px) rotate(360deg);opacity:0}}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 2rem;overflow:hidden}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;max-width:1200px;width:100%}.hero-text{opacity:0;transform:translateY(50px);transition:var(--transition-smooth)}.hero-text.animate-in{opacity:1;transform:translateY(0)}.hero-title{font-size:clamp(2.5rem,8vw,4rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;color:#fff}.text-gradient{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-subtitle{font-size:1.25rem;color:#fffc;max-width:500px;margin:0 auto}.hero-visual{display:flex;justify-content:center;align-items:center}.floating-card{position:relative;width:300px;height:200px;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;animation:cardFloat 6s ease-in-out infinite;box-shadow:var(--shadow-medium)}.card-glow{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:var(--primary-gradient);border-radius:var(--border-radius);z-index:-1;opacity:.5;animation:glowPulse 2s ease-in-out infinite}@keyframes cardFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}}@keyframes glowPulse{0%,to{opacity:.5}50%{opacity:.8}}.card-content{display:flex;align-items:center;gap:1rem;color:#fff;font-weight:600;font-size:1.1rem}.pulse-dot{width:12px;height:12px;border-radius:50%;background:#00f2fe;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);animation:bounce 2s infinite}.scroll-arrow{width:20px;height:20px;border-right:2px solid rgba(255,255,255,.6);border-bottom:2px solid rgba(255,255,255,.6);transform:rotate(45deg)}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}.cards-section{position:relative;padding:8rem 2rem;z-index:1}.cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--border-radius);padding:2rem;box-shadow:var(--shadow-soft);transition:var(--transition-smooth);opacity:0;transform:translateY(50px);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:var(--transition-smooth)}.glass-card:hover:before{left:100%}.glass-card.animate-in{opacity:1;transform:translateY(0)}.glass-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-medium);border-color:#ffffff4d}.card-icon{width:60px;height:60px;margin-bottom:1.5rem}.icon-wrapper{width:100%;height:100%;background:var(--primary-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-soft);transition:var(--transition-bounce)}.glass-card:hover .icon-wrapper{transform:scale(1.1) rotate(5deg)}.icon{width:28px;height:28px;fill:#fff;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.card-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#fff}.card-text{color:#fffc;margin-bottom:2rem;line-height:1.7}.card-stats{display:flex;gap:2rem;margin-top:1.5rem}.stat{text-align:center}.stat-number{font-size:2rem;font-weight:800;color:#00f2fe;display:block}.stat-label{font-size:.875rem;color:#fff9;margin-top:.25rem}.tech-stack{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.tech-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff1a;border-radius:50px;color:#ffffffe6;font-size:.875rem;transition:var(--transition-smooth)}.tech-item:hover{background:#fff3;transform:translateY(-2px)}.tech-dot{width:8px;height:8px;border-radius:50%;background:#00f2fe;animation:pulse 2s infinite}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.5rem}.feature{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#ffffff0d;border-radius:12px;transition:var(--transition-smooth)}.feature:hover{background:#ffffff1a;transform:translate(5px)}.feature-icon{font-size:1.25rem}.feature span{color:#ffffffe6;font-size:.875rem;font-weight:500}.cta-section{position:relative;padding:6rem 2rem;text-align:center;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;max-width:1200px;margin:0 auto;opacity:0;transform:translateY(50px);transition:var(--transition-smooth)}.cta-section.animate-in{opacity:1;transform:translateY(0)}.cta-content{text-align:left}.cta-title{font-size:2.5rem;font-weight:800;margin-bottom:1rem;color:#fff;line-height:1.2}.cta-subtitle{font-size:1.125rem;color:#fffc;margin-bottom:2rem}.cta-button{position:relative;padding:1rem 2rem;background:var(--primary-gradient);border:none;border-radius:50px;color:#fff;font-size:1.125rem;font-weight:600;cursor:pointer;transition:var(--transition-smooth);overflow:hidden;box-shadow:var(--shadow-soft)}.cta-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.cta-button span{position:relative;z-index:2}.button-glow{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:var(--primary-gradient);border-radius:50px;z-index:-1;opacity:0;transition:var(--transition-smooth)}.cta-button:hover .button-glow{opacity:1;animation:glowPulse 1.5s ease-in-out infinite}.cta-visual{display:flex;justify-content:center;align-items:center}.success-badge{display:flex;align-items:center;gap:1rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--shadow-soft);animation:badgeFloat 4s ease-in-out infinite}@keyframes badgeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.badge-icon{font-size:2rem;animation:iconSpin 10s linear infinite}@keyframes iconSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.badge-text{text-align:left}.badge-title{font-size:1.125rem;font-weight:600;color:#fff;margin-bottom:.25rem}.badge-subtitle{font-size:.875rem;color:#ffffffb3}@media (max-width: 768px){.hero-content{grid-template-columns:1fr;gap:2rem;text-align:center}.hero-visual{order:-1}.floating-card{width:250px;height:150px}.cards-container{grid-template-columns:1fr}.cta-section{grid-template-columns:1fr;gap:2rem;text-align:center}.cta-content{text-align:center}.card-stats{justify-content:center}.features-grid{grid-template-columns:1fr}}.animate-on-scroll{opacity:0;transform:translateY(50px);transition:var(--transition-smooth)}.animate-on-scroll.animate-in{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.glass-card{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px)}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:root{--primary-50: #f0f9ff;--primary-100: #e0f2fe;--primary-200: #bae6fd;--primary-300: #7dd3fc;--primary-400: #38bdf8;--primary-500: #667eea;--primary-600: #5a67d8;--primary-700: #4c51bf;--primary-800: #434190;--primary-900: #3c366b;--secondary-50: #fdf4ff;--secondary-100: #fae8ff;--secondary-200: #f5d0fe;--secondary-300: #f0abfc;--secondary-400: #e879f9;--secondary-500: #d946ef;--secondary-600: #c026d3;--secondary-700: #a21caf;--secondary-800: #86198f;--secondary-900: #701a75;--neutral-50: #fafafa;--neutral-100: #f5f5f5;--neutral-200: #e5e5e5;--neutral-300: #d4d4d4;--neutral-400: #a3a3a3;--neutral-500: #737373;--neutral-600: #525252;--neutral-700: #404040;--neutral-800: #262626;--neutral-900: #171717;--success-50: #f0fdf4;--success-100: #dcfce7;--success-200: #bbf7d0;--success-500: #22c55e;--success-600: #16a34a;--success-700: #15803d;--success-900: #14532d;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-200: #fde68a;--warning-500: #f59e0b;--warning-600: #d97706;--warning-700: #b45309;--warning-900: #78350f;--error-50: #fef2f2;--error-100: #fee2e2;--error-200: #fecaca;--error-500: #ef4444;--error-600: #dc2626;--error-700: #b91c1c;--error-900: #7f1d1d;--bg-primary: #0f0f0f;--bg-secondary: #1a1a1a;--bg-tertiary: #2d2d2d;--bg-elevated: #1f1f1f;--bg-surface: #262626;--bg-overlay: rgba(0, 0, 0, .8);--bg-slate-50: #f8fafc;--bg-slate-100: #f1f5f9;--bg-slate-200: #e2e8f0;--bg-slate-300: #cbd5e1;--bg-slate-400: #94a3b8;--bg-slate-500: #64748b;--bg-slate-600: #475569;--bg-slate-700: #334155;--bg-slate-800: #1e293b;--bg-slate-900: #0f172a;--bg-slate-950: #020617;--bg-graphite-50: #fafafa;--bg-graphite-100: #f4f4f5;--bg-graphite-200: #e4e4e7;--bg-graphite-300: #d4d4d8;--bg-graphite-400: #a1a1aa;--bg-graphite-500: #71717a;--bg-graphite-600: #52525b;--bg-graphite-700: #3f3f46;--bg-graphite-800: #27272a;--bg-graphite-900: #18181b;--bg-graphite-950: #09090b;--bg-indigo-50: #eef2ff;--bg-indigo-100: #e0e7ff;--bg-indigo-200: #c7d2fe;--bg-indigo-300: #a5b4fc;--bg-indigo-400: #818cf8;--bg-indigo-500: #6366f1;--bg-indigo-600: #4f46e5;--bg-indigo-700: #4338ca;--bg-indigo-800: #3730a3;--bg-indigo-900: #312e81;--bg-indigo-950: #1e1b4b;--bg-violet-50: #f5f3ff;--bg-violet-100: #ede9fe;--bg-violet-200: #ddd6fe;--bg-violet-300: #c4b5fd;--bg-violet-400: #a78bfa;--bg-violet-500: #8b5cf6;--bg-violet-600: #7c3aed;--bg-violet-700: #6d28d9;--bg-violet-800: #5b21b6;--bg-violet-900: #4c1d95;--bg-violet-950: #2e1065;--bg-teal-50: #f0fdfa;--bg-teal-100: #ccfbf1;--bg-teal-200: #99f6e4;--bg-teal-300: #5eead4;--bg-teal-400: #2dd4bf;--bg-teal-500: #14b8a6;--bg-teal-600: #0d9488;--bg-teal-700: #0f766e;--bg-teal-800: #115e59;--bg-teal-900: #134e4a;--bg-teal-950: #042f2e;--bg-cyan-50: #ecfeff;--bg-cyan-100: #cffafe;--bg-cyan-200: #a5f3fc;--bg-cyan-300: #67e8f9;--bg-cyan-400: #22d3ee;--bg-cyan-500: #06b6d4;--bg-cyan-600: #0891b2;--bg-cyan-700: #0e7490;--bg-cyan-800: #155e75;--bg-cyan-900: #164e63;--bg-cyan-950: #083344;--bg-amber-50: #fffbeb;--bg-amber-100: #fef3c7;--bg-amber-200: #fde68a;--bg-amber-300: #fcd34d;--bg-amber-400: #fbbf24;--bg-amber-500: #f59e0b;--bg-amber-600: #d97706;--bg-amber-700: #b45309;--bg-amber-800: #92400e;--bg-amber-900: #78350f;--bg-amber-950: #451a03;--bg-overlay-soft: rgba(0, 0, 0, .5);--bg-overlay-strong: rgba(0, 0, 0, .9);--glass-primary: rgba(255, 255, 255, .05);--glass-secondary: rgba(255, 255, 255, .1);--glass-tertiary: rgba(255, 255, 255, .15);--glass-border: rgba(255, 255, 255, .1);--glass-border-light: rgba(255, 255, 255, .2);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .8);--text-tertiary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .4);--text-inverse: #000000;--border-primary: rgba(255, 255, 255, .1);--border-secondary: rgba(255, 255, 255, .2);--border-focus: var(--primary-500);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .25);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .3);--gradient-primary: linear-gradient( 135deg, var(--primary-500) 0%, var(--primary-700) 100% );--gradient-secondary: linear-gradient( 135deg, var(--secondary-500) 0%, var(--secondary-700) 100% );--gradient-accent: linear-gradient( 135deg, var(--primary-500) 0%, var(--secondary-500) 100% );--gradient-background: linear-gradient( 135deg, var(--bg-primary) 0%, var(--bg-secondary) 50%, var(--bg-tertiary) 100% );--font-family-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "Fira Code", "Monaco", "Cascadia Code", "Roboto Mono", 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-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 2.5rem;--spacing-3xl: 3rem;--spacing-4xl: 4rem;--spacing-5xl: 5rem;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px;--container-content: 1152px;--container-reading: 768px;--radius-none: 0;--radius-sm: .125rem;--radius-base: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .4s cubic-bezier(.175, .885, .32, 1.275);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-elevated: #ffffff;--bg-surface: #f8fafc;--bg-overlay: rgba(255, 255, 255, .8);--glass-primary: rgba(255, 255, 255, .8);--glass-secondary: rgba(255, 255, 255, .9);--glass-tertiary: rgba(255, 255, 255, .95);--glass-border: rgba(0, 0, 0, .1);--glass-border-light: rgba(0, 0, 0, .05);--text-primary: #1a202c;--text-secondary: #4a5568;--text-tertiary: #718096;--text-muted: #a0aec0;--text-inverse: #ffffff;--border-primary: rgba(0, 0, 0, .1);--border-secondary: rgba(0, 0, 0, .2);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .1);--gradient-background: linear-gradient( 135deg, var(--bg-primary) 0%, var(--bg-secondary) 50%, var(--bg-tertiary) 100% )}[data-theme=high-contrast]{--bg-primary: #000000;--bg-secondary: #000000;--bg-tertiary: #1a1a1a;--text-primary: #ffffff;--text-secondary: #ffffff;--text-tertiary: #ffffff;--border-primary: #ffffff;--border-secondary: #ffffff;--primary-500: #00ff00;--secondary-500: #ffff00;--error-500: #ff0000;--warning-500: #ff8800;--success-500: #00ff00}@media (prefers-reduced-motion: reduce){:root{--transition-fast: none;--transition-base: none;--transition-slow: none;--transition-smooth: none;--transition-bounce: none}}body{font-family:var(--font-family-body);font-size:var(--font-size-base);line-height:var(--line-height-normal);font-weight:var(--font-weight-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0}h1{font-size:var(--font-size-5xl);font-weight:var(--font-weight-extrabold)}h2{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold)}h3{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold)}h4{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold)}h5{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium)}h6{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}p{margin:0;line-height:var(--line-height-normal)}code,pre{font-family:var(--font-family-mono)}@media print{:root{--bg-primary: #ffffff;--bg-secondary: #ffffff;--text-primary: #000000;--text-secondary: #000000;--border-primary: #000000;--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--shadow-xl: none;--shadow-glass: none}}