*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-success: #059669;--color-success-hover: #047857;--color-warning: #d97706;--color-danger: #ef4444;--color-slate-50: #f8fafc;--color-slate-100: #f1f5f9;--color-slate-200: #e2e8f0;--color-slate-600: #475569;--color-slate-700: #334155;--color-slate-900: #0f172a;--color-blue-50: #eff6ff;--color-blue-100: #dbeafe;--color-indigo-50: #eef2ff;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--container-max-width: 1200px;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1)}body{font-family:var(--font-family);font-size:16px;line-height:1.6;color:var(--color-slate-900);background:linear-gradient(to bottom right,var(--color-slate-50),var(--color-blue-50),var(--color-indigo-50));min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-md)}.header{position:sticky;top:0;z-index:50;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-slate-200);box-shadow:var(--shadow-sm)}.nav-container{max-width:var(--container-max-width);margin:0 auto;padding:var(--spacing-sm) var(--spacing-md)}.nav-content{display:flex;justify-content:space-between;align-items:center}.logo{text-decoration:none}.logo-text{font-size:1.5rem;font-weight:700}.logo-solo{color:var(--color-slate-900)}.logo-track{color:var(--color-primary)}.nav-links{display:none;gap:var(--spacing-md);align-items:center}@media(min-width:768px){.nav-links{display:flex}}.nav-link{color:var(--color-slate-700);text-decoration:none;font-weight:500;font-size:.875rem;transition:color .2s}.nav-link:hover{color:var(--color-primary)}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;cursor:pointer}@media(min-width:768px){.mobile-menu-btn{display:none}}.hamburger{display:block;width:24px;height:2px;background:var(--color-slate-700);position:relative;transition:background .3s}.hamburger:before,.hamburger:after{content:"";position:absolute;width:24px;height:2px;background:var(--color-slate-700);left:0;transition:transform .3s}.hamburger:before{top:-8px}.hamburger:after{bottom:-8px}.mobile-menu{display:none;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);border-top:1px solid var(--color-slate-200)}.mobile-menu.active{display:flex}.mobile-link{color:var(--color-slate-700);text-decoration:none;font-weight:500;padding:var(--spacing-sm);border-radius:var(--radius-md);transition:background .2s}.mobile-link:hover{background:var(--color-slate-100)}.mobile-btn{width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;border-radius:var(--radius-lg);transition:all .2s;border:none;cursor:pointer;white-space:nowrap}.btn-large{padding:.75rem 1.5rem;font-size:1rem}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:transparent;color:var(--color-slate-700);border:1px solid var(--color-slate-300)}.btn-secondary:hover{background:var(--color-slate-100)}.btn-cta{background:var(--color-success);color:#fff;box-shadow:var(--shadow-md)}.btn-cta:hover{background:var(--color-success-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:#fff}.hero{padding:var(--spacing-2xl) 0;min-height:calc(100vh - 80px);display:flex;align-items:center}.hero-content{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);align-items:center}@media(min-width:768px){.hero-content{grid-template-columns:1fr 1fr}}.hero-text{text-align:center}@media(min-width:768px){.hero-text{text-align:left}}.hero-headline{font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:var(--spacing-md);color:var(--color-slate-900)}@media(min-width:768px){.hero-headline{font-size:3.5rem}}.hero-subheadline{font-size:1.125rem;color:var(--color-slate-600);margin-bottom:var(--spacing-lg);line-height:1.7}.hero-cta{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}@media(min-width:640px){.hero-cta{flex-direction:row;justify-content:center}}@media(min-width:768px){.hero-cta{justify-content:flex-start}}.hero-note{font-size:.875rem;color:var(--color-slate-600)}.hero-visual{display:flex;justify-content:center}.app-preview{width:100%;max-width:500px;background:#fff;border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #00000026;border:1px solid var(--color-slate-200);overflow:hidden}.preview-timer{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-bottom:1px solid #a7f3d0}.timer-dot{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.timer-icon{width:16px;height:16px;color:#059669}.timer-time{font-family:SF Mono,Monaco,monospace;font-weight:600;font-size:.9rem;color:#047857}.timer-task{font-size:.8rem;color:#065f46;margin-left:auto}.preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--color-slate-200);border-bottom:1px solid var(--color-slate-200)}.preview-stat{background:#fff;padding:1rem;text-align:center}.stat-value{display:block;font-size:1.25rem;font-weight:700;color:var(--color-slate-900)}.stat-label{font-size:.7rem;color:var(--color-slate-500);text-transform:uppercase;letter-spacing:.05em}.preview-tasks{padding:.5rem}.preview-task{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;border-radius:var(--radius-md);font-size:.85rem}.preview-task:hover{background:var(--color-slate-50)}.preview-task.completed{opacity:.7}.preview-task.completed .task-title{text-decoration:line-through}.task-check{width:18px;height:18px;color:#10b981;flex-shrink:0}.task-dot{width:8px;height:8px;background:#fbbf24;border-radius:50%;flex-shrink:0;margin:0 5px}.task-title{flex:1;color:var(--color-slate-700);font-weight:500}.task-hours{color:var(--color-slate-500);font-size:.75rem}.task-amount{color:var(--color-slate-900);font-weight:600;font-size:.8rem;min-width:50px;text-align:right}.task-play{background:none;border:none;color:var(--color-slate-400);cursor:pointer;font-size:.7rem;padding:.25rem}.task-play:hover{color:#10b981}.preview-ai{margin:.5rem;padding:.75rem;background:linear-gradient(135deg,#faf5ff,#f3e8ff);border-radius:var(--radius-md);border:1px solid #e9d5ff}.ai-label{display:inline-flex;align-items:center;gap:.35rem;font-size:.65rem;font-weight:600;color:#7c3aed;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.ai-sparkle{width:10px;height:10px}.ai-before{font-size:.8rem;color:var(--color-slate-500);font-style:italic;margin-bottom:.25rem}.ai-arrow{color:#a855f7;font-weight:700;margin:.25rem 0}.ai-after{font-size:.8rem;color:var(--color-slate-700);font-weight:500}section{padding:var(--spacing-2xl) 0}.section-header{text-align:center;margin-bottom:var(--spacing-xl)}.section-title{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-sm);color:var(--color-slate-900)}@media(min-width:768px){.section-title{font-size:2.5rem}}.section-subtitle{font-size:1.125rem;color:var(--color-slate-600)}.features{background:#fff}.features-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media(min-width:640px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.features-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{padding:var(--spacing-lg);background:#fff;border-radius:var(--radius-xl);border:1px solid var(--color-slate-200);box-shadow:var(--shadow-sm);transition:all .3s}.feature-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--color-primary)}.feature-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md)}.feature-icon svg{width:24px;height:24px;color:#fff}.feature-icon-blue{background:var(--color-primary)}.feature-icon-emerald{background:var(--color-success)}.feature-icon-purple{background:#7c3aed}.feature-icon-amber{background:var(--color-warning)}.feature-icon-indigo{background:#4f46e5}.feature-icon-rose{background:#e11d48}.feature-title{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-slate-900)}.feature-description{color:var(--color-slate-600);line-height:1.6}.benefits-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media(min-width:768px){.benefits-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.benefits-grid{grid-template-columns:repeat(3,1fr)}}.benefit-card{padding:var(--spacing-lg);background:#fff;border-radius:var(--radius-xl);border:1px solid var(--color-slate-200);box-shadow:var(--shadow-sm);transition:all .3s}.benefit-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.benefit-number{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--color-primary),var(--color-success));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-sm)}.benefit-title{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-slate-900)}.benefit-description{color:var(--color-slate-600);line-height:1.6}.why-section{background:#fff}.why-content{max-width:1000px;margin:0 auto}.why-story{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}@media(min-width:768px){.why-story{grid-template-columns:repeat(3,1fr)}}.why-card{padding:var(--spacing-lg);background:var(--color-slate-50);border-radius:var(--radius-xl);border:1px solid var(--color-slate-200);text-align:center}.why-icon{width:64px;height:64px;margin:0 auto var(--spacing-md);border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-success));display:flex;align-items:center;justify-content:center}.why-icon svg{width:32px;height:32px;color:#fff}.why-title{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-slate-900)}.why-text{color:var(--color-slate-600);line-height:1.6}.why-mission{text-align:center;padding:var(--spacing-xl);background:linear-gradient(135deg,var(--color-primary),var(--color-success));border-radius:var(--radius-xl);color:#fff}.mission-quote{margin:0}.mission-quote p{font-size:1.25rem;line-height:1.8;font-style:italic;margin-bottom:var(--spacing-md)}.mission-quote footer{font-size:1rem;opacity:.9}.how-it-works{background:var(--color-slate-50)}.steps-container{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}@media(min-width:1024px){.steps-container{grid-template-columns:1fr auto 1fr auto 1fr;gap:var(--spacing-md);align-items:center}}.step-card{padding:var(--spacing-xl);background:#fff;border-radius:var(--radius-xl);border:1px solid var(--color-slate-200);box-shadow:var(--shadow-sm);position:relative;transition:all .3s}.step-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.step-number{position:absolute;top:-16px;left:var(--spacing-lg);width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-success));color:#fff;font-size:1.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}.step-icon{width:64px;height:64px;margin:var(--spacing-md) auto var(--spacing-md);border-radius:var(--radius-lg);background:var(--color-slate-50);display:flex;align-items:center;justify-content:center}.step-icon svg{width:32px;height:32px;color:var(--color-primary)}.step-title{font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-slate-900);text-align:center}.step-description{color:var(--color-slate-600);line-height:1.6;margin-bottom:var(--spacing-md);text-align:center}.step-features{list-style:none;padding:0}.step-features li{padding:var(--spacing-xs) 0;color:var(--color-slate-700);font-size:.875rem;position:relative;padding-left:var(--spacing-md)}.step-features li:before{content:"✓";position:absolute;left:0;color:var(--color-success);font-weight:600}.step-arrow{display:none}@media(min-width:1024px){.step-arrow{display:flex;align-items:center;justify-content:center}.step-arrow svg{width:32px;height:32px;color:var(--color-primary)}}.how-it-works-cta{text-align:center;padding:var(--spacing-xl);background:#fff;border-radius:var(--radius-xl);border:2px solid var(--color-primary)}.cta-text{font-size:1.25rem;font-weight:600;color:var(--color-slate-900);margin-bottom:var(--spacing-md)}.social-proof{background:#fff}.testimonials-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}@media(min-width:768px){.testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.testimonials-grid{grid-template-columns:repeat(3,1fr)}}.testimonial-card{padding:var(--spacing-lg);background:var(--color-slate-50);border-radius:var(--radius-xl);border:1px solid var(--color-slate-200)}.testimonial-stars{color:var(--color-warning);font-size:1.25rem;margin-bottom:var(--spacing-sm)}.testimonial-text{color:var(--color-slate-700);line-height:1.6;margin-bottom:var(--spacing-md);font-style:italic}.testimonial-author{display:flex;align-items:center;gap:var(--spacing-sm)}.author-avatar{width:48px;height:48px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600}.author-name{font-weight:600;color:var(--color-slate-900)}.author-role{font-size:.875rem;color:var(--color-slate-600)}.trust-indicators{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);text-align:center}@media(min-width:768px){.trust-indicators{grid-template-columns:repeat(4,1fr)}}.trust-item{padding:var(--spacing-md)}.trust-number{font-size:2rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-xs)}.trust-label{font-size:.875rem;color:var(--color-slate-600)}.demo-section{background:linear-gradient(135deg,var(--color-primary),var(--color-success));color:#fff}.demo-content{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);align-items:center}@media(min-width:768px){.demo-content{grid-template-columns:1fr 1fr}}.demo-title{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-md)}.demo-description{font-size:1.125rem;margin-bottom:var(--spacing-lg);opacity:.9}.demo-visual{display:flex;justify-content:center}.demo-placeholder{width:100%;max-width:500px;aspect-ratio:16 / 10;background:#ffffff1a;border-radius:var(--radius-xl);border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff}.demo-icon{width:64px;height:64px;margin-bottom:var(--spacing-sm);opacity:.9}.pricing{background:#fff}.pricing-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media(min-width:768px){.pricing-grid{grid-template-columns:repeat(3,1fr)}}.pricing-card{padding:var(--spacing-xl);background:#fff;border-radius:var(--radius-xl);border:2px solid var(--color-slate-200);position:relative;transition:all .3s}.pricing-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.pricing-card-featured{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--color-primary);color:#fff;padding:.25rem 1rem;border-radius:var(--radius-lg);font-size:.875rem;font-weight:600}.pricing-header{margin-bottom:var(--spacing-lg)}.pricing-name{font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-xs);color:var(--color-slate-900)}.pricing-description{color:var(--color-slate-600)}.pricing-price{margin-bottom:var(--spacing-lg)}.price-amount{font-size:3rem;font-weight:700;color:var(--color-slate-900)}.price-period{font-size:1rem;color:var(--color-slate-600)}.pricing-features{list-style:none;margin-bottom:var(--spacing-lg)}.feature-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.feature-check{width:20px;height:20px;color:var(--color-success);flex-shrink:0;margin-top:2px}.pricing-btn{width:100%}.faq-list{max-width:800px;margin:0 auto}.faq-item{background:#fff;border-radius:var(--radius-lg);margin-bottom:var(--spacing-sm);border:1px solid var(--color-slate-200);overflow:hidden}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:transparent;border:none;cursor:pointer;text-align:left;font-size:1rem;font-weight:600;color:var(--color-slate-900);transition:background .2s}.faq-question:hover{background:var(--color-slate-50)}.faq-icon{width:20px;height:20px;color:var(--color-slate-600);transition:transform .3s;flex-shrink:0}.faq-item.active .faq-icon{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.faq-item.active .faq-answer{max-height:500px}.faq-answer p{padding:0 var(--spacing-md) var(--spacing-md);color:var(--color-slate-600);line-height:1.6}.trust-section{background:var(--color-slate-50)}.trust-content{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media(min-width:768px){.trust-content{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.trust-content{grid-template-columns:repeat(4,1fr)}}.trust-badge{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:#fff;border-radius:var(--radius-lg);border:1px solid var(--color-slate-200)}.trust-icon{width:40px;height:40px;color:var(--color-success);flex-shrink:0}.trust-text h4{font-size:1rem;font-weight:600;margin-bottom:.25rem;color:var(--color-slate-900)}.trust-text p{font-size:.875rem;color:var(--color-slate-600)}.footer{background:var(--color-slate-900);color:#fff;padding:var(--spacing-2xl) 0 var(--spacing-lg)}.footer-cta{text-align:center;padding-bottom:var(--spacing-2xl)}.footer-cta-title{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-sm)}@media(min-width:768px){.footer-cta-title{font-size:2.5rem}}.footer-cta-subtitle{font-size:1.125rem;opacity:.8;margin-bottom:var(--spacing-lg)}.footer-cta-note{margin-top:var(--spacing-md);font-size:.875rem;opacity:.7}.footer-divider{height:1px;background:#ffffff1a;margin-bottom:var(--spacing-xl)}.footer-content{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}@media(min-width:640px){.footer-content{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.footer-content{grid-template-columns:2fr 1fr 1fr 1fr}}.footer-brand{margin-bottom:var(--spacing-sm)}.footer-tagline{opacity:.8;line-height:1.6}.footer-heading{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-md)}.footer-links{list-style:none}.footer-links li{margin-bottom:var(--spacing-sm)}.footer-links a{color:#fffc;text-decoration:none;font-size:.875rem;transition:color .2s}.footer-links a:hover{color:#fff}.footer-bottom{display:flex;flex-direction:column;gap:var(--spacing-md);align-items:center;padding-top:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.1)}@media(min-width:768px){.footer-bottom{flex-direction:row;justify-content:space-between}}.footer-copyright{font-size:.875rem;opacity:.7}.footer-social{display:flex;gap:var(--spacing-md)}.social-link{color:#fffc;text-decoration:none;font-size:.875rem;transition:color .2s}.social-link:hover{color:#fff}html{scroll-behavior:smooth}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeInUp .6s ease-out}.social-proof{padding:var(--spacing-xl) 0;background:#fff;border-bottom:1px solid var(--color-slate-200)}.proof-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);text-align:center}@media(min-width:768px){.proof-grid{grid-template-columns:repeat(4,1fr)}}.proof-item{padding:var(--spacing-md)}.proof-number{display:block;font-size:2rem;font-weight:700;color:var(--color-primary);margin-bottom:.25rem}@media(min-width:768px){.proof-number{font-size:2.5rem}}.proof-label{font-size:.875rem;color:var(--color-slate-600);font-weight:500}.feature-card-highlight{position:relative;background:linear-gradient(135deg,#faf5ff,#f3e8ff);border:2px solid #e9d5ff}.feature-badge{position:absolute;top:-10px;right:1rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;font-size:.65rem;font-weight:600;padding:.25rem .75rem;border-radius:1rem;text-transform:uppercase;letter-spacing:.05em}.feature-icon-violet{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#7c3aed}.benefit-card-ai{position:relative}.benefit-card-ai:before{content:"✨";position:absolute;top:1rem;right:1rem;font-size:1.25rem}.ai-section{background:linear-gradient(180deg,#faf5ff,#f5f3ff);padding:var(--spacing-2xl) 0}.ai-section-badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;font-size:.75rem;font-weight:600;padding:.5rem 1rem;border-radius:2rem;margin-bottom:var(--spacing-md)}.ai-section-badge svg{width:14px;height:14px}.ai-demo-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}@media(min-width:768px){.ai-demo-grid{grid-template-columns:repeat(3,1fr)}}.ai-demo-card{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-slate-200)}.ai-demo-label{font-size:.75rem;font-weight:600;color:#7c3aed;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-md)}.ai-demo-before,.ai-demo-after{padding:var(--spacing-sm);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}.ai-demo-before{background:var(--color-slate-100);border:1px dashed var(--color-slate-300)}.ai-demo-after{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0}.ai-demo-tag{display:block;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;color:var(--color-slate-500)}.ai-demo-before p{color:var(--color-slate-600);font-style:italic;font-size:.9rem;margin:0}.ai-demo-after p{color:var(--color-slate-800);font-weight:500;font-size:.9rem;margin:0}.ai-demo-after .ai-demo-tag{color:#059669}.ai-benefits{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-lg)}.ai-benefit{display:flex;align-items:center;gap:.5rem;color:var(--color-slate-700);font-weight:500}.ai-benefit svg{width:20px;height:20px;color:#10b981}.demo-section{background:linear-gradient(180deg,var(--color-slate-50) 0%,white 100%);padding:var(--spacing-2xl) 0}.demo-content{display:flex;justify-content:center}.demo-card{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-xl) var(--spacing-lg);box-shadow:var(--shadow-lg);border:1px solid var(--color-slate-200);text-align:center;max-width:600px}.demo-icon-wrapper{width:64px;height:64px;background:linear-gradient(135deg,var(--color-primary),#4f46e5);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md)}.demo-icon-wrapper svg{width:32px;height:32px;color:#fff}.demo-title{font-size:1.75rem;font-weight:700;color:var(--color-slate-900);margin-bottom:var(--spacing-sm)}.demo-description{color:var(--color-slate-600);font-size:1rem;line-height:1.7;margin-bottom:var(--spacing-lg)}.demo-cta-group{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}@media(min-width:480px){.demo-cta-group{flex-direction:row;justify-content:center}}.demo-features{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-md)}.demo-feature{display:inline-flex;align-items:center;gap:.35rem;font-size:.875rem;color:var(--color-slate-600)}.demo-feature svg{width:16px;height:16px;color:#10b981}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-slate-200)}.modal-title{font-size:1.25rem;font-weight:600;color:var(--color-slate-900);margin:0}.modal-close{background:none;border:none;padding:.25rem;cursor:pointer;color:var(--color-slate-500);border-radius:var(--radius-md);transition:background .2s,color .2s}.modal-close:hover{background:var(--color-slate-100);color:var(--color-slate-700)}.modal-body{padding:var(--spacing-lg)}.modal-footer{display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding-top:var(--spacing-md);border-top:1px solid var(--color-slate-200);margin-top:var(--spacing-md)}.form-row{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}@media(min-width:640px){.form-row{grid-template-columns:repeat(2,1fr)}}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;font-size:.875rem;font-weight:600;color:var(--color-slate-700);margin-bottom:var(--spacing-xs)}.form-optional{font-weight:400;color:var(--color-slate-500);font-size:.75rem}.form-required{color:var(--color-danger)}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem 1rem;font-size:1rem;border:1px solid var(--color-slate-300);border-radius:var(--radius-md);background:#fff;color:var(--color-slate-900);transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.form-input::-moz-placeholder,.form-textarea::-moz-placeholder{color:var(--color-slate-400)}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-slate-400)}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem;cursor:pointer}.form-textarea{min-height:120px;resize:vertical;line-height:1.6}.form-hint{font-size:.75rem;color:var(--color-slate-500);margin-top:var(--spacing-xs)}.form-actions{margin-top:var(--spacing-lg)}.btn-submit{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-width:140px}.btn-text{display:inline}.btn-loading{display:none;align-items:center;gap:.5rem}.spinner{width:16px;height:16px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-success,.form-error{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);margin-top:var(--spacing-md);font-size:.875rem}.form-success{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;color:#065f46}.form-error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;color:#991b1b}.success-icon,.error-icon{width:20px;height:20px;flex-shrink:0;margin-top:1px}.success-icon{color:#10b981}.error-icon{color:#ef4444}