@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#123142;--navy2:#0b2534;--teal:#0f8f8a;--coral:#f56b50;--cream:#f6f4ee;--pale:#e8f5f1;--ink:#1b3540;--muted:#677b81;--line:#dce6e5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;background:#fff}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}[hidden]{display:none!important}.wrap{width:min(1240px,calc(100% - 72px));margin:auto}.demo-banner{background:var(--navy2);color:white;text-align:center;padding:7px 16px;font-size:10px;font-weight:700;letter-spacing:.16em}.demo-banner span{font-weight:400;letter-spacing:.02em;opacity:.72;margin-left:12px}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 max(36px,calc((100vw - 1240px)/2));background:white;position:relative;z-index:2;border-bottom:1px solid #f0f2ef}.brand{display:inline-flex;align-items:center;gap:10px;font-family:Manrope,Arial,sans-serif;font-size:25px;font-weight:800;line-height:.9;letter-spacing:-.05em;white-space:nowrap}.brand small{display:block;font-size:9px;letter-spacing:.22em;margin-top:7px}.brand-mark{display:grid;place-items:center;width:40px;height:40px;background:var(--teal);color:white;border-radius:11px;font-size:25px;font-weight:800;transform:rotate(-8deg)}.brand-mark::first-letter{transform:rotate(8deg)}nav{display:flex;gap:28px;font-size:13px;font-weight:700}nav a:hover,.text-btn:hover,.link-arrow:hover{color:var(--teal)}.header-actions{display:flex;align-items:center;gap:22px}.text-btn{background:none;border:0;font-size:12px;font-weight:700;color:var(--navy)}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:0;border-radius:7px;padding:16px 22px;background:var(--coral);color:#132f39;font-size:13px;font-weight:800;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#ff8168}.button span{font-size:18px;line-height:0}.button-small{padding:12px 17px}.menu-toggle{display:none;border:0;background:none;color:var(--navy);font-size:24px}.hero{min-height:604px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:48px;padding-top:52px;padding-bottom:60px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;color:var(--teal)}.hero .eyebrow{display:flex;align-items:center;gap:9px}.hero .eyebrow span{width:8px;height:8px;background:var(--coral);border-radius:50%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h1{font-size:clamp(43px,4.45vw,69px);line-height:1.09;letter-spacing:-.055em;color:var(--navy);margin:22px 0}h2{font-size:clamp(34px,3.2vw,51px);line-height:1.13;letter-spacing:-.052em;color:var(--navy);margin:19px 0}h3{letter-spacing:-.035em}.hero-copy>p{font-size:17px;line-height:1.75;color:var(--muted);max-width:530px}.hero-buttons{display:flex;align-items:center;gap:27px;margin:32px 0 49px}.link-arrow{font-size:13px;font-weight:800}.link-arrow span{font-size:18px}.hero-metrics{display:flex;gap:34px}.hero-metrics div{border-left:2px solid var(--line);padding-left:15px}.hero-metrics b{display:block;font-family:Manrope;font-size:25px;letter-spacing:-.045em;color:var(--navy)}.hero-metrics span{display:block;color:var(--muted);font-size:11px;margin-top:3px}.hero-visual{position:relative;background:var(--pale);border-radius:170px 170px 12px 12px;padding:24px 32px 40px;min-height:470px;overflow:visible}.hero-visual>img{width:100%;height:420px;object-fit:cover;object-position:center 19%;border-radius:145px 145px 8px 8px;mix-blend-mode:multiply}.hero-sticker{position:absolute;right:-17px;bottom:60px;background:var(--coral);width:142px;height:142px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:rotate(10deg);font-size:11px;font-weight:700;line-height:1.4;color:var(--navy)}.hero-sticker strong{font-size:13px}.hero-sticker span{font-size:22px;margin-top:4px}.hero-caption{position:absolute;bottom:11px;left:36px;font-size:10px;color:var(--muted)}.trust-line{background:var(--navy);color:#fff}.trust-inner{min-height:79px;display:flex;justify-content:space-between;align-items:center;gap:20px}.trust-inner span{font-size:10px;letter-spacing:.19em;color:#7fabad;font-weight:800}.trust-inner strong{font-size:14px;white-space:nowrap}.trust-inner i{font-style:normal;color:var(--coral)}.section{padding-top:96px;padding-bottom:96px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:30px}.section-heading p{max-width:345px;font-size:15px;line-height:1.8;color:var(--muted);margin-bottom:7px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.product-card{min-width:0}.product-image{height:325px;background:var(--cream);position:relative;overflow:hidden;border-radius:10px}.product-image img{width:100%;height:100%;object-fit:cover;object-position:center 23%;transition:transform .3s}.product-card:hover img{transform:scale(1.035)}.product-image span{position:absolute;bottom:14px;left:15px;border-radius:50%;background:white;padding:10px;font-size:10px;font-weight:700}.product-card h3{font-size:21px;margin:17px 0 5px}.product-card p{font-size:13px;color:var(--muted)}.source-note{color:#84969b;font-size:11px;margin:25px 0 0}.custom-section{background:var(--navy)}.custom-layout{display:grid;grid-template-columns:.85fr 1fr;gap:11%;align-items:center}.custom-section h2,.custom-section p{color:white}.custom-section h2{font-size:clamp(38px,3.7vw,57px);margin:20px 0}.custom-section h2 em{font-style:normal;color:#6ed4c2}.custom-section p{max-width:410px;color:#b8d0d0;line-height:1.8}.custom-section .eyebrow{color:#69d2c0}.button-light{background:#d9efe9;color:var(--navy);margin-top:18px}.steps{border-top:1px solid #42606b}.steps>div{display:grid;grid-template-columns:46px 1fr 20px;align-items:center;gap:15px;padding:24px 5px;border-bottom:1px solid #42606b;color:white}.steps b{font-size:13px;color:#62cabb}.steps strong{display:block;font-size:18px}.steps small{display:block;color:#aac3c6;font-size:12px;margin-top:6px}.steps>div>span:last-child{color:var(--coral);font-size:18px}.factory-layout{display:grid;grid-template-columns:1fr .9fr;gap:8%;align-items:center}.factory-image{height:420px;position:relative;background:var(--pale);border-radius:10px;overflow:hidden}.factory-image img{width:100%;height:100%;object-fit:cover}.factory-image span{position:absolute;bottom:14px;left:16px;color:white;background:#123142b8;padding:7px 10px;font-size:9px;letter-spacing:.08em}.factory-copy p{line-height:1.8;color:var(--muted);font-size:15px}.factory-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:28px 0}.factory-facts div{border-top:1px solid var(--line);padding-top:13px}.factory-facts b{display:block;font-family:Manrope;font-size:20px;color:var(--teal)}.factory-facts span{display:block;font-size:11px;color:var(--muted);margin-top:4px}.factory-copy .muted{font-size:12px}.journal-section{background:var(--cream)}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.post-card{background:white;border-radius:10px;padding:26px;min-height:195px;display:flex;flex-direction:column}.post-card small{color:var(--teal);font-size:10px;font-weight:800;letter-spacing:.15em}.post-card h3{font-size:20px;margin:19px 0 9px}.post-card p{font-size:12px;line-height:1.6;color:var(--muted);margin-bottom:0}.inquiry-section{background:#e7f3f0}.inquiry-layout{display:grid;grid-template-columns:.82fr 1fr;gap:8%;align-items:start}.inquiry-copy{padding-top:32px}.inquiry-copy h2{font-size:clamp(38px,3.8vw,59px)}.inquiry-copy>p{color:var(--muted);line-height:1.75;max-width:420px}.channel-card{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #bbd9d3;border-bottom:1px solid #bbd9d3;padding:22px 0;margin:30px 0}.channel-card strong,.channel-card span{display:block}.channel-card strong{font-size:15px}.channel-card span{font-size:12px;color:var(--muted);margin-top:5px}.button-outline{border:1px solid var(--navy);background:none;color:var(--navy);white-space:nowrap}.button-outline:hover{background:#d4e9e4}.wa-link{font-size:12px;font-weight:700;color:var(--teal)}.inquiry-form{background:white;border-radius:12px;padding:34px;box-shadow:0 14px 50px #16454c12}.inquiry-form h3{font-size:25px;margin-bottom:4px}.inquiry-form>p{font-size:13px;color:var(--muted);margin-bottom:23px}.inquiry-form label,.side-panel label{display:block;font-size:11px;font-weight:700;color:var(--navy);margin-bottom:14px}.inquiry-form input,.inquiry-form textarea,.side-panel input,.side-panel textarea{display:block;width:100%;border:1px solid #d8e4e3;border-radius:6px;padding:11px 12px;margin-top:7px;outline:0;background:white;color:var(--ink)}.inquiry-form input:focus,.inquiry-form textarea:focus,.side-panel input:focus,.side-panel textarea:focus{border-color:var(--teal)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-submit{width:100%;margin:4px 0 10px}.inquiry-form small{color:#81949a;font-size:10px}.inquiry-form #formStatus{font-size:12px;color:var(--teal);margin-top:12px}footer{background:var(--navy2);color:white;padding:60px 0}.footer-inner{display:grid;grid-template-columns:2fr 1fr 1fr 1.8fr;gap:40px}.brand-footer{font-size:22px}.footer-inner p,.footer-inner span{color:#a8c3c6;font-size:12px;line-height:1.6}.footer-inner strong{display:block;font-size:12px;margin-bottom:18px}.footer-inner a,.footer-inner button{display:block;color:#a8c3c6;font-size:12px;margin:9px 0;background:transparent;border:0;padding:0;text-align:left}.footer-inner a:hover,.footer-inner button:hover{color:#fff}.modal-backdrop{position:fixed;inset:0;background:#071820aa;z-index:9}.side-panel{position:fixed;right:0;top:0;height:100vh;width:min(430px,100vw);background:#fff;z-index:10;padding:30px;overflow:auto;box-shadow:-8px 0 30px #0002}.panel-head{display:flex;justify-content:space-between;align-items:start}.panel-head small{color:var(--teal);font-size:10px;letter-spacing:.12em;font-weight:800}.panel-head h2{font-size:26px;margin:5px 0 15px}.close-btn{border:0;background:none;font-size:27px;color:var(--navy)}.panel-note{font-size:12px;line-height:1.6;color:var(--muted);background:var(--pale);padding:12px;border-radius:7px}.side-panel h3{font-size:16px;margin:24px 0 15px}.side-panel hr{border:0;border-top:1px solid var(--line);margin:30px 0}.side-panel .button{font-size:12px;padding:11px 15px}.button-outline-dark{background:white;border:1px solid var(--teal);color:var(--navy)}.admin-item{border-bottom:1px solid var(--line);padding:12px 0;font-size:12px}.admin-item strong,.admin-item span{display:block}.admin-item span{color:var(--muted);margin-top:5px}.admin-item button{border:0;background:none;color:#b04737;font-size:11px;padding:6px 0}.chat-modal{position:fixed;right:25px;bottom:25px;z-index:11;width:min(340px,calc(100vw - 32px));background:white;border-radius:12px;box-shadow:0 14px 60px #07182060;overflow:hidden;padding-bottom:16px}.chat-head{background:var(--navy);color:white;padding:13px 17px;display:flex;align-items:center;justify-content:space-between}.chat-head .close-btn{color:white}.chat-body{padding:23px 18px}.chat-bubble{background:var(--pale);border-radius:13px 13px 13px 0;padding:13px;font-size:13px;line-height:1.5}.chat-body p{font-size:11px;color:var(--muted);margin:18px 0 0}.chat-modal>.button{margin-left:18px;padding:10px 14px;font-size:12px}
@media(max-width:950px){.site-header{padding:0 25px}nav{gap:13px}.header-actions .text-btn{display:none}.hero{gap:25px}.hero-metrics{gap:12px}.trust-inner{flex-wrap:wrap;padding-top:18px;padding-bottom:18px;justify-content:center}.trust-inner strong{font-size:12px}.section{padding-top:70px;padding-bottom:70px}}
@media(max-width:720px){.wrap{width:min(100% - 36px,540px)}.demo-banner span{display:none}.site-header{height:66px;padding:0 18px}.site-header nav{display:none;position:absolute;top:66px;left:0;right:0;background:white;padding:20px;box-shadow:0 12px 20px #0001;flex-direction:column}.site-header nav.open{display:flex}.header-actions{margin-left:auto}.header-actions .button{font-size:11px;padding:9px 12px}.menu-toggle{display:block}.brand{font-size:20px}.brand-mark{width:32px;height:32px;font-size:21px}.brand small{font-size:7px}.hero,.custom-layout,.factory-layout,.inquiry-layout{grid-template-columns:1fr}.hero{padding-top:40px;gap:38px}.hero-copy>p{font-size:15px}.hero-buttons{flex-wrap:wrap;gap:17px;margin-bottom:30px}.hero-metrics{gap:12px}.hero-metrics b{font-size:18px}.hero-metrics span{font-size:9px}.hero-visual{min-height:400px;padding:20px 26px 30px}.hero-visual>img{height:350px}.hero-sticker{right:0;width:112px;height:112px;font-size:9px}.hero-sticker strong{font-size:10px}.trust-inner{gap:10px 13px}.trust-inner i{display:none}.section-heading{display:block}.section-heading p{max-width:500px}.product-grid,.post-grid{grid-template-columns:1fr}.product-image{height:310px}.custom-layout{gap:35px}.factory-layout{gap:30px}.factory-image{height:300px}.inquiry-copy{padding-top:0}.inquiry-layout{gap:30px}.inquiry-form{padding:22px}.footer-inner{grid-template-columns:1fr 1fr;gap:25px}.form-row{grid-template-columns:1fr;gap:0}}
.lang-switch{display:flex;align-items:center;gap:6px;color:#8ba1a4;font-size:12px;font-weight:800;white-space:nowrap}.lang-switch a{color:var(--muted)}.lang-switch a.active{color:var(--teal)}.lang-switch a:hover{color:var(--teal)}@media(max-width:720px){.lang-switch{font-size:11px}.header-actions{gap:8px}}
.mobile-admin{display:none}.lang-switch{display:flex;align-items:center;gap:6px;color:#8ba1a4;font-size:12px;font-weight:800;white-space:nowrap}.lang-switch a{color:var(--muted)}.lang-switch a.active{color:var(--teal)}.lang-switch a:hover{color:var(--teal)}@media(max-width:720px){.lang-switch{font-size:11px}.header-actions{gap:8px}.header-actions .button{display:none}.mobile-admin{display:block;border:0;background:var(--pale);color:var(--navy);padding:12px;text-align:left;font-size:13px;font-weight:700}}
.hero-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0 0}.hero-benefits>div{background:#eaf5f1;border-radius:8px;padding:16px 12px;min-width:0}.benefit-number{display:flex;align-items:baseline;gap:5px;color:var(--teal)}.benefit-number b{font-size:48px;line-height:1;font-weight:800;letter-spacing:-2px}.benefit-number span{font-size:13px;font-weight:700}.hero-benefits strong{display:block;font-size:12px;color:var(--navy);margin-top:8px;line-height:1.4}.hero-benefits+.hero-buttons{margin:23px 0 28px}.button-chat{background:var(--navy);color:#fff}.button-chat:hover{background:#235266}.contact-float{position:fixed;right:24px;bottom:24px;z-index:8;display:flex;flex-direction:column;align-items:end;gap:9px}.float-main{border:0;background:var(--teal);color:#fff;border-radius:99px;padding:14px 18px;box-shadow:0 10px 30px #12314240;font-size:13px;font-weight:800}.float-main span{font-size:18px;margin-left:6px}.float-options{display:grid;gap:7px;background:white;padding:9px;border-radius:12px;box-shadow:0 10px 35px #12314235;min-width:170px}.float-options button,.float-options a{display:flex;justify-content:space-between;align-items:center;border:0;background:var(--pale);border-radius:7px;padding:11px 12px;color:var(--navy);font-size:12px;font-weight:800}.float-options button:hover,.float-options a:hover{background:#d3ebe3}.contact-float:has([hidden]) .float-options{display:none}.factory-proof{border-left:3px solid var(--teal);padding-left:14px;margin:20px 0;color:var(--navy);font-size:13px;line-height:1.65}.factory-proof strong{display:block;margin-bottom:4px}.factory-proof span{color:var(--muted)}@media(max-width:720px){.hero-benefits{grid-template-columns:repeat(3,1fr);gap:6px}.hero-benefits>div{padding:10px 8px}.hero-benefits strong{font-size:11px}.benefit-number b{font-size:40px}.benefit-number span{font-size:11px}.benefit-number{gap:3px}.hero-benefits+.hero-buttons{gap:9px}.hero-benefits+.hero-buttons .button{padding:12px 10px;font-size:11px;gap:9px}.contact-float{right:13px;bottom:15px}.float-main{padding:12px 14px;font-size:11px}}
.hero h1{white-space:pre-line}html[lang="zh-CN"] .hero h1{font-size:clamp(42px,3.7vw,58px)}

.hero-benefits strong{margin-top:0;font-size:15px;text-align:center}.hero-service-metrics{display:grid;grid-template-columns:repeat(3,1fr)}.hero-service-metrics b{font-size:48px;line-height:1.1;color:var(--teal);letter-spacing:-2px}.hero-service-metrics b em{font-size:13px;font-weight:700;font-style:normal;letter-spacing:0}.hero-service-metrics span{font-size:12px;margin-top:7px}@media(max-width:720px){.hero-benefits strong{font-size:12px}.hero-service-metrics b{font-size:40px}.hero-service-metrics b em{font-size:11px}.hero-service-metrics span{font-size:11px}}

.hero-benefits>div{display:flex;align-items:center;justify-content:center;gap:8px}.benefit-icon{width:21px;height:21px;flex-shrink:0;color:var(--teal)}@media(max-width:720px){.hero-benefits>div{gap:5px}.benefit-icon{width:17px;height:17px}.hero-benefits strong{font-size:11px}}

/* Free services: clear headline, supporting label, quiet service icon. */
.hero-benefits{gap:12px;margin-top:25px}
.hero-benefits>div{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;padding:23px 16px 18px;background:#f1f6f7;border:1px solid #dce8eb;border-top:3px solid var(--teal);border-radius:10px;overflow:hidden}
.hero-benefits .free-word{display:block;font-family:Manrope,Arial,sans-serif;font-size:clamp(26px,2.6vw,38px);font-weight:800;line-height:1;letter-spacing:-1.5px;color:var(--navy)}
.hero-benefits strong{margin-top:11px;text-align:left;font-size:13px;line-height:1.4;color:var(--navy)}
.hero-benefits .benefit-icon{position:absolute;right:12px;top:12px;width:17px;height:17px;color:var(--teal);opacity:.8}
@media(max-width:720px){.hero-benefits{gap:7px}.hero-benefits>div{padding:23px 10px 14px}.hero-benefits .free-word{font-size:27px;letter-spacing:-1px}.hero-benefits strong{font-size:11px;margin-top:9px}.hero-benefits .benefit-icon{width:14px;height:14px;right:7px;top:7px}}

.hero-benefits+.hero-service-metrics{margin-top:28px}
.contact-float{top:50%;bottom:auto;right:24px;transform:translateY(-50%)}
.float-main{display:flex;align-items:center;gap:9px;padding:15px 18px;border:2px solid white;background:var(--navy);box-shadow:0 5px 24px #12314230}
.float-main svg{width:23px;height:23px;color:#8de1ce}.float-main span{font-size:13px;margin:0}
.contact-choice{position:fixed;inset:0;width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:0;border-radius:18px;padding:38px;color:var(--navy);box-shadow:0 24px 100px #0b253440}
.contact-choice::backdrop{background:#0b253465}.contact-choice h2{font-size:30px;line-height:1.2;margin:14px 0}.contact-choice>p{font-size:14px;line-height:1.7;color:var(--muted);margin-bottom:24px}.choice-close{position:absolute;right:12px;top:9px;border:0;background:transparent;font-size:28px;color:var(--muted);padding:4px 8px}.choice-actions{display:grid;gap:12px}.choice-actions>a,.choice-actions>button{position:relative;display:block;text-align:left;padding:20px 45px 20px 20px;border:1px solid #dce8eb;border-radius:10px;background:#f1f6f7;color:var(--navy);width:100%}.choice-actions strong{display:block;font-size:17px;margin-bottom:7px}.choice-actions span{display:block;font-size:12px;line-height:1.5;color:var(--muted)}.choice-actions b{position:absolute;right:20px;top:24px;font-size:22px}.choice-actions>button{background:var(--navy);color:white;border-color:var(--navy)}.choice-actions>button span{color:#c3d8dd}.choice-later{display:block;margin:22px auto 0;padding:5px;border:0;background:none;color:var(--muted);font-size:12px;text-decoration:underline;text-underline-offset:4px}.choice-actions a:hover,.choice-actions button:hover{outline:2px solid var(--teal);outline-offset:2px}
@media(max-width:720px){.contact-float{top:58%;bottom:auto;right:10px}.float-main{padding:11px 12px;gap:6px}.float-main svg{width:20px;height:20px}.float-main span{font-size:11px}.contact-choice{padding:30px 22px}.contact-choice h2{font-size:25px}}