@font-face{font-family:HarmonyOS;src:url('./HarmonyOSSansSC-subset.woff2') format('woff2');font-display:swap}
@font-face{font-family:DMSans;src:url('./DMSans-400.woff2') format('woff2');font-display:swap}
:root{--bg-section-dark:#0d1826;--font-sans:'DM Sans','PingFang SC','Microsoft YaHei','Noto Sans SC',system-ui,sans-serif;--font-display:'DM Serif Display','PingFang SC','Microsoft YaHei','Noto Sans SC',system-ui,sans-serif;--ink:#111;--paper:#f4f4f4;--text:#1a1a1a;--blue:#1842a8;--green:#1a6b35;--red:#c41818;--muted:#c8c9ce;--line:#30343d}
*{box-sizing:border-box}html{scroll-behavior:smooth}html body{margin:0;background:#191919;color:#fff;font-family:HarmonyOS,DMSans,var(--font-sans);-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:2px solid #8eb0ff;outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only:focus{position:fixed;z-index:99;left:12px;top:12px;width:auto;height:auto;margin:0;clip:auto;background:white;color:#111;padding:10px 14px}.page{width:min(750px,100%);margin:auto;background:var(--ink);overflow:hidden}.section.screen{position:relative;min-height:760px;padding:72px 54px;display:flex;flex-direction:column;justify-content:space-between;border-bottom:1px solid var(--line);background:#111}.section .copy{position:relative;z-index:1}.eyebrow{font:800 13px/1.3 DMSans,HarmonyOS,sans-serif;letter-spacing:.22em;color:#76a2ff;text-transform:uppercase}.title{font-size:52px;line-height:1.06;margin:14px 0 16px;letter-spacing:-.04em;font-weight:800}.sub{font-size:18px;color:var(--muted);line-height:1.7;margin:0;max-width:590px}.note{font-size:12px;color:#9299a6;line-height:1.55;margin:12px 0 0}.visual{position:relative;margin-top:42px}.visual img{width:100%}.brand{width:128px;height:auto;display:block;margin-bottom:42px}.slogan{color:#8eb0ff;font-size:14px;letter-spacing:.14em;margin-bottom:10px}.hero.section{min-height:900px;background:radial-gradient(circle at 72% 45%,#102c70 0,transparent 43%),radial-gradient(circle at 14% 75%,#123d24 0,transparent 30%),#111}.hero:after{content:'';position:absolute;left:0;right:0;bottom:0;height:5px;background:linear-gradient(90deg,#0a6828,#1faf50 30%,#0d2fa8 30%,#2255cc 72%,#8a0e0e 72%,#dd2828)}.hero .title{font-size:68px}.hero-photo{width:100%;margin-top:26px;box-shadow:0 28px 45px #0008}.tag{display:inline-flex;border:1px solid #315ec5;padding:9px 14px;border-radius:999px;margin:18px 8px 0 0;color:#fff;background:#1842a833;font-size:15px}.feature-photo{width:100%;height:auto;object-fit:cover}.photo-frame{position:relative;overflow:hidden;background:#e9edf1}.photo-frame img{width:100%}.photo-measure{position:absolute;left:18px;bottom:18px;padding:11px 15px;background:#142c70e8;border:1px solid #6e94ec;color:#fff;font:800 19px DMSans,sans-serif;letter-spacing:.03em}.product-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.product-list span{padding:6px 9px;border:1px solid #536072;color:#c6cbd5;font-size:12px}.height-bars{height:420px;display:flex;align-items:end;gap:18px;padding:0 68px;border-left:3px solid var(--blue);position:relative}.height-bars:before{content:attr(data-height);position:absolute;left:-4px;top:0;border-top:3px solid var(--blue);padding:8px 16px;color:#76a2ff;font-size:26px;font-weight:900}.height-bars .bar{flex:1;background:linear-gradient(#315ec5,#17181d);border-top:3px solid #7899ea}.height-bars .bar:nth-child(1){height:10%}.height-bars .bar:nth-child(2){height:42%}.height-bars .bar:nth-child(3){height:92%}.layers{display:grid;gap:18px;padding:36px 26px 22px}.layer{height:80px;border-radius:10px;transform:skewX(-12deg);box-shadow:0 20px 30px #0008}.layer:nth-child(1){background:linear-gradient(90deg,#00b7ff,#ff3cac,#ffd600,#111)}.layer:nth-child(2){background:#fff}.layer:nth-child(3){background:repeating-conic-gradient(#ddd 0 8%,#fff 0 16%);opacity:.45}.layer-names{display:flex;justify-content:space-between;color:#aab4c2;font-size:12px;margin-top:16px}.compare-panel{margin-top:42px;border:1px solid #30343d;background:#17181d}.compare-panel img{width:100%;aspect-ratio:1.95;object-fit:cover}.compare-labels{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#333}.compare-label{background:#17181d;padding:17px 20px}.compare-label small{display:block;color:#aeb6c5;font-size:12px}.compare-label strong{display:block;margin-top:5px;font-size:21px}.compare-label:nth-child(2){border-bottom:2px solid #315ec5}.compare-label:nth-child(2) small{color:#7ea5ff}.compare-label span{display:block;color:#bbc4d2;font-size:12px;margin-top:4px}.beam{height:340px;background:linear-gradient(90deg,#222 0 42%,#9b5cff 47% 53%,#1842a8 58% 100%);clip-path:polygon(0 36%,100% 0,100% 100%,0 64%);filter:drop-shadow(0 0 22px #8d5cff)}.texture-photo{width:100%;height:420px;object-fit:cover;object-position:center}.option-mark{position:absolute;right:14px;bottom:14px;background:#102c70e8;border:1px solid #6e94ec;padding:9px 13px;font-size:13px;font-weight:800}.maintenance-visual{height:410px;overflow:hidden;background:#090b0f;position:relative}.maintenance-visual img{width:100%;height:100%;object-fit:cover}.maintenance-tags{position:absolute;inset:auto 18px 18px;display:flex;gap:10px}.maintenance-tag{flex:1;padding:13px 16px;background:#080b10dc;border-left:4px solid var(--blue);font-weight:800}.maintenance-tag:last-child{border-color:var(--green)}.maintenance-tag small{display:block;margin-top:4px;color:#aeb5c2;font-weight:400}.legacy-flow{display:grid;grid-template-areas:'design blank' 'result print';grid-template-columns:1fr 1fr;gap:54px 76px;margin-top:34px;padding:32px 42px 38px;background:linear-gradient(145deg,#f6f7f9,#e7ebf0);color:#15171b;box-shadow:inset 0 1px #fff,0 22px 45px #0008}.flow-item{position:relative;min-height:225px;display:flex;flex-direction:column;align-items:center;justify-content:center}.flow-design{grid-area:design}.flow-blank{grid-area:blank}.flow-print{grid-area:print}.flow-result{grid-area:result}.flow-name{position:absolute;left:0;right:0;top:0;text-align:center;font-size:17px;font-weight:900}.flow-name strong{color:var(--blue);margin-right:7px}.flow-monitor{position:relative;width:82%;height:135px;margin-top:28px;padding:8px 8px 16px;border:7px solid #30343a;border-radius:8px;background:#111;box-shadow:0 13px 18px #0003}.flow-monitor .art{width:100%;height:100%;background:url('./finished-goods-v1.webp') 55% 19%/auto 240% no-repeat}.flow-monitor:before{content:'';position:absolute;left:43%;bottom:-34px;width:14%;height:28px;background:linear-gradient(90deg,#666,#d0d3d7,#666)}.flow-monitor:after{content:'';position:absolute;left:30%;bottom:-39px;width:40%;height:6px;border-radius:50%;background:#777}.flow-blank-piece{width:110px;height:148px;margin-top:25px;border:8px solid #dbe2e9;background:linear-gradient(145deg,#fff,#dce7ef);box-shadow:0 17px 24px #35415238}.flow-product{width:94%;height:175px;margin-top:25px;object-fit:contain;filter:drop-shadow(0 14px 14px #0004)}.flow-result-img{width:88%;height:190px;margin-top:23px;object-fit:cover;object-position:62% 30%;filter:drop-shadow(0 14px 15px #0006)}.flow-arrow{position:absolute;z-index:3;color:#77808b;font-size:45px;font-weight:300;line-height:1}.flow-arrow-right{right:-61px;top:46%}.flow-arrow-down{left:calc(50% - 12px);bottom:-48px}.flow-arrow-left{left:-61px;top:46%}.specs.section{background:var(--paper);color:var(--text)}.specs .eyebrow{color:var(--blue)}.specgrid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#c8c8c8;margin-top:36px;border:1px solid #c8c8c8}.spec{background:#fff;padding:22px}.spec small{display:block;color:#686868;margin-bottom:6px}.spec strong{font-size:23px}.foot{font-size:12px;color:#666;margin-top:22px}.cta.section{min-height:590px;text-align:center;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 0,#173676,#111 58%)}.cta .title{max-width:610px}.cta .sub{max-width:620px}.actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:34px}.btn{display:inline-flex;padding:15px 24px;border:1px solid #52698f;color:#fff;text-decoration:none;font-weight:800}.btn.primary{background:var(--red);border-color:var(--red)}.btn.secondary{background:var(--green);border-color:var(--green)}
@media(max-width:560px){.section.screen{padding:48px 28px;min-height:680px}.title,.hero .title{font-size:42px}.sub{font-size:16px}.brand{width:104px}.hero.section{min-height:730px}.visual{margin-top:30px}.height-bars{height:330px;padding:0 30px;gap:11px}.height-bars:before{font-size:22px}.compare-label{padding:12px 10px}.compare-label strong{font-size:16px}.compare-label span{font-size:11px}.maintenance-visual{height:330px}.maintenance-tags{inset:auto 10px 10px}.maintenance-tag{padding:10px;font-size:13px}.maintenance-tag small{font-size:11px}.legacy-flow{grid-template-areas:'design' 'blank' 'print' 'result';grid-template-columns:1fr;gap:42px;padding:28px 24px}.flow-item{min-height:220px}.flow-arrow-right,.flow-arrow-left{left:calc(50% - 12px);right:auto;top:auto;bottom:-39px;transform:rotate(90deg)}.flow-arrow-down{bottom:-39px}.flow-monitor{width:72%}.flow-product{width:82%}.flow-result-img{width:68%}.specgrid{grid-template-columns:1fr}.actions{flex-direction:column;width:100%}.btn{justify-content:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
html[lang="en"] .title{text-transform:uppercase}
@media(max-width:560px){.flow-arrow-left{transform:rotate(-90deg)}}
.media-products-frame{position:relative;overflow:hidden;background:#07172b}.media-height-badge{position:absolute;top:16px;left:16px;padding:8px 13px;background:#102c70e8;border:1px solid #6e94ec;color:#fff;font:800 18px DMSans,HarmonyOS,sans-serif;letter-spacing:.02em}
@media(max-width:560px){.media-height-badge{top:10px;left:10px;font-size:14px;padding:6px 10px}}
.varnish-photo-frame{position:relative}
@media(max-width:560px){.varnish-photo-frame .texture-photo{height:auto;aspect-ratio:3/2;object-fit:contain}.varnish-photo-frame .option-mark{right:8px;bottom:8px;font-size:11px;padding:7px 9px}}
.flow-monitor .art{background:none}.flow-monitor .art img{width:100%;height:100%;object-fit:contain}.flow-blank-piece{width:85%;height:175px;border:0;background:none;box-shadow:none;object-fit:contain}.flow-result-img{width:94%;object-fit:contain;object-position:center}
.faq-section{padding:72px 54px 76px;background:#14171d;border-bottom:1px solid var(--line)}
.faq-section .title{margin-bottom:12px}
.faq-list{margin-top:32px}
.faq-item{padding:20px 0;border-top:1px solid #3b414c}
.faq-item h3{margin:0 0 9px;font-size:19px;line-height:1.4}
.faq-item p{margin:0;color:#b8c0cf;font-size:16px;line-height:1.7}
@media(max-width:560px){.faq-section{padding:48px 28px 56px}.faq-item h3{font-size:17px}.faq-item p{font-size:15px}}