:root{--ink:#e5e7eb;--muted:#cbd5e1;--line:#2a3140;--bg:#0b1220;--navy:#0b1220;--panel:#101829;--soft:#0f1830;--blue:#1D4ED8;--red:#DC2626;--white:#ffffff}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 Montserrat,Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial}
a{color:#93c5fd}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.header{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,#0d1424,#0b1220);border-bottom:3px solid var(--red)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.brand{display:flex;align-items:center;gap:14px}
.brand img{height:58px;width:58px;object-fit:cover;border-radius:10px;border:2px solid var(--red);background:#fff;padding:2px}
.brand b{font-weight:900;color:#fff;font-size:1.1rem;letter-spacing:.2px}
.nav a{color:#e5e7eb;text-decoration:none;padding:10px 14px;border-radius:10px;font-weight:700}
.nav a:hover{background:#17223a}
.hero{position:relative;min-height:540px;display:flex;align-items:center;background:#0b1220;border-bottom:2px solid #1f2937}
.hero::before{content:'';position:absolute;inset:0;background:url('/assets/images/hero_industrial.jpg') center/cover no-repeat;opacity:.38;mix-blend:screen}
.hero .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,18,32,.6),rgba(11,18,32,.9))}
.hero .content{position:relative;z-index:1;padding:32px 0}
.kicker{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:#94a3b8}
.hero h1{font:900 38px/1.2 Montserrat,Inter,sans-serif;margin:10px 0 6px;color:#fff;text-shadow:0 8px 28px rgba(0,0,0,.4)}
.hero p.lead{color:#cbd5e1;max-width:66ch}
.btn{display:inline-flex;align-items:center;gap:10px;padding:13px 18px;border-radius:12px;font-weight:900;text-decoration:none}
.btn.red{background:var(--red);color:#fff;border:2px solid var(--red)}
.btn.ghost{background:transparent;color:#fff;border:2px solid #334155}
.btn.white{background:#fff;color:#0b1220;border:2px solid #fff}
.btn+.btn{margin-left:10px}
.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;font-weight:800;font-size:.78rem;border:1px solid #334155;background:#0f1830;color:#d1d5db}
.section{padding:56px 0;background:linear-gradient(180deg,#0c1322,#0a101b)}
.section h2{font:900 26px/1.2 Montserrat,Inter,sans-serif;margin:0 0 10px;color:#fff}
.card{background:#101829;border:1px solid #263146;border-radius:16px;box-shadow:0 12px 40px rgba(0,0,0,.25);overflow:hidden}
.card-body{padding:16px 18px}
.grid{display:grid;gap:16px}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.thumb{width:100%;height:180px;object-fit:cover}
.trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.trust .t{border:1px solid #334155;border-radius:999px;padding:8px 12px;background:#0f1830;color:#d1d5db;font-weight:700}
.footer{border-top:3px solid var(--red);padding:28px 0;color:#94a3b8;background:#0b1220}
.hr{height:2px;background:linear-gradient(90deg,transparent,#1f2937,transparent);margin:22px 0}
.callbar{position:fixed;bottom:12px;left:12px;right:12px;z-index:60;display:none;gap:10px}
.callbar a{flex:1;text-align:center}
@media (max-width:820px){.grid-3{grid-template-columns:1fr}.grid-2{grid-template-columns:1fr}.nav{display:none}.brand b{font-size:1rem}.hero h1{font-size:30px}.callbar{display:flex}}