css
/* GLOBAL INDUSTRIAL THEME */
:root {
  --navy-dark: #0f172a;
  --steel-blue: #334155;
  --accent-gold: #b59410; /* Represents Noble Metals */
  --light-bg: #f8fafc;
}

body, #canvas { background: white !important; color: var(--navy-dark) !important; font-family: 'Segoe UI', Arial, sans-serif !important; }

/* VISUAL RICH HERO */
.hero-banner {
    background: linear-gradient(rgba(15, 23, 42, 0.8), rgba(15, 23, 42, 0.8)), 
                url('https://images.unsplash.com'); /* Steel/Molten background */
    background-size: cover; background-position: center;
    padding: 120px 20px; text-align: center; color: white;
}

/* CONTENT RICH CARDS */
.product-grid {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 25px; padding: 50px 5%;
}

.metal-card {
    background: white; border: 1px solid #e2e8f0; border-radius: 8px;
    padding: 30px; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    transition: 0.3s ease; border-top: 4px solid var(--steel-blue);
}
.metal-card:hover { transform: translateY(-5px); border-top-color: var(--accent-gold); }

.spec-label { font-weight: bold; color: var(--steel-blue); text-transform: uppercase; font-size: 0.8rem; }

.section-title { text-align: center; margin-bottom: 40px; font-size: 2.5rem; color: var(--navy-dark); position: relative; }
.section-title::after { content: ''; display: block; width: 60px; height: 4px; background: var(--accent-gold); margin: 10px auto; }