/* CSS VARIABLES & RESET */ :root { --primary: #0a2540; /* Corporate Navy Blue */ --secondary: #f4f7f6; /* Environmental Light Grey */ --accent: #10b981; /* Eco Emerald Green */ --whatsapp: #25d366; --dark: #1f2937; --text-grey: #4b5563; --font-main: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } * { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; } body { font-family: var(--font-main); color: var(--dark); line-height: 1.6; padding-bottom: 80px; background-color: #fff; } a { text-decoration: none; color: inherit; transition: 0.3s; } ul { list-style-position: inside; } /* UTILITY CLASSES */ .container { max-width: 1100px; margin: 0 auto; padding: 0 20px; } .text-center { text-align: center; } .btn { display: inline-block; padding: 14px 28px; border-radius: 6px; font-weight: 700; cursor: pointer; border: none; font-size: 1.05rem; } .btn-primary { background-color: var(--accent); color: #fff; box-shadow: 0 4px 6px rgba(16, 185, 129, 0.3); } .btn-primary:hover { background-color: #059669; transform: translateY(-2px); } .btn-outline { border: 2px solid #fff; color: #fff; background: transparent; } .btn-outline:hover { background: rgba(255,255,255,0.1); } /* HEADER */ header { background: white; box-shadow: 0 2px 10px rgba(0,0,0,0.05); padding: 15px 0; position: sticky; top: 0; z-index: 1000; } .nav-flex { display: flex; justify-content: space-between; align-items: center; } .logo { font-size: 1.6rem; font-weight: 800; color: var(--primary); } .logo span { color: var(--accent); } /* 1. HERO SECTION (BACKGROUND UTAMA) */ .hero { background: linear-gradient(rgba(10, 37, 64, 0.9), rgba(10, 37, 64, 0.85)), url('https://rancangkimia.com/st0rage/2026/02/Jasa-Desain-Wet-Dry-Scrubber-1.webp'); background-size: cover; background-position: center; color: white; padding: 100px 0; text-align: center; } .hero h1 { font-size: 2.6rem; margin-bottom: 20px; line-height: 1.2; text-shadow: 0 2px 4px rgba(0,0,0,0.5); } .hero p { font-size: 1.2rem; margin-bottom: 35px; max-width: 800px; margin-left: auto; margin-right: auto; opacity: 0.9; } .hero-buttons { display: flex; gap: 15px; justify-content: center; flex-wrap: wrap; } /* POWERFUL PROMISE */ .promise { background-color: var(--accent); color: #fff; padding: 35px 0; font-weight: 700; font-size: 1.25rem; box-shadow: 0 4px 6px rgba(0,0,0,0.1); } /* TRUST SIGNALS */ .trust-signals { background-color: var(--secondary); padding: 50px 0; border-bottom: 1px solid #e5e7eb; } .trust-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 40px; text-align: center; } .trust-item { flex: 1 1 200px; max-width: 250px; } .trust-icon { font-size: 2.8rem; margin-bottom: 15px; color: var(--primary); } .trust-item h3 { font-size: 1.1rem; margin-bottom: 10px; color: var(--primary); } .trust-item p { font-size: 0.95rem; color: var(--text-grey); } /* FEATURES / DROPDOWN SECTION */ .section { padding: 70px 0; } .section-title { font-size: 2.2rem; color: var(--primary); margin-bottom: 40px; text-align: center; position: relative; font-weight: 800; } .section-title::after { content: ''; display: block; width: 60px; height: 4px; background: var(--accent); margin: 15px auto; } .dropdown-item { border: 1px solid #e5e7eb; margin-bottom: 15px; border-radius: 8px; overflow: hidden; background: white; } .dropdown-header { background: #fff; padding: 20px 25px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-weight: 700; color: var(--primary); transition: background 0.2s; font-size: 1.1rem; } .dropdown-header:hover { background: var(--secondary); } .dropdown-header::after { content: '+'; font-size: 1.5rem; color: var(--accent); font-weight: bold; } .dropdown-header.active::after { content: '-'; } .dropdown-content { display: none; padding: 25px; background: #f9fafb; border-top: 1px solid #e5e7eb; color: var(--text-grey); } .dropdown-content.show { display: block; } /* SEO ARTICLE CONTENT & SCIENTIFIC FORMULAS */ .article-content { background: #fff; text-align: justify; padding: 50px; border-radius: 10px; box-shadow: 0 10px 25px rgba(0,0,0,0.05); } .article-content h2, .article-content h3 { color: var(--primary); margin-top: 35px; margin-bottom: 15px; } .article-content p { margin-bottom: 15px; font-size: 1.05rem; } /* Math/Formula Box Style */ .formula-box { background: var(--secondary); border-left: 5px solid var(--accent); padding: 20px; margin: 25px 0; overflow-x: auto; text-align: center; font-size: 1.2rem; color: var(--primary); font-weight: bold; } /* COMPARISON TABLE */ .comparison-table { width: 100%; border-collapse: collapse; margin: 40px 0; box-shadow: 0 4px 6px rgba(0,0,0,0.05); border-radius: 8px; overflow: hidden; display: block; overflow-x: auto; } .comparison-table th, .comparison-table td { border: 1px solid #e5e7eb; padding: 18px; text-align: left; min-width: 150px; } .comparison-table th { background-color: var(--primary); color: white; font-size: 1.1rem; } .comparison-table tr:nth-child(even) { background-color: #f9fafb; } /* GALLERY (RESTORED & FIXED) */ .gallery-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; margin-top: 30px; } .gallery-item { position: relative; overflow: hidden; border-radius: 8px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); background: white; } .gallery-item img { width: 100%; height: 280px; object-fit: cover; transition: transform 0.4s; display: block; } .gallery-item:hover img { transform: scale(1.05); } .gallery-caption { padding: 15px; background: white; font-size: 1rem; font-weight: 700; text-align: center; color: var(--primary); border-top: 1px solid #e5e7eb; } /* FAQ SECTION */ .faq-details { margin-bottom: 15px; border: 1px solid #e5e7eb; border-radius: 5px; overflow: hidden; } .faq-summary { background: white; padding: 20px; font-weight: bold; cursor: pointer; list-style: none; position: relative; transition: 0.3s; display: flex; align-items: center; color: var(--primary); font-size: 1.05rem;} .faq-summary:hover { background-color: var(--secondary); } .faq-summary::before { content: "Q"; color: var(--accent); font-weight: 900; margin-right: 15px; font-size: 1.3rem; } .faq-answer { display: none; padding: 25px; background: #fff; color: var(--text-grey); border-top: 1px solid #e5e7eb; line-height: 1.8; } .faq-answer.show { display: block; } /* FOOTER & MAP */ footer { background: var(--dark); color: white; padding: 60px 0 30px; margin-top: 60px; } .footer-content { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 40px; padding-bottom: 40px; border-bottom: 1px solid rgba(255,255,255,0.1); } .footer-brand { flex: 1 1 300px; } .footer-brand h3 { color: var(--accent); margin-bottom: 15px; font-size: 1.4rem; } .footer-map { flex: 1 1 300px; min-width: 300px; border-radius: 8px; overflow: hidden; border: 2px solid var(--accent); background: #eee; } .footer-map iframe { width: 100%; height: 250px; border: 0; display: block; } .footer-contact { flex: 1 1 200px; } .footer-contact p { margin-bottom: 10px; color: #d1d5db; } .footer-bottom { text-align: center; margin-top: 30px; font-size: 0.9rem; color: #9ca3af; } /* STICKY CTA */ .sticky-cta { position: fixed; bottom: 25px; left: 50%; transform: translateX(-50%); width: 90%; max-width: 400px; background-color: var(--whatsapp); color: white; text-decoration: none; padding: 15px; border-radius: 50px; box-shadow: 0 4px 15px rgba(0,0,0,0.3); font-weight: bold; font-size: 1.1rem; z-index: 999; display: flex; justify-content: center; align-items: center; gap: 10px; animation: pulse 2s infinite; } .sticky-cta:hover { background-color: #1ebe57; color: white; } .sticky-cta img { width: 24px; height: 24px; filter: brightness(0) invert(1); } @keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); } 70% { box-shadow: 0 0 0 15px rgba(37, 211, 102, 0); } 100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); } } /* MOBILE RESPONSIVE */ @media (max-width: 768px) { .hero h1 { font-size: 2rem; } .hero p { font-size: 1rem; } .nav-flex { flex-direction: column; gap: 10px; } .hero-buttons { flex-direction: column; width: 100%; } .hero-buttons .btn { width: 100%; text-align: center; } .gallery-grid { grid-template-columns: 1fr; } .footer-content { flex-direction: column; } .footer-map { width: 100%; min-width: auto; } .article-content { padding: 30px 20px; } }

RancangKimia.com

Industrial Air Filtration Division

Jasa Desain Wet & Dry Scrubber Standar Lingkungan

Konsultan dan Manufaktur sistem netralisasi emisi gas beracun. Material Polypropylene mutlak tahan bahan kimia, dirancang spesifik untuk beban operasional Anda. Garansi lolos uji emisi AMDAL.

Konsultasi Emisi Gratis Lihat Spesifikasi Teknis

"Kami Tidak Menjual Barang Standar. Kami Merancang Solusi Netralisasi Emisi Spesifik Berdasarkan Jenis Uap, Debit Aliran, dan Baku Mutu Lokasi Anda."

⚗️

Chemical Engineering Base

Perhitungan absorpsi dan netralisasi dilakukan oleh ahli Teknik Kimia.

🛡️

Anti-Korosi Total

Konstruksi 100% Polypropylene Murni, tanpa rangka besi yang bisa hancur oleh uap asam.

🌿

Tervalidasi Lingkungan

Output gas netral yang aman dan memenuhi standar ambang batas emisi DLH.

Mengapa Memilih Desain Scrubber Kami?

1. Rekayasa Aliran Fluida Presisi (CFD)

Kami menghitung *liquid-to-gas ratio* (L/G) yang presisi untuk memastikan waktu kontak antara uap beracun dan cairan penetral cukup untuk reaksi kimia sempurna.

2. Packing Media Kinerja Tinggi

Menggunakan media Pall Ring atau Raschig Ring dengan luas permukaan spesifik tinggi, memaksimalkan transfer massa untuk efisiensi penyerapan hingga >95%.

3. Pompa Sirkulasi Tahan Kimia (Magnetic Drive)

Dilengkapi dengan pompa magnetik tanpa *seal* mekanis, memastikan tidak ada kebocoran bahan kimia korosif selama sirkulasi cairan netralisir (NaOH/Air).

4. Sistem Mist Eliminator

Mencegah terbawanya droplet cairan kimia ke udara bebas (*entrainment*), menjaga cerobong pembuangan tetap kering dan lingkungan sekitar aman.

Visualisasi Sistem Emisi Gas

Konstruksi Polypropylene Tahan Korosi

Area Packing Media Netralisasi

Sistem Kontrol Pompa & pH Level

Instalasi & Pengujian Emisi Final

Keunggulan Desain Wet Scrubber RancangKimia

Emisi dari lemari asam (Fume Hood) atau reaktor kimia seringkali mengandung konsentrasi asam kuat seperti HCl, HNO3, atau H2SO4. Sistem filtrasi biasa (karbon aktif) akan cepat jenuh atau bahkan hancur. Oleh karena itu, *Wet Scrubber* adalah solusi mutlak untuk fasilitas industri dan laboratorium modern.

Kami menggunakan prinsip perpindahan massa absorpsi gas-cair. Reaksi kimia yang mendasarinya secara umum (contoh netralisasi uap Asam Klorida dengan Sodium Hidroksida) adalah:

$$HCl_{(g)} + NaOH_{(aq)} \rightarrow NaCl_{(aq)} + H_2O_{(l)}$$

Untuk mencapai hasil di atas, desain kami memastikan kecepatan aliran udara (*face velocity*) melintasi media kontak cukup lambat untuk reaksi terjadi, namun cukup cepat untuk menjaga tarikan udara dari Fume Hood tetap kuat.

Perbandingan Material Scrubber Body

Parameter Keandalan	Scrubber Polypropylene (PP)	Scrubber Fiberglass (FRP)	Scrubber Stainless (SS 316)
Ketahanan Asam/Basa Kuat	⭐⭐⭐⭐⭐ (Sempurna)	⭐⭐⭐ (Tergantung Resin)	⭐⭐ (Korosi Pitting)
Perawatan & Modifikasi	Mudah (Bisa dilas plastik)	Sulit & Berdebu	Sangat Sulit & Mahal
Bobot Instalasi (Rooftop)	Sangat Ringan	Ringan	Sangat Berat

Frequently Asked Questions

Apakah Scrubber ini bisa disambungkan ke beberapa Fume Hood sekaligus?

Ya, kami merancang *Centralized Scrubber System*. Kami akan menghitung total kebutuhan CFM (Cubic Feet per Minute) dari semua lemari asam Anda untuk menentukan kapasitas *Blower* (Exhaust Fan) dan dimensi tabung *Scrubber* yang tepat.

Seberapa sering air kimia (absorbent) harus diganti?

Tergantung beban kerja. Kami sangat menyarankan pemasangan Sensor pH Otomatis yang kami sediakan. Sistem akan memberi peringatan, atau melakukan *dosing* cairan basa (NaOH) secara otomatis ketika air sirkulasi sudah terlalu asam.

Apakah melayani pemasangan instalasi pipa PVC/PP (Ducting)?

Tentu saja. Kami menawarkan paket *Turnkey Solution*: mulai dari desain unit Scrubber, instalasi jaringan pipa *ducting* pembuangan, pemasangan motor Blower, hingga *commissioning* akhir di lokasi proyek Anda.

Konsultasi Kebutuhan Emisi Gas document.addEventListener("DOMContentLoaded", () => { // Dropdown Feature Script const headers = document.querySelectorAll('.dropdown-header'); headers.forEach(header => { header.addEventListener('click', () => { header.classList.toggle('active'); const content = header.nextElementSibling; content.classList.toggle('show'); }); }); // FAQ Script const faqSummaries = document.querySelectorAll('.faq-summary'); faqSummaries.forEach(summary => { summary.addEventListener('click', () => { const answer = summary.nextElementSibling; answer.classList.toggle('show'); }); }); });