/*!
 * Distill Works - Main Stylesheet
 * Contains: Master color system, base styles, components, and utilities
 * Dark theme permanent default (light theme backup available)
 * Optimized for performance and accessibility
 * Version: Phase 1-4 Optimized
 */:root{--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-300:#93c5fd;--blue-400:#60a5fa;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-800:#1e40af;--blue-900:#1e3a8a;--green-50:#f0fdf4;--green-100:#dcfce7;--green-200:#bbf7d0;--green-300:#86efac;--green-400:#4ade80;--green-500:#22c55e;--green-600:#16a34a;--green-700:#15803d;--green-800:#166534;--green-900:#14532d;--emerald-500:#10b981;--emerald-600:#059669;--emerald-700:#047857;--yellow-50:#fefce8;--yellow-100:#fef3c7;--yellow-200:#fde68a;--yellow-300:#fcd34d;--yellow-400:#fbbf24;--yellow-500:#f59e0b;--yellow-600:#d97706;--yellow-700:#b45309;--yellow-800:#92400e;--yellow-900:#78350f;--red-50:#fef2f2;--red-100:#fee2e2;--red-200:#fecaca;--red-300:#fca5a5;--red-400:#f87171;--red-500:#ef4444;--red-600:#dc2626;--red-700:#b91c1c;--red-800:#991b1b;--red-900:#7f1d1d;--purple-500:#a855f7;--purple-600:#9333ea;--purple-700:#7c3aed;--purple-800:#6b21a8;--pink-400:#f472b6;--pink-500:#ec4899;--pink-600:#db2777;--pink-700:#be185d;--indigo-500:#6366f1;--indigo-600:#4f46e5;--indigo-700:#4338ca;--indigo-800:#3730a3;--color-bg-primary:var(--slate-900);--color-bg-secondary:var(--slate-800);--color-bg-tertiary:var(--slate-900);--color-text-primary:var(--slate-50);--color-text-secondary:var(--slate-400);--color-text-muted:var(--slate-500);--color-border-primary:var(--slate-700);--color-border-light:var(--slate-700);--color-primary:var(--blue-500);--color-primary-dark:var(--blue-600);--color-primary-darker:var(--blue-700);--color-primary-light:var(--blue-400);--color-success:var(--emerald-500);--color-success-dark:var(--emerald-600);--color-warning:var(--yellow-400);--color-warning-dark:var(--yellow-600);--color-danger:var(--red-500);--color-danger-dark:var(--red-600);--color-info:var(--blue-500);--color-card-bg:rgba(30, 41, 59, 0.85);--color-form-bg:rgba(30, 41, 59, 0.9);--color-accent-bg-light:rgba(59, 130, 246, 0.15);--shadow-sm:rgba(0, 0, 0, 0.1);--shadow-md:rgba(0, 0, 0, 0.2);--shadow-lg:rgba(0, 0, 0, 0.3);--shadow-xl:rgba(0, 0, 0, 0.4);--gradient-primary:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);--gradient-hero:linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-border-primary) 100%);--gradient-success:linear-gradient(135deg, var(--color-success) 0%, var(--color-success-dark) 100%);--gradient-warning:linear-gradient(135deg, var(--color-warning) 0%, var(--color-warning-dark) 100%);--form-bg:var(--color-form-bg);--form-shadow:var(--shadow-lg);--form-border:rgba(51, 65, 85, 0.5);--form-overlay:rgba(30, 41, 59, 0.2);--loading-overlay-bg:rgba(15, 23, 42, 0.9);--shimmer-color:rgba(51, 65, 85, 0.3);--card-overlay-light:rgba(51, 65, 85, 0.15);--card-overlay-medium:rgba(51, 65, 85, 0.1);--bg-primary:var(--color-bg-primary);--bg-secondary:var(--color-bg-secondary);--bg-tertiary:var(--color-bg-tertiary);--text-primary:var(--color-text-primary);--text-secondary:var(--color-text-secondary);--text-muted:var(--color-text-muted);--border-color:var(--color-border-primary);--border-light:var(--color-border-light);--card-bg:var(--color-card-bg);--accent-primary:var(--color-primary);--accent-primary-dark:var(--color-primary-dark);--accent-bg-light:var(--color-accent-bg-light);--success-color:var(--color-success);--warning-color:var(--color-warning);--danger-color:var(--color-danger);--shadow-primary:var(--shadow-lg);--shadow-card:var(--shadow-lg);--gradient-primary:var(--gradient-primary);--gradient-hero:var(--gradient-hero);--space-0:0;--space-px:1px;--space-0-5:0.125rem;--space-1:0.25rem;--space-1-5:0.375rem;--space-2:0.5rem;--space-2-5:0.625rem;--space-3:0.75rem;--space-3-5:0.875rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-9:2.25rem;--space-10:2.5rem;--space-11:2.75rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-28:7rem;--space-32:8rem;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-7xl:4.5rem;--text-8xl:6rem;--text-9xl:8rem;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--container-max-width:var(--space-96);--container-padding:var(--space-4);--navbar-height:var(--space-20);--hero-min-height:85vh;--sidebar-width:var(--space-72);--form-max-width:var(--space-64);--card-max-width:var(--space-56);--radius-none:0;--radius-sm:0.125rem;--radius:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--z-0:0;--z-10:10;--z-20:20;--z-30:30;--z-40:40;--z-50:50;--z-auto:auto;--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;--duration-75:75ms;--duration-100:100ms;--duration-150:150ms;--duration-200:200ms;--duration-300:300ms;--duration-500:500ms;--duration-700:700ms;--duration-1000:1000ms;--ease-linear:linear;--ease-in:cubic-bezier(0.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, 0.2, 1);--ease-in-out:cubic-bezier(0.4, 0, 0.2, 1);--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--space-40:10rem;--space-44:11rem;--space-48:12rem;--space-52:13rem;--space-56:14rem;--space-60:15rem;--space-64:16rem;--space-72:18rem;--space-80:20rem;--space-96:75rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);transition:color .3s ease,background-color .3s ease}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:absolute;top:-100px;left:6px;background:var(--accent-primary);color:#fff;padding:8px 12px;text-decoration:none;border-radius:var(--radius-md);z-index:1001;transition:top .3s ease;font-weight:500;font-size:.9rem;opacity:0;transform:translateY(-20px)}.skip-link:focus{top:10px;opacity:1;transform:translateY(0);outline:2px solid white;outline-offset:2px}.skeleton{background:linear-gradient(110deg,var(--slate-200) 8%,var(--slate-100) 18%,var(--slate-200) 33%);border-radius:var(--radius-lg);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}@keyframes skeleton-loading{0%{background-position:-200% 0}100%{background-position:calc(200% + 100px) 0}}.skeleton-line{height:1rem;margin:.5rem 0}.skeleton-text{height:.8rem;margin:.3rem 0}.skeleton-heading{height:2rem;width:60%;margin:1rem 0}.skeleton-button{height:3rem;width:150px;margin:1rem 0}.skeleton-card{padding:1.5rem;margin:1rem 0}.skeleton-form{padding:2rem}.skeleton-input{height:3rem;margin:1rem 0}.animate-in{opacity:1!important;transform:translateY(0) translateX(0) scale(1)!important}html{scroll-behavior:smooth}.hero{background-attachment:fixed;background-size:cover;background-position:center}@media (max-width:768px){.hero{background-attachment:scroll}}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 20px}.navbar{background:var(--bg-primary);border-bottom:1px solid var(--border-color);position:fixed;top:0;left:0;right:0;z-index:var(--z-dropdown);transition:all .3s ease}.navbar .container{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5)}.nav-brand .brand-name{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important;font-size:1.75rem!important;font-weight:800!important;background:linear-gradient(135deg,var(--blue-500),var(--blue-800),var(--purple-700))!important;background-size:200% 200%!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;letter-spacing:-.05em!important;position:relative;cursor:pointer;transition:all .3s ease;margin:0;text-decoration:none!important;animation:gradientShift 3s ease-in-out infinite}.nav-brand .brand-name::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--blue-500),var(--blue-800));transition:width .3s ease}.nav-brand .brand-name:hover::after{width:100%}@keyframes gradientShift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.nav-brand .brand-name:hover{transform:translateY(-1px) scale(1.05);animation-duration:1s}.footer-brand-link{color:inherit!important;text-decoration:none!important;transition:color .3s ease}.footer-brand-link:hover{color:var(--accent-primary)!important}.footer-email-link{color:inherit!important;text-decoration:none!important;transition:color .3s ease;border-bottom:1px solid transparent}.footer-email-link:hover{color:var(--accent-primary)!important;border-bottom:1px solid var(--accent-primary)}.founder-intro{background:var(--bg-secondary);padding:4rem 0;border-top:1px solid var(--border-color);transition:background .3s ease,border-color .3s ease}.founder-content{max-width:800px;margin:0 auto;text-align:center}.founder-intro h2{font-size:var(--text-4xl);font-weight:700;color:var(--text-primary);margin-bottom:1.5rem}.founder-story{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.7}.founder-promise{font-size:var(--text-lg);color:var(--text-primary);font-weight:500;margin-bottom:2rem;line-height:1.7}.founder-credentials{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin-top:2rem}.credential{display:flex;align-items:center;gap:.5rem;font-size:.95rem;color:var(--text-secondary);font-weight:500}.credential-icon{font-size:1.2rem}@media (max-width:768px){.founder-intro h2{font-size:2rem}.founder-credentials{flex-direction:column;gap:1rem}}.risk-free-guarantee{background:linear-gradient(135deg,var(--blue-50) 0,var(--blue-100) 100%);border:2px solid var(--blue-500);border-radius:var(--radius-xl);padding:1.5rem;margin:1.5rem 0;text-align:center}.guarantee-badge{display:inline-block;background:var(--blue-500);color:#fff;padding:.5rem 1rem;border-radius:25px;font-weight:600;font-size:.9rem;margin-bottom:.75rem}.guarantee-text{color:var(--blue-900);font-size:.95rem;line-height:1.5;margin:0;font-weight:500}.how-it-works{background:var(--bg-tertiary);padding:4rem 0;border-top:1px solid var(--slate-200)}.how-it-works h2{text-align:center;font-size:var(--text-4xl);font-weight:700;color:var(--text-primary);margin-bottom:1rem}.how-it-works-subtitle{text-align:center;font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:3rem}.timeline{max-width:var(--container-max-width);margin:0 auto;position:relative;display:flex;justify-content:space-between;align-items:stretch;gap:2rem;min-height:300px}.timeline-step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative;margin-bottom:0;min-height:280px;opacity:1;transform:translateY(0) scale(1);transition:all 1.8s cubic-bezier(.25, .46, .45, .94)}.timeline-step.animate-in{opacity:1;transform:translateY(0) scale(1)}.step-number{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--blue-500),var(--blue-800));color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;flex-shrink:0;z-index:2;position:relative}.step-content{background:var(--bg-primary);padding:2rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px var(--shadow-primary);border:1px solid var(--border-color);width:100%;text-align:center;transition:all .3s ease;display:flex;flex-direction:column;justify-content:flex-start;flex:1;height:100%}.step-content h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.step-description{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.step-timeline{font-size:.875rem;color:var(--accent-primary);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.timeline-guarantee{text-align:center;margin-top:3rem;padding:2rem;background:var(--bg-primary);border-radius:var(--radius-xl);border:2px solid var(--accent-primary)}.timeline-guarantee p{font-size:var(--text-lg);color:var(--text-primary);margin:0}@media (max-width:768px){.timeline{flex-direction:column;gap:2rem}.timeline-step{flex-direction:column;align-items:center;text-align:center;min-height:auto;padding:1.5rem}.step-number{margin-bottom:1rem;margin-right:0;flex-shrink:0}.step-content{text-align:center;padding:1.5rem}.how-it-works h2{font-size:2rem}}.nav-links{display:flex;gap:2rem}.nav-links a{text-decoration:none;color:var(--text-secondary);font-weight:500;padding:.5rem 1rem;border-radius:var(--radius-md);position:relative;transition:all .3s cubic-bezier(.4, 0, .2, 1);overflow:hidden}.nav-links a::before{content:'';position:absolute;top:0;left:0;width:0;height:100%;background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(59,130,246,.05));transition:width .3s ease;z-index:-1}.nav-links a:hover{color:var(--accent-primary);transform:translateY(-1px)}.nav-links a:hover::before{width:100%}.mobile-theme-toggle,.theme-toggle{display:none!important}.nav-links a:focus{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:4px}.mobile-menu-toggle{display:none;flex-direction:column;background:0 0;border:none;cursor:pointer;padding:8px;gap:4px;transition:transform .3s ease}.mobile-menu-toggle:focus{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:4px}.hamburger-line{width:24px;height:3px;background-color:var(--text-secondary);transition:all .3s ease;border-radius:2px}.mobile-menu-toggle.active .hamburger-line:first-child{transform:rotate(45deg) translate(6px,6px)}.mobile-menu-toggle.active .hamburger-line:nth-child(2){opacity:0}.mobile-menu-toggle.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg-primary);border-bottom:1px solid var(--border-color);box-shadow:0 4px 6px -1px rgba(0,0,0,.1);flex-direction:column;padding:1rem 0;z-index:999}.mobile-menu a{padding:1rem 2rem;text-decoration:none;color:var(--text-secondary);font-weight:500;transition:all .3s ease;border-left:4px solid transparent}.mobile-menu a:focus,.mobile-menu a:hover{background-color:var(--bg-secondary);color:var(--accent-primary);border-left-color:var(--accent-primary);outline:0}.mobile-menu.active{display:flex}.hero{position:relative;color:#fff;padding:120px 0 80px;min-height:100vh;display:flex;align-items:center;overflow:hidden}.hero::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--slate-800) 0,var(--slate-700) 30%,var(--slate-600) 60%,var(--slate-800) 100%);background-size:400% 400%;animation:heroGradientShift 15s ease infinite;z-index:-3}.hero::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 25% 25%,var(--card-overlay-light) 0,transparent 50%),radial-gradient(circle at 75% 75%,var(--card-overlay-medium) 0,transparent 50%);animation:heroMeshFloat 20s ease-in-out infinite;z-index:-2}@keyframes heroGradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes heroMeshFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(2deg)}}.floating-elements{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.float-element{position:absolute;background:var(--card-overlay-light);border-radius:50%;backdrop-filter:blur(10px);box-shadow:0 0 20px rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.15);opacity:.8}.float-1{width:80px;height:80px;top:15%;left:8%;animation:heroFloat1 6s ease-in-out infinite}.float-2{width:120px;height:120px;bottom:20%;left:3%;animation:heroFloat2 6s ease-in-out infinite}.float-3{width:60px;height:60px;top:30%;right:8%;animation:heroFloat3 7s ease-in-out infinite}.float-4{width:90px;height:90px;top:70%;right:12%;animation:heroFloat4 9s ease-in-out infinite}.float-5{width:70px;height:70px;top:5%;left:20%;animation:heroFloat5 10s ease-in-out infinite}.float-6{width:100px;height:100px;bottom:15%;left:12%;animation:heroFloat6 7.5s ease-in-out infinite}.float-7{width:65px;height:65px;top:40%;left:3%;animation:heroFloat7 8.5s ease-in-out infinite}@keyframes heroFloat1{0%,100%{transform:translateY(0) translateX(0)}50%{transform:translateY(-20px) translateX(10px)}}@keyframes heroFloat2{0%,100%{transform:translateY(0) translateX(0)}50%{transform:translateY(15px) translateX(-15px)}}@keyframes heroFloat3{0%,100%{transform:translateY(0) translateX(0)}50%{transform:translateY(-10px) translateX(20px)}}@keyframes heroFloat4{0%,100%{transform:translateY(0) translateX(0)}50%{transform:translateY(12px) translateX(-8px)}}@keyframes heroFloat5{0%,100%{transform:translateY(0) translateX(0)}50%{transform:translateY(-15px) translateX(12px)}}@keyframes heroFloat6{0%,100%{transform:translateY(0) translateX(0)}50%{transform:translateY(18px) translateX(10px)}}@keyframes heroFloat7{0%,100%{transform:translateY(0) translateX(0)}50%{transform:translateY(-12px) translateX(8px)}}.floating-cta{position:fixed;bottom:20px;right:20px;z-index:var(--z-dropdown);opacity:0;transform:translateY(100px);transition:all .3s cubic-bezier(.4, 0, .2, 1)}.floating-cta.visible{opacity:1;transform:translateY(0)}.floating-cta-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--indigo-500) 0,var(--purple-600) 100%);color:#fff;padding:12px 20px;border-radius:50px;text-decoration:none;font-weight:600;font-size:14px;box-shadow:0 8px 25px rgba(0,0,0,.15);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:all .3s ease;white-space:nowrap}.floating-cta-btn:hover{transform:translateY(-2px);box-shadow:0 12px 35px rgba(0,0,0,.2);background:linear-gradient(135deg,var(--indigo-600) 0,var(--purple-700) 100%)}.floating-cta-icon{font-size:16px;transition:transform .3s ease}.floating-cta-btn:hover .floating-cta-icon{transform:translateX(4px)}@media (max-width:480px){.floating-cta{bottom:15px;right:15px;left:15px}.floating-cta-btn{justify-content:center;padding:16px 24px;font-size:16px;border-radius:var(--radius-xl)}.floating-cta-text{text-align:center}}@media (max-width:768px){.hero::before{animation-duration:20s}.floating-elements{display:none}}@media (max-width:480px){.hero::after{opacity:.5}}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-text h1{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2}.hero-subtitle{font-size:1.25rem;margin-bottom:3rem;opacity:.9;line-height:1.6}.hero-stats{display:flex;gap:3rem}.stat{text-align:center}.stat-number{display:block;font-size:2rem;font-weight:700;color:var(--warning-color)}.stat-label{font-size:.9rem;opacity:.8}.form-container{background:var(--form-bg);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:16px;padding:1.8rem;box-shadow:0 25px 50px -12px var(--form-shadow);color:var(--text-primary);border:1px solid var(--form-border);position:relative}.form-container::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:var(--form-overlay);pointer-events:none;border-radius:20px}.form-container h3{font-size:1.4rem;font-weight:600;margin-bottom:.7rem;color:var(--text-primary)}.form-subtitle{color:var(--text-secondary);margin-bottom:1.3rem;line-height:1.4;font-size:.95rem}.form-group{margin-bottom:1rem;position:relative}.form-group.focused{transform:scale(1.02);transition:transform .2s ease}.form-group label{display:block;font-weight:500;color:var(--text-primary);margin-bottom:.5rem;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.8rem;border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:.95rem;transition:all .3s ease;background:var(--bg-primary);color:var(--text-primary);-webkit-appearance:none;appearance:none;min-height:40px}.form-group select option{background:var(--bg-primary);color:var(--text-primary)}.form-group select option[value=""]{color:var(--text-secondary)}.form-group select{opacity:1;-webkit-text-fill-color:currentColor}.form-group select option[value=""]:checked,.form-group select:invalid{color:var(--text-secondary)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-secondary);opacity:1}.form-group select:has(option[value=""]:checked){color:var(--text-secondary)}.form-group select[value=""]{color:var(--text-secondary)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:0;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.form-group textarea{resize:vertical;min-height:80px}.char-counter{position:absolute;bottom:-20px;right:0;font-size:.875rem;color:var(--text-secondary)}.submit-btn{width:100%;background:linear-gradient(135deg,var(--indigo-500) 0,var(--purple-600) 100%);color:#fff;border:none;padding:1rem;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);position:relative;overflow:hidden;transform-origin:center}.submit-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--shimmer-color),transparent);transition:left .5s}.submit-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 35px -5px rgba(0,0,0,.3);background:linear-gradient(135deg,var(--indigo-600) 0,var(--purple-800) 100%)}.submit-btn:hover::before{left:100%}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-loading{display:none}.trust-indicators{text-align:center;margin-top:1rem}.trust-text{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem}.security-badges{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-top:1rem}.security-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);border-radius:20px;font-size:.8rem;color:var(--accent-primary);transition:all .3s ease}.security-badge:hover{background:rgba(59,130,246,.15);transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px rgba(59,130,246,.2)}.security-icon{font-size:1rem}.security-text{font-weight:500}.services{padding:80px 0;background:var(--bg-tertiary)}.services h2{text-align:center;font-size:var(--text-4xl);font-weight:700;margin-bottom:4rem;color:var(--text-primary)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;align-items:stretch}.service-card{background:var(--card-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:2rem;border-radius:16px;box-shadow:0 8px 32px var(--shadow-card);transition:all .4s cubic-bezier(.25, .46, .45, .94);text-align:center;border:1px solid var(--border-color);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.service-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--card-overlay-light),var(--card-overlay-medium));pointer-events:none;border-radius:16px}.service-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 25px 50px rgba(0,0,0,.15);background:var(--bg-secondary)}.service-icon{width:80px;height:80px;margin:0 auto 1.5rem;position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--blue-500),var(--blue-800));border-radius:20px;box-shadow:0 8px 25px rgba(59,130,246,.3);transition:all .4s ease}.service-icon.data-entry::before{content:'📊';position:absolute;font-size:var(--text-4xl);width:auto;height:auto;background:0 0;border-radius:0}.service-icon.email::before{content:'📧';position:absolute;font-size:var(--text-4xl);width:auto;height:auto;background:0 0;border-radius:0}.service-icon.invoicing::before{content:'💰';position:absolute;font-size:var(--text-4xl);width:auto;height:auto;background:0 0;border-radius:0}.service-icon.blog::before{content:'📝';position:absolute;font-size:var(--text-4xl);width:auto;height:auto;background:0 0;border-radius:0}.service-icon.call-center::before{content:'📞';position:absolute;font-size:var(--text-4xl);width:auto;height:auto;background:0 0;border-radius:0}.service-icon.data-scraping::before{content:'🔍';position:absolute;font-size:var(--text-4xl);width:auto;height:auto;background:0 0;border-radius:0}.service-card:hover .service-icon{transform:translateY(-5px) rotate(5deg);box-shadow:0 12px 35px rgba(59,130,246,.4)}.feature-icon,.step-number{background:linear-gradient(135deg,var(--blue-500),var(--blue-800));color:#fff;border-radius:var(--radius-xl);display:inline-flex;align-items:center;justify-content:center;font-weight:700;transition:all .3s ease}.feature-icon:hover,.step-number:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 25px rgba(59,130,246,.3)}.icon-automation::before{content:'';width:20px;height:20px;border-radius:50%;background:var(--bg-primary);position:relative;display:inline-block}.icon-automation::after{content:'';width:8px;height:8px;border-radius:50%;background:var(--blue-500);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.exit-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);backdrop-filter:blur(5px);z-index:var(--z-dropdown) 0;display:flex;align-items:center;justify-content:center;opacity:0;animation:fadeIn .3s ease forwards}@keyframes fadeIn{to{opacity:1}}.exit-popup-content{background:var(--bg-primary);border-radius:20px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 25px 50px rgba(0,0,0,.25);border:1px solid var(--border-color);animation:slideUp .4s ease forwards}@keyframes slideUp{from{transform:translateY(50px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.exit-popup-close{position:absolute;top:15px;right:20px;background:0 0;border:none;font-size:30px;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%}.exit-popup-close:hover{background:rgba(239,68,68,.1);color:var(--danger-color);transform:rotate(90deg)}.exit-popup-body{padding:40px 30px 30px;text-align:center}.exit-popup-body h2{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.exit-popup-subtitle{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.5}.exit-popup-benefits{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;text-align:center}.exit-urgency{background:linear-gradient(135deg,var(--warning-color) 0,var(--orange-500) 100%);color:var(--slate-900);padding:1rem 1.5rem;border-radius:var(--radius-lg);text-align:center;margin-bottom:1.5rem;font-weight:600;animation:pulse 2s infinite}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.02)}}.demo-link-button{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--accent-primary) 0,var(--blue-600) 100%);color:#fff;padding:12px 24px;border-radius:var(--radius-lg);text-decoration:none;font-weight:600;font-size:.95rem;transition:all .3s ease;box-shadow:0 4px 15px rgba(37,99,235,.2);border:1px solid rgba(255,255,255,.1)}.demo-link-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(37,99,235,.3);background:linear-gradient(135deg,var(--blue-600) 0,var(--indigo-600) 100%)}.demo-arrow{transition:transform .3s ease}.demo-link-button:hover .demo-arrow{transform:translateX(4px)}.founder-cta{margin-top:1.5rem;text-align:center}.timeline-demo-cta{margin-top:2rem;text-align:center}@media (max-width:768px){.founder-cta,.timeline-demo-cta{text-align:center}}.exit-benefit{display:flex;align-items:center;gap:1rem;padding:.5rem}.exit-benefit-icon{width:24px;height:24px;background:linear-gradient(135deg,var(--emerald-500),var(--emerald-600));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.exit-popup-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.exit-form-group input,.exit-form-group select{width:100%;padding:1rem;border:2px solid var(--border-color);border-radius:var(--radius-lg);font-size:1rem;background:var(--bg-primary);color:var(--text-primary);transition:all .3s ease}.exit-form-group input:focus,.exit-form-group select:focus{outline:0;border-color:var(--blue-500);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.exit-popup-btn{width:100%;padding:1rem 2rem;background:linear-gradient(135deg,var(--red-500),var(--red-600));color:#fff;border:none;border-radius:var(--radius-lg);font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.exit-popup-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--shimmer-color),transparent);transition:left .5s}.exit-popup-btn:hover{background:linear-gradient(135deg,var(--red-600),var(--red-700));transform:translateY(-2px);box-shadow:0 10px 25px rgba(239,68,68,.3)}.exit-popup-btn:hover::before{left:100%}.exit-popup-guarantee{font-size:.9rem;color:var(--text-secondary);line-height:1.4}@media (max-width:768px){.exit-popup-content{width:95%;margin:1rem}.exit-popup-body{padding:30px 20px 20px}.exit-popup-body h2{font-size:1.5rem}}.progress-container{width:100%;margin:1rem 0}.progress-steps{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;position:relative}.progress-steps::before{content:'';position:absolute;top:50%;left:0;right:0;height:2px;background:var(--border-color);z-index:1}.progress-step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;background:var(--bg-primary);padding:0 .5rem}.progress-step-circle{width:32px;height:32px;border-radius:50%;background:var(--border-color);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;transition:all .3s ease;margin-bottom:.5rem}.progress-step.active .progress-step-circle{background:linear-gradient(135deg,var(--blue-500),var(--blue-800));color:#fff;transform:scale(1.1);box-shadow:0 4px 12px rgba(59,130,246,.3)}.progress-step.completed .progress-step-circle{background:linear-gradient(135deg,var(--emerald-500),var(--emerald-600));color:#fff}.progress-step.completed .progress-step-circle::after{content:'✓';font-size:.8rem}.progress-step-label{font-size:.8rem;color:var(--text-secondary);text-align:center;font-weight:500}.progress-step.active .progress-step-label{color:var(--text-primary);font-weight:600}.progress-bar{width:100%;height:8px;background:var(--border-color);border-radius:4px;overflow:hidden;margin:1rem 0}.progress-bar-fill{height:100%;background:linear-gradient(135deg,var(--blue-500),var(--blue-800));width:0%;transition:width .6s ease;border-radius:4px}.progress-percentage{text-align:center;font-size:.9rem;color:var(--text-secondary);margin-top:.5rem}.form-step{display:none}.form-step.active{display:block;animation:fadeInUp .4s ease}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.step-navigation{display:flex;justify-content:space-between;margin-top:2rem;gap:1rem}.step-btn{padding:.75rem 1.5rem;border:2px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;font-weight:500;transition:all .3s ease}.step-btn:hover{border-color:var(--accent-primary);background:var(--accent-bg-light)}.step-btn.primary{background:linear-gradient(135deg,var(--blue-500),var(--blue-800));color:#fff;border-color:transparent}.step-btn.primary:hover{background:linear-gradient(135deg,var(--blue-600),var(--blue-700));transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.3)}.step-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width:768px){.progress-steps{flex-direction:column;gap:1rem}.progress-steps::before{display:none}.progress-step{flex-direction:row;width:100%;justify-content:flex-start;gap:1rem;padding:0}.progress-step-circle{margin-bottom:0}.step-navigation{flex-direction:column}}.service-card h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.service-card p{color:var(--text-secondary);line-height:1.6}.about{padding:80px 0;background:var(--bg-primary);transition:background .3s ease}.about h2{font-size:var(--text-4xl);font-weight:700;margin-bottom:2rem;color:var(--text-primary)}.about-content p{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:3rem;line-height:1.7}.about-features{display:grid;gap:2rem}.feature{display:flex;align-items:flex-start;gap:1rem}.feature-icon{font-size:2rem;flex-shrink:0}.feature h4{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.feature p{color:var(--text-secondary);margin:0}footer{background:var(--slate-800);color:#fff;padding:3rem 0}.footer-content{display:flex;justify-content:space-between;align-items:center}.footer-brand h3{color:var(--accent-primary);margin-bottom:.5rem}.footer-contact{text-align:right}.footer-contact p{margin-bottom:.5rem;color:var(--text-muted)}.message-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:2000}.message-content{background:var(--bg-primary);padding:2rem;border-radius:var(--radius-xl);max-width:500px;margin:20px;text-align:center}.success-message h3{color:var(--success-color);margin-bottom:1rem}.error-message h3{color:var(--danger-color);margin-bottom:1rem}.close-btn{background:var(--accent-primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-md);cursor:pointer;margin-top:1rem}.close-btn:hover{background:var(--accent-primary-dark)}@media (max-width:768px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-text h1{font-size:var(--text-4xl)}.hero-stats{justify-content:center;gap:2rem}.form-container{padding:1.5rem}.about h2,.services h2{font-size:2rem}.footer-content{flex-direction:column;gap:2rem;text-align:center}.footer-contact{text-align:center}.nav-links{display:none}.mobile-menu-toggle{display:flex}.theme-toggle{display:none}}@media (max-width:480px){.container{padding:0 15px}.hero{padding:100px 0 60px}.hero-text h1{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-stats{flex-direction:column;gap:1.5rem;align-items:center;margin-top:2rem}.stat{text-align:center;padding:1rem 2rem;background:rgba(255,255,255,.05);border-radius:var(--radius-xl);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);width:100%;max-width:200px}.stat-number{font-size:var(--text-4xl);margin-bottom:.5rem}.stat-label{font-size:1rem;opacity:.9}.form-container{padding:1rem;margin:1rem}.services-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:1rem;padding:0 1rem 1rem 1rem;-webkit-overflow-scrolling:touch}.service-card{flex:0 0 280px;scroll-snap-align:center;margin-bottom:0}.services-grid::-webkit-scrollbar{height:4px}.services-grid::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:2px}.services-grid::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:2px}.form-group input,.form-group select,.form-group textarea{font-size:16px;padding:1.2rem;min-height:48px}.submit-btn{font-size:18px;padding:1.2rem 2rem;min-height:56px;border-radius:var(--radius-lg)}.hero-form{width:100%;max-width:none}}.demo-link-button,.exit-popup-btn,.mobile-menu a,.nav-links a,.service-card,.stat,.step-btn,.submit-btn,.timeline-step{transition:all var(--duration-300) var(--ease-out)}.demo-link-button:hover,.exit-popup-btn:hover,.submit-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 24px -8px rgba(0,0,0,.25)}.demo-link-button:active,.exit-popup-btn:active,.submit-btn:active{transform:translateY(0) scale(.98);transition-duration:var(--duration-100)}.service-card{transform:translateY(0);transition:all var(--duration-500) var(--ease-out)}.service-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px -12px rgba(0,0,0,.35);border-color:var(--accent-primary)}.service-card:hover .service-icon{transform:scale(1.1) rotate(5deg)}.service-icon{transition:all var(--duration-500) var(--ease-out)}.stat{position:relative;overflow:hidden}.stat::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0,transparent 70%);opacity:0;transform:scale(0);transition:all var(--duration-700) var(--ease-out)}.stat:hover::before{opacity:1;transform:scale(1)}.stat:hover .stat-number{transform:scale(1.1);color:var(--color-primary)}.stat-number{transition:all var(--duration-300) var(--ease-out)}.nav-links a{position:relative;overflow:hidden}.nav-links a::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:var(--accent-primary);transform:translateX(-100%);transition:transform var(--duration-300) var(--ease-out)}.nav-links a:focus::after,.nav-links a:hover::after{transform:translateX(0)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{transform:translateY(-2px);box-shadow:0 8px 20px -8px rgba(37,99,235,.3)}.float-element{animation-timing-function:var(--ease-in-out)}@keyframes shimmer{0%{background-position:-1000px 0}100%{background-position:1000px 0}}.loading{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:1000px 100%;animation:shimmer 2s infinite}@keyframes ctaPulse{0%,100%{box-shadow:0 0 0 0 rgba(37,99,235,.4)}50%{box-shadow:0 0 0 10px rgba(37,99,235,0)}}.floating-cta-btn:not(:hover),.submit-btn:not(:hover){animation:ctaPulse 2s infinite}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-on-scroll{opacity:0;animation:fadeInUp .8s var(--ease-out) forwards}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-weight:600;font-size:var(--text-base);transition:all var(--duration-300) var(--ease-out);cursor:pointer;position:relative;overflow:hidden;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;border:none}.btn-secondary{background:0 0;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-ghost{background:0 0;color:var(--text-primary);border:none}.card{background:var(--card-bg);border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid var(--border-color);transition:all var(--duration-300) var(--ease-out)}.card-hover{cursor:pointer}.card-hover:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--accent-primary)}.faq-section{padding:5rem 0;background:var(--bg-secondary,#111)}.faq-section h2{text-align:center;margin-bottom:3rem;font-size:2.5rem}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:1000px;margin:0 auto}.faq-item{background:var(--card-bg,#1a1a1a);border:1px solid var(--border-color,#333);border-radius:var(--radius-lg,12px);padding:1.5rem}.faq-item h3{font-size:1.1rem;margin-bottom:.75rem;color:var(--text-primary,#fff)}.faq-item p{color:var(--text-secondary,#aaa);line-height:1.6;font-size:.95rem}@media (max-width:768px){.faq-grid{grid-template-columns:1fr}.faq-section h2{font-size:2rem}}