:root{--color-primary-50: #eef2ff;--color-primary-100: #e0e7ff;--color-primary-200: #c7d2fe;--color-primary-300: #a5b4fc;--color-primary-400: #818cf8;--color-primary-500: #6366f1;--color-primary-600: #4f46e5;--color-primary-700: #4338ca;--color-primary-800: #3730a3;--color-primary-900: #312e81;--color-secondary-50: #f0fdfa;--color-secondary-100: #ccfbf1;--color-secondary-200: #99f6e4;--color-secondary-300: #5eead4;--color-secondary-400: #2dd4bf;--color-secondary-500: #14b8a6;--color-secondary-600: #0d9488;--color-secondary-700: #0f766e;--color-secondary-800: #115e59;--color-secondary-900: #134e4a;--color-accent-50: #fffbeb;--color-accent-100: #fef3c7;--color-accent-200: #fde68a;--color-accent-300: #fcd34d;--color-accent-400: #fbbf24;--color-accent-500: #f59e0b;--color-accent-600: #d97706;--color-accent-700: #b45309;--color-accent-800: #92400e;--color-accent-900: #78350f;--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-background: #ffffff;--color-background-alt: var(--color-gray-50);--color-text-primary: var(--color-gray-800);--color-text-secondary: var(--color-gray-600);--color-text-muted: var(--color-gray-500);--color-border: var(--color-gray-200);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--font-family-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--container-max: 1200px;--container-padding: var(--space-6)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}ul,ol{list-style:none}.heading-1{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-gray-900)}.heading-2{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-gray-900)}.heading-3{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-gray-900)}.heading-4{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-gray-900)}.text-lg{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}.text-sm{font-size:var(--font-size-sm)}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-center{text-align:center}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.section{padding:var(--space-12) 0}@media(min-width:768px){.section{padding:var(--space-20) 0}}.section-alt{background-color:var(--color-background-alt)}.section-header{text-align:center;margin-bottom:var(--space-10);padding:0 var(--space-2)}@media(min-width:768px){.section-header{margin-bottom:var(--space-16);padding:0}}.section-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--space-3)}@media(min-width:768px){.section-title{font-size:var(--font-size-4xl);margin-bottom:var(--space-4)}}.section-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:640px;margin:0 auto;line-height:var(--line-height-relaxed)}@media(min-width:768px){.section-subtitle{font-size:var(--font-size-lg)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);transition:all var(--transition-normal);white-space:nowrap;cursor:pointer;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-primary-700) 100%);color:#fff;box-shadow:0 4px 14px #4f46e566;border:none}.btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);box-shadow:0 6px 20px #4f46e580;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #4f46e566}.btn-accent{background:linear-gradient(135deg,var(--color-accent-500) 0%,var(--color-accent-600) 100%);color:#fff;box-shadow:0 4px 14px #f59e0b66;border:none}.btn-accent:hover{background:linear-gradient(135deg,var(--color-accent-400) 0%,var(--color-accent-500) 100%);box-shadow:0 6px 20px #f59e0b80;transform:translateY(-2px)}.btn-accent:active{transform:translateY(0);box-shadow:0 2px 8px #f59e0b66}.btn-secondary{background-color:#fff;color:var(--color-primary-700);border:2px solid var(--color-primary-200);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background-color:var(--color-primary-50);border-color:var(--color-primary-300);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary:active{transform:translateY(0)}.btn-large{padding:var(--space-4) var(--space-10);font-size:var(--font-size-lg);border-radius:var(--radius-xl)}.card{background-color:var(--color-background);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--space-6);transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-flat{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6)}.grid{display:grid;gap:var(--space-6)}.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(1,1fr)}@media(min-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}.icon-container{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-lg);background-color:var(--color-primary-100);color:var(--color-primary-600);margin-bottom:var(--space-4)}.icon-container svg{width:24px;height:24px}.icon-secondary{background-color:var(--color-secondary-100);color:var(--color-secondary-600)}.icon-accent{background-color:var(--color-accent-100);color:var(--color-accent-600)}.badge{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);background-color:var(--color-primary-50);color:var(--color-primary-700);border:1px solid var(--color-primary-200)}@media(max-width:768px){.heading-1{font-size:var(--font-size-4xl)}.heading-2,.section-title{font-size:var(--font-size-3xl)}.section{padding:var(--space-12) 0}.section-header{margin-bottom:var(--space-10)}}.btn:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}::selection{background-color:var(--color-primary-200);color:var(--color-primary-900)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-gray-100)}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.header{position:fixed;top:0;left:0;right:0;z-index:100;background-color:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px}@media(min-width:768px){.header-inner{height:72px}}.logo{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary-700)}@media(min-width:768px){.logo{font-size:var(--font-size-xl)}}.logo-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-800));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff}@media(min-width:768px){.logo-icon{width:36px;height:36px}}.header-nav-desktop{display:none;align-items:center;gap:var(--space-4)}@media(min-width:768px){.header-nav-desktop{display:flex}}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-lg);background-color:transparent;color:var(--color-gray-700);transition:all var(--transition-fast)}.mobile-menu-btn:hover{background-color:var(--color-gray-100)}@media(min-width:768px){.mobile-menu-btn{display:none}}.mobile-menu-icon{width:24px;height:24px}.header-nav-mobile{display:none;position:absolute;top:100%;left:0;right:0;background-color:#fff;border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-lg);padding:var(--space-4) var(--space-6);transform:translateY(-10px);opacity:0;transition:all var(--transition-normal)}.header-nav-mobile.open{display:block;transform:translateY(0);opacity:1}@media(min-width:768px){.header-nav-mobile{display:none!important}}.mobile-nav-content{display:flex;flex-direction:column;gap:var(--space-4)}.language-selector-mobile{display:flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-1);background-color:var(--color-gray-100);border-radius:var(--radius-lg)}.mobile-nav-buttons{display:flex;flex-direction:column;gap:var(--space-3)}.btn-block{width:100%;justify-content:center}.language-selector{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1);background-color:var(--color-gray-100);border-radius:var(--radius-lg)}.language-btn{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600);border-radius:var(--radius-md);transition:all var(--transition-fast)}.language-btn.active{background-color:#fff;color:var(--color-primary-700);box-shadow:var(--shadow-sm)}.language-btn:hover:not(.active){color:var(--color-gray-900)}.hero{padding-top:calc(64px + var(--space-12));padding-bottom:var(--space-12);background:linear-gradient(180deg,var(--color-primary-50) 0%,var(--color-background) 100%)}@media(min-width:768px){.hero{padding-top:calc(72px + var(--space-20));padding-bottom:var(--space-20)}}.hero-content{max-width:800px;margin:0 auto;text-align:center;padding:0 var(--space-2)}@media(min-width:768px){.hero-content{padding:0}}.hero-badge{margin-bottom:var(--space-4)}@media(min-width:768px){.hero-badge{margin-bottom:var(--space-6)}}.hero-title{font-size:1.75rem;font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--space-4);line-height:var(--line-height-tight)}@media(min-width:480px){.hero-title{font-size:2rem}}@media(min-width:768px){.hero-title{font-size:clamp(2.25rem,5vw,3.5rem);margin-bottom:var(--space-6)}}.hero-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--space-8);max-width:600px;margin-left:auto;margin-right:auto;line-height:var(--line-height-relaxed)}@media(min-width:768px){.hero-subtitle{font-size:var(--font-size-lg);margin-bottom:var(--space-10)}}.hero-cta{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}@media(min-width:480px){.hero-cta{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:var(--space-4)}}.hero-cta .btn{width:100%;max-width:280px}@media(min-width:480px){.hero-cta .btn{width:auto;max-width:none}}.feature-card{text-align:left}.feature-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--space-2)}.feature-description{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.steps-container{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--space-4)}@media(min-width:768px){.steps-container{grid-template-columns:repeat(3,1fr);gap:var(--space-8)}}.step-card{text-align:center;padding:var(--space-6)}@media(min-width:768px){.step-card{padding:var(--space-8)}}.step-number{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-700));color:#fff;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4)}@media(min-width:768px){.step-number{width:64px;height:64px;font-size:var(--font-size-2xl);margin-bottom:var(--space-6)}}.step-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--space-2)}@media(min-width:768px){.step-title{font-size:var(--font-size-xl);margin-bottom:var(--space-3)}}.step-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}@media(min-width:768px){.step-description{font-size:var(--font-size-base)}}.roles-container{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--space-6)}@media(min-width:768px){.roles-container{grid-template-columns:repeat(3,1fr)}}.role-card{padding:var(--space-6);border:2px solid transparent;transition:all var(--transition-normal)}@media(min-width:768px){.role-card{padding:var(--space-8)}}.role-card:hover{border-color:var(--color-primary-200)}.role-icon{width:48px;height:48px;border-radius:var(--radius-xl);margin-bottom:var(--space-4);display:flex;align-items:center;justify-content:center}@media(min-width:768px){.role-icon{width:56px;height:56px;margin-bottom:var(--space-5)}}.role-icon-employee{background-color:var(--color-secondary-100);color:var(--color-secondary-600)}.role-icon-manager{background-color:var(--color-primary-100);color:var(--color-primary-600)}.role-icon-admin{background-color:var(--color-accent-100);color:var(--color-accent-600)}.role-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--space-3)}@media(min-width:768px){.role-title{font-size:var(--font-size-xl);margin-bottom:var(--space-4)}}.role-benefits{display:flex;flex-direction:column;gap:var(--space-2)}@media(min-width:768px){.role-benefits{gap:var(--space-3)}}.role-benefit{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary)}@media(min-width:768px){.role-benefit{gap:var(--space-3);font-size:var(--font-size-base)}}.role-benefit-icon{flex-shrink:0;width:18px;height:18px;color:var(--color-secondary-500);margin-top:2px}@media(min-width:768px){.role-benefit-icon{width:20px;height:20px}}.product-overview-content{display:grid;grid-template-columns:1fr;gap:var(--space-8);align-items:center}@media(min-width:768px){.product-overview-content{gap:var(--space-12)}}@media(min-width:768px){.product-overview-content{grid-template-columns:1fr 1fr}}.product-text{text-align:center}@media(min-width:768px){.product-text{text-align:left}}.product-text h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--space-3)}@media(min-width:768px){.product-text h2{font-size:var(--font-size-3xl);margin-bottom:var(--space-4)}}.product-text p{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--space-5)}@media(min-width:768px){.product-text p{font-size:var(--font-size-lg);margin-bottom:var(--space-6)}}.product-points{display:flex;flex-direction:column;gap:var(--space-3);text-align:left}@media(min-width:768px){.product-points{gap:var(--space-4)}}.product-point{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-primary)}@media(min-width:768px){.product-point{font-size:var(--font-size-base)}}.product-point-icon{flex-shrink:0;width:22px;height:22px;border-radius:var(--radius-full);background-color:var(--color-secondary-100);color:var(--color-secondary-600);display:flex;align-items:center;justify-content:center}@media(min-width:768px){.product-point-icon{width:24px;height:24px}}.product-visual{background:linear-gradient(135deg,var(--color-primary-100) 0%,var(--color-secondary-100) 100%);border-radius:var(--radius-xl);padding:var(--space-4);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center}@media(min-width:768px){.product-visual{border-radius:var(--radius-2xl);padding:var(--space-8)}}.dashboard-mockup{width:100%;background-color:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden}.mockup-header{background-color:var(--color-gray-100);padding:var(--space-3) var(--space-4);display:flex;gap:var(--space-2)}.mockup-dot{width:12px;height:12px;border-radius:var(--radius-full);background-color:var(--color-gray-300)}.mockup-content{padding:var(--space-4)}@media(min-width:768px){.mockup-content{padding:var(--space-6)}}.mockup-chart{display:flex;align-items:flex-end;gap:var(--space-2);height:80px;margin-bottom:var(--space-4)}@media(min-width:768px){.mockup-chart{gap:var(--space-3);height:120px;margin-bottom:var(--space-6)}}.mockup-bar{flex:1;background:linear-gradient(180deg,var(--color-primary-400),var(--color-primary-600));border-radius:var(--radius-sm) var(--radius-sm) 0 0}.mockup-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}@media(min-width:768px){.mockup-metrics{gap:var(--space-4)}}.mockup-metric{background-color:var(--color-gray-50);padding:var(--space-2);border-radius:var(--radius-md)}@media(min-width:768px){.mockup-metric{padding:var(--space-4);border-radius:var(--radius-lg)}}.mockup-metric-value{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-primary-600)}@media(min-width:768px){.mockup-metric-value{font-size:var(--font-size-xl)}}.mockup-metric-label{font-size:.65rem;color:var(--color-gray-500)}@media(min-width:768px){.mockup-metric-label{font-size:var(--font-size-xs)}}.security-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--space-4)}@media(min-width:640px){.security-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}}@media(min-width:1024px){.security-grid{grid-template-columns:repeat(4,1fr)}}.security-card{text-align:center;padding:var(--space-6)}@media(min-width:768px){.security-card{padding:var(--space-8)}}.security-icon{width:52px;height:52px;border-radius:var(--radius-full);background-color:var(--color-primary-100);color:var(--color-primary-600);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4)}@media(min-width:768px){.security-icon{width:64px;height:64px;margin:0 auto var(--space-5)}}.security-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--space-2)}@media(min-width:768px){.security-title{font-size:var(--font-size-lg)}}.security-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.testimonials-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--space-6)}@media(min-width:768px){.testimonials-grid{grid-template-columns:repeat(3,1fr)}}.testimonial-card{padding:var(--space-8);display:flex;flex-direction:column}.testimonial-quote{font-size:var(--font-size-base);color:var(--color-text-primary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-6);flex-grow:1;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:var(--space-3)}.testimonial-avatar{width:48px;height:48px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary-400),var(--color-secondary-400));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--font-weight-semibold)}.testimonial-info{display:flex;flex-direction:column}.testimonial-name{font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.testimonial-role{font-size:var(--font-size-sm);color:var(--color-text-muted)}.final-cta{background:linear-gradient(135deg,var(--color-primary-700) 0%,var(--color-primary-900) 100%);color:#fff}.final-cta-content{text-align:center;max-width:640px;margin:0 auto;padding:0 var(--space-2)}@media(min-width:768px){.final-cta-content{padding:0}}.final-cta h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-3)}@media(min-width:768px){.final-cta h2{font-size:var(--font-size-4xl);margin-bottom:var(--space-4)}}.final-cta p{font-size:var(--font-size-base);opacity:.9;margin-bottom:var(--space-6)}@media(min-width:768px){.final-cta p{font-size:var(--font-size-lg);margin-bottom:var(--space-8)}}.final-cta .btn-primary{background:linear-gradient(135deg,#fff,#f0f9ff);color:var(--color-primary-700);box-shadow:0 4px 24px #ffffff4d;border:none;width:100%;max-width:280px;font-weight:var(--font-weight-bold)}@media(min-width:480px){.final-cta .btn-primary{width:auto;max-width:none}}.final-cta .btn-primary:hover{background:linear-gradient(135deg,#fff,#e0f2fe);box-shadow:0 6px 32px #fff6;transform:translateY(-2px)}.footer{background-color:var(--color-gray-900);color:var(--color-gray-400);padding:var(--space-8) 0}@media(min-width:768px){.footer{padding:var(--space-12) 0}}.footer-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center}@media(min-width:768px){.footer-content{flex-direction:row;justify-content:space-between;text-align:left;gap:var(--space-6)}}.footer-brand{display:flex;align-items:center;gap:var(--space-2)}.footer-logo{width:32px;height:32px;background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-700));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff}.footer-name{font-weight:var(--font-weight-semibold);color:#fff}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4)}@media(min-width:768px){.footer-links{gap:var(--space-6)}}.footer-link{font-size:var(--font-size-sm);color:var(--color-gray-400);transition:color var(--transition-fast)}.footer-link:hover{color:#fff}.footer-copyright{font-size:var(--font-size-xs)}@media(min-width:768px){.footer-copyright{font-size:var(--font-size-sm)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .6s ease forwards}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100px;left:50%;transform:translate(-50%);background-color:var(--color-primary-700);color:#fff;padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);z-index:1000;transition:top var(--transition-fast)}.skip-link:focus{top:var(--space-4);outline:2px solid var(--color-accent-400);outline-offset:2px}#features,#how-it-works,#solutions,#product,#security,#testimonials,#demo{scroll-margin-top:80px}