*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.6;color:#1f2937;background:#f9fafb}#root{width:100%;min-height:100vh}:root{--color-primary-blue: #00a1ff;--color-primary-purple: #9736f1;--color-primary-pink: #f73988;--gradient-primary: linear-gradient(135deg, #00a1ff 0%, #9736f1 50%, #f73988 100%);--gradient-primary-hover: linear-gradient(135deg, #0090e8 0%, #8527d9 50%, #e02877 100%);--color-white: #ffffff;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-success: #10b981;--color-error: #ef4444;--color-warning: #f59e0b;--color-info: #3b82f6;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:1.2;color:var(--color-gray-900)}h1{font-size:3rem;letter-spacing:-.025em}h2{font-size:2.25rem;letter-spacing:-.025em}h3{font-size:1.875rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1.125rem}p{margin-bottom:1rem;color:var(--color-gray-600)}a{color:var(--color-primary-blue);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-purple)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--spacing-lg)}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg{max-width:1024px}.container-xl{max-width:1280px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:var(--font-weight-bold)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-medium{font-weight:var(--font-weight-medium)}.gradient-bg{background:var(--gradient-primary);color:var(--color-white)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:var(--font-weight-semibold);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-decoration:none}.btn-primary{background:var(--gradient-primary);color:var(--color-white);box-shadow:var(--shadow-md)}.btn-primary:hover{background:var(--gradient-primary-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--color-white);color:var(--color-gray-700);border:2px solid var(--color-gray-300)}.btn-secondary:hover{border-color:var(--color-primary-blue);color:var(--color-primary-blue)}.btn-outline{background:transparent;color:var(--color-primary-blue);border:2px solid var(--color-primary-blue)}.btn-outline:hover{background:var(--gradient-primary);color:var(--color-white);border-color:transparent}.btn-lg{padding:1rem 2rem;font-size:1.125rem}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;margin-bottom:.5rem;font-weight:var(--font-weight-medium);color:var(--color-gray-700);font-size:.875rem}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem 1rem;font-size:1rem;border:2px solid var(--color-gray-300);border-radius:var(--radius-md);background:var(--color-white);transition:all var(--transition-fast);font-family:inherit}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary-blue);box-shadow:0 0 0 3px #00a1ff1a}.form-input::placeholder{color:var(--color-gray-400)}.form-error{color:var(--color-error);font-size:.875rem;margin-top:.25rem}.form-helper{color:var(--color-gray-500);font-size:.875rem;margin-top:.25rem}.card{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--spacing-xl);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.card-header{border-bottom:1px solid var(--color-gray-200);padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-lg)}.card-title{font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.card-body{color:var(--color-gray-600)}.grid{display:grid;gap:var(--spacing-lg)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mt-2xl{margin-top:var(--spacing-2xl)}.mt-3xl{margin-top:var(--spacing-3xl)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mb-2xl{margin-bottom:var(--spacing-2xl)}.mb-3xl{margin-bottom:var(--spacing-3xl)}.pt-sm{padding-top:var(--spacing-sm)}.pt-md{padding-top:var(--spacing-md)}.pt-lg{padding-top:var(--spacing-lg)}.pt-xl{padding-top:var(--spacing-xl)}.pt-2xl{padding-top:var(--spacing-2xl)}.pt-3xl{padding-top:var(--spacing-3xl)}.pb-sm{padding-bottom:var(--spacing-sm)}.pb-md{padding-bottom:var(--spacing-md)}.pb-lg{padding-bottom:var(--spacing-lg)}.pb-xl{padding-bottom:var(--spacing-xl)}.pb-2xl{padding-bottom:var(--spacing-2xl)}.pb-3xl{padding-bottom:var(--spacing-3xl)}.py-sm{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.py-md{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.py-lg{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.py-xl{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.py-2xl{padding-top:var(--spacing-2xl);padding-bottom:var(--spacing-2xl)}.py-3xl{padding-top:var(--spacing-3xl);padding-bottom:var(--spacing-3xl)}.px-sm{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.px-md{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.px-lg{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.px-xl{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}.px-2xl{padding-left:var(--spacing-2xl);padding-right:var(--spacing-2xl)}.px-3xl{padding-left:var(--spacing-3xl);padding-right:var(--spacing-3xl)}@media (max-width: 768px){html{font-size:14px}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.container{padding:0 var(--spacing-md)}}@media (max-width: 480px){.btn{padding:.625rem 1.25rem;font-size:.875rem}.btn-lg{padding:.875rem 1.75rem;font-size:1rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn var(--transition-base) ease-in}.animate-slideUp{animation:slideUp var(--transition-base) ease-out}.animate-slideDown{animation:slideDown var(--transition-base) ease-out}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:focus-visible{outline:2px solid var(--color-primary-blue);outline-offset:2px}.spinner{display:inline-block;width:1.25rem;height:1.25rem;border:2px solid var(--color-gray-300);border-top-color:var(--color-primary-blue);border-radius:50%;animation:spin .6s linear infinite}.loading-text{color:var(--color-gray-500);font-style:italic}.alert{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);border-left:4px solid}.alert-success{background:#d1fae5;border-color:var(--color-success);color:#065f46}.alert-error{background:#fee2e2;border-color:var(--color-error);color:#991b1b}.alert-warning{background:#fef3c7;border-color:var(--color-warning);color:#92400e}.alert-info{background:#dbeafe;border-color:var(--color-info);color:#1e40af}.header{position:sticky;top:0;z-index:1000;background:var(--color-white);box-shadow:var(--shadow-sm);padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-gray-200)}.header-nav{display:flex;justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;padding:0 var(--spacing-lg)}.header-logo{font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--color-gray-900);text-decoration:none;display:flex;align-items:center;gap:var(--spacing-sm)}.header-logo-img{height:60px;width:auto;display:block;object-fit:contain}@media (max-width: 768px){.header-logo-img{height:40px}}.header-links{display:flex;align-items:center;gap:var(--spacing-xl)}.nav-link{color:var(--color-gray-700);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--transition-fast);font-size:1rem}.nav-link:hover{color:var(--color-primary-blue)}.mobile-menu-toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-gray-700);padding:var(--spacing-sm);min-width:44px;min-height:44px;border-radius:var(--radius-md);transition:background var(--transition-fast),color var(--transition-fast)}.mobile-menu-toggle:hover{background:var(--color-gray-100)}.mobile-menu-toggle:active{background:var(--color-gray-200)}.mobile-menu-backdrop{position:fixed;right:0;bottom:0;left:0;top:73px;background:#0006;opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base);z-index:999}.mobile-menu-backdrop.open{opacity:1;visibility:visible}.mobile-menu{position:absolute;top:100%;left:0;right:0;display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-white);border-top:1px solid var(--color-gray-200);box-shadow:var(--shadow-lg);z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity var(--transition-base),transform var(--transition-base),visibility var(--transition-base)}.mobile-menu.open{opacity:1;visibility:visible;transform:translateY(0)}.mobile-menu .nav-link{display:flex;align-items:center;padding:var(--spacing-md) var(--spacing-sm);font-size:1.125rem;font-weight:var(--font-weight-medium);color:var(--color-gray-700);text-decoration:none;border-radius:var(--radius-md);transition:background var(--transition-fast),color var(--transition-fast);min-height:48px}.mobile-menu .nav-link:hover,.mobile-menu .nav-link:active{background:var(--color-gray-100);color:var(--color-primary-blue)}.mobile-menu .nav-link:after{display:none}.mobile-menu .btn-primary{margin-top:var(--spacing-sm);min-height:52px;font-size:1rem;justify-content:center}.hero-split{position:relative;overflow:hidden;padding:var(--spacing-3xl) 0;min-height:600px}.hero-grid{display:grid;grid-template-columns:60% 40%;gap:var(--spacing-3xl);align-items:center}.hero-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.hero-content h1{margin-bottom:var(--spacing-md);line-height:1.1}.hero-content p{font-size:1.125rem;line-height:1.7;color:var(--color-gray-600);margin-bottom:var(--spacing-lg)}.hero-ctas{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.hero-image{display:flex;align-items:center;justify-content:center}.screenshot-frame{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);background:var(--color-gray-100);width:100%}.screenshot-frame img{width:100%;height:100%;object-fit:cover;display:block}.screenshot-placeholder{width:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00a1ff1a,#9736f11a);border:2px dashed var(--color-gray-300);color:var(--color-gray-600);font-size:1.125rem;font-weight:var(--font-weight-medium);min-height:400px;padding:var(--spacing-2xl);text-align:center}.trust-strip{background:var(--color-gray-50);padding:var(--spacing-xl) 0;text-align:center;border-top:1px solid var(--color-gray-200);border-bottom:1px solid var(--color-gray-200)}.trust-content{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xl);flex-wrap:wrap}.trust-badge{display:inline-flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-white);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);font-size:.875rem;color:var(--color-gray-700);font-weight:var(--font-weight-medium)}.outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl);margin:var(--spacing-3xl) 0}.outcome-card{background:var(--color-white);padding:var(--spacing-xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:all var(--transition-base);text-align:center}.outcome-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.outcome-icon{width:64px;height:64px;border-radius:var(--radius-lg);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto var(--spacing-lg);color:var(--color-white)}.outcome-card h3{margin-bottom:var(--spacing-md);font-size:1.25rem}.outcome-card p{color:var(--color-gray-600);line-height:1.6;margin-bottom:0}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl);margin:var(--spacing-3xl) 0}.feature-card{background:var(--color-white);padding:var(--spacing-xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.feature-icon{width:56px;height:56px;border-radius:var(--radius-md);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:1.75rem;margin-bottom:var(--spacing-lg);color:var(--color-white)}.feature-card h3{margin-bottom:var(--spacing-md);font-size:1.25rem}.feature-card p{color:var(--color-gray-600);line-height:1.6;margin-bottom:0}.timeline{position:relative;padding:var(--spacing-2xl) 0;max-width:800px;margin:var(--spacing-3xl) auto}.timeline-step{display:grid;grid-template-columns:80px 1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl);position:relative}.timeline-step:last-child{margin-bottom:0}.step-number{width:64px;height:64px;border-radius:50%;background:var(--gradient-primary);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:var(--font-weight-bold);flex-shrink:0}.step-content h3{margin-bottom:var(--spacing-sm);font-size:1.25rem}.step-content p{color:var(--color-gray-600);line-height:1.6;margin-bottom:0}.faq-container{max-width:800px;margin:var(--spacing-3xl) auto}.faq-item{background:var(--color-white);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-sm);overflow:hidden}.faq-question{width:100%;padding:var(--spacing-lg);background:none;border:none;text-align:left;font-size:1.125rem;font-weight:var(--font-weight-semibold);cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:var(--color-gray-900);transition:background-color var(--transition-fast)}.faq-question:hover{background-color:var(--color-gray-50)}.faq-answer{padding:0 var(--spacing-lg) var(--spacing-lg);color:var(--color-gray-600);line-height:1.6;display:none}.faq-answer.open{display:block;animation:slideDown var(--transition-base) ease-out}.faq-toggle{font-size:1.5rem;transition:transform var(--transition-base);color:var(--color-gray-500)}.faq-toggle.open{transform:rotate(180deg)}.cta-section{text-align:center;padding:var(--spacing-3xl) var(--spacing-xl);background:var(--color-gray-50);border-radius:var(--radius-2xl);margin:var(--spacing-3xl) 0}.cta-content{max-width:700px;margin:0 auto}.cta-section h2{margin-bottom:var(--spacing-lg)}.cta-section p{margin-bottom:var(--spacing-xl);font-size:1.125rem;color:var(--color-gray-600)}.footer{background:var(--color-gray-800);color:var(--color-gray-400);padding:var(--spacing-3xl) 0 var(--spacing-xl);margin-top:var(--spacing-3xl)}.footer-content{max-width:1280px;margin:0 auto;padding:0 var(--spacing-lg);text-align:center}.footer-logo{font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--color-white);margin-bottom:var(--spacing-lg);text-decoration:none;display:inline-block}.footer-logo-img{height:50px;width:auto;display:block;object-fit:contain;filter:brightness(1.1)}@media (max-width: 768px){.footer-logo-img{height:35px}}.footer-nav{display:flex;justify-content:center;gap:var(--spacing-xl);margin:var(--spacing-lg) 0;flex-wrap:wrap}.footer-nav a{color:var(--color-gray-400);text-decoration:none;transition:color var(--transition-fast);font-size:.875rem}.footer-nav a:hover{color:var(--color-primary-blue)}.footer-built{margin-top:var(--spacing-lg);font-size:.875rem;color:var(--color-gray-400);font-weight:500}.footer-company{margin-top:var(--spacing-xs);font-size:.75rem;color:var(--color-gray-500)}.footer-partner{margin-top:var(--spacing-lg)}.footer-partner-logo{height:50px;width:auto;opacity:.9}.footer-copyright{margin-top:var(--spacing-sm);font-size:.875rem;color:var(--color-gray-500)}.about-container{padding:var(--spacing-3xl) 0;min-height:100vh}.about-hero{text-align:center;max-width:800px;margin:0 auto var(--spacing-3xl);padding-bottom:var(--spacing-3xl);border-bottom:1px solid var(--color-gray-200)}.about-hero h1{font-size:2.5rem;font-weight:700;color:var(--color-gray-900);margin-bottom:var(--spacing-lg);line-height:1.2}.about-hero-sub{font-size:1.25rem;color:var(--color-gray-600);line-height:1.6}.about-section{max-width:700px;margin:0 auto var(--spacing-3xl)}.about-content-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:center;max-width:1100px;margin:0 auto var(--spacing-3xl)}.about-content-split.reverse{direction:rtl}.about-content-split.reverse>*{direction:ltr}.about-content-split .about-text h2{font-size:1.75rem;font-weight:700;color:var(--color-gray-900);margin-bottom:var(--spacing-lg)}.about-content-split .about-text p{font-size:1.125rem;color:var(--color-gray-700);line-height:1.7;margin-bottom:var(--spacing-md)}.about-screenshot .screenshot-frame{box-shadow:var(--shadow-xl);border:1px solid var(--color-gray-200)}.about-section h2{font-size:1.75rem;font-weight:700;color:var(--color-gray-900);margin-bottom:var(--spacing-lg)}.about-section p{font-size:1.125rem;color:var(--color-gray-700);line-height:1.7;margin-bottom:var(--spacing-md)}.about-list{list-style:none;padding:0;margin:var(--spacing-lg) 0}.about-list li{font-size:1.125rem;color:var(--color-gray-700);line-height:1.7;margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg);position:relative}.about-list li:before{content:"";position:absolute;left:0;top:.6em;width:8px;height:8px;background:var(--gradient-primary);border-radius:50%}.about-list li strong{color:var(--color-gray-900)}.about-promise{background:var(--color-gray-50);padding:var(--spacing-2xl);border-radius:var(--radius-xl);max-width:900px}.promise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl);margin-top:var(--spacing-lg)}.promise-item h3{font-size:1.125rem;font-weight:600;color:var(--color-gray-900);margin-bottom:var(--spacing-sm)}.promise-item p{font-size:1rem;color:var(--color-gray-600);line-height:1.6;margin-bottom:0}.about-contact{text-align:center;padding-top:var(--spacing-2xl);border-top:1px solid var(--color-gray-200)}.about-email{display:inline-flex;align-items:center;gap:var(--spacing-sm);font-size:1.125rem;color:var(--color-primary-blue);text-decoration:none;font-weight:500;margin-top:var(--spacing-md);transition:color var(--transition-fast)}.about-email:hover{color:var(--color-primary-purple)}.about-cta{text-align:center;background:var(--gradient-primary);padding:var(--spacing-3xl);border-radius:var(--radius-xl);margin-top:var(--spacing-3xl);max-width:700px;margin-left:auto;margin-right:auto}.about-cta h2{color:var(--color-white);font-size:1.75rem;margin-bottom:var(--spacing-sm)}.about-cta p{color:#ffffffe6;font-size:1.125rem;margin-bottom:var(--spacing-lg)}.about-cta .btn{background:var(--color-white);color:var(--color-primary-purple)}.about-cta .btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}@media (max-width: 768px){.about-hero h1{font-size:1.75rem}.about-hero-sub{font-size:1.125rem}.about-section h2{font-size:1.5rem}.about-section p,.about-list li{font-size:1rem}.about-content-split{grid-template-columns:1fr;gap:var(--spacing-xl)}.about-content-split.reverse{direction:ltr}.about-content-split .about-screenshot{order:-1}.about-content-split .about-text h2{font-size:1.5rem}.about-content-split .about-text p{font-size:1rem}.promise-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.about-promise{padding:var(--spacing-lg)}.about-cta{padding:var(--spacing-xl)}.about-cta h2{font-size:1.5rem}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);background:linear-gradient(135deg,#00a1ff0d,#9736f10d)}.auth-card{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);width:100%;max-width:440px;padding:var(--spacing-3xl)}.auth-card h1{text-align:center;margin-bottom:var(--spacing-xl);font-size:2rem}.plan-badge{background:var(--gradient-primary);padding:var(--spacing-md);border-radius:var(--radius-lg);color:var(--color-white);text-align:center;margin-bottom:var(--spacing-lg);font-weight:var(--font-weight-semibold)}.password-requirements{font-size:.75rem;margin-top:var(--spacing-xs);color:var(--color-gray-600)}.password-requirements.valid{color:var(--color-success)}.password-requirements.invalid{color:var(--color-error)}.pricing-container{padding:var(--spacing-3xl) 0}.pricing-header{text-align:center;margin-bottom:var(--spacing-3xl)}.pricing-header h1{margin-bottom:var(--spacing-md)}.pricing-header p{font-size:1.125rem;color:var(--color-gray-600)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl);margin:var(--spacing-2xl) 0;max-width:1280px;margin-left:auto;margin-right:auto;padding:0 var(--spacing-lg)}.pricing-card{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-lg);border:2px solid var(--color-gray-200);transition:all var(--transition-base);display:flex;flex-direction:column}.pricing-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.pricing-card.highlighted{border-color:var(--color-primary-blue);transform:scale(1.02);box-shadow:var(--shadow-xl);position:relative}.pricing-card.highlighted:before{content:"MOST POPULAR";position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--gradient-primary);color:var(--color-white);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:.75rem;font-weight:var(--font-weight-bold);letter-spacing:.05em}.pricing-card-header{text-align:center;padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-gray-200);margin-bottom:var(--spacing-lg)}.pricing-card-header h3{font-size:1.5rem;margin-bottom:var(--spacing-sm);color:var(--color-gray-900)}.pricing-price{font-size:3rem;font-weight:var(--font-weight-bold);color:var(--color-gray-900);line-height:1}.pricing-price span{font-size:1.125rem;color:var(--color-gray-600);font-weight:var(--font-weight-normal)}.pricing-features{list-style:none;padding:0;margin-bottom:var(--spacing-xl);flex-grow:1}.pricing-features li{padding:var(--spacing-sm) 0;display:flex;align-items:flex-start;gap:var(--spacing-sm);color:var(--color-gray-700)}.pricing-features li:before{content:"✓";color:var(--color-success);font-weight:var(--font-weight-bold);flex-shrink:0}.use-cases-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-xl);margin:var(--spacing-3xl) 0}.use-case-card{background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-base)}.use-case-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.use-case-image{width:100%;height:200px;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:var(--color-white);font-size:3rem}.use-case-content{padding:var(--spacing-lg)}.use-case-content h3{margin-bottom:var(--spacing-sm);font-size:1.125rem}.use-case-content p{color:var(--color-gray-600);font-size:.875rem;margin-bottom:0}@media (max-width: 1024px){.outcomes-grid,.features-grid,.use-cases-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.header-links{display:none}.mobile-menu-toggle{display:block}.hero-split{padding:var(--spacing-2xl) 0;min-height:auto}.hero-grid{grid-template-columns:1fr;gap:var(--spacing-2xl)}.hero-content h1{font-size:2rem}.hero-ctas{flex-direction:column}.hero-ctas .btn{width:100%}.outcomes-grid,.features-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.timeline-step{grid-template-columns:60px 1fr;gap:var(--spacing-md)}.step-number{width:50px;height:50px;font-size:1.25rem}.pricing-grid,.use-cases-grid{grid-template-columns:1fr}.cta-section{padding:var(--spacing-2xl) var(--spacing-lg)}.footer-nav{flex-direction:column;gap:var(--spacing-md)}}:root{--shadow-glow-blue: 0 0 40px rgba(0, 161, 255, .3);--shadow-glow-purple: 0 0 40px rgba(151, 54, 241, .3);--shadow-glow-pink: 0 0 40px rgba(247, 57, 136, .3);--glass-bg: rgba(255, 255, 255, .85);--glass-blur: blur(12px)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-float{animation:float 6s ease-in-out infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-gradient{background-size:200% 200%;animation:gradientShift 8s ease infinite}.nav-link{position:relative}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width var(--transition-base)}.nav-link:hover:after{width:100%}.header-links .btn-primary{box-shadow:0 4px 14px #9736f14d}.header-links .btn-primary:hover{box-shadow:0 6px 20px #9736f166}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#00a1ff1a,#9736f11a);border:1px solid rgba(151,54,241,.3);border-radius:var(--radius-full);font-size:.875rem;font-weight:var(--font-weight-semibold);color:var(--color-primary-purple);margin-bottom:var(--spacing-lg);animation:pulse 2s ease-in-out infinite}.hero-badge-icon{font-size:1rem}.hero-bg-elements{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.hero-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:float 8s ease-in-out infinite}.hero-orb-1{width:500px;height:500px;background:var(--color-primary-blue);top:-150px;right:-150px;animation-delay:0s}.hero-orb-2{width:400px;height:400px;background:var(--color-primary-purple);bottom:-100px;left:-150px;animation-delay:-2s}.hero-orb-3{width:300px;height:300px;background:var(--color-primary-pink);top:40%;right:15%;animation-delay:-4s}.hero-content,.hero-image{position:relative;z-index:1}.hero-stats{display:flex;gap:var(--spacing-2xl);margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-gray-200)}.hero-stat{display:flex;flex-direction:column}.stat-number{font-size:2rem;font-weight:var(--font-weight-bold);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.stat-label{font-size:.875rem;color:var(--color-gray-500);font-weight:var(--font-weight-medium)}.screenshot-glow{position:relative}.screenshot-glow:before{content:"";position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background:var(--gradient-primary);opacity:.15;filter:blur(40px);border-radius:var(--radius-2xl);z-index:-1}.logo-wall-section{padding:var(--spacing-2xl) 0;background:var(--color-gray-50);border-top:1px solid var(--color-gray-200);border-bottom:1px solid var(--color-gray-200);overflow:hidden}.logo-wall-title{text-align:center;font-size:.875rem;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.1em;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xl)}.logo-wall-track{overflow:hidden;position:relative}.logo-wall-track:before,.logo-wall-track:after{content:"";position:absolute;top:0;bottom:0;width:100px;z-index:2;pointer-events:none}.logo-wall-track:before{left:0;background:linear-gradient(90deg,var(--color-gray-50) 0%,transparent 100%)}.logo-wall-track:after{right:0;background:linear-gradient(270deg,var(--color-gray-50) 0%,transparent 100%)}.logo-wall-inner{display:flex;gap:var(--spacing-3xl);animation:scroll 25s linear infinite;width:max-content}.logo-item{display:flex;align-items:center;justify-content:center;height:60px;min-width:140px;opacity:.5;filter:grayscale(100%);transition:all var(--transition-base)}.logo-item:hover{opacity:1;filter:grayscale(0%)}.logo-item img{max-height:40px;max-width:120px;object-fit:contain}.logo-placeholder{font-size:1rem;font-weight:var(--font-weight-bold);color:var(--color-gray-400);white-space:nowrap}.logo-wall-section:hover .logo-wall-inner{animation-play-state:paused}.testimonials-section{padding:var(--spacing-3xl) 0;background:linear-gradient(180deg,var(--color-white) 0%,var(--color-gray-50) 100%)}.section-header{text-align:center;max-width:700px;margin:0 auto var(--spacing-3xl)}.section-badge{display:inline-block;padding:.375rem 1rem;background:linear-gradient(135deg,#00a1ff1a,#9736f11a);border-radius:var(--radius-full);font-size:.75rem;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary-purple);margin-bottom:var(--spacing-md)}.section-subhead{font-size:1.125rem;color:var(--color-gray-600);margin-top:var(--spacing-md)}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}.testimonial-card{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-gray-100);position:relative;transition:all var(--transition-base)}.testimonial-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl)}.testimonial-rating{display:flex;gap:2px;margin-bottom:var(--spacing-md)}.testimonial-rating svg{color:#f59e0b}.testimonial-quote-icon{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);color:var(--color-gray-200);opacity:.5}.testimonial-text{font-size:1rem;line-height:1.7;color:var(--color-gray-700);margin-bottom:var(--spacing-xl);font-style:italic}.testimonial-author{display:flex;align-items:center;gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--color-gray-100)}.author-avatar{width:48px;height:48px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:var(--color-white);font-weight:var(--font-weight-bold);font-size:1.25rem;flex-shrink:0}.author-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.author-info{display:flex;flex-direction:column}.author-name{font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.author-role{font-size:.875rem;color:var(--color-gray-500)}.author-company{font-size:.875rem;color:var(--color-primary-purple);font-weight:var(--font-weight-medium)}.outcome-card{position:relative;overflow:hidden;padding:var(--spacing-2xl);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg)}.outcome-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);transform:scaleX(0);transition:transform var(--transition-base)}.outcome-card:hover:before{transform:scaleX(1)}.outcome-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl)}.outcome-icon{width:72px;height:72px;border-radius:var(--radius-xl);background:linear-gradient(135deg,#00a1ff1a,#9736f11a);margin:0 auto var(--spacing-xl);box-shadow:0 8px 24px #9736f126}.outcome-icon svg{color:var(--color-primary-purple)}.feature-card{padding:var(--spacing-2xl);border-radius:var(--radius-2xl);border:1px solid var(--color-gray-100)}.feature-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-2xl);border-color:var(--color-primary-blue)}.feature-icon{width:64px;height:64px;border-radius:var(--radius-lg);box-shadow:0 10px 30px #9736f14d}.timeline:before{content:"";position:absolute;left:32px;top:100px;bottom:100px;width:2px;background:linear-gradient(180deg,var(--color-primary-blue) 0%,var(--color-primary-purple) 50%,var(--color-primary-pink) 100%)}.step-number{box-shadow:0 10px 30px #9736f14d;position:relative;z-index:1}.step-content{background:var(--color-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.step-content:hover{box-shadow:var(--shadow-lg);transform:translate(8px)}.cta-section.cta-gradient{background:var(--gradient-primary);position:relative;overflow:hidden}.cta-section.cta-gradient:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 50%,rgba(255,255,255,.15) 0%,transparent 50%),radial-gradient(circle at 70% 50%,rgba(255,255,255,.1) 0%,transparent 50%)}.cta-section.cta-gradient h2{color:var(--color-white);position:relative;z-index:1}.cta-section.cta-gradient p{color:#ffffffe6;position:relative;z-index:1}.cta-section.cta-gradient .btn{background:var(--color-white);color:var(--color-primary-purple);position:relative;z-index:1}.cta-section.cta-gradient .btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 10px 30px #0003}.footer{background:linear-gradient(180deg,var(--color-gray-900) 0%,#0d1117 100%);position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary)}.footer-nav a{position:relative}.footer-nav a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--gradient-primary);transition:width var(--transition-base)}.footer-nav a:hover:after{width:100%}@media (max-width: 1024px){.testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.hero-orb{display:none}.hero-stats{flex-direction:column;gap:var(--spacing-lg)}.hero-stat{flex-direction:row;align-items:center;gap:var(--spacing-md)}.stat-number{font-size:1.5rem}.testimonials-grid{grid-template-columns:1fr}.timeline:before{left:25px}.logo-wall-track:before,.logo-wall-track:after{width:50px}}.route-demo-section{padding:var(--spacing-3xl) 0;background:linear-gradient(180deg,var(--color-gray-50) 0%,var(--color-white) 100%)}.route-demo-video-container{margin-top:var(--spacing-2xl);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-xl)}.route-demo-video{width:100%;max-height:450px;object-fit:contain;display:block;border-radius:var(--radius-2xl)}.route-demo-container{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--spacing-2xl);align-items:start;margin-top:var(--spacing-2xl)}.route-demo-map{position:relative;background:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);border:1px solid var(--color-gray-100);overflow:hidden}.demo-map-embed{position:absolute;top:0;left:0;width:100%;height:100%;border:none;pointer-events:none;z-index:1}.demo-svg-overlay{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%}.demo-svg{width:100%;height:auto;display:block}.roads line{stroke:var(--color-gray-200)}.route-path{stroke-dasharray:1000;stroke-dashoffset:0;transition:stroke-dashoffset .8s ease-in-out,d .8s ease-in-out}.route-path.animating{stroke-dashoffset:1000}.route-path.unoptimized{opacity:.8}.route-path.optimized{opacity:1;filter:drop-shadow(0 2px 4px rgba(151,54,241,.3))}.job-marker .marker-bg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.job-marker.optimized .marker-bg{animation:markerPulse 2s ease-in-out infinite}@keyframes markerPulse{0%,to{filter:drop-shadow(0 2px 4px rgba(151,54,241,.3))}50%{filter:drop-shadow(0 4px 12px rgba(151,54,241,.5))}}.depot-marker circle{filter:drop-shadow(0 2px 4px rgba(16,185,129,.3))}.demo-legend{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-gray-100)}.legend-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.875rem;color:var(--color-gray-600)}.legend-marker{width:24px;height:24px;border-radius:50%;background:var(--gradient-primary);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:var(--font-weight-bold)}.route-demo-controls{display:flex;flex-direction:column;gap:var(--spacing-xl)}.demo-buttons{display:flex;gap:var(--spacing-md)}.demo-btn{flex:1;justify-content:center}.demo-btn svg{flex-shrink:0}.demo-metrics{display:flex;flex-direction:column;gap:var(--spacing-md)}.metric-card{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-100);transition:all var(--transition-base)}.metric-card.optimized{border-color:var(--color-primary-blue);box-shadow:var(--shadow-lg)}.metric-card.savings-card{background:linear-gradient(135deg,#10b9811a,#10b9810d);border-color:var(--color-success);animation:fadeSlideIn .5s ease-out}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.metric-icon{width:48px;height:48px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#00a1ff1a,#9736f11a);display:flex;align-items:center;justify-content:center;color:var(--color-primary-purple);flex-shrink:0}.metric-icon.savings-icon{background:linear-gradient(135deg,#10b98133,#10b9811a);color:var(--color-success)}.metric-content{flex:1}.metric-label{font-size:.875rem;color:var(--color-gray-500);margin-bottom:var(--spacing-xs)}.metric-value{font-size:1.25rem;font-weight:var(--font-weight-bold);color:var(--color-gray-900);display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.metric-value .old-value{color:var(--color-gray-400);text-decoration:line-through}.metric-value .arrow{color:var(--color-gray-400)}.metric-value .new-value{color:var(--color-success)}.savings-value{color:var(--color-success)!important}.savings-percent{font-size:.875rem;font-weight:var(--font-weight-semibold);color:var(--color-success);margin-top:var(--spacing-xs)}.route-sequence-card{flex-direction:column}.route-sequence-card .metric-content{width:100%}.route-sequence{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-gray-50);border-radius:var(--radius-md)}.route-stop{display:inline-flex;align-items:center;gap:4px;font-size:.8rem;color:var(--color-gray-700)}.stop-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;flex-shrink:0}.stop-icon.depot{background:var(--color-success);color:#fff}.stop-icon.job{background:#6366f1;color:#fff}.stop-name{font-weight:var(--font-weight-medium)}.stop-arrow{color:var(--color-gray-400);margin:0 2px;flex-shrink:0}.route-problem{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:#f973161a;border-radius:var(--radius-sm);font-size:.8rem;color:#c2410c;font-weight:var(--font-weight-medium)}.route-solution{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:#10b9811a;border-radius:var(--radius-sm);font-size:.8rem;color:#047857;font-weight:var(--font-weight-medium)}.route-sequence-card.optimized .route-sequence{background:#10b9810d}@media (max-width: 1024px){.route-demo-container{grid-template-columns:1fr}.route-demo-controls{order:-1}.demo-metrics{flex-direction:row;flex-wrap:wrap}.metric-card{flex:1;min-width:200px}}@media (max-width: 768px){.demo-metrics{flex-direction:column}.metric-card{min-width:auto}.demo-legend{justify-content:center}}.demo-map-container{width:100%;height:400px;border-radius:var(--radius-2xl);z-index:1}.demo-map-controls{position:absolute;bottom:var(--spacing-lg);left:50%;transform:translate(-50%);z-index:1000}.demo-optimize-btn,.demo-reset-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-size:1rem;font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);border:none;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-lg)}.demo-optimize-btn{background:var(--gradient-primary);color:var(--color-white)}.demo-optimize-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-xl)}.demo-optimize-btn:disabled{opacity:.8;cursor:not-allowed}.demo-reset-btn{background:var(--color-white);color:var(--color-gray-700);border:1px solid var(--color-gray-200)}.demo-reset-btn:hover{background:var(--color-gray-50);border-color:var(--color-gray-300)}.btn-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--color-white);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.demo-map-legend{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:var(--color-white);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);z-index:1000;display:flex;flex-direction:column;gap:var(--spacing-xs);font-size:.75rem}.legend-line{display:inline-block;width:24px;height:3px;border-radius:2px;margin-right:var(--spacing-xs)}.legend-line.unoptimized{background:#f97316;background-image:repeating-linear-gradient(90deg,#f97316 0px,#f97316 6px,transparent 6px,transparent 10px)}.legend-line.optimized{background:#10b981}.demo-map-error{width:100%;height:400px;display:flex;align-items:center;justify-content:center;background:var(--color-gray-100);border-radius:var(--radius-2xl);color:var(--color-gray-500);font-size:1rem}.hint-card{background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border-color:var(--color-primary-purple);border-style:dashed}.hint-text{font-size:.95rem;color:var(--color-gray-600);font-style:italic}.current-value{color:var(--color-gray-700)}@media (max-width: 768px){.demo-map-container{height:300px}.demo-map-controls{bottom:var(--spacing-md)}.demo-optimize-btn,.demo-reset-btn{padding:var(--spacing-sm) var(--spacing-lg);font-size:.875rem}}.savings-calculator-section{padding:var(--spacing-4xl) 0;background:linear-gradient(180deg,var(--color-gray-50) 0%,var(--color-white) 100%)}.calculator-container{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--spacing-xl);margin-top:var(--spacing-2xl)}.calculator-inputs,.calculator-results{background:var(--color-white);border-radius:var(--radius-2xl);padding:var(--spacing-xl);box-shadow:var(--shadow-lg)}.calculator-panel-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1.1rem;font-weight:var(--font-weight-semibold);color:var(--color-gray-800);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-gray-100)}.results-title{color:var(--color-success)}.input-group{margin-bottom:var(--spacing-lg)}.input-label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.9rem;font-weight:var(--font-weight-medium);color:var(--color-gray-700);margin-bottom:var(--spacing-sm)}.slider-container{display:flex;align-items:center;gap:var(--spacing-md)}.slider{flex:1;height:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-gray-200);border-radius:4px;outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--gradient-primary);border-radius:50%;cursor:pointer;box-shadow:var(--shadow-md);transition:transform var(--transition-base)}.slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.slider-value{min-width:60px;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-gray-100);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);color:var(--color-gray-800);text-align:center;font-size:.9rem}.number-input-container{display:flex;align-items:center;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);overflow:hidden;max-width:120px}.input-prefix{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-gray-50);color:var(--color-gray-500);font-weight:var(--font-weight-medium)}.number-input{flex:1;padding:var(--spacing-sm);border:none;font-size:1rem;font-weight:var(--font-weight-semibold);color:var(--color-gray-800);width:80px}.number-input:focus{outline:none}.results-grid{display:flex;flex-direction:column;gap:var(--spacing-md)}.result-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-lg);transition:all var(--transition-base)}.result-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.result-icon.fuel{background:#f973161a;color:#ea580c}.result-icon.time{background:#3b82f61a;color:#2563eb}.result-icon.jobs{background:#10b9811a;color:#059669}.result-content{flex:1}.result-label{display:block;font-size:.85rem;color:var(--color-gray-500);margin-bottom:2px}.result-value{display:block;font-size:1.25rem;font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.result-subvalue{display:block;font-size:.8rem;color:var(--color-gray-500)}.total-savings{margin-top:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-md)}.total-card{padding:var(--spacing-lg);border-radius:var(--radius-xl);text-align:center}.total-card.monthly{background:var(--color-gray-100)}.total-card.annual{background:linear-gradient(135deg,#10b9811a,#10b9810d);border:2px solid var(--color-success)}.total-label{display:block;font-size:.9rem;color:var(--color-gray-600);margin-bottom:var(--spacing-xs)}.total-value{display:block;font-size:1.75rem;font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.total-value.highlight{color:var(--color-success);font-size:2rem}.total-note{display:block;font-size:.8rem;color:var(--color-success);margin-top:var(--spacing-xs)}.calculator-cta{display:block;width:100%;margin-top:var(--spacing-xl);padding:var(--spacing-md) var(--spacing-xl);background:var(--gradient-primary);color:var(--color-white);text-align:center;font-weight:var(--font-weight-semibold);font-size:1rem;border-radius:var(--radius-xl);text-decoration:none;transition:all var(--transition-base);box-shadow:var(--shadow-md)}.calculator-cta:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}@media (max-width: 900px){.calculator-container{grid-template-columns:1fr}}.day-comparison-section{padding:var(--spacing-4xl) 0;background:var(--color-white)}.comparison-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);margin-top:var(--spacing-2xl)}.day-column{background:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);overflow:hidden}.day-header{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-lg);font-weight:var(--font-weight-semibold)}.day-header.bad{background:linear-gradient(135deg,#ef44441a,#f973161a);color:#dc2626}.day-header.good{background:linear-gradient(135deg,#10b9811a,#22c55e1a);color:#059669}.day-header h3{font-size:1rem;margin:0}.day-timeline{padding:var(--spacing-lg);max-height:500px;overflow-y:auto}.timeline-item{display:grid;grid-template-columns:70px 30px 1fr;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-md);transition:background var(--transition-base)}.timeline-item.highlight{background:#10b9811a}.timeline-time{font-size:.75rem;color:var(--color-gray-500);font-weight:var(--font-weight-medium);text-align:right;padding-top:2px}.timeline-marker{display:flex;flex-direction:column;align-items:center}.marker-dot{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.marker-dot.travel{background:#f9731633;color:#ea580c}.marker-dot.job{background:#10b98133;color:#059669}.marker-dot.break{background:#6b728033;color:#4b5563}.marker-dot.end{background:#6366f133;color:#4f46e5}.marker-line{width:2px;flex:1;min-height:20px;background:var(--color-gray-200);margin-top:4px}.timeline-item:last-child .marker-line{display:none}.timeline-content{padding-top:2px}.timeline-event{font-size:.85rem;font-weight:var(--font-weight-medium);color:var(--color-gray-800)}.timeline-duration{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;color:var(--color-gray-500);margin-top:2px}.timeline-note{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;font-weight:var(--font-weight-semibold);padding:2px 8px;border-radius:var(--radius-full);margin-top:4px}.timeline-note.bad{background:#ef44441a;color:#dc2626}.timeline-note.good{background:#10b9811a;color:#059669}.day-summary{display:flex;justify-content:space-around;padding:var(--spacing-lg);border-top:1px solid var(--color-gray-100)}.day-summary.bad{background:#ef44440d}.day-summary.good{background:#10b9810d}.summary-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.8rem;color:var(--color-gray-600)}.summary-item strong{color:var(--color-gray-900)}.comparison-stats{display:flex;justify-content:center;gap:var(--spacing-xl);margin-top:var(--spacing-2xl)}.stat-card{text-align:center;padding:var(--spacing-lg) var(--spacing-2xl);background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.stat-change{font-size:1.75rem;font-weight:var(--font-weight-bold)}.stat-change.negative,.stat-change.positive{color:#059669}.stat-label{font-size:.9rem;color:var(--color-gray-600);margin-top:var(--spacing-xs)}@media (max-width: 900px){.comparison-container{grid-template-columns:1fr}.comparison-stats{flex-wrap:wrap}.stat-card{flex:1;min-width:120px}}@media (max-width: 600px){.day-summary{flex-direction:column;gap:var(--spacing-sm)}.timeline-item{grid-template-columns:60px 24px 1fr}.timeline-time{font-size:.7rem}}.footer-legal{display:flex;justify-content:center;gap:var(--spacing-lg);margin-top:var(--spacing-md);flex-wrap:wrap}.footer-legal a{color:var(--color-gray-500);text-decoration:none;font-size:.75rem;transition:color var(--transition-fast)}.footer-legal a:hover{color:var(--color-gray-300)}.legal-container{min-height:100vh;padding:var(--spacing-3xl) 0;background:var(--color-gray-50)}.legal-content{max-width:800px;margin:0 auto;background:var(--color-white);padding:var(--spacing-3xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.legal-content h1{font-size:2rem;margin-bottom:var(--spacing-sm);color:var(--color-gray-900)}.legal-updated{color:var(--color-gray-500);font-size:.875rem;margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-gray-200)}.legal-content section{margin-bottom:var(--spacing-2xl)}.legal-content h2{font-size:1.25rem;margin-bottom:var(--spacing-md);color:var(--color-gray-800)}.legal-content h3{font-size:1rem;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm);color:var(--color-gray-700)}.legal-content p{color:var(--color-gray-600);margin-bottom:var(--spacing-md);line-height:1.7}.legal-content ul{margin-left:var(--spacing-lg);margin-bottom:var(--spacing-md);color:var(--color-gray-600)}.legal-content li{margin-bottom:var(--spacing-xs);line-height:1.6}.legal-content a{color:var(--color-primary-blue);text-decoration:none}.legal-content a:hover{text-decoration:underline}@media (max-width: 768px){.legal-content{padding:var(--spacing-xl);margin:0 var(--spacing-md)}.legal-content h1{font-size:1.5rem}}.help-container{min-height:100vh;padding:var(--spacing-3xl) 0;background:var(--color-gray-50)}.help-header{text-align:center;margin-bottom:var(--spacing-2xl)}.help-header h1{font-size:2rem;color:var(--color-gray-900);margin-bottom:var(--spacing-sm)}.help-header p{color:var(--color-gray-600);font-size:1.125rem}.help-layout{display:grid;grid-template-columns:250px 1fr;gap:var(--spacing-xl);max-width:1100px;margin:0 auto}.help-nav{display:flex;flex-direction:column;gap:var(--spacing-xs);position:sticky;top:var(--spacing-xl);height:fit-content}.help-nav-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;color:var(--color-gray-700);transition:all var(--transition-fast);text-align:left}.help-nav-item:hover{border-color:var(--color-primary-blue);color:var(--color-primary-blue)}.help-nav-item.active{background:var(--color-primary-blue);border-color:var(--color-primary-blue);color:var(--color-white)}.help-nav-icon{font-size:1.125rem}.help-content{background:var(--color-white);padding:var(--spacing-2xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.help-content h2{font-size:1.5rem;color:var(--color-gray-900);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-gray-200)}.help-content h3{font-size:1.125rem;color:var(--color-gray-800);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-sm)}.help-content p{color:var(--color-gray-600);line-height:1.7;margin-bottom:var(--spacing-md)}.help-content ul,.help-content ol{margin-left:var(--spacing-lg);margin-bottom:var(--spacing-md);color:var(--color-gray-600)}.help-content li{margin-bottom:var(--spacing-xs);line-height:1.6}.help-tip{background:var(--color-gray-50);border-left:3px solid var(--color-primary-blue);padding:var(--spacing-md);margin:var(--spacing-lg) 0;border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:.875rem;color:var(--color-gray-700)}.help-email{display:inline-block;background:var(--color-primary-blue);color:var(--color-white)!important;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);text-decoration:none!important;font-weight:var(--font-weight-medium);margin:var(--spacing-sm) 0}.help-email:hover{opacity:.9}@media (max-width: 768px){.help-layout{grid-template-columns:1fr}.help-nav{flex-direction:row;overflow-x:auto;position:static;padding-bottom:var(--spacing-sm)}.help-nav-item{white-space:nowrap;flex-shrink:0}.help-content{padding:var(--spacing-lg)}}@media (max-width: 480px){.container{padding:0 var(--spacing-sm)}.section-padding{padding:var(--spacing-2xl) 0}.hero-stats{gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.hero-stat{gap:var(--spacing-sm)}.stat-number{font-size:1.25rem}.stat-label{font-size:.75rem}.day-header{padding:var(--spacing-md)}.day-header h3{font-size:.875rem}.day-timeline{padding:var(--spacing-md);max-height:400px}.timeline-item{grid-template-columns:50px 20px 1fr;gap:var(--spacing-xs);padding:var(--spacing-xs)}.timeline-time{font-size:.65rem}.timeline-event{font-size:.8rem}.timeline-duration{font-size:.7rem}.marker-dot{width:20px;height:20px;font-size:.6rem}.stat-card{padding:var(--spacing-md);min-width:100px}.stat-value{font-size:1.25rem}.legal-content{padding:var(--spacing-lg)}.legal-content h1{font-size:1.5rem}.legal-content h2{font-size:1.125rem}.help-content h2{font-size:1.25rem}.help-content h3{font-size:1rem}.footer-legal{gap:var(--spacing-md)}.btn,.help-nav-item,.footer-legal a{min-height:44px;display:inline-flex;align-items:center}.calculator-inputs{gap:var(--spacing-md)}.input-group label{font-size:.875rem}}@media (hover: none) and (pointer: coarse){.btn{min-height:48px}.btn:hover{transform:none}.help-nav,.day-timeline{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}}