.navbar{position:fixed;top:0;left:0;right:0;z-index:var(--z-navbar);background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--gray-100);transition:box-shadow var(--transition-base)}.navbar--scrolled{box-shadow:var(--shadow-md)}.navbar__inner{display:flex;align-items:center;justify-content:space-between;height:72px;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}.navbar__logo{display:flex;align-items:center;text-decoration:none}.navbar__logo-img{height:40px;width:auto;display:block}.navbar__links{display:flex;align-items:center;gap:var(--space-8);list-style:none}.navbar__link{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--gray-600);text-decoration:none;transition:color var(--transition-fast);position:relative}.navbar__link:hover,.navbar__link--active{color:var(--primary)}.navbar__link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--primary);border-radius:1px;transition:width var(--transition-base)}.navbar__link:hover:after,.navbar__link--active:after{width:100%}.navbar__actions{display:flex;align-items:center;gap:var(--space-3)}.navbar__toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:var(--space-2);cursor:pointer}.navbar__toggle-bar{display:block;width:24px;height:2px;background:var(--gray-700);border-radius:2px;transition:all var(--transition-base)}.navbar__toggle--open .navbar__toggle-bar:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.navbar__toggle--open .navbar__toggle-bar:nth-child(2){opacity:0}.navbar__toggle--open .navbar__toggle-bar:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media(max-width:768px){.navbar__toggle{display:flex}.navbar__links{position:fixed;top:72px;left:0;right:0;bottom:0;background:var(--white);flex-direction:column;align-items:center;justify-content:flex-start;padding-top:var(--space-12);gap:var(--space-8);transform:translate(100%);transition:transform var(--transition-base)}.navbar__links--open{transform:translate(0)}.navbar__link{font-size:var(--font-size-lg)}.navbar__actions{display:none}.navbar__links--open~.navbar__actions{display:flex}}.footer{background:var(--secondary);color:#ffffffb3;padding:var(--space-16) var(--space-6) 0}.footer__inner{max-width:var(--max-width);margin:0 auto}.footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-12);padding-bottom:var(--space-12)}.footer__brand-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--white);margin-bottom:var(--space-4)}.footer__brand-name span{color:var(--accent)}.footer__brand-desc{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4);max-width:320px}.footer__brand-company{font-size:var(--font-size-xs);color:#fff6}.footer__col-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--white);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:1px}.footer__links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.footer__links a{color:#fff9;text-decoration:none;font-size:var(--font-size-sm);transition:color var(--transition-base)}.footer__links a:hover{color:var(--white)}.footer__bottom{border-top:1px solid rgba(255,255,255,.1);padding:var(--space-6) 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4)}.footer__copy{font-size:var(--font-size-xs)}.footer__legal{display:flex;gap:var(--space-6)}.footer__legal a{color:#ffffff80;text-decoration:none;font-size:var(--font-size-xs);transition:color var(--transition-base)}.footer__legal a:hover{color:var(--white)}@media(max-width:768px){.footer__grid{grid-template-columns:1fr 1fr;gap:var(--space-8)}.footer__brand{grid-column:1 / -1}.footer__bottom{flex-direction:column;text-align:center}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--primary: #2563eb;--primary-dark: #1d4ed8;--primary-light: #3b82f6;--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--secondary: #0f172a;--accent: #06b6d4;--accent-dark: #0891b2;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--white: #ffffff;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--font-family: "Inter", system-ui, -apple-system, 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-size-6xl: 3.75rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.15;--line-height-snug: 1.35;--line-height-normal: 1.6;--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;--space-32: 8rem;--max-width: 1200px;--max-width-narrow: 800px;--section-padding: var(--space-24) var(--space-6);--border-radius-sm: .375rem;--border-radius: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--border-radius-2xl: 1.5rem;--border-radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1), 0 10px 10px rgba(0, 0, 0, .04);--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--z-navbar: 1000;--z-overlay: 900}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--gray-800);background-color:var(--white)}img{max-width:100%;height:auto;display:block}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-dark)}button{cursor:pointer;font-family:var(--font-family)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}.section-padding{padding:var(--section-padding)}.section-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--primary-50);color:var(--primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-full);letter-spacing:.02em;text-transform:uppercase;border:1px solid var(--primary-100)}.section-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);line-height:var(--line-height-tight);color:var(--secondary);margin-bottom:var(--space-4)}.section-subtitle{font-size:var(--font-size-lg);color:var(--gray-500);line-height:var(--line-height-normal);max-width:640px}.text-center{text-align:center}.mx-auto{margin-left:auto;margin-right:auto}.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);line-height:1;border-radius:var(--border-radius-lg);border:2px solid transparent;transition:all var(--transition-base);white-space:nowrap}.btn--primary{background:var(--primary);color:var(--white)}.btn--primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-lg);color:var(--white)}.btn--secondary{background:transparent;color:var(--primary);border-color:var(--primary-200)}.btn--secondary:hover{background:var(--primary-50);border-color:var(--primary);color:var(--primary-dark)}.btn--large{padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg);border-radius:var(--border-radius-xl)}.btn--white{background:var(--white);color:var(--primary)}.btn--white:hover{background:var(--primary-50);color:var(--primary-dark);transform:translateY(-1px)}.fade-up{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.fade-up.visible{opacity:1;transform:translateY(0)}.fade-in{opacity:0;transition:opacity .7s ease}.fade-in.visible{opacity:1}@media(max-width:1024px){:root{--section-padding: var(--space-16) var(--space-6)}.section-title{font-size:var(--font-size-3xl)}}@media(max-width:768px){:root{--section-padding: var(--space-12) var(--space-4)}.section-title{font-size:var(--font-size-2xl)}.section-subtitle{font-size:var(--font-size-base)}}