
:root{--navy:#10263f;--blue:#1769aa;--cyan:#55c5d8;--ink:#182b3b;--muted:#657789;--paper:#f4f7fa;--white:#fff;--line:#e1e8ef}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 40px));margin:auto}.notice{background:#fff6df;border-bottom:1px solid #f0dba4;color:#705319;padding:10px 20px;text-align:center;font-size:12px}.topbar{background:var(--navy);color:#dce8f3;font-size:13px;padding:9px 0}.topbar .container{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.nav{position:sticky;top:0;z-index:20;background:#ffffffed;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:0;min-width:0}.brand-name{display:block;font-size:15px;line-height:1.25;white-space:nowrap}.brand small{display:block;font-size:9px;line-height:1.3;letter-spacing:.02em;color:var(--muted);font-weight:700;white-space:nowrap}.brandmark{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--cyan));display:grid;place-items:center;color:white;font-size:19px;font-weight:900}.navlinks{display:flex;align-items:center;gap:26px;font-size:14px;color:#41566a}.navlinks a:hover{color:var(--blue)}.actions{display:flex;gap:10px;align-items:center}.lang{border:1px solid var(--line);border-radius:8px;padding:9px 12px;background:white;cursor:pointer;color:var(--ink);font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:9px;padding:13px 18px;background:var(--blue);color:white;font-weight:750;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-1px);background:#0f548d}.btn.outline{background:transparent;color:var(--blue);border:1px solid #9fc6e4}.btn.light{background:white;color:var(--navy)}.hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#0d2137 0%,#153c5e 56%,#126c8b 100%);color:white;padding:78px 0 70px}.hero:before{content:"";position:absolute;width:520px;height:520px;border:1px solid #ffffff1b;border-radius:50%;right:-80px;top:-180px;box-shadow:0 0 0 50px #ffffff08,0 0 0 100px #ffffff06}.hero-grid{position:relative;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:56px}.eyebrow{display:inline-flex;gap:9px;align-items:center;color:#8de3ed;font-size:12px;letter-spacing:.16em;font-weight:800;text-transform:uppercase}.eyebrow:before{content:"";width:25px;height:2px;background:currentColor}.hero h1{font-size:clamp(36px,5vw,60px);line-height:1.12;letter-spacing:-.035em;margin:22px 0}.hero p{max-width:570px;color:#d0dfeb;font-size:17px;margin:0 0 30px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.hero .outline{color:white;border-color:#ffffff65}.trustline{display:flex;gap:22px;flex-wrap:wrap;margin-top:34px;color:#d1e1ec;font-size:12px}.trustline span:before{content:"✓";color:#7ee0e6;margin-right:7px;font-weight:900}.hero-art{min-height:360px;position:relative;display:grid;place-items:center}.machine{width:min(100%,460px);height:310px;position:relative;filter:drop-shadow(0 25px 30px #07152266)}.machine .base{position:absolute;bottom:26px;left:8%;width:84%;height:54px;background:linear-gradient(180deg,#b9cbd8,#607c90);clip-path:polygon(9% 0,100% 0,90% 100%,0 100%)}.machine .body{position:absolute;left:18%;top:45px;width:64%;height:218px;border-radius:14px 14px 7px 7px;background:linear-gradient(105deg,#f4f8fa 0%,#b6c8d4 25%,#edf3f7 47%,#7e9aab 100%);border:2px solid #ffffff9c}.machine .panel{position:absolute;left:25%;top:70px;width:50%;height:90px;border-radius:7px;background:linear-gradient(135deg,#17384e,#245a75);border:5px solid #d5e0e7}.machine .screen{position:absolute;left:31%;top:80px;width:24%;height:46px;background:linear-gradient(135deg,#8af1ed,#176b91);border-radius:3px}.machine .screen:after{content:"";position:absolute;left:10%;right:10%;top:12px;height:2px;background:#e0ffff;box-shadow:0 8px 0 #e0ffff,0 16px 0 #e0ffff}.machine .dial{position:absolute;right:27%;top:83px;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#fff,#718da0);border:4px solid #9bb1bf}.machine .slot{position:absolute;left:28%;top:180px;width:44%;height:20px;background:#193a4d;border-radius:4px}.machine .feet{position:absolute;bottom:5px;left:25%;width:12%;height:30px;background:#718899;transform:skew(-12deg)}.machine .feet:after{content:"";position:absolute;left:360%;width:100%;height:30px;background:#718899}.float-card{position:absolute;z-index:2;background:#ffffffed;color:var(--ink);border:1px solid #ffffffa8;border-radius:14px;padding:15px 18px;box-shadow:0 16px 35px #061a2d44}.float-card strong{display:block;font-size:20px}.float-card small{color:var(--muted);font-size:11px}.fc1{top:22px;right:-3px}.fc2{bottom:20px;left:-4px}.section{padding:78px 0}.section.soft{background:var(--paper)}.section-head{max-width:680px;margin-bottom:36px}.section-head.center{text-align:center;margin:0 auto 40px}.kicker{color:var(--blue);font-size:12px;letter-spacing:.16em;font-weight:850;text-transform:uppercase}.section h2{font-size:clamp(28px,3vw,40px);line-height:1.2;letter-spacing:-.025em;margin:10px 0 14px;color:var(--navy)}.section-head p{color:var(--muted);margin:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{padding:24px 20px;background:white;border:1px solid var(--line);border-radius:12px}.stat strong{display:block;font-size:28px;color:var(--blue);line-height:1.2}.stat span{font-size:13px;color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product{background:white;border:1px solid var(--line);border-radius:15px;overflow:hidden;transition:.22s}.product:hover{transform:translateY(-4px);box-shadow:0 16px 34px #19334d12}.product-art{height:205px;display:grid;place-items:center;background:linear-gradient(135deg,#eaf2f7,#d9e8f1);position:relative;overflow:hidden}.product-art:after{content:"";position:absolute;width:220px;height:220px;border:1px solid #6e9dbb3b;border-radius:50%;box-shadow:0 0 0 26px #ffffff32,0 0 0 52px #ffffff24}.product-art svg{position:relative;z-index:1;width:78%;max-width:250px;height:160px}.product-body{padding:23px}.tag{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);font-weight:850}.product h3{font-size:20px;margin:8px 0;color:var(--navy)}.product p{font-size:13px;color:var(--muted);min-height:62px;margin:0 0 16px}.textlink{font-size:13px;color:var(--blue);font-weight:800}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}.brand-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.brand-chip{border:1px solid var(--line);border-radius:12px;padding:20px;background:white;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand-chip strong{color:var(--navy);font-size:16px}.brand-chip span{color:var(--muted);font-size:13px}.feature{padding:25px 0;border-top:2px solid #c7d9e7}.feature-icon{width:45px;height:45px;border-radius:12px;background:#e5f4f7;color:var(--blue);display:grid;place-items:center;font-size:21px;margin-bottom:18px}.feature h3{margin:0 0 8px;color:var(--navy);font-size:18px}.feature p{margin:0;color:var(--muted);font-size:14px}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}.about-visual{min-height:330px;border-radius:18px;background:linear-gradient(140deg,#dcebf3,#f4f8fa);display:grid;place-items:center;overflow:hidden}.blueprint{width:75%;height:75%;min-height:240px;border:1px solid #7aa7c6;border-radius:12px;background:repeating-linear-gradient(0deg,transparent,transparent 23px,#8bb0c52c 24px),repeating-linear-gradient(90deg,transparent,transparent 23px,#8bb0c52c 24px);display:grid;place-items:center;color:#25658d}.blueprint svg{width:65%;height:65%}.checklist{display:grid;gap:13px;margin:23px 0}.checklist div{display:flex;gap:10px;font-size:14px}.checklist b{color:var(--blue)}.cta{padding:48px;border-radius:18px;background:linear-gradient(115deg,#10263f,#176b8d);color:white;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{color:white;margin:0 0 8px;font-size:clamp(26px,3vw,36px)}.cta p{color:#d4e4ed;margin:0;max-width:600px}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px}.contact-info{display:grid;gap:20px;margin-top:26px}.contact-item{display:flex;gap:13px;align-items:flex-start}.contact-icon{width:40px;height:40px;flex-shrink:0;border-radius:10px;background:#e6f3f7;color:var(--blue);display:grid;place-items:center}.contact-item strong{display:block;font-size:14px}.contact-item span{color:var(--muted);font-size:13px}.form{padding:28px;border:1px solid var(--line);border-radius:16px;background:white;box-shadow:0 12px 35px #183a5210}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:750;color:#40566a}.field input,.field select,.field textarea{width:100%;border:1px solid #d9e2ea;border-radius:8px;padding:12px 13px;font:inherit;font-size:14px;background:#fbfcfd;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#70add2;box-shadow:0 0 0 3px #1769aa14}.field textarea{min-height:100px;resize:vertical}.form-note{font-size:11px;color:var(--muted);margin:12px 0 0}.footer{background:#0c1d2f;color:#d1dfeb;padding:38px 0 22px}.footer-main{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;padding-bottom:26px;border-bottom:1px solid #ffffff1d}.footer p{font-size:12px;color:#9eb2c3;max-width:450px}.footer-links{display:flex;gap:18px;flex-wrap:wrap;font-size:12px}.copyright{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:18px;color:#8fa4b7;font-size:11px}
@media(max-width:850px){.navlinks{display:none}.brand-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}.hero-grid,.about-grid,.contact-grid{grid-template-columns:1fr;gap:30px}.hero{padding:58px 0}.hero-art{min-height:320px}.machine{transform:scale(.88)}.product-grid{grid-template-columns:repeat(2,1fr)}.cta{padding:32px;align-items:flex-start;flex-direction:column}.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.container{width:min(100% - 28px,1160px)}.nav-inner{height:66px}.brand{font-size:12px;gap:8px}.brand-name{font-size:12px}.brand small{font-size:7px;letter-spacing:0}.brandmark{width:32px;height:32px;flex-shrink:0}.actions .btn{display:none}.hero h1{font-size:39px}.hero p{font-size:15px}.hero-art{min-height:260px}.machine{transform:scale(.7)}.fc1{right:0;top:0}.fc2{left:0;bottom:0}.section{padding:55px 0}.product-grid,.feature-grid,.brand-grid{grid-template-columns:1fr}.product-art{height:185px}.stats{gap:10px}.stat{padding:18px 14px}.stat strong{font-size:24px}.form{padding:18px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.cta{padding:26px 20px}}

[hidden]{display:none!important}section[id]{scroll-margin-top:100px}:focus-visible{outline:3px solid #128ca6;outline-offset:4px}.skip-link{position:fixed;top:-100px;left:12px;z-index:100;background:white;padding:12px}.skip-link:focus{top:10px}.menu-toggle{display:none}.filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px}.filters button{font:inherit;font-size:14px;padding:10px 18px;border:1px solid var(--line);border-radius:30px;background:white;color:var(--ink);cursor:pointer}.filters button.active{background:var(--navy);color:white;border-color:var(--navy)}.product{display:flex;flex-direction:column}.product-body{flex:1}.illustration-label{font-size:11px;color:var(--muted);padding:0 23px 16px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.process-card{background:white;border:1px solid var(--line);padding:28px;border-radius:14px}.process-card>strong{font-size:32px;color:var(--blue)}.process-card p,.faq p{color:var(--muted)}.faq{max-width:900px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;font-weight:700}.faq p{max-width:760px}.inquiry-preview{margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.inquiry-preview textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;font:inherit;font-size:13px;resize:vertical;margin:8px 0 16px}.preview-actions{display:flex;flex-wrap:wrap;gap:10px}.preview-actions .btn{font-size:13px}.form-status{font-size:13px}.brandmark-img{flex-shrink:0}.brand-name{white-space:normal}.brand small{white-space:normal}.nav-inner{gap:16px}.brand{max-width:330px}.navlinks{gap:18px}.topbar a{overflow-wrap:anywhere}.contact-item a{overflow-wrap:anywhere}.feature-grid{grid-template-columns:repeat(3,1fr)}.detail-hero{padding:64px 0}.detail-hero h1{font-size:clamp(32px,5vw,52px)}.detail-art{background:#edf4f8;border-radius:22px;padding:30px}.detail-art svg{width:100%;height:240px}.detail-art p{color:var(--muted);font-size:12px;text-align:center}.spec-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.spec-item{padding:24px;border:1px solid var(--line);border-radius:12px;background:white}.spec-item h3{margin-top:0}.spec-item p{color:var(--muted);margin-bottom:0}.breadcrumb{font-size:13px;margin-bottom:28px;color:#d0dfeb}.footer .brand{max-width:360px}@media(max-width:1100px){.navlinks{gap:12px;font-size:12px}.nav-inner{gap:10px}.brand{max-width:285px}.brand-name{font-size:13px}}@media(max-width:850px){.menu-toggle{display:inline-block}.nav-inner{position:relative}.navlinks.is-open{display:flex;position:absolute;top:100%;left:-14px;right:-14px;background:white;box-shadow:0 12px 18px #10263f18;padding:16px 24px;flex-direction:column;align-items:stretch;font-size:15px}.navlinks a{padding:8px}.feature-grid{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:1fr}.actions{flex-shrink:0}.brand{max-width:55%}}@media(max-width:560px){.brand small{display:none}.brand-name{font-size:12px}.brandmark-img{width:32px!important;height:32px!important}.nav-inner{gap:6px}.actions{gap:5px}.lang{font-size:12px;padding:9px}.hero h1{font-size:34px}.hero-art{display:none}.spec-list,.feature-grid{grid-template-columns:1fr}.topbar{font-size:11px}.topbar .container>span:last-child{overflow-wrap:anywhere}.footer-main .brand{max-width:100%}.hero-buttons .btn{padding:12px}.detail-art{margin-top:10px}.section-head{margin-bottom:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

html[lang="en"] .brand small{display:none}.hero-grid>*{min-width:0}.brand-name{overflow-wrap:anywhere}.detail-art svg{display:block}
.detail-link{margin:0 23px 22px}.product>.detail-link{min-height:0}.product-body{display:flex;flex-direction:column}.product-body>.textlink{margin-top:auto}
.product > .detail-link{margin:0 23px 22px;min-height:0}
