@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;line-height:1.6;color:#1f2937;background-color:#f9fafb;overflow-x:hidden}#root{min-height:100vh;width:100%}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none}ul,ol{list-style:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}::-moz-selection{background:#bfdbfe;color:#1e3a8a}::selection{background:#bfdbfe;color:#1e3a8a}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--secondary-500: #14b8a6;--secondary-600: #0d9488;--secondary-700: #0f766e;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--gradient-primary: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 50%, #0ea5e9 100%);--gradient-hero: linear-gradient(135deg, #0f172a 0%, #1e3a8a 50%, #1e40af 100%);--gradient-cta: linear-gradient(135deg, #1e40af 0%, #3b82f6 50%, #0ea5e9 100%);--gradient-card: linear-gradient(135deg, rgba(255,255,255,.9) 0%, rgba(255,255,255,.7) 100%);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--section-padding: 120px;--container-max: 1280px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}html{scroll-behavior:smooth}body,html{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--gray-50);color:var(--gray-800);line-height:1.6;overflow-x:hidden}.landing-container{width:100%;overflow-x:hidden}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem 2rem;transition:all var(--transition-slow)}.navbar-scrolled{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--gray-200);padding:.75rem 2rem;box-shadow:var(--shadow-md)}.nav-content{max-width:var(--container-max);margin:0 auto;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none}.logo-icon{width:40px;height:40px;background:var(--gradient-primary);border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}.logo-icon svg{width:24px;height:24px;stroke:#fff}.logo-text{font-size:1.5rem;font-weight:700;color:#fff;transition:color var(--transition-base)}.navbar-scrolled .logo-text{color:var(--gray-900)}.nav-links{display:flex;align-items:center;gap:2rem}.nav-link{color:#ffffffd9;text-decoration:none;font-size:.925rem;font-weight:500;transition:color var(--transition-base);position:relative}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--primary-400);transition:width var(--transition-base)}.nav-link:hover{color:#fff}.nav-link:hover:after{width:100%}.navbar-scrolled .nav-link{color:var(--gray-600)}.navbar-scrolled .nav-link:hover{color:var(--primary-600)}.navbar-scrolled .nav-link:after{background:var(--primary-600)}.nav-actions{display:flex;align-items:center;gap:1rem}.nav-btn{padding:.625rem 1.25rem;border-radius:8px;font-size:.925rem;font-weight:500;text-decoration:none;transition:all var(--transition-base)}.nav-btn-secondary{color:#fff;border:1px solid rgba(255,255,255,.3);background:#ffffff1a}.nav-btn-secondary:hover{background:#fff3;border-color:#ffffff80}.navbar-scrolled .nav-btn-secondary{color:var(--gray-700);border-color:var(--gray-300);background:transparent}.navbar-scrolled .nav-btn-secondary:hover{background:var(--gray-100);border-color:var(--gray-400)}.nav-btn-primary{background:#fff;color:var(--primary-700);box-shadow:var(--shadow)}.nav-btn-primary:hover{background:var(--gray-100);transform:translateY(-1px);box-shadow:var(--shadow-md)}.navbar-scrolled .nav-btn-primary{background:var(--primary-600);color:#fff}.navbar-scrolled .nav-btn-primary:hover{background:var(--primary-700)}.mobile-menu-btn{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:5px}.mobile-menu-btn span{width:24px;height:2px;background:#fff;transition:all var(--transition-base)}.navbar-scrolled .mobile-menu-btn span{background:var(--gray-800)}.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;align-items:center;padding:140px 5% 100px;max-width:var(--container-max);margin:0 auto;position:relative}.hero-bg{position:fixed;top:0;left:0;right:0;height:100vh;z-index:-1;overflow:hidden}.hero-gradient{position:absolute;inset:0;background:var(--gradient-hero)}.hero-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(59,130,246,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(14,165,233,.2) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(99,102,241,.15) 0%,transparent 40%)}.hero-content{position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);padding:.5rem 1rem;border-radius:50px;font-size:.875rem;color:#ffffffe6;margin-bottom:1.5rem;animation:fadeInUp .6s ease-out}.badge-dot{width:8px;height:8px;background:var(--success);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.hero-title{font-size:3.5rem;font-weight:800;color:#fff;line-height:1.1;margin-bottom:1.5rem;animation:fadeInUp .6s ease-out .1s both}.text-gradient{background:linear-gradient(135deg,#60a5fa,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.125rem;color:#fffc;line-height:1.7;max-width:540px;margin-bottom:2rem;animation:fadeInUp .6s ease-out .2s both}.hero-cta{display:flex;gap:1rem;margin-bottom:3rem;animation:fadeInUp .6s ease-out .3s both}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;border-radius:10px;font-size:1rem;font-weight:600;text-decoration:none;transition:all var(--transition-base);cursor:pointer;border:none}.btn svg{width:20px;height:20px}.btn-primary{background:#fff;color:var(--primary-700);box-shadow:var(--shadow-lg)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#fff3;border-color:#fff6}.btn-large{padding:1rem 2rem;font-size:1.0625rem}.btn-white{background:#fff;color:var(--primary-700)}.btn-white:hover{background:var(--gray-100)}.hero-trust{animation:fadeInUp .6s ease-out .4s both}.trust-label{display:block;font-size:.8125rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.trust-logos{display:flex;gap:1.5rem;flex-wrap:wrap}.trust-logo{background:#ffffff1a;padding:.5rem 1.25rem;border-radius:6px;font-size:.875rem;font-weight:500;color:#ffffffb3;border:1px solid rgba(255,255,255,.1)}.hero-visual{position:relative;perspective:1000px;animation:fadeInRight .8s ease-out .3s both}.dashboard-preview{background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:16px;box-shadow:var(--shadow-2xl),0 0 60px #3b82f633;overflow:hidden;border:1px solid rgba(255,255,255,.1);transform:rotateY(-5deg) rotateX(5deg);transition:transform var(--transition-slow)}.dashboard-preview:hover{transform:rotateY(-2deg) rotateX(2deg) scale(1.02)}.preview-header{background:#0000004d;padding:.75rem 1rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.preview-dots{display:flex;gap:6px}.preview-dots span{width:10px;height:10px;border-radius:50%}.preview-dots span:nth-child(1){background:#ef4444}.preview-dots span:nth-child(2){background:#f59e0b}.preview-dots span:nth-child(3){background:#10b981}.preview-title{font-size:.8125rem;color:#fff9;font-weight:500}.preview-content{display:grid;grid-template-columns:160px 1fr;min-height:340px}.preview-sidebar{background:#0003;padding:1rem .75rem;border-right:1px solid rgba(255,255,255,.1)}.sidebar-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:8px;color:#fff9;font-size:.8125rem;margin-bottom:.25rem;transition:all var(--transition-base)}.sidebar-item.active{background:#3b82f633;color:#fff}.sidebar-icon{font-size:1rem}.preview-main{padding:1rem}.preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem}.stat-card{padding:1rem;border-radius:10px;text-align:center}.stat-blue{background:#3b82f626}.stat-green{background:#10b98126}.stat-purple{background:#8b5cf626}.stat-number{display:block;font-size:1.5rem;font-weight:700;color:#fff;line-height:1.2}.stat-label{font-size:.6875rem;color:#ffffff80}.preview-queue{background:#0003;border-radius:10px;padding:1rem}.preview-queue h4{font-size:.8125rem;color:#ffffffb3;margin-bottom:.75rem;font-weight:600}.queue-item{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.queue-item:last-child{border-bottom:none}.queue-token{background:#ffffff1a;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;color:#fff}.queue-name{font-size:.8125rem;color:#ffffffb3}.queue-status{font-size:.6875rem;padding:.25rem .5rem;border-radius:50px;font-weight:500}.queue-status.in-progress{background:#10b98133;color:#10b981}.queue-status.waiting{background:#f59e0b33;color:#f59e0b}.floating-card{position:absolute;background:#fff;border-radius:12px;padding:.875rem 1rem;display:flex;align-items:center;gap:.75rem;box-shadow:var(--shadow-xl);animation:float 3s ease-in-out infinite}.card-1{top:10%;right:-30px;animation-delay:0s}.card-2{bottom:15%;left:-20px;animation-delay:1.5s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.floating-icon{font-size:1.5rem}.floating-text strong{display:block;font-size:.875rem;color:var(--gray-900)}.floating-text span{font-size:.75rem;color:var(--gray-500)}.stats-section{background:#fff;border-bottom:1px solid var(--gray-100);position:relative;z-index:10}.stats-container{max-width:var(--container-max);margin:0 auto;padding:3.5rem 5%;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.stat-item{text-align:center}.stat-value{display:block;font-size:3rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.stat-name{font-size:.9375rem;color:var(--gray-500);font-weight:500}.section-container{max-width:var(--container-max);margin:0 auto;padding:0 5%}.section-header{text-align:center;max-width:720px;margin:0 auto 4rem}.section-label{display:inline-block;background:var(--primary-50);color:var(--primary-600);padding:.375rem 1rem;border-radius:50px;font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.section-title{font-size:2.75rem;font-weight:800;color:var(--gray-900);line-height:1.2;margin-bottom:1rem}.section-subtitle{font-size:1.125rem;color:var(--gray-500);line-height:1.7}.features-section{padding:var(--section-padding) 0;background:#fff}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.feature-card{background:var(--gray-50);border:1px solid var(--gray-100);border-radius:16px;padding:2rem;transition:all var(--transition-base);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-base)}.feature-card:hover{background:#fff;box-shadow:var(--shadow-xl);transform:translateY(-4px);border-color:transparent}.feature-card:hover:before{opacity:1}.feature-card .feature-icon{width:56px;height:56px;background:var(--primary-50);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;transition:all var(--transition-base)}.feature-card .feature-icon svg{width:28px;height:28px;stroke:var(--primary-600)}.feature-card:hover .feature-icon{background:var(--gradient-primary);transform:scale(1.1)}.feature-card:hover .feature-icon svg{stroke:#fff}.feature-title{font-size:1.25rem;font-weight:700;color:var(--gray-900);margin-bottom:.75rem}.feature-description{font-size:.9375rem;color:var(--gray-500);line-height:1.6}.solutions-section{padding:var(--section-padding) 0;background:var(--gray-50)}.solutions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.solution-card{background:#fff;border-radius:20px;padding:2.5rem;text-align:center;box-shadow:var(--shadow);border:1px solid var(--gray-100);transition:all var(--transition-base)}.solution-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-8px)}.solution-icon{font-size:3.5rem;margin-bottom:1.5rem;display:block}.solution-title{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin-bottom:.75rem}.solution-description{font-size:.9375rem;color:var(--gray-500);line-height:1.6;margin-bottom:1.5rem}.solution-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--primary-600);font-weight:600;font-size:.9375rem;text-decoration:none;transition:all var(--transition-base)}.solution-link svg{width:18px;height:18px;transition:transform var(--transition-base)}.solution-link:hover{color:var(--primary-700)}.solution-link:hover svg{transform:translate(4px)}.process-section{padding:var(--section-padding) 0;background:#fff}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;position:relative}.process-step{text-align:center;position:relative}.step-number{width:64px;height:64px;background:var(--gradient-primary);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:800;color:#fff;margin:0 auto 1.25rem;box-shadow:var(--shadow-lg)}.step-title{font-size:1.25rem;font-weight:700;color:var(--gray-900);margin-bottom:.5rem}.step-description{font-size:.9375rem;color:var(--gray-500);line-height:1.6}.step-connector{display:none}.testimonials-section{padding:var(--section-padding) 0;background:var(--gray-50)}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.testimonial-card{background:#fff;border-radius:20px;padding:2rem;box-shadow:var(--shadow);border:1px solid var(--gray-100);transition:all var(--transition-base)}.testimonial-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.testimonial-quote{margin-bottom:1.5rem}.quote-icon{width:32px;height:32px;color:var(--primary-200);margin-bottom:1rem}.testimonial-quote p{font-size:1rem;color:var(--gray-700);line-height:1.7;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:1rem;padding-top:1rem;border-top:1px solid var(--gray-100)}.author-avatar{width:48px;height:48px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.875rem}.author-info{display:flex;flex-direction:column}.author-info strong{font-size:.9375rem;color:var(--gray-900)}.author-info span{font-size:.8125rem;color:var(--gray-500)}.author-org{color:var(--primary-600)!important;font-weight:500}.cta-section{padding:var(--section-padding) 5%;background:var(--gradient-cta);position:relative;overflow:hidden}.cta-container{max-width:var(--container-max);margin:0 auto;text-align:center;position:relative;z-index:1}.cta-title{font-size:2.75rem;font-weight:800;color:#fff;margin-bottom:1rem}.cta-description{font-size:1.125rem;color:#ffffffd9;max-width:600px;margin:0 auto 2rem}.cta-buttons{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}.cta-note{font-size:.875rem;color:#fff9}.cta-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(255,255,255,.08) 0%,transparent 50%)}.footer{background:var(--gray-900);color:var(--gray-400);padding:5rem 5% 2rem}.footer-container{max-width:var(--container-max);margin:0 auto}.footer-main{display:grid;grid-template-columns:1.5fr 2fr;gap:4rem;padding-bottom:3rem;border-bottom:1px solid var(--gray-800)}.footer-brand{max-width:320px}.footer-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;margin-bottom:1rem}.footer-logo .logo-icon{width:36px;height:36px}.footer-logo .logo-text{color:#fff;font-size:1.375rem}.footer-tagline{font-size:.9375rem;line-height:1.7;color:var(--gray-400)}.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.footer-column h4{color:#fff;font-size:.9375rem;font-weight:600;margin-bottom:1rem}.footer-column ul{list-style:none}.footer-column li{margin-bottom:.5rem}.footer-column a{color:var(--gray-400);text-decoration:none;font-size:.875rem;transition:color var(--transition-base)}.footer-column a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2rem}.footer-bottom p{font-size:.875rem}.footer-social{display:flex;gap:1rem}.footer-social a{width:36px;height:36px;background:var(--gray-800);border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.footer-social a:hover{background:var(--primary-600)}.footer-social svg{width:18px;height:18px;fill:var(--gray-400);transition:fill var(--transition-base)}.footer-social a:hover svg{fill:#fff}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@media (max-width: 1024px){:root{--section-padding: 80px}.hero{grid-template-columns:1fr;gap:3rem;padding:120px 5% 60px;text-align:center;min-height:auto}.hero-content{order:1}.hero-visual{order:2}.hero-title{font-size:2.75rem}.hero-description{max-width:100%;margin-left:auto;margin-right:auto}.hero-cta{justify-content:center}.hero-trust{display:flex;flex-direction:column;align-items:center}.trust-logos{justify-content:center}.dashboard-preview{transform:none}.dashboard-preview:hover{transform:scale(1.02)}.floating-card.card-1{right:10px;top:5%}.floating-card.card-2{left:10px;bottom:5%}.stats-container,.features-grid,.solutions-grid,.testimonials-grid{grid-template-columns:repeat(2,1fr)}.process-steps{grid-template-columns:repeat(2,1fr);gap:3rem}.footer-main{grid-template-columns:1fr;gap:3rem}.footer-brand{max-width:100%;text-align:center}.footer-logo{justify-content:center}.footer-links{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.nav-links,.nav-actions{display:none}.mobile-menu-btn{display:flex}.hero-title{font-size:2.25rem}.section-title{font-size:2rem}.hero-cta{flex-direction:column;align-items:center}.btn{width:100%;max-width:280px;justify-content:center}.stats-container{grid-template-columns:repeat(2,1fr);gap:1.5rem}.stat-value{font-size:2.25rem}.features-grid,.solutions-grid,.testimonials-grid,.process-steps,.preview-content{grid-template-columns:1fr}.preview-sidebar,.floating-card{display:none}.cta-title{font-size:2rem}.cta-buttons{flex-direction:column;align-items:center}.footer-links{grid-template-columns:repeat(2,1fr);text-align:center}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}}@media (max-width: 480px){.hero-title{font-size:1.875rem}.hero-badge{font-size:.75rem}.preview-stats,.stats-container,.footer-links{grid-template-columns:1fr}}