*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#2563eb;--primary-dark:#1e40af;--primary-light:#3b82f6;--primary-pale:#eff6ff;--accent:#0891b2;--accent2:#059669;--accent-pale:#ecfeff;--ink:#0f172a;--ink-2:#334155;--ink-3:#64748b;--ink-4:#94a3b8;--bg:#fff;--bg-soft:#f8fafc;--bg-soft2:#f1f5f9;--surface:#fff;--border:#e2e8f0;--border-strong:#cbd5e1;--gradient:linear-gradient(135deg, #2563eb 0%, #0891b2 100%);--gradient-soft:linear-gradient(135deg, #eff6ff 0%, #ecfeff 100%);--gradient-vibrant:linear-gradient(135deg, #3b82f6 0%, #06b6d4 50%, #10b981 100%);--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow:0 4px 14px #0000000f, 0 2px 6px #00000008;--shadow-lg:0 10px 36px #00000014, 0 4px 12px #0000000a;--shadow-xl:0 20px 56px #0000001a;--shadow-colored:0 8px 24px #2563eb40;--radius-sm:10px;--radius:14px;--radius-lg:18px;--radius-xl:24px;--transition:.25s cubic-bezier(.4, 0, .2, 1);font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,-apple-system,sans-serif}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink-2);-webkit-font-smoothing:antialiased;line-height:1.65;overflow-x:hidden}#site-wrapper{min-height:100vh}.navbar{z-index:1000;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:border-color var(--transition), box-shadow var(--transition), background var(--transition);background:#ffffffd9;border-bottom:1px solid #0000;padding:0 48px;position:fixed;top:0;left:0;right:0}.navbar.scrolled{border-color:var(--border);box-shadow:var(--shadow-sm);background:#fffffff5}.nav-inner{align-items:center;gap:40px;max-width:1200px;height:68px;margin:0 auto;display:flex}.logo{cursor:pointer;flex-shrink:0;align-items:center;gap:10px;display:flex}.logo-icon{background:var(--gradient);color:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;font-weight:800;display:flex;box-shadow:0 2px 8px #1a56db59}.logo-text{color:var(--ink);letter-spacing:.5px;font-size:17px;font-weight:700}.nav-links{align-items:center;gap:2px;margin-left:auto;display:flex}.nav-link{border-radius:var(--radius-sm);color:var(--ink-3);cursor:pointer;transition:color var(--transition), background var(--transition);-webkit-user-select:none;user-select:none;padding:6px 14px;font-size:14px;font-weight:500}.nav-link:hover{color:var(--ink);background:var(--bg-soft2)}.nav-link.active{color:var(--primary);background:var(--primary-pale);font-weight:600}.cta-btn{background:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition), transform var(--transition), box-shadow var(--transition);white-space:nowrap;border:none;flex-shrink:0;padding:8px 22px;font-size:14px;font-weight:600;box-shadow:0 2px 8px #1a56db4d}.cta-btn:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 14px #1a56db66}.menu-toggle{cursor:pointer;border-radius:var(--radius-sm);width:36px;height:36px;transition:background var(--transition);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:none}.menu-toggle:hover{background:var(--bg-soft2)}.bar{background:var(--ink);width:20px;height:2px;transition:var(--transition);border-radius:2px;display:block}.mobile-menu{border-top:1px solid var(--border);box-shadow:var(--shadow-lg);background:#fff;flex-direction:column;padding:12px 0 16px;display:none}.mobile-link{color:var(--ink-2);cursor:pointer;transition:color var(--transition), background var(--transition);padding:11px 32px;font-size:15px;font-weight:500}.mobile-link:hover,.mobile-link.active{color:var(--primary);background:var(--primary-pale)}.mobile-cta{text-align:center;border-radius:var(--radius-sm);margin:8px 24px 0;display:block}.section{padding:96px 48px}.section-inner{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:64px}.section-tag{letter-spacing:2.5px;color:var(--primary);text-transform:uppercase;margin-bottom:14px;font-size:11px;font-weight:700;display:inline-block;position:relative}.section-tag:before,.section-tag:after{content:"";background:var(--primary-light);opacity:.5;width:28px;height:1px;position:absolute;top:50%}.section-tag:before{right:calc(100% + 10px)}.section-tag:after{left:calc(100% + 10px)}.section-title{color:var(--ink);letter-spacing:-.8px;margin-bottom:16px;font-size:38px;font-weight:800;line-height:1.2}.section-desc{color:var(--ink-3);max-width:520px;margin:0 auto;font-size:16px;line-height:1.75}.hero-section{background:#fff;align-items:center;min-height:100vh;padding:120px 48px 80px;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;pointer-events:none;position:absolute;inset:0}.hero-blob{filter:blur(80px);border-radius:50%;position:absolute}.blob-1{background:radial-gradient(circle,#1a56db12 0%,#0000 70%);width:700px;height:700px;top:-200px;right:-100px}.blob-2{background:radial-gradient(circle,#0694a20f 0%,#0000 70%);width:500px;height:500px;bottom:-100px;left:10%}.hero-dots{background-image:radial-gradient(circle,#1a56db1f 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 80% at 60% 40%,#000 30%,#0000 100%);mask-image:radial-gradient(80% 80% at 60% 40%,#000 30%,#0000 100%)}.hero-content{z-index:1;grid-template-columns:1fr 500px;align-items:center;gap:80px;width:100%;max-width:1200px;margin:0 auto;display:grid;position:relative}.hero-left{flex-direction:column;display:flex}.badge{color:var(--primary);background:var(--primary-pale);border:1px solid #1a56db33;border-radius:40px;align-items:center;gap:8px;width:fit-content;margin-bottom:28px;padding:5px 16px;font-size:13px;font-weight:600;display:inline-flex}.badge-dot{background:var(--primary);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.hero-title{color:var(--ink);letter-spacing:-2px;margin-bottom:24px;font-size:clamp(40px,5vw,68px);font-weight:900;line-height:1.1}.gradient-text{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-desc{color:var(--ink-3);max-width:500px;margin-bottom:40px;font-size:17px;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:14px;margin-bottom:56px;display:flex}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition), transform var(--transition), box-shadow var(--transition);border:none;padding:13px 30px;font-family:inherit;font-size:15px;font-weight:600;box-shadow:0 4px 16px #1a56db59}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 8px 24px #1a56db66}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-outline{color:var(--ink);border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--transition), background var(--transition), transform var(--transition);background:0 0;padding:13px 30px;font-family:inherit;font-size:15px;font-weight:600}.btn-outline:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-pale);transform:translateY(-2px)}.hero-stats{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:center;gap:0;width:fit-content;padding:20px 28px;display:flex}.stat-item{flex-direction:column;gap:3px;padding:0 24px;display:flex}.stat-item:first-child{padding-left:0}.stat-item:last-child{padding-right:0}.stat-num{color:var(--ink);font-size:28px;font-weight:800;line-height:1}.stat-plus{color:var(--primary);font-size:18px}.stat-label{color:var(--ink-4);font-size:12px;font-weight:500}.stat-divider{background:var(--border);flex-shrink:0;width:1px;height:36px}.hero-visual{z-index:1;position:relative}.hero-visual-grid{grid-template-columns:repeat(2,1fr);gap:16px;width:100%;display:grid}.hv-card{border:1px solid var(--border);border-radius:var(--radius-lg);transition:transform var(--transition), box-shadow var(--transition);background:#fff;padding:24px;position:relative;overflow:hidden}.hv-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.hv-card.large{grid-column:span 2}.hv-card-glow{filter:blur(60px);opacity:.15;pointer-events:none;border-radius:50%;width:150px;height:150px;position:absolute;top:-50%;right:-50%}.hv-card-icon{z-index:1;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:14px;font-size:24px;display:flex;position:relative}.hv-card-icon.blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.hv-card-icon.cyan{background:linear-gradient(135deg,#cffafe,#a5f3fc)}.hv-card-icon.green{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.hv-card-icon.purple{background:linear-gradient(135deg,#e9d5ff,#d8b4fe)}.hv-card-title{color:var(--ink);margin-bottom:8px;font-size:14px;font-weight:700}.hv-card-desc{color:var(--ink-3);margin-bottom:14px;font-size:12px;line-height:1.6}.hv-stat{align-items:baseline;gap:4px;display:flex}.hv-stat-num{color:var(--ink);font-size:28px;font-weight:800;line-height:1}.hv-stat-unit{color:var(--ink-3);font-size:14px;font-weight:600}.hv-stat-label{color:var(--ink-4);margin-top:4px;font-size:12px}.hv-progress{margin-top:10px}.hv-progress-header{color:var(--ink-3);justify-content:space-between;margin-bottom:6px;font-size:11px;display:flex}.hv-progress-bar{background:var(--bg-soft2);border-radius:3px;height:5px;overflow:hidden}.hv-progress-fill{background:var(--gradient-vibrant);transform-origin:0;border-radius:3px;height:100%;animation:1.8s cubic-bezier(.4,0,.2,1) forwards progressGrow}@keyframes progressGrow{0%{width:0!important}}.hv-metrics{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:14px;display:grid}.hv-metric-item{flex-direction:column;gap:4px;display:flex}.hv-metric-val{color:var(--ink);font-size:20px;font-weight:800;line-height:1}.hv-metric-label{color:var(--ink-4);font-size:11px;font-weight:500}.hv-tags{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.hv-tag{background:var(--bg-soft2);color:var(--ink-2);border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600}.hv-tag.active{background:var(--primary-pale);color:var(--primary)}.business-section{background:var(--bg-soft)}.business-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.business-card{border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition);background:#fff;padding:32px 28px;position:relative;overflow:hidden}.business-card:before{content:"";background:var(--gradient-vibrant);width:4px;height:0;transition:height var(--transition);position:absolute;top:0;left:0}.business-card:hover{box-shadow:var(--shadow-lg);border-color:#0000;transform:translateY(-4px)}.business-card:hover:before{height:100%}.card-icon-wrap{border-radius:var(--radius);background:var(--gradient-soft);border:1px solid #2563eb1a;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:20px;font-size:26px;display:flex}.card-title{color:var(--ink);margin-bottom:10px;font-size:17px;font-weight:700}.card-desc{color:var(--ink-3);font-size:14px;line-height:1.7}.products-section{background:#fff}.products-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.product-card{border:1px solid var(--border);border-radius:var(--radius-xl);transition:transform var(--transition), box-shadow var(--transition);background:#fff;padding:36px;position:relative;overflow:hidden}.product-card-bg{opacity:.05;width:220px;height:220px;transition:opacity var(--transition), transform var(--transition);border-radius:50%;position:absolute;top:-80px;right:-80px}.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.product-card:hover .product-card-bg{opacity:.09;transform:scale(1.1)}.product-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.product-icon-wrap{border-radius:var(--radius);background:var(--gradient-soft);border:1px solid #2563eb1a;justify-content:center;align-items:center;width:56px;height:56px;font-size:26px;display:flex}.product-tag{letter-spacing:1.5px;color:var(--primary);background:var(--primary-pale);text-transform:uppercase;border-radius:6px;align-self:flex-start;padding:4px 10px;font-size:11px;font-weight:700}.product-name{color:var(--ink);letter-spacing:-.3px;margin-bottom:10px;font-size:21px;font-weight:800}.product-desc{color:var(--ink-3);margin-bottom:22px;font-size:14px;line-height:1.75}.product-features{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:24px;list-style:none;display:grid}.feature-item{color:var(--ink-2);align-items:center;gap:7px;font-size:13px;font-weight:500;display:flex}.feature-dot{background:var(--primary);border-radius:50%;flex-shrink:0;width:5px;height:5px}.product-footer{border-top:1px solid var(--border);padding-top:18px}.learn-more{color:var(--primary);cursor:pointer;align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.arrow{transition:transform var(--transition)}.product-card:hover .arrow{transform:translate(4px)}.about-section{background:linear-gradient(180deg, #fff 0%, var(--bg-soft) 100%)}.about-intro{grid-template-columns:1fr 420px;align-items:center;gap:80px;margin-bottom:64px;display:grid}.intro-eyebrow{color:var(--primary);letter-spacing:2px;text-transform:uppercase;margin-bottom:16px;font-size:13px;font-weight:700}.intro-heading{color:var(--ink);letter-spacing:-.5px;margin-bottom:24px;font-size:32px;font-weight:800;line-height:1.25}.intro-text{flex-direction:column;gap:16px;display:flex}.intro-text p{color:var(--ink-3);font-size:15px;line-height:1.8}.intro-image{justify-content:center;display:flex}.about-stats-panel{background:linear-gradient(135deg, #fff 0%, var(--bg-soft) 100%);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);flex-direction:column;gap:28px;padding:36px;display:flex}.asp-title{color:var(--ink);margin-bottom:4px;font-size:15px;font-weight:700}.asp-stat-row{flex-direction:column;gap:8px;display:flex}.asp-label{color:var(--ink-3);justify-content:space-between;font-size:13px;display:flex}.asp-label span:last-child{color:var(--ink);font-weight:700}.asp-track{background:var(--bg-soft2);border-radius:3px;height:6px;overflow:hidden}.asp-fill{background:var(--gradient-vibrant);border-radius:3px;height:100%;animation:1.8s ease-out forwards grow}.asp-numbers{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:16px;padding-top:8px;display:grid}.asp-num-item{text-align:center}.asp-num{color:var(--ink);font-size:26px;font-weight:800;line-height:1}.asp-num-plus{color:var(--primary);font-size:16px}.asp-num-label{color:var(--ink-4);margin-top:4px;font-size:12px}.values-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.value-card{border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition);background:#fff;padding:28px 22px}.value-card:hover{box-shadow:var(--shadow);border-color:var(--primary-light);transform:translateY(-3px)}.value-icon-wrap{background:var(--gradient-soft);border:1px solid #2563eb1a;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 14px;font-size:22px;display:flex}.value-title{color:var(--ink);margin-bottom:8px;font-size:15px;font-weight:700}.value-desc{color:var(--ink-3);font-size:13px;line-height:1.65}.footer{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);padding:64px 48px 0}.footer-inner{grid-template-columns:2fr 1fr 1.5fr;gap:60px;max-width:1200px;margin:0 auto;padding-bottom:48px;display:grid}.footer-logo{cursor:pointer;align-items:center;gap:10px;margin-bottom:14px;display:flex}.footer-logo .logo-icon{box-shadow:0 4px 16px #2563eb80}.footer-logo .logo-text{color:#fff}.footer-slogan{color:#ffffff8c;letter-spacing:.5px;margin-bottom:12px;font-size:14px;font-weight:600}.footer-desc{color:#ffffff73;font-size:13px;line-height:1.8}.footer-nav,.footer-contact{flex-direction:column;gap:10px;display:flex}.footer-nav h4,.footer-contact h4{color:#ffffffa6;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-size:13px;font-weight:700}.footer-nav a{color:#ffffffb3;cursor:pointer;transition:color var(--transition);font-size:14px}.footer-nav a:hover{color:#fff}.footer-contact p{color:#ffffffa6;font-size:14px}.footer-bottom{border-top:1px solid #ffffff1f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;max-width:1200px;margin:0 auto;padding:20px 0;display:flex}.footer-bottom p,.footer-bottom a{color:#fff6;font-size:13px}@media (width<=1024px){.section{padding:72px 32px}.hero-section{padding:100px 32px 64px}.hero-content{grid-template-columns:1fr;gap:56px}.hero-visual{display:none}.section-title{font-size:32px}.business-grid,.values-grid{grid-template-columns:repeat(2,1fr)}.about-intro{grid-template-columns:1fr;gap:48px}.intro-image{display:none}.footer-inner{grid-template-columns:1fr 1fr}}@media (width<=768px){.navbar{padding:0 20px}.nav-links,.cta-btn{display:none}.menu-toggle,.mobile-menu.open{display:flex}.hero-section{padding:80px 20px 48px}.section{padding:56px 20px}.hero-title{letter-spacing:-1px;font-size:38px}.hero-stats{flex-direction:column;align-items:flex-start;gap:0;width:100%}.stat-item{border-bottom:1px solid var(--border);flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:12px 0}.stat-item:last-child{border-bottom:none}.stat-divider{display:none}.business-grid,.products-grid{grid-template-columns:1fr}.values-grid{grid-template-columns:1fr 1fr}.footer{padding:48px 20px 0}.footer-inner{grid-template-columns:1fr;gap:32px}.footer-bottom{text-align:center;flex-direction:column}}