:root{--color-primary:#2563eb;--color-primary-dark:#1d4ed8;--color-primary-light:#dbeafe;--color-accent:#22c55e;--color-accent-dark:#16a34a;--color-dark:#1f2937;--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-white:#fff;--color-danger:#ef4444;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SF Mono", "Fira Code", monospace;--max-width:1200px;--header-height:64px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--color-dark);-webkit-font-smoothing:antialiased;line-height:1.6}a{color:inherit;text-decoration:none}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.section{padding:80px 0}.section-title{text-align:center;color:var(--color-gray-900);margin-bottom:16px;font-size:32px;font-weight:700}.section-desc{color:var(--color-gray-500);text-align:center;max-width:640px;margin:0 auto 48px;font-size:18px}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark)}.btn-outline{color:var(--color-primary);border:1.5px solid var(--color-primary);background:0 0}.btn-outline:hover{background:var(--color-primary-light)}.btn-large{border-radius:var(--radius-lg);padding:14px 32px;font-size:16px}.btn-white{color:var(--color-primary);background:#fff}.btn-white:hover{background:var(--color-gray-100)}.page-hero{text-align:center;background:linear-gradient(180deg, var(--color-primary-light) 0%, var(--color-white) 100%);padding:100px 0 60px}.page-hero h1{margin-bottom:16px;font-size:36px;font-weight:800}.page-hero p{color:var(--color-gray-500);max-width:600px;margin:0 auto;font-size:18px}@media (width<=768px){.section{padding:48px 0}.section-title{font-size:24px}.section-desc{font-size:15px}.page-hero{padding:80px 0 40px}.page-hero h1{font-size:28px}}.site-header{height:var(--header-height);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-gray-200);z-index:100;background:#fffffff7;position:fixed;top:0;left:0;right:0}.header-inner{align-items:center;gap:24px;height:100%;display:flex}.header-logo{flex-shrink:0;align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.logo-icon{background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:800;display:inline-flex}.logo-text{color:var(--color-gray-900)}.header-nav{flex:1}.nav-desktop{align-items:center;gap:2px;display:flex}.nav-mobile{display:none}.nav-link{border-radius:var(--radius-sm);color:var(--color-gray-600);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:8px 14px;font-size:14px;font-weight:500;transition:all .15s}.nav-link:hover{color:var(--color-primary);background:var(--color-primary-light)}.nav-link.active{color:var(--color-primary);font-weight:600}.nav-link-dropdown{align-items:center;gap:4px;display:inline-flex}.nav-caret{opacity:.6;font-size:10px}.nav-dropdown-wrapper{position:relative}.mega-dropdown{z-index:200;padding-top:8px;position:absolute;top:100%;left:0}.mega-dropdown-inner{border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);background:#fff;grid-template-columns:repeat(3,200px);gap:0;min-width:600px;padding:20px;display:grid}.mega-dropdown--narrow .mega-dropdown-inner{grid-template-columns:200px;min-width:220px}.mega-col{padding:0 8px}.mega-col+.mega-col{border-left:1px solid var(--color-gray-100);padding-left:16px}.mega-col-title{text-transform:uppercase;letter-spacing:.5px;color:var(--color-gray-400);padding:4px 8px 8px;font-size:11px;font-weight:700}.mega-item{border-radius:var(--radius-sm);color:var(--color-gray-700);align-items:center;gap:8px;padding:8px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.mega-item:hover{background:var(--color-primary-light);color:var(--color-primary)}.mega-item-icon{text-align:center;flex-shrink:0;width:20px;font-size:16px}.header-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.header-cta{padding:8px 18px;font-size:13px}.lang-selector{position:relative}.lang-btn{border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-gray-600);background:0 0;padding:6px 12px;font-size:13px}.lang-dropdown{border:1px solid var(--color-gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:300;background:#fff;min-width:120px;margin-top:4px;position:absolute;top:100%;right:0;overflow:hidden}.lang-option{cursor:pointer;text-align:left;width:100%;color:var(--color-gray-700);background:0 0;border:none;padding:8px 16px;font-size:13px;display:block}.lang-option:hover{background:var(--color-gray-50)}.lang-option.active{color:var(--color-primary);font-weight:600}.menu-toggle{cursor:pointer;color:var(--color-gray-700);background:0 0;border:none;padding:4px;font-size:22px;display:none}@media (width<=768px){.menu-toggle{display:block}.header-cta,.nav-desktop{display:none}.header-nav{top:var(--header-height);border-bottom:1px solid var(--color-gray-200);box-shadow:var(--shadow-lg);max-height:calc(100vh - var(--header-height));background:#fff;padding:8px 16px 16px;display:none;position:absolute;left:0;right:0;overflow-y:auto}.header-nav.open,.header-nav.open .nav-mobile{display:block}.mobile-nav-group{border-bottom:1px solid var(--color-gray-100)}.mobile-nav-header{cursor:pointer;width:100%;color:var(--color-gray-700);background:0 0;border:none;justify-content:space-between;align-items:center;padding:14px 8px;font-size:15px;font-weight:500;display:flex}.mobile-nav-items{padding:0 0 8px 16px}.mobile-nav-link{color:var(--color-gray-600);align-items:center;gap:8px;padding:10px 8px;font-size:14px;display:flex}.mobile-nav-link:hover{color:var(--color-primary)}}.site-footer{background:var(--color-gray-900);color:var(--color-gray-400);padding:64px 0 32px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:32px;margin-bottom:48px;display:grid}.footer-logo{color:#fff;align-items:center;gap:8px;margin-bottom:8px;font-size:18px;font-weight:700;display:flex}.footer-tagline{color:var(--color-gray-500);margin-bottom:4px;font-size:13px}.footer-address{color:var(--color-gray-500);font-size:13px}.footer-col h4{color:#fff;text-transform:uppercase;letter-spacing:.3px;margin-bottom:16px;font-size:13px;font-weight:600}.footer-col a{color:var(--color-gray-400);margin-bottom:10px;font-size:14px;transition:color .15s;display:block}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid var(--color-gray-700);text-align:center;padding-top:24px;font-size:13px}@media (width<=768px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-brand{grid-column:1/-1}}@media (width<=480px){.footer-grid{grid-template-columns:1fr}}.cta-banner{padding:80px 0}.cta-banner--primary{background:var(--color-primary)}.cta-banner--dark{background:var(--color-gray-900)}.cta-banner-content{text-align:center;color:#fff}.cta-banner-content h2{margin-bottom:12px;font-size:32px;font-weight:700}.cta-banner-content p{opacity:.85;margin-bottom:28px;font-size:16px}@media (width<=768px){.cta-banner{padding:48px 0}.cta-banner-content h2{font-size:24px}}.hero-section{text-align:center;background:linear-gradient(135deg,#eff6ff 0%,#f0fdf4 50%,#eff6ff 100%);padding:80px 0 60px}.hero-badge{background:var(--color-primary-light);color:var(--color-primary);border-radius:20px;margin-bottom:24px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-block}.hero-title{color:var(--color-gray-900);margin-bottom:20px;font-size:48px;font-weight:800;line-height:1.2}.hero-desc{color:var(--color-gray-500);max-width:640px;margin:0 auto 32px;font-size:18px;line-height:1.7}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.numbers-section{background:#fff;padding:48px 0}.numbers-grid{grid-template-columns:repeat(4,1fr);gap:24px;max-width:800px;margin:0 auto;display:grid}.number-item{text-align:center}.number-value{color:var(--color-primary);margin-bottom:8px;font-size:48px;font-weight:800;line-height:1;display:block}.number-label{color:var(--color-gray-500);font-size:14px;font-weight:500}.values-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.value-card{border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);text-align:center;background:#fff;padding:32px;transition:box-shadow .2s,transform .2s;display:block}.value-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.value-icon{margin-bottom:16px;font-size:40px}.value-title{color:var(--color-primary);margin-bottom:4px;font-size:20px;font-weight:700}.value-subtitle{color:var(--color-gray-500);margin-bottom:12px;font-size:14px}.value-desc{color:var(--color-gray-600);margin-bottom:16px;font-size:14px;line-height:1.6}.value-link{color:var(--color-primary);font-size:13px;font-weight:600}.how-section{background:var(--color-gray-50)}.how-grid{grid-template-columns:repeat(3,1fr);gap:32px;max-width:900px;margin:0 auto;display:grid}.how-step{text-align:center;padding:16px}.how-step-num{background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;font-size:20px;font-weight:700;display:inline-flex}.how-step h3{color:var(--color-gray-900);margin-bottom:8px;font-size:18px;font-weight:600}.how-step p{color:var(--color-gray-500);font-size:14px;line-height:1.6}.os-section{background:#fff}.os-grid{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.os-badge{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);flex-direction:column;align-items:center;gap:8px;min-width:100px;padding:20px 28px;transition:box-shadow .2s;display:flex}.os-badge:hover{box-shadow:var(--shadow-md)}.os-icon{font-size:32px}.os-name{color:var(--color-gray-700);font-size:13px;font-weight:600}.comparison-grid{grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:20px;display:grid}.comparison-card{background:var(--color-gray-50);border-radius:var(--radius-lg);padding:32px;transition:box-shadow .2s;display:block}.comparison-card:hover{box-shadow:var(--shadow-md)}.comparison-card h3{color:var(--color-primary);margin-bottom:12px;font-size:18px;font-weight:700}.comparison-card p{color:var(--color-gray-600);margin-bottom:12px;font-size:14px;line-height:1.6}.comparison-link{color:var(--color-primary);font-size:13px;font-weight:600}.comparison-more{flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:24px;display:flex}.comparison-more-link{color:var(--color-gray-500);font-size:14px;font-weight:500;transition:color .15s}.comparison-more-link:hover{color:var(--color-primary)}.comparison-all{color:var(--color-primary);font-weight:600}.feature-tags{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.feature-tag{background:var(--color-primary-light);color:var(--color-primary);border-radius:20px;padding:8px 20px;font-size:13px;font-weight:600}@media (width<=768px){.hero-title{font-size:32px}.hero-desc{font-size:15px}.numbers-grid{grid-template-columns:repeat(2,1fr)}.values-grid,.how-grid,.comparison-grid{grid-template-columns:1fr}.os-badge{min-width:80px;padding:14px 20px}}