@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:#10253a;--navy2:#18334c;--ink:#132b41;--muted:#647180;--cream:#f5f4ef;--line:#dce2e5;--red:#c51f23;--blue:#063080;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--white);font:15px/1.6 'DM Sans',Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%}.wrap{width:min(100% - 64px,1256px);margin:auto}.topbar{background:#0b1f31;color:#c7d3de;font-size:11px;font-weight:700;letter-spacing:.095em}.topbar-inner{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar-inner>div{display:flex;gap:12px;align-items:center}.topbar a:hover{color:#fff}.topbar-sep{opacity:.4}.site-header{position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid #e8edef;box-shadow:0 2px 12px #132b4108}.header-inner{height:86px;display:flex;align-items:center;gap:34px}.brand,.footer-brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.brand img{width:72px;height:52px;object-fit:contain}.brand span,.footer-brand span{display:flex;flex-direction:column;line-height:1.2}.brand strong,.footer-brand strong{font:800 17px 'Manrope',sans-serif;letter-spacing:.025em}.brand small,.footer-brand small{font-size:11px;letter-spacing:.06em;color:#75828c;margin-top:5px}.site-header nav{margin-left:auto;display:flex;align-items:center;gap:28px}.site-header nav a{font-size:13px;font-weight:700;color:#314457;white-space:nowrap}.site-header nav a:hover{color:var(--red)}.header-cta{background:var(--red);color:#fff;padding:12px 16px;font-size:12px;font-weight:700;white-space:nowrap}.header-cta span{margin-left:18px}.menu-toggle{display:none}.hero{position:relative;min-height:590px;background:var(--navy);color:#fff;overflow:hidden}.hero-photo{position:absolute;inset:0 0 0 40%;background:url('images/slider-1.jpg') center/cover no-repeat;filter:saturate(.65)}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#10253a 0%,#10253a 37%,#10253ae8 53%,#10253a44 100%);z-index:1}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#10253a88,transparent 60%);z-index:1}.hero-inner{position:relative;z-index:2;min-height:590px;display:flex;align-items:center}.hero-copy{width:min(680px,63%);padding:66px 0 52px}.eyebrow{color:var(--red);font:800 11px 'Manrope',sans-serif;letter-spacing:.18em;margin:0 0 22px}.eyebrow.light{color:#ff9b8d}.hero h1,.section h2,.service-section h2,.contact-section h2{font:800 clamp(38px,4.1vw,64px)/1.1 'Manrope',sans-serif;letter-spacing:-.045em;margin:0}.hero h1 em,.service-section h2 em{font-style:normal;color:#ee635a}.hero-lead{font-size:17px;color:#d8e2e9;max-width:540px;margin:25px 0 30px}.hero-actions,.contact-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:49px;padding:12px 20px;font-size:13px;font-weight:800;border:1px solid transparent;transition:transform .2s,background .2s}.button:hover,.header-cta:hover{transform:translateY(-2px)}.button.primary{background:var(--red);color:#fff}.button.ghost{border-color:#8a9aa8;color:#fff}.button.ghost:hover{background:#ffffff1c}.button.outline{background:#fff;border-color:#9aacb7;color:var(--ink)}.button.dark{background:var(--navy);color:#fff}.button.text{padding-left:4px;color:var(--navy)}.hero-proof{display:flex;gap:30px;margin-top:55px;color:#c2d1db;font-size:11px}.hero-proof span{border-left:1px solid #9daeb971;padding-left:15px}.hero-proof strong{display:block;color:#fff;font:800 20px 'Manrope',sans-serif;line-height:1.2;margin-bottom:3px}.hero-caption{position:absolute;bottom:30px;right:0;color:#d8e2e9;font-size:11px;letter-spacing:.08em}.caption-rule{display:inline-block;width:38px;height:1px;background:#d8e2e9;vertical-align:middle;margin-right:10px}.intro-band{background:#eaf0f3;border-bottom:1px solid var(--line)}.intro-inner{min-height:94px;display:flex;align-items:center;gap:20px}.intro-icon{font-size:30px;color:var(--red)}.intro-inner p{margin:0;max-width:780px;font-size:13px;color:#546575}.intro-inner strong{color:#1b364c}.intro-inner a{margin-left:auto;font-size:12px;color:var(--blue);font-weight:800;white-space:nowrap}.intro-inner a span{margin-left:12px}.section{padding:96px 0}.category-section{background:#fff}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:34px}.section-heading h2,.contact-section h2{font-size:clamp(31px,3vw,46px)}.section-heading p:last-child{max-width:360px;color:var(--muted);font-size:14px;margin:0 0 5px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.category-card{position:relative;height:342px;text-align:left;border:0;padding:0;overflow:hidden;background:#253a4c;color:#fff}.category-card .card-photo{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .35s}.category-card:hover .card-photo{transform:scale(1.06)}.category-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#071c2df5 0%,#071c2d52 65%,#071c2d21 100%)}.industrial .card-photo{background-image:url('images/Jembatan-timbang1.jpg')}.precision .card-photo{background-image:url('images/Fujitsu-FS-AR-Analytical-New.jpg');background-color:#94a9b7;background-size:contain;background-repeat:no-repeat}.components .card-photo{background-image:url('images/MK-C16.jpg');background-color:#b9c3c6;background-size:contain;background-repeat:no-repeat}.services .card-photo{background-image:url('images/roll-on.jpg')}.card-count{position:absolute;z-index:2;top:18px;left:18px;border:1px solid #ffffffa1;border-radius:20px;padding:3px 10px;font-size:10px;font-weight:700}.card-bottom{position:absolute;z-index:2;bottom:23px;left:20px;right:20px;display:flex;align-items:end;justify-content:space-between;gap:8px}.card-bottom>span{display:flex;flex-direction:column}.card-bottom small{font-size:9px;letter-spacing:.16em;color:#bccbd3;font-weight:800}.card-bottom strong{font:800 21px/1.18 'Manrope',sans-serif;margin:8px 0}.card-bottom span span{font-size:11px;color:#d3dfe6}.card-bottom b{font-size:21px;font-weight:400}.catalog-section{background:var(--cream)}.catalog-heading{margin-bottom:30px}.catalog-toolbar{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:10px}.search-box,.select-box{background:#fff;border:1px solid var(--line);height:56px;display:flex;align-items:center;padding:0 16px;gap:10px}.search-box span{font-size:25px;color:#7790a1;line-height:1}.search-box input{border:0;outline:0;min-width:0;width:100%;font-size:13px;color:var(--ink)}.select-box{flex-direction:column;align-items:stretch;justify-content:center;gap:0}.select-box span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#87939d;font-weight:800}.select-box select{border:0;outline:0;background:transparent;color:var(--ink);font-size:12px;font-weight:700;width:100%;cursor:pointer}.catalog-meta{display:flex;justify-content:space-between;align-items:center;margin:19px 0 14px}.catalog-meta p{font-size:12px;color:#667583;margin:0}.catalog-meta button{border:0;background:none;color:var(--blue);font-size:12px;font-weight:700}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product-card{background:#fff;border:1px solid #e5e9ea;display:flex;flex-direction:column;min-width:0;transition:box-shadow .2s,transform .2s}.product-card:hover{box-shadow:0 12px 35px #10253a15;transform:translateY(-3px)}.product-image{height:215px;display:flex;align-items:center;justify-content:center;padding:26px;background:#fdfdfc;overflow:hidden}.product-image img{max-height:100%;max-width:100%;object-fit:contain}.product-image .fallback{font:800 40px 'Manrope',sans-serif;color:#c9d4da}.product-body{border-top:1px solid #eef0ef;padding:16px 17px 18px;display:flex;flex-direction:column;flex:1}.product-type{font-size:10px;letter-spacing:.09em;color:var(--red);text-transform:uppercase;font-weight:800;margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-card h3{font:800 15px/1.35 'Manrope',sans-serif;margin:0 0 15px;min-height:42px}.product-foot{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:auto}.product-foot span{color:#71808e;font-size:11px}.product-foot button{border:0;background:none;color:var(--blue);font-size:11px;font-weight:800;padding:0;white-space:nowrap}.load-more-wrap{text-align:center;margin-top:30px}.empty-state{grid-column:1/-1;text-align:center;background:#fff;padding:50px;color:var(--muted)}.service-section{background:var(--navy);color:#fff;padding:88px 0}.service-inner{display:grid;grid-template-columns:1fr 1fr;gap:100px}.service-section h2{font-size:clamp(31px,3.2vw,48px);max-width:470px}.service-section p:not(.eyebrow){color:#c0cfd9;max-width:520px;font-size:14px;margin:22px 0 26px}.service-list{padding-top:26px}.service-list div{display:grid;grid-template-columns:40px 1fr 20px;align-items:center;gap:12px;border-bottom:1px solid #ffffff3d;padding:20px 0}.service-list b{color:#fb8e85;font-size:12px}.service-list span:nth-child(2){font:700 17px 'Manrope',sans-serif}.service-list span:last-child{color:#9cadbb}.contact-section{padding:90px 0;background:#e9f0f3}.contact-inner{display:grid;grid-template-columns:1.25fr .75fr;gap:100px;align-items:center}.contact-section p:not(.eyebrow){color:#647382;max-width:510px;margin:22px 0 26px}.contact-card{background:#fff;padding:35px;box-shadow:0 14px 34px #19314612;display:flex;flex-direction:column}.contact-card>span{color:var(--red);font-size:11px;font-weight:800;letter-spacing:.14em}.contact-card address{font:800 23px/1.35 'Manrope',sans-serif;font-style:normal;margin:18px 0 23px}.contact-card>a{font-size:14px;color:var(--blue);margin:4px 0}.contact-card-rule{height:1px;background:var(--line);margin:22px 0}.contact-card small{color:#74818b}footer{background:#0c2032;color:#e0e9ef;padding:45px 0 20px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-brand img{width:64px;height:48px;object-fit:contain}.footer-brand small{color:#9aaebc}.footer-inner p{color:#a8b9c6;font-size:12px}.footer-inner>div{display:flex;gap:22px;font-size:12px}.footer-bottom{border-top:1px solid #ffffff24;margin-top:35px;padding-top:17px;display:flex;justify-content:space-between;color:#8da0ae;font-size:11px}dialog{border:0;padding:0;max-width:min(850px,calc(100vw - 30px));width:850px;max-height:90vh;box-shadow:0 30px 90px #0007}dialog::backdrop{background:#071b2dbb}.dialog-close{position:absolute;right:13px;top:10px;border:0;background:#e9eff2;width:36px;height:36px;font-size:27px;line-height:1;z-index:2}.dialog-grid{display:grid;grid-template-columns:42% 58%}.dialog-image{min-height:410px;background:#f6f7f5;display:flex;align-items:center;justify-content:center;padding:35px}.dialog-image img{max-height:350px;object-fit:contain}.dialog-info{padding:45px 45px 40px 35px;overflow:auto;max-height:90vh}.dialog-info h2{font:800 29px/1.2 'Manrope',sans-serif;margin:7px 0 18px}.dialog-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}.dialog-tags span{font-size:11px;background:#edf2f4;padding:4px 9px}.dialog-description{font-size:13px;color:#506371;white-space:pre-line;max-height:250px;overflow:auto;border-top:1px solid var(--line);padding-top:16px}.dialog-info .button{margin-top:20px}.dialog-info .source-link{display:block;font-size:11px;color:#778b99;margin-top:15px;text-decoration:underline}
[hidden]{display:none!important}
.inner-page{min-height:65vh;padding:64px 0 95px;background:var(--cream)}.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;color:#778695;font-size:12px;margin-bottom:35px}.breadcrumbs a{color:var(--blue)}.single-grid{display:grid;grid-template-columns:minmax(0,44%) minmax(0,56%);gap:42px;align-items:start}.single-image{background:#fff;min-height:460px;padding:45px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line)}.single-image img{max-height:400px;object-fit:contain}.single-image span{font:800 56px 'Manrope',sans-serif;color:#c7d1d9}.single-content{background:#fff;padding:44px;border:1px solid var(--line)}.single-content h1,.article-page h1,.archive-title{font:800 clamp(32px,3vw,48px)/1.15 'Manrope',sans-serif;letter-spacing:-.035em;margin:0 0 23px}.single-content .dialog-tags a{background:#edf2f4;padding:5px 10px;font-size:11px}.archive-note{font-size:12px;color:#657784;background:#edf2f4;padding:12px 14px}.product-description{color:#394f60;line-height:1.75;font-size:14px;white-space:pre-line;overflow-wrap:anywhere}.product-description p{margin:12px 0}.single-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.archive-intro{color:var(--muted);margin:0 0 28px}.archive-categories{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 30px;max-height:94px;overflow:auto}.archive-categories a{font-size:11px;background:#fff;border:1px solid var(--line);padding:5px 10px}.archive-categories a:hover{border-color:var(--red);color:var(--red)}.archive-grid{min-height:250px}.archive-grid .product-foot a{color:var(--blue);font-size:11px;font-weight:800}.pagination{margin-top:30px}.pagination .nav-links{display:flex;gap:7px}.pagination a,.pagination span{padding:8px 12px;background:#fff;border:1px solid var(--line)}.pagination .current{background:var(--navy);color:#fff}.article-page{max-width:850px}.page-content{font-size:15px;line-height:1.8;color:#3f5464}.page-content img{height:auto}.index-entry{padding:22px 0;border-bottom:1px solid var(--line)}.index-entry h2{font:800 20px 'Manrope',sans-serif}@media(max-width:760px){.inner-page{padding:40px 0 65px}.single-grid{grid-template-columns:1fr;gap:15px}.single-image{min-height:250px;max-height:320px;padding:20px}.single-image img{max-height:275px}.single-content{padding:25px}.archive-categories{max-height:90px}}
@media(max-width:1100px){.header-inner{gap:16px}.site-header nav{gap:13px}.site-header nav a{font-size:12px}.category-grid,.product-grid{grid-template-columns:repeat(2,1fr)}.category-card{height:310px}.catalog-toolbar{grid-template-columns:2fr 1fr 1fr}.select-box:last-child{grid-column:3}.service-inner{gap:50px}}
@media(max-width:760px){.wrap{width:min(100% - 32px,1256px)}.topbar-inner{justify-content:center}.topbar-inner>span{display:none}.topbar{font-size:10px}.header-inner{height:72px}.brand img{width:58px;height:44px}.brand strong{font-size:13px}.brand small{font-size:9px}.header-cta{display:none}.menu-toggle{display:flex;margin-left:auto;border:0;background:#eef2f4;padding:8px 10px;gap:8px;font-size:12px;font-weight:700;align-items:center}.site-header nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;padding:16px;box-shadow:0 15px 20px #10253a22;flex-direction:column;align-items:stretch;gap:0}.site-header nav.open{display:flex}.site-header nav a{padding:10px;font-size:14px}.hero,.hero-inner{min-height:600px}.hero-photo{inset:0;background-position:center}.hero:before{background:linear-gradient(90deg,#10253af2,#10253aba)}.hero-copy{width:100%;padding:65px 0}.hero h1{font-size:43px}.hero-lead{font-size:15px}.hero-proof{gap:8px;margin-top:45px;justify-content:space-between}.hero-proof span{font-size:9px;padding-left:8px}.hero-proof strong{font-size:17px}.hero-caption{display:none}.intro-inner{padding:18px 0;align-items:flex-start}.intro-inner a{display:none}.section{padding:65px 0}.section-heading{display:block}.section-heading p:last-child{margin-top:20px}.category-grid{grid-template-columns:repeat(2,1fr);gap:10px}.category-card{height:250px}.card-bottom{left:13px;right:13px;bottom:15px}.card-bottom strong{font-size:16px}.card-bottom span span{font-size:10px}.card-bottom small{font-size:8px}.card-count{left:13px;top:13px}.catalog-toolbar{grid-template-columns:1fr 1fr}.search-box{grid-column:1/-1}.select-box:last-child{grid-column:auto}.product-grid{gap:10px}.product-image{height:170px;padding:15px}.product-body{padding:12px}.product-card h3{font-size:13px;min-height:38px}.product-foot{align-items:flex-end}.product-foot span{font-size:10px}.product-foot button{font-size:10px}.service-inner,.contact-inner{grid-template-columns:1fr;gap:35px}.service-section,.contact-section{padding:65px 0}.service-list{padding:0}.footer-inner{align-items:flex-start;flex-direction:column}.footer-bottom{gap:12px}.dialog-grid{grid-template-columns:1fr}.dialog-image{min-height:210px;max-height:250px}.dialog-image img{max-height:200px}.dialog-info{padding:20px 25px 30px;max-height:60vh}.dialog-info h2{font-size:22px}}
@media(max-width:400px){.category-grid{grid-template-columns:1fr}.category-card{height:240px}.product-grid{grid-template-columns:1fr}.product-image{height:210px}.footer-bottom{flex-direction:column}.hero h1{font-size:37px}}