*{box-sizing:border-box;margin:0;padding:0} body{font-family:'Outfit',system-ui,sans-serif;background:#F8F6F1;color:#2C2C2C;min-height:100vh} @media(prefers-color-scheme:dark){body{background:#060609;color:#e5e5e5}} .ns-nav{background:#fff;border-bottom:1px solid #E0D9CC;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:64px} @media(prefers-color-scheme:dark){.ns-nav{background:#0C0C16;border-color:#1e1e2e}} .ns-logo{font-weight:800;font-size:1.1rem;color:#2C2C2C;text-decoration:none;letter-spacing:-.01em} @media(prefers-color-scheme:dark){.ns-logo{color:#FFD700}} .ns-logo span{color:#C9A646} @media(prefers-color-scheme:dark){.ns-logo span{color:#FFD700}} .ns-nav-links{display:flex;gap:24px;list-style:none} .ns-nav-links a{color:#555;text-decoration:none;font-size:.9rem;font-weight:500} .ns-nav-links a:hover{color:#C9A646} @media(prefers-color-scheme:dark){.ns-nav-links a{color:#aaa} .ns-nav-links a:hover{color:#FFD700}} .ns-hero{padding:80px 24px 64px;text-align:center;max-width:800px;margin:0 auto} .ns-badge{display:inline-block;background:rgba(201,166,70,.12);border:1px solid rgba(201,166,70,.3);color:#C9A646;font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;padding:5px 14px;border-radius:999px;margin-bottom:24px} @media(prefers-color-scheme:dark){.ns-badge{background:rgba(255,215,0,.1);border-color:rgba(255,215,0,.25);color:#FFD700}} h1{font-size:clamp(1.8rem,5vw,2.8rem);font-weight:800;line-height:1.15;margin-bottom:20px;color:#2C2C2C} @media(prefers-color-scheme:dark){h1{color:#f5f5f5}} h1 span{color:#C9A646} @media(prefers-color-scheme:dark){h1 span{color:#FFD700}} .ns-desc{font-size:1rem;line-height:1.7;color:#555;max-width:600px;margin:0 auto 32px} @media(prefers-color-scheme:dark){.ns-desc{color:#aaa}} .ns-cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:16px} .ns-btn{display:inline-block;padding:12px 28px;border-radius:10px;font-weight:700;font-size:.9rem;text-decoration:none;transition:opacity .2s} .ns-btn-primary{background:#C9A646;color:#fff} @media(prefers-color-scheme:dark){.ns-btn-primary{background:#FFD700;color:#060609}} .ns-btn-ghost{border:1px solid #C9A646;color:#C9A646} @media(prefers-color-scheme:dark){.ns-btn-ghost{border-color:#FFD700;color:#FFD700}} .ns-section{padding:48px 24px;max-width:960px;margin:0 auto} h2{font-size:1.3rem;font-weight:700;margin-bottom:20px;color:#2C2C2C} @media(prefers-color-scheme:dark){h2{color:#f0f0f0}} .ns-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px} .ns-card{background:#fff;border:1px solid #E0D9CC;border-radius:12px;padding:20px;text-align:center} @media(prefers-color-scheme:dark){.ns-card{background:#0C0C16;border-color:#1e1e2e}} .ns-card-icon{font-size:2rem;margin-bottom:10px} .ns-card-title{font-weight:700;font-size:.9rem;color:#2C2C2C;margin-bottom:6px} @media(prefers-color-scheme:dark){.ns-card-title{color:#e5e5e5}} .ns-card-sub{font-size:.8rem;color:#777} @media(prefers-color-scheme:dark){.ns-card-sub{color:#888}} .ns-market-grid{display:flex;flex-wrap:wrap;gap:12px} .ns-market-link{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:1px solid #E0D9CC;border-radius:10px;text-decoration:none;font-size:.85rem;font-weight:600;color:#2C2C2C;background:#fff} @media(prefers-color-scheme:dark){.ns-market-link{background:#0C0C16;border-color:#1e1e2e;color:#e5e5e5}} .ns-market-link:hover{border-color:#C9A646;color:#C9A646} @media(prefers-color-scheme:dark){.ns-market-link:hover{border-color:#FFD700;color:#FFD700}} .ns-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(201,166,70,.4),transparent);margin:0 24px} .ns-footer{padding:32px 24px;text-align:center;color:#888;font-size:.82rem} .ns-footer a{color:#C9A646;text-decoration:none} @media(prefers-color-scheme:dark){.ns-footer a{color:#FFD700}} .ns-notice{background:rgba(201,166,70,.08);border:1px solid rgba(201,166,70,.2);border-radius:10px;padding:14px 20px;margin:24px auto;max-width:640px;font-size:.85rem;color:#7a6010;text-align:center} @media(prefers-color-scheme:dark){.ns-notice{background:rgba(255,215,0,.07);border-color:rgba(255,215,0,.2);color:#c8a840}} DM Tech Supply

★ Toko Teknik Terpercaya

DM Tech Supply –
Spare Part & Elektronik
Terpercaya Indonesia

DM Tech Supply (DMTech / DM Technical Supply / dm tech supply) adalah toko online spare part kendaraan, komponen elektronik, dan alat teknik berkualitas. Harga terbaik dengan pengiriman cepat ke seluruh Indonesia.

Lihat Produk Promo Hari Ini

Untuk pengalaman terbaik, aktifkan JavaScript di browser kamu.

Kategori Produk

🔧

Spare Part Kendaraan

Komponen otomotif berkualitas

⚡

Komponen Elektronik

IC, kapasitor, resistor & lebih

🛠

Alat Teknik & Perkakas

Tools presisi & profesional

⚙

Hardware & Fastener

Baut, mur, seal & fitting

Tersedia di Marketplace

🛒 Tokopedia 📦 Shopee 📋 Lazada 💬 WhatsApp

Navigasi

🏠 Beranda 📦 Semua Produk 🏷 Promo & Deals 📞 Hubungi Kami