/*
Theme Name: Empire Haul and Clean
Theme URI: https://empirehaulandclean.com
Author: OpenAI
Description: Custom premium black and gold WordPress theme for Empire Haul and Clean.
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: empire-haul-clean
*/

:root{
  --black:#050505;
  --dark:#0d0d0d;
  --gold:#d4af37;
  --gold2:#f6c600;
  --white:#ffffff;
  --muted:#c9c9c9;
  --card:#141414;
  --line:rgba(212,175,55,.35);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--black);color:var(--white);line-height:1.55}
a{color:inherit;text-decoration:none}
.container{width:min(1120px,92%);margin:auto}
.header{position:sticky;top:0;z-index:20;background:rgba(5,5,5,.92);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:18px 0}
.brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:1.25rem;letter-spacing:.3px}
.logo-mark{width:42px;height:42px;border:2px solid var(--gold);border-radius:12px;display:grid;place-items:center;color:var(--gold);font-weight:900}
.nav-links{display:flex;gap:24px;align-items:center;color:#eee;font-size:.95rem}
.nav-links a:hover{color:var(--gold)}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:14px 24px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.83rem;border:2px solid transparent;transition:.2s ease;cursor:pointer}
.btn-gold{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#050505;box-shadow:0 10px 30px rgba(212,175,55,.18)}
.btn-gold:hover{transform:translateY(-2px);filter:brightness(1.05)}
.btn-outline{border-color:var(--gold);color:var(--gold);background:transparent}
.btn-outline:hover{background:var(--gold);color:#050505}
.hero{position:relative;min-height:760px;display:grid;place-items:center;text-align:center;overflow:hidden;border-bottom:1px solid rgba(212,175,55,.18)}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top,rgba(212,175,55,.13),transparent 38%),linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.72)),url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="800" viewBox="0 0 1200 800"><rect width="1200" height="800" fill="%23070707"/><path d="M0 650 C250 560 430 720 640 610 C850 500 970 590 1200 500 L1200 800 L0 800 Z" fill="%23111111"/><circle cx="960" cy="170" r="220" fill="%23151515"/><path d="M220 480h290l60-90h180l85 90h170v82H220z" fill="%23202020"/><circle cx="390" cy="565" r="48" fill="%23070707" stroke="%23d4af37" stroke-width="10"/><circle cx="805" cy="565" r="48" fill="%23070707" stroke="%23d4af37" stroke-width="10"/><rect x="600" y="325" width="230" height="150" rx="18" fill="%23242424" stroke="%23d4af37" stroke-width="6"/><path d="M630 325 L715 260 L800 325" fill="none" stroke="%23d4af37" stroke-width="8"/><rect x="660" y="365" width="48" height="48" fill="%23070707"/><rect x="725" y="365" width="48" height="48" fill="%23070707"/></svg>') center/cover no-repeat;opacity:1}
.hero-content{position:relative;z-index:2;padding:90px 0 80px}
.kicker{color:var(--gold);font-weight:900;text-transform:uppercase;letter-spacing:.17em;font-size:.82rem;margin-bottom:18px}
h1{font-size:clamp(2.4rem,7vw,5.3rem);line-height:1.02;margin:0 0 22px;font-weight:950;letter-spacing:-.05em}
.hero p{font-size:clamp(1.05rem,2.4vw,1.45rem);color:var(--muted);max-width:780px;margin:0 auto 28px}
.hero-services{font-size:1.05rem;color:#fff;margin-bottom:34px;font-weight:700}
.cta-row{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:34px}
.trust-bar{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;color:#f5f5f5;font-size:.9rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;margin-top:8px}
.trust-item{padding:8px 10px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.04)}
.section{padding:90px 0}
.section-title{text-align:center;margin-bottom:48px}
.section-title h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.1;margin:0;color:#fff;letter-spacing:-.03em}
.gold{color:var(--gold)}
.divider{width:72px;height:3px;background:var(--gold);margin:20px auto 0;border-radius:3px}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{background:linear-gradient(180deg,#171717,#0d0d0d);border:1px solid rgba(255,255,255,.09);border-radius:24px;padding:28px;box-shadow:0 18px 50px rgba(0,0,0,.35)}
.card:hover{border-color:var(--line)}
.icon{width:52px;height:52px;border-radius:16px;background:rgba(212,175,55,.12);display:grid;place-items:center;color:var(--gold);font-size:1.6rem;margin-bottom:18px}
.card h3{margin:0 0 10px;color:var(--gold);font-size:1.25rem}
.card p{margin:0;color:#d7d7d7}
.split{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}
.photo-box{min-height:430px;border-radius:28px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(212,175,55,.16),rgba(255,255,255,.02)),#101010;display:grid;place-items:center;text-align:center;padding:34px;color:#ddd}
.photo-box strong{display:block;font-size:2rem;color:#fff;margin-bottom:10px}
.list{display:grid;gap:14px;margin-top:22px}.list div{padding:14px 16px;background:rgba(255,255,255,.04);border-radius:14px;border:1px solid rgba(255,255,255,.08)}
.quote{background:linear-gradient(180deg,#101010,#050505);border-top:1px solid rgba(212,175,55,.18);border-bottom:1px solid rgba(212,175,55,.18)}
.form{display:grid;gap:14px;background:#121212;border:1px solid rgba(255,255,255,.09);border-radius:26px;padding:26px}
.form input,.form select,.form textarea{width:100%;padding:15px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#080808;color:#fff;font-size:1rem}.form textarea{min-height:120px;resize:vertical}.form label{font-weight:800;color:#fff}.calc-result{background:rgba(212,175,55,.11);border:1px solid var(--line);border-radius:18px;padding:18px;color:#fff;font-weight:900;font-size:1.25rem;text-align:center}
.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stars{color:var(--gold);letter-spacing:2px}.review p{color:#ddd}.review strong{color:#fff}
.footer{padding:44px 0;background:#030303;border-top:1px solid rgba(255,255,255,.08);color:#bbb}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}.footer h3,.footer h4{color:#fff;margin-top:0}.footer a{display:block;margin:8px 0;color:#ddd}.footer a:hover{color:var(--gold)}
.floating-call{position:fixed;right:18px;bottom:18px;z-index:30;background:var(--gold);color:#050505;border-radius:999px;padding:14px 18px;font-weight:900;box-shadow:0 14px 35px rgba(212,175,55,.28)}
@media(max-width:860px){.nav-links{display:none}.hero{min-height:690px}.cta-row{flex-direction:column;align-items:stretch}.btn{width:100%;max-width:520px;margin:auto}.services-grid,.split,.reviews,.footer-grid{grid-template-columns:1fr}.section{padding:64px 0}.trust-bar{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero-content{padding:70px 0}.floating-call{left:16px;right:16px;text-align:center}}