@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--red:#e51b2a;--black:#101114;--muted:#72747a;--white:#fff;--gray:#f3f3f2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--black);font-family:'DM Sans',Arial,sans-serif}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.container{max-width:1260px;margin:auto;padding:0 36px}.topbar{height:34px;background:#171719;color:#bbb;display:flex;justify-content:space-between;align-items:center;padding:0 5%;font-size:11px;letter-spacing:.08em}.topbar a{color:#eee}.header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 3px 18px #0000000c}.brand{display:flex;align-items:center;gap:13px}.brand img{width:61px;height:61px;object-fit:contain}.brand strong{display:block;font-family:'Barlow Condensed',Arial,sans-serif;font-size:25px;letter-spacing:.03em}.brand small{display:block;font-size:10px;letter-spacing:.19em;color:#888;margin-top:1px}.header nav{display:flex;align-items:center;gap:29px;font-size:12px;font-weight:700}.header nav>a:not(.nav-cta):hover{color:var(--red)}.nav-cta{background:var(--red);color:white;padding:17px 21px}.menu-toggle{display:none;border:0;background:transparent;font-size:28px}.hero{min-height:680px;position:relative;display:flex;align-items:center;background:#171b20;color:#fff;overflow:hidden}.hero-photo{position:absolute;inset:0;background:url('assets/overhead-crane-hero.png') center/cover no-repeat;opacity:1}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#111216e8 0%,#111216a8 40%,#11121608 100%)}.hero-content{position:relative;width:100%;padding-top:65px;padding-bottom:65px}.eyebrow,.section-kicker{font-size:12px;letter-spacing:.21em;font-weight:800;color:var(--red)}.eyebrow{color:#f5f5f5;display:flex;align-items:center;gap:13px}.line{width:35px;height:3px;background:var(--red)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:800;line-height:.91;letter-spacing:-.018em}h1{font-size:clamp(75px,10vw,145px);margin:25px 0}h1 em{font-style:normal;color:var(--red)}.hero p{max-width:520px;color:#d6d6d6;font-size:17px;line-height:1.8}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:34px}.btn{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;border:1px solid transparent;padding:18px 24px;font-weight:700;font-size:12px;letter-spacing:.05em;cursor:pointer}.btn.primary{background:var(--red);color:#fff}.btn.primary:hover,.nav-cta:hover{background:#c70c1b}.btn.outline{border-color:#a6a6a6;color:#fff}.btn.outline:hover{background:#ffffff20}.hero-foot{display:flex;justify-content:space-between;max-width:1050px;color:#c6c6c6;font-size:10px;letter-spacing:.2em;margin-top:75px}.intro{padding-top:115px;padding-bottom:115px;display:grid;grid-template-columns:1.2fr 1fr;gap:100px}.section-kicker{margin-bottom:30px}.intro h2,.section-head h2,.statement h2,.contact-section h2{font-size:clamp(50px,6vw,83px);margin-bottom:0}.intro h2 span,.section-head h2 span,.statement h2 span,.contact-section h2 span{color:var(--red)}.intro-copy{padding-top:49px}.intro-copy p,.statement p,.contact-section p{line-height:1.85;color:#62646a;font-size:15px}.text-link{font-size:13px;font-weight:800;color:var(--red);display:inline-block;margin-top:18px}.products-section{background:#f4f4f3;padding:110px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:44px}.section-head p{max-width:310px;color:#6e7075;line-height:1.7}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.product-card{background:#fff;overflow:hidden;transition:transform .2s}.product-card:hover{transform:translateY(-5px)}.product-image{height:225px;background-size:cover;background-position:center;position:relative;background-color:#292b2e;filter:grayscale(.25)}.product-image:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0005,transparent 60%)}.product-num{position:absolute;top:17px;left:20px;color:white;z-index:1;font-weight:800;font-size:13px}.image-1{background-image:url('https://images.unsplash.com/photo-1581092160607-ee22621dd758?w=900&q=80')}.image-2{background-image:url('https://images.unsplash.com/photo-1581092580497-e0d23cbdf1dc?w=900&q=80')}.image-3{background-image:url('https://images.unsplash.com/photo-1504307651254-35680f356dfd?w=900&q=80')}.image-4{background-image:url('https://images.unsplash.com/photo-1487958449943-2429e8be8625?w=900&q=80')}.image-5{background-image:url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?w=900&q=80')}.image-6{background-image:url('https://images.unsplash.com/photo-1565514020179-026b92b84bb6?w=900&q=80')}.product-info{padding:27px}.product-info h3{font-family:'Barlow Condensed',Arial,sans-serif;font-size:30px;margin-bottom:9px}.product-info p{color:#777;line-height:1.7;font-size:13px;min-height:46px}.product-info a{color:var(--red);font-size:12px;font-weight:800}.image-note{font-size:11px;color:#888;margin:25px 0 0}.statement{background:#191a1e;color:#fff;padding:115px 0}.statement-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:80px}.statement p{color:#c3c3c3;margin:40px 0 25px}.contact-section{padding:115px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact-section p{max-width:470px;margin-top:30px}.contact-lines{display:grid;gap:17px;margin-top:36px;overflow-wrap:anywhere}.contact-lines a{font-weight:700;font-size:14px}.contact-lines a:hover{color:var(--red)}.quote-form{background:#f5f5f5;padding:35px;display:flex;flex-direction:column;gap:11px}.quote-form h3{font-family:'Barlow Condensed',Arial,sans-serif;font-size:33px}.quote-form label{font-size:11px;font-weight:800;letter-spacing:.1em}.quote-form input,.quote-form select,.quote-form textarea{width:100%;border:1px solid #dedede;padding:13px;background:#fff;outline-color:var(--red);margin-bottom:7px}.quote-form button{margin-top:8px}.quote-form small{color:#888;line-height:1.5}footer{background:#111;color:#aaa;padding:28px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px}.footer-brand{display:flex;align-items:center;gap:12px;color:#fff;font-family:'Barlow Condensed',Arial,sans-serif;font-weight:800;font-size:20px}.footer-brand img{width:49px;height:49px;object-fit:contain;background:#fff;border-radius:4px}.footer-brand small{display:block;font:9px 'DM Sans',sans-serif;letter-spacing:.1em;color:#aaa}.floating-wa{position:fixed;right:23px;bottom:22px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#21bd5a;color:white;font-weight:900;box-shadow:0 8px 22px #0003;z-index:22}@media(max-width:900px){.header{height:75px}.menu-toggle{display:block}.header nav{display:none;position:absolute;top:75px;left:0;right:0;background:white;flex-direction:column;align-items:stretch;gap:0;padding:10px 5% 25px;box-shadow:0 10px 18px #0002}.header nav.open{display:flex}.header nav a{padding:13px}.intro,.statement-grid,.contact-grid{grid-template-columns:1fr;gap:25px}.intro-copy{padding-top:0}.product-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{gap:45px}}@media(max-width:600px){.container{padding:0 22px}.topbar{font-size:9px}.topbar span{display:none}.topbar{justify-content:center}.brand img{width:48px;height:48px}.brand strong{font-size:20px}.brand small{font-size:8px}.hero{min-height:640px}.hero-content{padding-top:70px;padding-bottom:30px}h1{font-size:clamp(64px,15vw,100px)}.hero-foot{gap:10px;font-size:8px}.hero-foot span:nth-child(2){display:none}.intro,.products-section,.statement,.contact-section{padding-top:75px;padding-bottom:75px}.section-head{display:block}.section-head p{margin-top:25px}.product-grid{grid-template-columns:1fr}.product-image{height:240px}.footer-inner{flex-direction:column;align-items:flex-start}.quote-form{padding:24px}}
/* Foto Chain Hoist asli yang diberikan BJA */
.product-image.image-1{background-image:url('assets/chain-hoist.png');background-color:#fff;background-size:contain;background-repeat:no-repeat;background-position:center;filter:none}
.product-image.image-1:after{display:none}
.product-image.image-1 .product-num{color:#202124;background:#ffffffd9;padding:4px 8px;border-radius:3px}

/* Foto produk pilihan BJA - November 2026 */
.product-image.image-1{background-image:url("assets/chain-hoist.png");background-color:#f8f8f8;background-size:contain;background-position:center;background-repeat:no-repeat;filter:none}
.product-image.image-1:after{display:none}
.product-image.image-1 .product-num{color:#1b1b1b;background:#ffffffdc;padding:4px 8px;border-radius:3px}
.product-image.image-2{background-image:url("assets/wire-rope-hoist.png");background-color:#f8f8f8;background-size:contain;background-position:center;background-repeat:no-repeat;filter:none}
.product-image.image-2:after{display:none}
.product-image.image-2 .product-num{color:#1b1b1b;background:#ffffffdc;padding:4px 8px;border-radius:3px}
.product-image.image-3{background-image:url("assets/overhead-crane.png");background-color:#f8f8f8;background-size:contain;background-position:center;background-repeat:no-repeat;filter:none}
.product-image.image-3:after{display:none}
.product-image.image-3 .product-num{color:#1b1b1b;background:#ffffffdc;padding:4px 8px;border-radius:3px}
.product-image.image-4{background-image:url("assets/gantry-crane.png");background-color:#f8f8f8;background-size:contain;background-position:center;background-repeat:no-repeat;filter:none}
.product-image.image-4:after{display:none}
.product-image.image-4 .product-num{color:#1b1b1b;background:#ffffffdc;padding:4px 8px;border-radius:3px}
.product-image.image-5{background-image:url("assets/cargo-lift.png");background-color:#f8f8f8;background-size:contain;background-position:center;background-repeat:no-repeat;filter:none}
.product-image.image-5:after{display:none}
.product-image.image-5 .product-num{color:#1b1b1b;background:#ffffffdc;padding:4px 8px;border-radius:3px}
.product-image.image-6{background-image:url("assets/material-handling.png");background-color:#f8f8f8;background-size:contain;background-position:center;background-repeat:no-repeat;filter:none}
.product-image.image-6:after{display:none}
.product-image.image-6 .product-num{color:#1b1b1b;background:#ffffffdc;padding:4px 8px;border-radius:3px}