:root{--brand:#1656b4;--navy:#0f2438;--steel:#1e3a5f;--ink:#334155;--slate:#64748b;--mist:#f1f5f9}*{box-sizing:border-box}html{scroll-padding-top:var(--product-scroll-offset,158px)}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);font-size:15px;line-height:1.65;background:#fff}html[lang=zh] body{font-family:'PingFang SC','Microsoft YaHei',sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea,summary{touch-action:manipulation}button,a{transition:all .15s ease}a:hover{color:var(--brand)}:focus-visible{outline:3px solid #5286d1;outline-offset:4px}button{cursor:pointer}svg{width:21px;height:21px;flex-shrink:0}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(30px,4.2vw,48px);font-weight:600;line-height:1.16;letter-spacing:-.035em}h2{font-size:clamp(25px,3vw,34px);line-height:1.25;letter-spacing:-.025em;color:var(--navy);font-weight:600}h3{line-height:1.35;color:var(--navy);font-size:20px;font-weight:600}p{margin-bottom:16px}small{font-size:12px}.container{max-width:1280px;margin:auto;padding:0 32px}.topline{background:var(--navy);color:#cbd5e1;font-size:11px;letter-spacing:.025em}.topline .container{min-height:32px;display:flex;justify-content:space-between;align-items:center;gap:16px}.site-header{position:sticky;top:0;z-index:30;background:white;border-bottom:1px solid #e2e8f0}.nav-shell{height:88px;display:flex;align-items:center;gap:28px}.logo{display:inline-flex;align-items:center;flex-shrink:0;line-height:1;min-width:140px;color:var(--brand)!important}.logo-image{display:block;width:160px;height:auto;max-width:100%;object-fit:contain}.desktop-nav{display:flex;align-items:center;gap:26px;margin-left:auto;font-size:13px;font-weight:600}.nav-link{padding:33px 0;border-bottom:2px solid transparent;white-space:nowrap}.nav-link[aria-current=page]{color:var(--brand);border-bottom-color:var(--brand)}.nav-actions{display:flex;align-items:center;gap:22px}.language{display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap}.language button{border:0;background:none;padding:6px 0;color:#64748b}.language button[aria-pressed=true]{color:var(--brand);font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 20px;border:1px solid var(--brand);border-radius:6px;background:var(--brand);color:white;font-size:13px;font-weight:600;line-height:1.4}.button:hover{background:#10458f;color:white;border-color:#10458f}.button.secondary{background:transparent;color:var(--brand);border-color:#bacce5}.button.secondary:hover{background:#eef4fc}.button.white{background:white;color:var(--navy);border-color:white}.button.ghost{border-color:#526678;color:white;background:transparent}.button.ghost:hover{background:#1e3a5f}.button.small{padding:9px 13px;font-size:12px}.menu-button{display:none;background:none;border:1px solid #cbd5e1;border-radius:5px;padding:8px;color:var(--navy)}.mobile-nav{padding:8px 20px 20px;border-top:1px solid #e2e8f0}.mobile-nav .nav-link{display:block;padding:12px 0}.mobile-nav[hidden]{display:none}.hero{background:var(--navy);color:#e2e8f0;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.13fr 1fr;gap:64px;align-items:center;padding-top:68px;padding-bottom:68px}.eyebrow{display:flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.16em;font-size:10px;font-weight:700;color:var(--brand);margin-bottom:20px}.hero .eyebrow{color:#a8c6f1}.eyebrow:before{content:'';width:24px;height:2px;background:currentColor}.hero h1{color:white;margin-bottom:24px;max-width:670px}.hero-copy{font-size:15px;color:#b9c9d8;max-width:510px;line-height:1.8}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin:27px 0 30px}.microline{border-top:1px solid #34495d;padding-top:18px;display:flex;flex-wrap:wrap;gap:22px;font-size:11px;color:#b9c9d8}.hero-visual{border:0;border-radius:0;background:transparent;padding:0}.visual-top,.visual-bottom{display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:.08em;color:#a8bbcd}.visual-top{padding-bottom:17px}.visual-bottom{padding-top:17px}.placeholder{background:#f1f5f9;color:#475569;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;border:1px solid #dbe3eb;border-radius:6px;padding:24px;min-height:200px;overflow:hidden}.placeholder svg{width:38px;height:38px;color:#7f93a8}.placeholder .dimension{font-family:ui-monospace,monospace;font-size:12px;color:#64748b}.placeholder .alt-copy{font-size:12px;line-height:1.6;max-width:290px}.hero-visual .placeholder{min-height:328px;background:#eef2f6}.tag{font-size:10px;letter-spacing:.07em;color:var(--brand);text-transform:uppercase;font-weight:600}.trust-strip{border-bottom:1px solid #e2e8f0;background:white}.trust-grid{display:grid;grid-template-columns:repeat(6,1fr);padding:23px 0;gap:16px}.trust-item{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:600;color:var(--navy);border-right:1px solid #e2e8f0;padding-right:8px}.trust-item:last-child{border:0}.trust-item svg{color:var(--brand);width:19px}.section{padding:76px 0}.section.mist{background:#f7f9fc}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}.section-head h2{margin-bottom:12px}.section-head p{max-width:660px;color:#64748b;font-size:14px;margin-bottom:0}.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--brand);font-size:12px;font-weight:600;white-space:nowrap}.series-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.series-card{border:1px solid #e2e8f0;border-radius:8px;background:#fff;padding:24px;display:flex;flex-direction:column}.series-card:hover{border-color:#9cb8df}.series-card .placeholder{min-height:170px;margin-bottom:24px;padding:20px}.series-index{font-family:ui-monospace,monospace;color:#7b8ca0;font-size:11px;letter-spacing:.08em}.series-card h3{font-size:18px;margin:12px 0}.series-card h3 span{display:block}.secondary-name{font-size:12px;color:#64748b;font-weight:400;margin-top:5px}.series-description{font-size:13px;color:#64748b;flex-grow:1}.chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}.chip{border:1px solid #d8e4f4;background:#f4f8fe;color:var(--brand);font-family:ui-monospace,monospace;font-size:10px;border-radius:4px;padding:4px 7px}.subtag{border:1px solid #cbd5e1;color:#475569;border-radius:4px;font-size:10px;padding:4px 7px}.series-card .text-link{margin-top:auto;padding-top:8px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.feature{border-top:1px solid #cbd5e1;padding-top:22px}.feature svg{color:var(--brand);margin-bottom:16px}.feature h3{font-size:16px;margin-bottom:10px}.feature p{font-size:13px;color:#64748b;margin-bottom:0}.table-scroll{overflow-x:auto;border:1px solid #dce3ec;border-radius:6px;background:white}table{border-collapse:collapse;min-width:790px;width:100%;font-size:12px;text-align:left}th{background:#edf2f7;color:#475569;font-size:11px;font-weight:600}td,th{padding:16px;border-bottom:1px solid #e2e8f0;white-space:nowrap}tbody tr:last-child td{border-bottom:0}.mono{font-family:ui-monospace,monospace;font-variant-numeric:tabular-nums}.table-note{font-size:12px;color:#64748b;margin-top:14px}.cta-band{background:var(--brand);color:white;padding:43px 0}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:32px}.cta-band h2{color:white;font-size:28px;margin-bottom:10px}.cta-band p{font-size:13px;color:#dce9fb;margin-bottom:0}.site-footer{background:var(--navy);color:#b9c9d8;padding:56px 0 24px;font-size:12px}.footer-grid{display:grid;grid-template-columns:1.35fr 1fr 1.35fr .9fr;gap:40px}.site-footer .logo{color:white!important;margin-bottom:24px;background:#fff;padding:10px 12px;border-radius:6px}.site-footer h3{font-size:12px;color:white;margin-bottom:18px}.site-footer p{font-size:11px;line-height:1.8}.footer-links{display:flex;flex-direction:column;gap:10px}.footer-links a:hover{color:white}.break-anywhere{overflow-wrap:anywhere}.footer-bottom{margin-top:40px;padding-top:22px;border-top:1px solid #34495d;display:flex;justify-content:space-between;gap:18px;font-size:10px}.mobile-quick{display:none}.page-intro{background:#f1f5f9;border-bottom:1px solid #dce3ec;padding:37px 0 43px}.breadcrumb{display:flex;gap:9px;align-items:center;font-size:11px;color:#64748b;margin-bottom:26px}.page-intro h1{color:var(--navy);font-size:clamp(30px,3.8vw,44px);margin-bottom:16px}.page-intro p{font-size:14px;max-width:770px;color:#64748b;margin-bottom:0}.series-nav{position:sticky;top:88px;z-index:20;background:white;border-bottom:1px solid #dce3ec}.series-nav .container{display:flex;gap:24px;overflow-x:auto}.series-nav a{padding:17px 0;font-size:11px;font-weight:600;white-space:nowrap;border-bottom:2px solid transparent}.series-nav a:hover{border-color:var(--brand)}.product-section{padding:58px 0;border-bottom:1px solid #e2e8f0;scroll-margin-top:16px}.product-header{display:grid;grid-template-columns:60px 1fr;gap:20px;margin-bottom:26px}.product-header .series-index{font-size:26px;color:#c3ccd7}.product-header h2{font-size:27px;margin-bottom:12px}.product-header p{max-width:850px;color:#64748b;font-size:13px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:25px 0}.product-item{border:1px solid #e2e8f0;padding:15px;border-radius:8px}.product-item .placeholder{min-height:160px}.product-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:16px 0 0}.product-label h3{font-size:13px;margin:0}.product-item p{font-size:11px;color:#64748b;margin:9px 0 0}.two-column{display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:start}.prose{color:#475569;font-size:14px;line-height:1.95}.address-box{border-left:3px solid var(--brand);padding-left:20px;margin-top:26px}.address-box p{font-size:12px;margin-bottom:9px}.process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.process-item{background:white;border:1px solid #dce3ec;border-radius:6px;padding:22px}.process-item span{font-size:11px;color:var(--brand);font-family:ui-monospace,monospace}.process-item h3{font-size:14px;margin:14px 0 0}.terms-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.term-card{border:1px solid #e2e8f0;padding:23px;border-radius:6px}.term-card h3{font-size:13px;color:#64748b;margin-bottom:12px}.term-card p{font-size:14px;color:var(--navy);margin-bottom:0}.faq-layout{display:grid;grid-template-columns:.72fr 1.8fr;gap:64px}.faq-aside{border:1px solid #e2e8f0;border-radius:8px;padding:25px}.faq-aside h2{font-size:24px}.faq-aside p{font-size:13px;color:#64748b}.faq-list details{border-bottom:1px solid #dce3ec;padding:0 0 18px;margin:0 0 19px}.faq-list summary{list-style:none;cursor:pointer;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;color:var(--navy);font-size:15px;font-weight:600}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';color:var(--brand);font-size:20px;font-weight:400;line-height:1}.faq-list details[open] summary:after{content:'−'}.faq-list details p{font-size:13px;line-height:1.9;color:#64748b;margin:16px 30px 0 0}.contact-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:48px}.form-panel{border:1px solid #e2e8f0;padding:30px;border-radius:8px}.form-panel h2{font-size:24px}.form-note{font-size:12px;color:#64748b}.fields{display:grid;grid-template-columns:1fr 1fr;gap:19px}.field.full{grid-column:1/-1}.field label{display:block;color:var(--navy);font-size:12px;font-weight:600;margin-bottom:7px}.field input,.field textarea{width:100%;min-width:0;background:white;border:1px solid #cbd5e1;border-radius:5px;padding:11px 12px;font-size:13px;color:var(--ink)}.field textarea{resize:vertical;min-height:140px}.field input::placeholder,.field textarea::placeholder{color:#748398}.field [aria-invalid=true]{border-color:#b91c1c}.form-submit{margin-top:23px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}.status{background:#edf4ff;border:1px solid #bbd0ee;border-radius:5px;padding:15px;font-size:12px;color:var(--steel);margin-top:20px}.status.error{background:#fff4f4;border-color:#e4a8a8;color:#991b1b}.status[hidden]{display:none}.contact-card{background:var(--navy);color:#b9c9d8;border-radius:8px;padding:30px}.contact-card h2{color:white;font-size:24px}.contact-detail{border-top:1px solid #34495d;padding:20px 0}.contact-detail strong{font-size:11px;font-weight:500;color:#b9c9d8;display:block;margin-bottom:7px}.contact-detail a{color:white;overflow-wrap:anywhere;font-size:15px}.contact-detail p{font-size:12px;margin:8px 0 0}.contact-card .button{width:100%}.timezone-note{margin-top:23px;font-size:12px;color:#64748b}.skip-link{position:fixed;top:-90px;left:12px;z-index:100;background:var(--brand);color:white;padding:12px}.skip-link:focus{top:12px}.no-script{background:#fff6dd;color:#5d4613;font-size:12px;padding:14px}.utility{font-size:11px;color:#64748b}.lead-time{font-size:12px;color:#64748b;margin:18px 0 0}.inline-bilingual{display:block}.copyright{max-width:520px}.product-subheading{font-size:13px!important;margin:14px 0!important}.catalog-note{font-size:12px;color:#64748b;border-left:2px solid #cbd5e1;padding-left:14px;margin-top:20px}[hidden]{display:none!important}@media(min-width:1024px){.series-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.series-card{grid-column:auto}}@media(max-width:1050px){.nav-shell{gap:20px}.desktop-nav{gap:17px}.nav-actions{gap:14px}.quote-nav{display:none}.hero-grid{gap:32px}.hero h1{font-size:39px}.trust-grid{grid-template-columns:repeat(3,1fr)}.trust-item:nth-child(3){border:0}.footer-grid{gap:25px}.series-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){body{padding-bottom:57px}.container{padding-left:20px;padding-right:20px}.topline .container{justify-content:center}.topline .top-contact{display:none}.nav-shell{height:75px;gap:16px}.logo{min-width:100px}.logo-image{width:125px}.desktop-nav{display:none}.nav-actions{margin-left:auto;gap:18px}.language{font-size:11px;gap:6px}.menu-button{display:inline-flex}.hero-grid{grid-template-columns:1fr;gap:32px;padding-top:42px;padding-bottom:38px}.hero h1{font-size:32px;line-height:1.2}.hero-copy{font-size:14px}.hero-visual .placeholder{min-height:230px}.hero-visual{padding:0}.hero-buttons .button{font-size:12px;padding:12px 14px}.microline{gap:14px;font-size:10px}.trust-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px;padding:23px 0}.trust-item{font-size:10px;border:0;padding-right:0}.trust-item svg{width:17px}.section{padding:46px 0}.section-head{display:block}.section-head .text-link{margin-top:18px}.series-grid,.feature-grid,.product-grid,.terms-grid{grid-template-columns:1fr}.series-card{padding:22px}.series-card .placeholder{min-height:180px}.feature-grid{gap:25px}.cta-inner{display:block}.cta-inner .button{margin-top:23px}.cta-band h2{font-size:25px}.footer-grid{grid-template-columns:1fr 1fr;gap:32px 22px}.footer-grid>div:first-child,.footer-grid>div:nth-child(3){grid-column:1/-1}.footer-bottom{display:block;line-height:1.9}.mobile-quick{position:fixed;bottom:0;left:0;right:0;z-index:40;display:grid;grid-template-columns:1fr 1fr;background:white;border-top:1px solid #dce3ec;padding-bottom:env(safe-area-inset-bottom)}.mobile-quick a{display:flex;gap:8px;justify-content:center;align-items:center;min-height:56px;font-size:13px;font-weight:600;color:var(--brand)}.mobile-quick a:last-child{background:var(--brand);color:white}.page-intro{padding:25px 0 31px}.breadcrumb{margin-bottom:20px}.series-nav{top:var(--site-header-offset,75px)}.series-nav .container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 8px;padding-top:10px;padding-bottom:10px;overflow:visible}.series-nav a{display:flex;align-items:center;gap:6px;min-width:0;min-height:44px;padding:8px 10px;font-size:11px;line-height:1.4;white-space:normal;overflow-wrap:anywhere;border:1px solid #dce3ec;border-radius:5px;background:#f7f9fc}.series-nav a .mono{flex:0 0 auto;color:var(--brand)}.series-nav a>span:last-child{min-width:0}.series-nav a:hover,.series-nav a:focus-visible{border-color:var(--brand);background:#edf4ff;color:var(--brand)}.product-section{padding:39px 0}.product-header{grid-template-columns:38px 1fr;gap:10px}.product-header h2{font-size:23px}.product-header .series-index{font-size:21px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-item{padding:10px}.product-item .placeholder{min-height:150px;padding:13px 8px}.product-item .alt-copy{font-size:10px}.product-item .dimension{font-size:10px}.product-label{align-items:flex-start;flex-direction:column;gap:11px}.product-label h3{font-size:12px}.product-label .text-link{font-size:11px}.product-item p{font-size:10px}.two-column,.faq-layout,.contact-layout{grid-template-columns:1fr;gap:30px}.process{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.process-item{padding:17px}.process-item h3{font-size:12px}.faq-layout{display:flex;flex-direction:column-reverse}.faq-aside{width:100%}.form-panel{padding:22px}.fields{grid-template-columns:1fr;gap:17px}.contact-card{padding:24px}.contact-layout{gap:25px}.visual-top,.visual-bottom{font-size:9px}.faq-list summary{font-size:14px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Supplied product photographs and category covers: responsive square frames. */
.series-card .placeholder,.product-item .placeholder{width:100%;min-height:0;aspect-ratio:1 / 1;padding:12px;background:#fff}
.series-card .product-image-frame,.product-item .product-image-frame{display:flex;gap:0;position:relative}
.product-image-frame img{position:absolute;inset:12px;display:block;width:calc(100% - 24px);height:calc(100% - 24px);min-width:0;min-height:0;object-fit:contain;object-position:center}

/* Readable product details and compact, fully visible series navigation. */
body[data-page=products] .desktop-nav{font-size:14px}
.product-header h2{font-size:29px}
.product-header p{font-size:15px}
.series-nav a{font-size:13px}
.product-label h3{font-size:16px;font-weight:700;line-height:1.3}
.product-label .text-link{font-size:14px;font-weight:700}
.product-item p{font-size:13px;line-height:1.5}
.series-card-image-link,.series-card-title-link{display:block;color:inherit}
.series-card-title-link:hover h3{color:var(--brand)}
.series-card-image-link:focus-visible,.series-card-title-link:focus-visible{outline:3px solid #5286d1;outline-offset:3px}
@media(max-width:767px){
  .series-nav{position:static;top:auto}
  .series-nav .container{gap:4px 6px;padding-top:5px;padding-bottom:5px}
  .series-nav a{min-height:36px;padding:5px 7px;font-size:12px;line-height:1.25}
  .product-header h2{font-size:24px}
  .product-header p{font-size:14px}
  .product-label h3{font-size:15px}
  .product-label .text-link{font-size:14px}
  .product-item p{font-size:12px}
}
@media(min-width:768px){
  .series-nav .container{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px 12px;overflow:visible;padding-top:8px;padding-bottom:8px}
  .series-nav a{display:flex;align-items:center;gap:6px;min-width:0;padding:9px 10px;border:1px solid #dce3ec;border-radius:5px;background:#f7f9fc;font-size:15px;font-weight:700;line-height:1.3;white-space:normal}
  .series-nav a .mono{flex:0 0 auto}
  .series-nav a>span:last-child{min-width:0;overflow-wrap:anywhere}
  .series-nav a:hover,.series-nav a:focus-visible{border-color:var(--brand);background:#edf4ff;color:var(--brand)}
}
@media(min-width:768px) and (max-width:1023px){
  .series-nav .container{grid-template-columns:repeat(4,minmax(0,1fr))}
}


/* Homepage hero: responsive 16:9 landscape frame; replacement artwork target 1600 x 900. */
.hero-visual .hero-image-frame{position:relative;width:100%;aspect-ratio:16 / 9;min-height:0;padding:0;gap:0;border:0;background:transparent}
.hero-image-frame img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}

/* Contact QR cards and WhatsApp shortcut, 2026-11-04 */
.contact-qr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:2px 0 10px}
.contact-qr-card{display:flex;min-width:0;flex-direction:column;align-items:center;gap:10px;padding:14px 10px;background:#fff;border:1px solid #dce3ec;border-radius:8px;color:#0f2438;text-align:center}
.contact-qr-card strong{font-size:16px;line-height:1.3;color:#0f2438}
.contact-qr-card img{display:block;width:100%;max-width:200px;height:auto;aspect-ratio:1;object-fit:contain}
.contact-qr-card span{font-size:12px;line-height:1.5;color:#475569;overflow-wrap:anywhere}
.contact-qr-card:hover{border-color:#8fb4e9;box-shadow:0 3px 12px #00000014}
.contact-qr-hint{margin:0 0 20px;font-size:12px;color:#b9c9d8}
.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:45;display:flex;align-items:center;justify-content:center;gap:9px;min-height:56px;padding:13px 19px;border-radius:999px;background:#128c4b;color:#fff;box-shadow:0 4px 18px #0f24382e;font-size:15px;font-weight:700;line-height:1.2}
.whatsapp-float svg{width:28px;height:28px;flex:none}
.whatsapp-float:hover,.whatsapp-float:focus-visible{background:#0c713b;color:#fff}
@media(max-width:767px){.contact-qr-grid{gap:10px}.contact-qr-card{gap:8px;padding:10px 8px}.contact-qr-card strong{font-size:14px}.contact-qr-card span{font-size:11px}.whatsapp-float{right:14px;bottom:calc(70px + env(safe-area-inset-bottom,0px));width:46px;min-height:46px;height:46px;padding:11px}.whatsapp-float svg{width:24px;height:24px}.whatsapp-float-label{display:none}}