:root{--ink:#071d30;--muted:#51677c;--blue:#009eff;--dark:#04131e;--line:#dce5ee}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;color:var(--ink);background:#fff;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,select{cursor:pointer}.preview{padding:7px 20px;text-align:center;background:#102a3d;color:#a9c3d7;font-size:10px;letter-spacing:.6px}header{background:#04131e;display:flex;align-items:center;justify-content:space-between;padding:19px max(5vw,24px);border-bottom:1px solid #203543;color:white;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:800;letter-spacing:-.5px}.brand small{font-size:8px;color:#9ed9ff;letter-spacing:1px;margin-top:7px;display:block}.mark{font-size:31px;font-weight:900;color:#35b3ff;line-height:1}.mark span{color:#91d8ff}nav{display:flex;align-items:center;gap:27px;font-size:12px}nav a:hover{color:var(--blue)}nav select{background:#0b2030;color:white;border:1px solid #324656;padding:8px;max-width:120px}.nav-cta{padding:10px 14px;border:1px solid #3a5b70}section{position:relative}section[id],.capabilities{padding:55px max(5vw,24px)}.hero{min-height:450px;display:flex;align-items:center;overflow:hidden;background:var(--dark);color:white;padding:48px max(5vw,24px)}.hero-scene{position:absolute;inset:0;z-index:0;overflow:hidden}.hero-scene img{position:absolute;width:100%;min-width:1100px;top:0;right:0;transform:translateY(-2.95%)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#04131e 0%,#04131e 31%,rgba(4,19,30,.88) 42%,rgba(4,19,30,.12) 68%,transparent);z-index:1}.hero-copy{z-index:2;position:relative;width:52%;max-width:620px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.4px;color:#6b8ba5}h1{font-size:clamp(34px,3.6vw,53px);line-height:1.15;letter-spacing:-1.4px;margin:17px 0;font-weight:750}h1 em{color:#21acff;font-style:normal}h1 br:nth-of-type(2){display:none}.hero-copy>p{font-size:14px;line-height:1.7;max-width:440px;color:#e0e9ef}.actions{display:flex;align-items:center;gap:24px;margin-top:25px}.button{display:inline-block;background:linear-gradient(110deg,#008ce9,#05adff);color:#fff;border:0;border-radius:4px;padding:14px 23px;font-size:13px;font-weight:600;box-shadow:0 5px 20px #0088db22}.button:hover{filter:brightness(1.12)}.text-link{font-size:12px;color:#b9d9ec}.hero-note{font-size:10px;color:#9ec6dd;line-height:1.7;margin-top:25px;max-width:420px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:25px}.section-heading p{max-width:390px;font-size:13px;line-height:1.8;color:var(--muted);margin:0}h2{font-size:29px;line-height:1.3;margin:10px 0;font-weight:700;letter-spacing:-.7px}h3{font-size:19px;line-height:1.4;margin:15px 0 10px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.cards article{padding-top:20px}.number{display:inline-flex;color:var(--blue);border:1px solid #aecbdd;border-radius:50%;width:42px;height:42px;align-items:center;justify-content:center;font:15px monospace}.cards p{font-size:14px;color:var(--muted);line-height:1.8;margin:0}#services{background:linear-gradient(110deg,#fff,#f0f5f9)}.capabilities{background:linear-gradient(120deg,#061c29,#020d15);color:white}.capabilities .section-heading p{color:#b4c8d6}.capability-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.capability{background:#f4f7fa;color:var(--ink);border:1px solid #526a7c;border-radius:4px;overflow:hidden}.photo{aspect-ratio:1.6;position:relative;overflow:hidden;background:#203443}.photo img{position:absolute;width:640%;max-width:none;top:0;left:0;transform:translate(-5.4%,-41.8%)}.photo-1 img{transform:translate(-23.6%,-41.8%)}.photo-2 img{transform:translate(-41%,-41.8%)}.photo-3 img{transform:translate(-58%,-41.8%)}.photo-4 img{transform:translate(-75%,-41.8%)}.photo-5 img{transform:translate(-92%,-41.8%)}.capability-copy{padding:14px 13px 20px}.cap-icon{font-size:22px}.capability h3{font-size:15px;margin:8px 0;overflow-wrap:anywhere}.capability p{font-size:11px;line-height:1.8;color:#547087;min-height:42px}.capability a{color:#0087e6;font-size:11px}.image-note{font-size:10px;color:#8ba6b8;margin:20px 0 0;line-height:1.7}.process{background:#f4f7fa;overflow:hidden;display:grid;grid-template-columns:1fr;gap:20px;min-height:320px}.process>div:not(.process-photo){position:relative;z-index:2;max-width:63%}.process>div>p{color:var(--muted);font-size:13px;line-height:1.8}.process-photo{position:absolute;right:0;top:0;width:36%;height:100%;overflow:hidden}.process-photo img{width:270%;max-width:none;position:absolute;transform:translate(-62%,-60.8%)}.process-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f4f7fa,transparent 45%)}ol{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);width:65%;padding:0;margin:0;list-style:none;counter-reset:step;gap:25px}li{counter-increment:step}li:before{content:"0" counter(step);display:block;color:var(--blue);font-size:24px;margin-bottom:14px}li b{font-size:15px;display:block}li span{font-size:12px;line-height:1.8;color:var(--muted);display:block;margin-top:10px}.inquiry{display:grid;grid-template-columns:1fr 1fr;gap:70px;background:#061a29;color:white}.inquiry h2{font-size:39px;line-height:1.3}.inquiry p{color:#bfd0dc;font-size:14px;line-height:1.9;max-width:440px}.notice{font-size:11px;line-height:1.8;color:#9bb6c8;border-left:2px solid var(--blue);padding-left:15px;max-width:400px;margin-top:25px}form{background:#102a3c;border:1px solid #29485c;padding:25px;border-radius:5px}form label{display:block;font-size:12px;margin-bottom:16px;color:#dce7ef}input,textarea{display:block;width:100%;margin-top:8px;padding:11px;border:1px solid #3c5667;background:#172f40;color:white;border-radius:3px}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}#status{min-height:18px;font-size:12px;margin-bottom:0}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#020e17;color:#91a9b9;padding:25px max(5vw,24px);font-size:10px;border-top:1px solid #263d4c}footer .brand{font-size:15px;color:white}:focus-visible{outline:2px solid #39bdff;outline-offset:4px}html[lang="th"] h1{letter-spacing:0;line-height:1.45;font-size:40px}html[lang="th"] p{line-height:2}html[lang="ja"] h1{font-size:40px}html[lang="de"] h1{font-size:42px} @media(min-width:1500px){.hero{min-height:520px}.hero-scene img{transform:translateY(-2.95%)} }@media(max-width:1000px){nav{gap:14px}.capability-grid{grid-template-columns:repeat(3,1fr)}.capability p{min-height:0}.hero-copy{width:60%}.hero:after{background:linear-gradient(90deg,#04131e 0%,#04131ef5 35%,#04131e77 65%,transparent)}.inquiry{gap:35px}h2{font-size:26px}}@media(max-width:650px){header{padding:17px 20px}.brand{font-size:17px}.brand small{font-size:6px;max-width:190px}nav>a{display:none}nav select{max-width:94px;font-size:11px}.hero{min-height:550px;align-items:end;padding:35px 24px}.hero-copy{width:100%}.hero-scene img{right:-220px;min-width:1000px}.hero:after{background:linear-gradient(0deg,#04131e 0%,#04131ef5 40%,#04131e66 80%,#04131e11)}h1,html[lang="de"] h1,html[lang="ja"] h1,html[lang="th"] h1{font-size:36px}.hero-copy>p{font-size:13px}.hero-copy .eyebrow{display:none}.section-heading{display:block}.section-heading p{margin-top:15px}.cards{grid-template-columns:1fr;gap:10px}.cards article{display:grid;grid-template-columns:45px 1fr;column-gap:16px}.cards h3{margin-top:0}.cards p{grid-column:2}.number{grid-row:span 2}.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.capability-copy{padding:12px}.capability h3{font-size:14px}.process-photo{display:none}.process>div:not(.process-photo),ol{max-width:none;width:100%}ol{gap:16px}li b{font-size:13px}li span{font-size:11px}.inquiry{grid-template-columns:1fr;gap:24px}.inquiry h2{font-size:32px}form{padding:18px}footer{flex-wrap:wrap}.actions{gap:15px}.text-link{font-size:11px}section[id],.capabilities{padding:36px 24px}}
.hero-scene img{width:140%;min-width:1600px}.hero:after{background:linear-gradient(90deg,#04131e 0%,#04131e 33%,#04131ef5 42%,#04131e88 55%,transparent 74%)}.photo{aspect-ratio:1.42}.photo img{width:711%;transform:translate(-5.37%,-41.8%)}.photo-1 img{transform:translate(-20.4%,-41.8%)}.photo-2 img{transform:translate(-35.45%,-41.8%)}.photo-3 img{transform:translate(-50.5%,-41.8%)}.photo-4 img{transform:translate(-65.5%,-41.8%)}.photo-5 img{transform:translate(-80.56%,-41.8%)}@media(max-width:650px){.hero-scene img{min-width:1900px;right:-400px}.hero:after{background:linear-gradient(0deg,#04131e 0%,#04131ef5 40%,#04131e66 80%,#04131e22)}}
.process-photo img{width:420%;transform:translate(-62%,-60.8%)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.photo img{width:900%;transform:translate(-5.8%,-42%)}.photo-1 img{transform:translate(-24%,-42%)}.photo-2 img{transform:translate(-41.5%,-42%)}.photo-3 img{transform:translate(-59%,-42%)}.photo-4 img{transform:translate(-70%,-42%)}.photo-5 img{transform:translate(-84%,-42%)}.process-photo:after{background:linear-gradient(90deg,#f4f7fa 0%,#f4f7fa 14%,transparent 60%)}
html[lang="en"] h1 em,html[lang="fr"] h1 em,html[lang="de"] h1 em,html[lang="it"] h1 em{margin-left:.2em}
.contact-channels{background:#f3f7fa}.contact-channels>p{color:var(--muted);font-size:14px}#contact-options{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:25px}.contact-option{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:20px 15px;border:1px solid #c9d9e5;border-radius:5px;background:white}.contact-option strong{font-size:14px}.contact-option small{font-size:10px;color:#637d91}.contact-option.connected{border-color:#009eff}.contact-option.pending{background:#e9eff4}.contact-float{position:fixed;bottom:20px;right:20px;z-index:20;background:#008fed;color:white;padding:14px 20px;border-radius:30px;font-size:13px;box-shadow:0 4px 20px #0004}@media(max-width:850px){#contact-options{grid-template-columns:repeat(2,1fr)}}@media(max-width:400px){.contact-option{padding:14px 10px}.contact-option strong{font-size:12px}.contact-float{bottom:12px;right:12px}}
.hero-scene.real-photo img{width:100%;height:100%;min-width:0;inset:0;transform:none;object-fit:cover;object-position:center 55%}.photo.real-photo img{width:100%;height:100%;inset:0;transform:none;object-fit:cover}.process-photo.real-photo img{width:100%;height:100%;inset:0;transform:none;object-fit:cover}.factory-gallery{padding:50px max(5vw,24px);background:#fff}.factory-gallery>p{color:var(--muted);font-size:14px}.factory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:25px}.factory-grid a{background:#f0f5f8;overflow:hidden;border-radius:4px}.factory-grid img{display:block;width:100%;height:210px;object-fit:cover}.factory-grid span{display:block;padding:14px;color:#008be4;font-size:12px}@media(max-width:650px){.factory-grid{grid-template-columns:repeat(2,1fr)}.factory-grid img{height:170px}.hero-scene.real-photo img{object-position:65% center}}
.cnc-faq{padding:45px max(5vw,24px);background:#f1f6fa}.cnc-faq p{max-width:900px;line-height:1.9;color:var(--muted);font-size:15px}.language-links{display:flex;gap:14px;flex-wrap:wrap}.language-links a:hover{text-decoration:underline}footer{flex-wrap:wrap}