.hero .hero-content{max-width:720px}
.hero .section-label{display:inline-block;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--accent-gold);margin-bottom:1rem;background:rgba(255,255,255,.08);padding:.35rem .9rem;border-radius:4px;border:1px solid rgba(255,255,255,.12)}
.hero .hero-title{font-size:clamp(2.2rem,5vw,3.2rem);font-weight:700;line-height:1.1;margin-bottom:1rem;color:#fff;letter-spacing:-.5px}
.hero .hero-description{font-size:1.1rem;color:rgba(255,255,255,.75);margin-bottom: 1rem;line-height:1.6;max-width:560px}
.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem}
.hero-buttons .btn{padding:.85rem 1.8rem;font-size:.95rem;font-weight:600;border-radius:6px}
.hero-buttons .btn-primary{background:var(--accent-gold);color:var(--primary-navy);border:none}
.hero-buttons .btn-primary:hover{background:#d4a83a;transform:translateY(-2px)}
.hero-buttons .btn-secondary{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.25)}
.calc-box{background:#f6f8fb;border-radius:12px;padding: 1rem;margin-bottom: 1rem}
.table-responsive{overflow-x:auto}
.refinery-table{width:100%;border-collapse:collapse;font-size:.9rem}
.refinery-table th{background:var(--primary-navy);color:#fff;padding:.75rem 1rem;text-align:left;font-weight:600}
.refinery-table td{padding:.75rem 1rem;border-bottom:1px solid #e0e6ed}
.refinery-table tr:nth-child(even){background:#fff}
.result-highlight{background:linear-gradient(135deg,#e8f5e9 0%,#f1f8e9 100%);border-left:4px solid var(--success-green);padding:1.25rem 1.5rem;border-radius:0 12px 12px 0;margin:1.5rem 0}
.result-highlight h4{color:var(--success-green);margin:0 0 .5rem;font-size:1.1rem}
.result-highlight p{margin:0;color:var(--text-medium);font-size:.9rem}
.diagram-placeholder{background:var(--primary-light);border:2px dashed var(--primary-blue);border-radius:12px;padding:2.5rem;text-align:center;margin:1.5rem 0}
.diagram-placeholder i{font-size:3rem;color:var(--primary-blue);margin-bottom:1rem}
@media(max-width:768px){.hero-buttons{flex-direction:column}.hero-buttons .btn{width:100%;text-align:center}}

.hero-features a.hero-feature-item { transition: all 0.3s ease; }
.hero-features a.hero-feature-item:hover { transform: translateY(-4px); background: rgba(255,255,255,0.15); }
.hero-features a.hero-feature-item:hover h4 { color: #8a6d1c; }