:root{--brand-blue: #1565C0;--brand-blue-hover: #0D47A1;--brand-navy: #0F2E52;--brand-navy-soft: #17395F;--brand-orange: #FF8F00;--brand-orange-strong: #E65100;--brand-orange-hover: #C54300;--wash: #EAF1FA;--bg: #F7F9FC;--surface: #FFFFFF;--fg: #12202E;--muted: #5B6B7B;--border: #DCE4EF;--border-soft: #EAF0F7;--success: #1B8A4A;--warn: #B45309;--danger: #C0392B;--font-display: "Segoe UI", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--font-body: "Segoe UI", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "Cascadia Mono", Consolas, monospace;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 20px;--text-xl: 24px;--text-2xl: 32px;--text-3xl: 44px;--text-4xl: 56px;--text-hero: clamp(32px, 4.2vw, 48px);--leading-body: 1.5;--leading-tight: 1.2;--tracking-display: -.01em;--tracking-caps: .08em;--weight-body: 400;--weight-ui: 500;--weight-head: 600;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-20: 80px;--section-y-desktop: 80px;--section-y-tablet: 48px;--section-y-phone: 32px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 9999px;--elev-flat: none;--elev-ring: 0 0 0 1px var(--border);--elev-raised: 0 2px 8px rgba(18, 32, 46, .1);--focus-ring: 0 0 0 3px rgba(21, 101, 192, .35);--motion-fast: .15s;--motion-base: .2s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--container-max: 1200px;--container-gutter-desktop: 24px;--container-gutter-tablet: 16px;--container-gutter-phone: 12px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-body);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4{font-family:var(--font-display);line-height:var(--leading-tight);letter-spacing:var(--tracking-display)}h1{font-size:var(--text-hero);font-weight:var(--weight-head)}h2{font-size:var(--text-2xl);font-weight:var(--weight-head)}h3{font-size:var(--text-xl);font-weight:var(--weight-head)}h4{font-size:var(--text-lg);font-weight:var(--weight-ui)}.skip-link{position:absolute;top:-100px;left:var(--space-4);z-index:9999;padding:var(--space-2) var(--space-4);background:var(--brand-navy);color:var(--surface);border-radius:var(--radius-sm);font-weight:var(--weight-ui)}.skip-link:focus{top:var(--space-2)}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--container-gutter-desktop)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:12px var(--space-6);border:none;border-radius:var(--radius-pill);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-ui);cursor:pointer;transition:background var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard);white-space:nowrap;min-height:44px;text-decoration:none}.btn-primary{background:var(--brand-blue);color:var(--surface)}.btn-primary:hover{background:var(--brand-blue-hover)}.btn-primary-navy{background:var(--brand-orange-strong);color:var(--surface)}.btn-primary-navy:hover{background:var(--brand-orange-hover)}.btn-outline{background:transparent;color:var(--surface);box-shadow:var(--elev-ring)}.btn-outline:hover{background:#ffffff14}.btn-outline-blue{background:transparent;color:var(--brand-blue);box-shadow:var(--elev-ring)}.btn-outline-blue:hover{background:var(--wash)}.btn-ghost{background:transparent;color:var(--brand-blue)}.btn-ghost:hover{background:var(--wash)}.btn-whatsapp{background:var(--success);color:var(--surface)}.btn-whatsapp:hover{background:#146a38}.btn-sm{padding:8px var(--space-4);font-size:var(--text-xs);min-height:36px}.eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-ui);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-ui);background:var(--wash);color:var(--brand-blue)}.chip{display:inline-flex;align-items:center;padding:4px var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-ui);background:var(--bg);color:var(--muted);border:1px solid var(--border)}.navbar{position:sticky;top:0;z-index:100;background:var(--surface);box-shadow:0 1px 0 var(--border)}.navbar-inner{display:flex;align-items:center;justify-content:space-between;height:64px;max-width:var(--container-max);margin:0 auto;padding:0 var(--container-gutter-desktop)}.nav-logo{display:flex;align-items:center;gap:var(--space-3)}.nav-logo svg{width:36px;height:36px;flex-shrink:0}.nav-logo-text{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-head);color:var(--brand-navy)}.nav-links{display:flex;align-items:center;gap:var(--space-8)}.nav-links a{font-size:var(--text-sm);font-weight:var(--weight-ui);color:var(--fg);padding:var(--space-2) 0;transition:color var(--motion-fast)}.nav-links a:hover,.nav-links a.active{color:var(--brand-blue)}.nav-hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:var(--space-2);min-width:44px;min-height:44px;align-items:center;justify-content:center}.nav-hamburger span{display:block;width:22px;height:2px;background:var(--fg);border-radius:1px;transition:transform var(--motion-base) var(--ease-standard),opacity var(--motion-fast)}.nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0}.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-mobile{display:none;flex-direction:column;gap:var(--space-1);padding:var(--space-3) var(--container-gutter-desktop) var(--space-6);background:var(--surface);border-top:1px solid var(--border)}.nav-mobile.open{display:flex}.nav-mobile a,.nav-mobile .btn{display:flex;align-items:center;padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-weight:var(--weight-ui);color:var(--fg);border-radius:var(--radius-sm);min-height:44px}.nav-mobile a:hover{background:var(--wash);color:var(--brand-blue)}.hero-band{background:var(--brand-navy);color:var(--surface);padding:var(--space-12) 0 var(--space-8);min-height:min(72vh,640px);display:flex;align-items:center}.hero-band .container{width:100%}.hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--space-12);align-items:center}.hero-text{display:flex;flex-direction:column;gap:var(--space-5)}.hero-text .eyebrow{color:#fff9}.hero-text h1{color:var(--surface)}.hero-lead{font-size:var(--text-base);line-height:var(--leading-body);color:#ffffffbf;max-width:520px}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.hero-image-card{background:var(--surface);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 8px 32px #0003}.hero-image-card img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.trust-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-8);margin-top:var(--space-12);padding-top:var(--space-6);border-top:1px solid rgba(255,255,255,.1)}.trust-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:#ffffffb3}.trust-item svg{color:var(--brand-orange);flex-shrink:0}.section-header{text-align:center;padding:var(--section-y-desktop) 0 var(--space-12)}.section-header .eyebrow,.section-header h2{margin-bottom:var(--space-3)}.section-header p{color:var(--muted);max-width:640px;margin:0 auto;font-size:var(--text-base)}.page-header{background:var(--wash);padding:var(--space-12) 0;text-align:center}.page-header h1{color:var(--brand-navy)}.page-header p{color:var(--muted);font-size:var(--text-lg);margin-top:var(--space-3)}.series-overview{padding:0 0 var(--section-y-desktop)}.series-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.series-card{padding:var(--space-6);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--elev-ring);transition:box-shadow var(--motion-base) var(--ease-standard)}.series-card:hover{box-shadow:var(--elev-raised)}.series-card-image{width:100%;aspect-ratio:4 / 3;border-radius:var(--radius-sm);overflow:hidden;background:var(--wash);margin-bottom:var(--space-4);border:1px solid var(--border-soft)}.series-card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--motion-base) var(--ease-standard)}.series-card:hover .series-card-image img{transform:scale(1.03)}.series-card h3{font-size:var(--text-lg);margin-bottom:var(--space-2)}.series-card p{color:var(--muted);font-size:var(--text-sm);margin-bottom:var(--space-4)}.series-card-models{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-bottom:var(--space-4)}.series-card-models .chip{font-size:11px;padding:2px var(--space-2)}.series-card-link{font-size:var(--text-sm);font-weight:var(--weight-ui);color:var(--brand-blue)}.series-subnav{position:sticky;top:64px;z-index:50;background:var(--surface);box-shadow:0 1px 0 var(--border);padding:var(--space-3) 0}.series-subnav-inner{display:flex;gap:var(--space-2);max-width:var(--container-max);margin:0 auto;padding:0 var(--container-gutter-desktop);overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}.series-subnav-inner::-webkit-scrollbar{display:none}.series-subnav-chip{scroll-snap-align:start;flex-shrink:0;padding:6px var(--space-4);border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:var(--weight-ui);background:var(--bg);color:var(--fg);border:1px solid var(--border);cursor:pointer;transition:all var(--motion-fast) var(--ease-standard);min-height:36px;display:flex;align-items:center}.series-subnav-chip:hover{border-color:var(--brand-blue);color:var(--brand-blue)}.series-section{padding:var(--section-y-desktop) 0}.series-section:nth-child(2n){background:var(--bg)}.series-intro{margin-bottom:var(--space-8)}.series-intro h2{color:var(--brand-navy);font-size:var(--text-2xl);margin-bottom:var(--space-3)}.series-intro p{color:var(--muted);max-width:600px}.voltage-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.product-card{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--elev-ring);overflow:hidden;transition:box-shadow var(--motion-base) var(--ease-standard)}.product-card:hover{box-shadow:var(--elev-raised)}.product-card-image{aspect-ratio:4/3;overflow:hidden;background:var(--bg)}.product-card-image img{width:100%;height:100%;object-fit:cover}.product-card-body{padding:var(--space-4)}.product-card-body h4{font-size:var(--text-base);font-weight:var(--weight-head);margin-bottom:var(--space-2)}.product-card-chips{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-bottom:var(--space-3)}.product-card-body .btn{margin-top:var(--space-2)}.spec-table-wrapper{margin-top:var(--space-12)}.spec-table-wrapper h3{font-size:var(--text-lg);color:var(--brand-navy);margin-bottom:var(--space-4)}.spec-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--elev-ring)}.spec-table caption{text-align:left;padding:var(--space-4);font-weight:var(--weight-head);font-size:var(--text-sm);color:var(--muted)}.spec-table th{text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--text-xs);font-weight:var(--weight-head);color:var(--muted);text-transform:uppercase;letter-spacing:var(--tracking-caps);background:var(--wash);border-bottom:1px solid var(--border)}.spec-table td{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);border-bottom:1px solid var(--border-soft)}.spec-table tr:last-child td{border-bottom:none}.spec-table .spec-label{color:var(--muted);font-size:var(--text-xs)}.spec-table .spec-value{font-weight:var(--weight-ui)}.series-cta{display:flex;justify-content:center;margin-top:var(--space-8)}.why-huatuo{padding:var(--section-y-desktop) 0;background:var(--surface)}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.why-card{text-align:center;padding:var(--space-8) var(--space-4);border-radius:var(--radius-md);background:var(--bg)}.why-card-icon{width:56px;height:56px;border-radius:var(--radius-sm);background:var(--wash);color:var(--brand-blue);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4)}.why-card h3{font-size:var(--text-lg);margin-bottom:var(--space-2)}.why-card p{color:var(--muted);font-size:var(--text-sm)}.export-facts{background:var(--brand-navy);color:var(--surface);padding:var(--space-12) 0;text-align:center}.export-facts-inner{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-12)}.export-fact{text-align:center}.export-fact-num{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-head);color:var(--brand-orange);line-height:var(--leading-tight);margin-bottom:var(--space-1)}.export-fact-label{font-size:var(--text-sm);color:#ffffffb3}.cta-band{position:relative;padding:var(--section-y-desktop) 0;overflow:hidden;color:var(--surface);text-align:center}.cta-band-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.cta-band-bg img{width:100%;height:100%;object-fit:cover}.cta-band-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f2e52c7}.cta-band .container{position:relative;z-index:1}.cta-band h2{font-size:var(--text-2xl);margin-bottom:var(--space-3)}.cta-band p{font-size:var(--text-base);color:#ffffffbf;max-width:520px;margin:0 auto var(--space-6)}.cta-band-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.cert-row{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-6)}.cert-badge{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--elev-ring)}.cert-badge svg{color:var(--brand-blue);flex-shrink:0}.cert-badge-label{font-size:var(--text-sm);font-weight:var(--weight-ui)}.about-story{padding:var(--section-y-desktop) 0}.about-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center}.about-story-image{border-radius:var(--radius-md);overflow:hidden}.about-story-image img{width:100%;height:auto}.about-story-text h2{font-size:var(--text-2xl);color:var(--brand-navy);margin-bottom:var(--space-4)}.about-story-text p{color:var(--muted);margin-bottom:var(--space-3)}.about-certs{padding:var(--section-y-desktop) 0;background:var(--bg);text-align:center}.about-certs h2{margin-bottom:var(--space-8)}.about-oem{padding:var(--section-y-desktop) 0;text-align:center;background:var(--surface)}.about-oem h2{margin-bottom:var(--space-4);color:var(--brand-navy)}.about-oem p{color:var(--muted);max-width:640px;margin:0 auto}.inquiry-form{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--elev-ring);padding:var(--space-8)}.inquiry-form h2{font-size:var(--text-xl);margin-bottom:var(--space-2)}.inquiry-form .form-note{color:var(--muted);font-size:var(--text-sm);margin-bottom:var(--space-6)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.form-field{display:flex;flex-direction:column;gap:var(--space-1)}.form-field.full{grid-column:1 / -1}.form-field label{font-size:var(--text-sm);font-weight:var(--weight-ui);color:var(--fg)}.form-field input,.form-field select,.form-field textarea{padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);font-size:var(--text-sm);transition:border-color var(--motion-fast)}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--brand-blue);box-shadow:var(--focus-ring)}.form-field textarea{resize:vertical;min-height:100px}.form-submit{margin-top:var(--space-6);text-align:center}.form-success{text-align:center;padding:var(--space-8);background:var(--wash);border-radius:var(--radius-md)}.form-success svg{color:var(--success);margin-bottom:var(--space-4)}.form-success h3{color:var(--brand-navy);margin-bottom:var(--space-2)}.form-success p{color:var(--muted)}.contact-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-12);align-items:start;padding:var(--section-y-desktop) 0}.contact-panel{display:flex;flex-direction:column;gap:var(--space-6)}.contact-panel h2{font-size:var(--text-xl)}.contact-item{display:flex;align-items:flex-start;gap:var(--space-3)}.contact-item svg{color:var(--brand-blue);flex-shrink:0;margin-top:2px}.contact-item-label{font-size:var(--text-xs);color:var(--muted);margin-bottom:2px}.contact-item-value{font-size:var(--text-sm);font-weight:var(--weight-ui);overflow-wrap:anywhere}.next-steps{padding:var(--section-y-desktop) 0;text-align:center;background:var(--bg)}.next-steps h2{margin-bottom:var(--space-6)}.next-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.next-step-card{padding:var(--space-6);background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--elev-ring)}.next-step-card svg{color:var(--brand-blue);margin-bottom:var(--space-3)}.next-step-card h4{font-size:var(--text-base);margin-bottom:var(--space-2)}.next-step-card p{font-size:var(--text-sm);color:var(--muted)}.site-footer{background:var(--brand-navy);color:var(--surface);padding:var(--space-12) 0 var(--space-6)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-8)}.footer-brand{display:flex;flex-direction:column;gap:var(--space-4)}.footer-logo{display:flex;align-items:center;gap:var(--space-3)}.footer-logo svg{width:32px;height:32px}.footer-tagline{font-size:var(--text-sm);color:#fff9}.footer-col h4{font-size:var(--text-sm);font-weight:var(--weight-head);margin-bottom:var(--space-4);color:#ffffffe6}.footer-col a{display:block;font-size:var(--text-sm);color:#fff9;padding:var(--space-1) 0;transition:color var(--motion-fast)}.footer-col a:hover{color:var(--surface)}.footer-bottom{margin-top:var(--space-12);padding-top:var(--space-6);border-top:1px solid rgba(255,255,255,.1);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-4);font-size:var(--text-xs);color:#ffffff80}.footer-certs{display:flex;gap:var(--space-4);font-size:var(--text-xs)}.footer-certs span{display:flex;align-items:center;gap:4px}@media (max-width: 1023px){.container,.navbar-inner,.series-subnav-inner{padding-left:var(--container-gutter-tablet);padding-right:var(--container-gutter-tablet)}.section-header{padding:var(--section-y-tablet) 0 var(--space-8)}.series-section{padding:var(--section-y-tablet) 0}.hero-band{padding:var(--space-8) 0;min-height:auto}.hero-grid{grid-template-columns:1fr;gap:var(--space-8)}.hero-image-card{max-width:480px;margin:0 auto}.series-grid,.product-grid,.why-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.about-story-grid{grid-template-columns:1fr}.contact-layout{grid-template-columns:1fr;padding:var(--section-y-tablet) 0}.form-grid,.next-steps-grid{grid-template-columns:1fr}.cta-band{padding:var(--section-y-tablet) 0}.export-facts{padding:var(--space-8) 0}.export-facts-inner{gap:var(--space-8)}.why-huatuo,.about-story,.about-certs,.about-oem,.next-steps{padding:var(--section-y-tablet) 0}.nav-links,.nav-cta-desktop{display:none}.nav-hamburger{display:flex}}@media (max-width: 639px){.container,.navbar-inner,.series-subnav-inner{padding-left:var(--container-gutter-phone);padding-right:var(--container-gutter-phone)}.section-header{padding:var(--section-y-phone) 0 var(--space-6)}.series-section{padding:var(--section-y-phone) 0}.hero-band{padding:var(--space-8) 0 var(--space-6)}.hero-text h1{font-size:clamp(28px,7vw,36px)}.series-grid,.product-grid,.why-grid,.footer-grid{grid-template-columns:1fr}.spec-table{font-size:var(--text-xs)}.trust-strip{flex-direction:column;align-items:center;gap:var(--space-4)}.hero-actions{flex-direction:column}.hero-actions .btn{justify-content:center}.cta-band-actions{flex-direction:column;align-items:center}.contact-layout{padding:var(--section-y-phone) 0}.export-facts-inner{flex-direction:column;gap:var(--space-6)}.nav-mobile{padding-left:var(--container-gutter-phone);padding-right:var(--container-gutter-phone)}.footer-bottom{flex-direction:column;text-align:center;align-items:center}}