*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #000000;--bg-elevated: #0A0A0B;--bg-card: rgba(255, 255, 255, .04);--bg-card-hover: rgba(255, 255, 255, .07);--bg-glass: rgba(255, 255, 255, .06);--text: #F5F5F7;--text-2: rgba(245, 245, 247, .72);--text-3: rgba(245, 245, 247, .48);--text-4: rgba(245, 245, 247, .28);--accent: #3B82F6;--accent-2: #8B5CF6;--accent-glow: rgba(59, 130, 246, .22);--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .16);--border-card: rgba(255, 255, 255, .1);--gradient-hero: linear-gradient(135deg, #3B82F6 0%, #8B5CF6 50%, #EC4899 100%);--gradient-shine: linear-gradient(135deg, #F5F5F7 10%, #3B82F6 50%, #8B5CF6 90%);--gradient-card-border: linear-gradient(135deg, rgba(255,255,255,.14), rgba(255,255,255,.03));--gradient-radial-hero: radial-gradient(ellipse 80% 60% at 50% -5%, rgba(59,130,246,.14), transparent 70%);--gradient-radial-purple: radial-gradient(ellipse 50% 40% at 80% 20%, rgba(139,92,246,.09), transparent 60%);--gradient-section: radial-gradient(ellipse 70% 50% at 50% 100%, rgba(59,130,246,.07), transparent 70%);--mockup-bg: #0F172A;--mockup-sidebar: #1E293B;--mockup-border: rgba(255,255,255,.07);--mockup-text: rgba(255,255,255,.6);--mockup-active: rgba(59,130,246,.15);--story-bg: rgba(255,255,255,.03);--story-border: rgba(255,255,255,.08);--form-bg: rgba(255,255,255,.04);--form-border: rgba(255,255,255,.1);--form-focus: rgba(59,130,246,.4);--form-text: #F5F5F7;--form-placeholder: rgba(245,245,247,.35);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 28px;--shadow-glow: 0 0 60px rgba(59, 130, 246, .08);--transition: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .6s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--bg: #FAFAFA;--bg-elevated: #FFFFFF;--bg-card: rgba(0, 0, 0, .03);--bg-card-hover: rgba(0, 0, 0, .05);--bg-glass: rgba(0, 0, 0, .04);--text: #0A0A0B;--text-2: rgba(10, 10, 11, .65);--text-3: rgba(10, 10, 11, .45);--text-4: rgba(10, 10, 11, .28);--accent: #2563EB;--accent-2: #7C3AED;--accent-glow: rgba(37, 99, 235, .18);--border: rgba(0, 0, 0, .08);--border-hover: rgba(0, 0, 0, .16);--border-card: rgba(0, 0, 0, .1);--gradient-hero: linear-gradient(135deg, #2563EB 0%, #7C3AED 50%, #DB2777 100%);--gradient-shine: linear-gradient(135deg, #0A0A0B 10%, #2563EB 50%, #7C3AED 90%);--gradient-card-border: linear-gradient(135deg, rgba(0,0,0,.1), rgba(0,0,0,.03));--gradient-radial-hero: radial-gradient(ellipse 80% 60% at 50% -5%, rgba(37,99,235,.08), transparent 70%);--gradient-radial-purple: radial-gradient(ellipse 50% 40% at 80% 20%, rgba(124,58,237,.06), transparent 60%);--gradient-section: radial-gradient(ellipse 70% 50% at 50% 100%, rgba(37,99,235,.05), transparent 70%);--mockup-bg: #FFFFFF;--mockup-sidebar: #F1F5F9;--mockup-border: rgba(0,0,0,.07);--mockup-text: rgba(0,0,0,.5);--mockup-active: rgba(37,99,235,.08);--story-bg: rgba(0,0,0,.02);--story-border: rgba(0,0,0,.07);--form-bg: #FFFFFF;--form-border: rgba(0,0,0,.12);--form-focus: rgba(37,99,235,.35);--form-text: #0A0A0B;--form-placeholder: rgba(10,10,11,.35)}html{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.6;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;transition:background-color .3s ease,color .3s ease}body{background:var(--bg);overflow-x:hidden;transition:background-color .3s ease}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit;cursor:pointer;border:none;background:none}.container{max-width:1200px;margin:0 auto;padding:0 clamp(1.25rem,4vw,3rem)}.section{padding:clamp(4rem,8vw,8rem) 0;position:relative}.header{position:fixed;top:0;left:0;right:0;z-index:100;transition:var(--transition)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.header.scrolled{background:color-mix(in srgb,var(--bg) 72%,transparent);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border)}.header-logo{display:flex;align-items:center;gap:10px;color:var(--text)}.header-logo span{font-size:1.125rem;font-weight:600;letter-spacing:-.03em}.header-nav{display:flex;align-items:center;gap:2rem}.header-nav a{font-size:.875rem;font-weight:500;color:var(--text-2);transition:color var(--transition)}.header-nav a:hover{color:var(--text)}.header-actions{display:flex;align-items:center;gap:.75rem}.theme-toggle{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-3);background:var(--bg-card);border:1px solid var(--border);transition:all var(--transition)}.theme-toggle:hover{color:var(--text);background:var(--bg-card-hover);border-color:var(--border-hover)}.header-cta{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;font-size:.875rem;font-weight:600;color:#fff;background:var(--accent);border-radius:999px;transition:all var(--transition)}.header-cta:hover{opacity:.88;box-shadow:0 0 24px var(--accent-glow)}.hero{min-height:100vh;padding-top:100px;padding-bottom:4rem;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-radial-hero);pointer-events:none}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-radial-purple);pointer-events:none}.hero-container{display:flex;flex-direction:column;align-items:center;text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px 6px 8px;font-size:.8125rem;font-weight:500;color:var(--text-2);background:var(--bg-glass);border:1px solid var(--border);border-radius:999px;margin-bottom:2rem;animation:fadeUp .8s ease both}.hero-badge-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e80;animation:pulse-dot 2s ease-in-out infinite}.hero-title{font-size:clamp(2.25rem,5.5vw,4.5rem);font-weight:800;letter-spacing:-.04em;line-height:1.08;max-width:860px;margin-bottom:1.5rem;animation:fadeUp .8s .1s ease both}.hero-title .gradient{background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:clamp(1rem,2vw,1.2rem);font-weight:400;color:var(--text-2);max-width:620px;line-height:1.75;margin-bottom:2.5rem;animation:fadeUp .8s .2s ease both}.hero-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:center;margin-bottom:0;animation:fadeUp .8s .3s ease both}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;font-size:1rem;font-weight:600;color:#fff;background:var(--accent);border-radius:999px;transition:all var(--transition);position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.12) 50%,transparent 60%);transform:translate(-100%);transition:transform .6s ease}.btn-primary:hover:after{transform:translate(100%)}.btn-primary:hover{opacity:.9;box-shadow:0 0 40px var(--accent-glow),0 4px 16px #0000004d;transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;font-size:1rem;font-weight:600;color:var(--text-2);background:transparent;border:1px solid var(--border);border-radius:999px;transition:all var(--transition)}.btn-secondary:hover{color:var(--text);border-color:var(--border-hover);background:var(--bg-card)}.hero-visual{margin-top:4rem;width:100%;max-width:960px}.mockup-window{background:var(--mockup-bg);border:1px solid var(--mockup-border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 32px 80px #0006,0 0 0 1px var(--mockup-border)}.mockup-titlebar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--mockup-border);background:color-mix(in srgb,var(--mockup-sidebar) 80%,transparent)}.mockup-dot{width:12px;height:12px;border-radius:50%}.mockup-dot.red{background:#ff5f57}.mockup-dot.yellow{background:#febc2e}.mockup-dot.green{background:#28c840}.mockup-title{font-size:.75rem;color:var(--mockup-text);margin-left:8px;font-weight:500}.mockup-layout{display:flex;height:340px}.mockup-sidebar{width:52px;background:var(--mockup-sidebar);border-right:1px solid var(--mockup-border);display:flex;flex-direction:column;align-items:center;padding:16px 0;gap:12px;flex-shrink:0}.mockup-sidebar-logo{color:var(--text);opacity:.8;margin-bottom:8px}.mockup-nav-item{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;background:transparent;transition:background var(--transition)}.mockup-nav-item.active{background:var(--mockup-active)}.mockup-nav-dot{width:18px;height:4px;border-radius:2px;background:var(--mockup-text);opacity:.5}.mockup-nav-item.active .mockup-nav-dot{background:var(--accent);opacity:1}.mockup-content{flex:1;padding:16px;overflow:hidden;display:flex;flex-direction:column;gap:10px}.mockup-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.mockup-topbar-title{font-size:.8125rem;font-weight:600;color:var(--text)}.mockup-badge{font-size:.6875rem;font-weight:600;color:var(--accent);background:var(--mockup-active);padding:2px 8px;border-radius:999px}.mockup-task{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--bg-card);border:1px solid var(--mockup-border);border-radius:var(--radius-md);gap:12px;transition:border-color var(--transition)}.mockup-task.highlighted{border-color:#3b82f659;background:#3b82f60d}.mockup-task-left{display:flex;align-items:center;gap:10px;min-width:0}.mockup-task-icon{width:28px;height:28px;border-radius:var(--radius-sm);background:var(--bg-glass);border:1px solid var(--mockup-border);flex-shrink:0}.mockup-task-name{font-size:.75rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.mockup-task-meta{font-size:.6875rem;color:var(--mockup-text);margin-top:1px}.mockup-chip{font-size:.6875rem;font-weight:600;padding:3px 10px;border-radius:999px;flex-shrink:0}.chip-blue{background:#3b82f626;color:#60a5fa}.chip-gray{background:#ffffff12;color:var(--mockup-text)}.chip-red{background:#ef444426;color:#f87171}.mockup-ai-panel{margin-top:4px;padding:10px 12px;background:#3b82f60a;border:1px solid rgba(59,130,246,.15);border-radius:var(--radius-md)}.mockup-ai-header{display:flex;align-items:center;gap:6px;font-size:.6875rem;font-weight:600;color:#60a5fa;margin-bottom:8px}.mockup-ai-dot{width:6px;height:6px;border-radius:50%;background:#60a5fa;box-shadow:0 0 6px #60a5fa99}.mockup-ai-row{display:flex;align-items:center;gap:8px;font-size:.6875rem;color:var(--mockup-text);margin-bottom:4px}.mockup-ai-row span:first-child{min-width:72px}.mockup-ai-val{color:var(--text);font-weight:500}.mockup-ai-bar{flex:1;height:4px;background:#ffffff14;border-radius:2px;overflow:hidden}.mockup-ai-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:2px;transition:width 1s ease}.stats-section{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:3rem 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.stat-item{text-align:center;padding:.5rem 0}.stat-number{font-size:clamp(1.75rem,3.5vw,3rem);font-weight:800;letter-spacing:-.04em;background:var(--gradient-shine);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;margin-bottom:.5rem}.stat-label{font-size:.875rem;color:var(--text-3);font-weight:500;line-height:1.4}.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.pain-card{padding:2rem;background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);transition:all var(--transition);position:relative;overflow:hidden}.pain-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));opacity:0;transition:opacity var(--transition)}.pain-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translateY(-2px)}.pain-card:hover:before{opacity:1}.pain-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--bg-glass);border:1px solid var(--border);margin-bottom:1.25rem;color:var(--accent)}.pain-title{font-size:1.125rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.625rem}.pain-text{font-size:.9375rem;color:var(--text-2);line-height:1.65}.section-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.8125rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-.04em;line-height:1.1;margin-bottom:1rem}.section-subtitle{font-size:1.125rem;color:var(--text-2);max-width:640px;line-height:1.7}.section-header{margin-bottom:3.5rem}.section-header.center{text-align:center}.section-header.center .section-subtitle{margin:0 auto}.how-section{background:var(--bg-elevated)}.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.workflow-card{padding:2rem;background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);position:relative;transition:all var(--transition)}.workflow-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.workflow-number{font-size:3rem;font-weight:800;color:var(--text-4);line-height:1;margin-bottom:1rem;letter-spacing:-.04em}.workflow-title{font-size:1.125rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem}.workflow-text{font-size:.9375rem;color:var(--text-2);line-height:1.65}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.feature-card{padding:1.75rem;background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);transition:all var(--transition);position:relative;overflow:hidden}.feature-card:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--gradient-card-border);opacity:0;transition:opacity var(--transition)}.feature-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translateY(-2px)}.feature-card:hover:after{opacity:1}.feature-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--bg-glass);border:1px solid var(--border);margin-bottom:1rem;color:var(--accent)}.feature-title{font-size:1rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem}.feature-text{font-size:.9rem;color:var(--text-2);line-height:1.6}.story-section{position:relative}.story-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-section);pointer-events:none}.story-card{padding:2.5rem;background:var(--story-bg);border:1px solid var(--story-border);border-radius:var(--radius-2xl);position:relative;overflow:hidden}.story-card:before{content:"";position:absolute;top:-1px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.4}.story-badge{display:inline-block;font-size:.75rem;font-weight:600;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);padding:4px 12px;border-radius:999px;margin-bottom:1.75rem;text-transform:uppercase;letter-spacing:.06em}.story-body{display:grid;grid-template-columns:200px 1fr;gap:3rem;align-items:start}.story-left{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.story-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700;color:#fff}.story-name{font-size:1rem;font-weight:700;letter-spacing:-.02em}.story-role{font-size:.8125rem;color:var(--text-3);line-height:1.5;margin-top:.25rem}.story-quote{font-size:clamp(1rem,1.5vw,1.2rem);color:var(--text-2);line-height:1.75;font-style:italic;margin-bottom:2rem;border-left:3px solid var(--accent);padding-left:1.25rem;quotes:none}.story-results{display:flex;gap:2rem}.story-result{text-align:center}.story-result-num{font-size:1.75rem;font-weight:800;letter-spacing:-.04em;background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;margin-bottom:.25rem}.story-result-label{font-size:.75rem;color:var(--text-3);line-height:1.4}.testimonials-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.testimonial-card{padding:2rem;background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);transition:all var(--transition)}.testimonial-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}.testimonial-icon{color:var(--accent);opacity:.6;margin-bottom:1rem}.testimonial-quote{font-size:1rem;color:var(--text-2);line-height:1.7;margin-bottom:1.5rem;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:.75rem}.testimonial-avatar{width:40px;height:40px;border-radius:50%;background:var(--bg-glass);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;flex-shrink:0}.testimonial-name{font-size:.9375rem;font-weight:700;letter-spacing:-.01em}.testimonial-role{font-size:.8125rem;color:var(--text-3);margin-top:2px}.demo-section{position:relative;overflow:hidden}.demo-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-radial-hero);pointer-events:none;opacity:.7}.demo-inner{display:grid;grid-template-columns:1fr 480px;gap:5rem;align-items:start}.demo-title{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800;letter-spacing:-.04em;line-height:1.1;margin-bottom:1rem}.demo-subtitle{font-size:1.0625rem;color:var(--text-2);line-height:1.7;margin-bottom:2rem}.demo-bullets{list-style:none;display:flex;flex-direction:column;gap:.75rem}.demo-bullets li{display:flex;align-items:center;gap:.625rem;font-size:.9375rem;color:var(--text-2)}.demo-bullets svg{color:#22c55e;flex-shrink:0}.demo-form-wrap{background:var(--form-bg);border:1px solid var(--form-border);border-radius:var(--radius-2xl);padding:2rem;position:relative;overflow:hidden}.demo-form-wrap:before{content:"";position:absolute;top:-1px;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.4}.demo-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.875rem;font-weight:600;color:var(--text)}.form-input{padding:12px 16px;font-size:.9375rem;color:var(--form-text);background:var(--bg-card);border:1px solid var(--form-border);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition),box-shadow var(--transition);font-family:inherit}.form-input::placeholder{color:var(--form-placeholder)}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--form-focus)}.form-consent{display:flex;align-items:flex-start;gap:.75rem}.form-checkbox{width:16px;height:16px;flex-shrink:0;accent-color:var(--accent);cursor:pointer;margin-top:2px}.form-consent-label{font-size:.8125rem;color:var(--text-3);line-height:1.5;cursor:pointer}.form-consent-label a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.form-error{font-size:.8125rem;color:#f87171;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-sm);padding:10px 14px}.form-submit{width:100%;justify-content:center;padding:14px 24px}.form-retry-hint{text-align:center;font-size:.8125rem;color:var(--text-3)}.form-retry-btn{color:var(--accent);text-decoration:underline;text-underline-offset:2px;font-size:.8125rem}.form-success{text-align:center;padding:2rem 1rem}.form-success-icon{width:56px;height:56px;border-radius:50%;background:#22c55e1a;border:1px solid rgba(34,197,94,.2);display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;color:#22c55e}.form-success h3{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem}.form-success p{font-size:.9375rem;color:var(--text-2);line-height:1.65}.footer{border-top:1px solid var(--border);padding:2.5rem 0}.footer-inner{display:flex;align-items:center;justify-content:space-between}.footer-logo{display:flex;align-items:center;gap:8px;color:var(--text-2)}.footer-logo span{font-size:.875rem;font-weight:600}.footer-copy{font-size:.8125rem;color:var(--text-3)}.footer-links{display:flex;gap:1.5rem}.footer-links a{font-size:.8125rem;color:var(--text-3);transition:color var(--transition)}.footer-links a:hover{color:var(--text-2)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.fade-in{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.fade-in-stagger>*{opacity:0;transform:translateY(24px);transition:opacity .5s ease,transform .5s ease}.fade-in-stagger.visible>*:nth-child(1){transition-delay:0s;opacity:1;transform:none}.fade-in-stagger.visible>*:nth-child(2){transition-delay:.08s;opacity:1;transform:none}.fade-in-stagger.visible>*:nth-child(3){transition-delay:.16s;opacity:1;transform:none}.fade-in-stagger.visible>*:nth-child(4){transition-delay:.24s;opacity:1;transform:none}.fade-in-stagger.visible>*:nth-child(5){transition-delay:.32s;opacity:1;transform:none}.fade-in-stagger.visible>*:nth-child(6){transition-delay:.4s;opacity:1;transform:none}@media (max-width: 1024px){.features-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.story-body{grid-template-columns:1fr;gap:2rem}.story-left{flex-direction:row;text-align:left}.demo-inner{grid-template-columns:1fr;gap:3rem}}@media (max-width: 768px){.header-nav{display:none}.pain-grid,.workflow-grid,.testimonials-grid,.features-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.story-results{flex-direction:column;gap:1rem}.footer-inner{flex-direction:column;gap:1rem;text-align:center}}@media (max-width: 480px){.hero-title{font-size:2rem}.hero-actions{flex-direction:column;width:100%}.hero-actions .btn-primary,.hero-actions .btn-secondary{width:100%;justify-content:center}.stats-grid{grid-template-columns:1fr}.mockup-layout{height:260px}.mockup-task-name{max-width:140px}}