/*
Theme Name: Metal Marketing USA
Theme URI: https://metalmarketing.com/
Author: Metal Marketing
Description: Conversion-focused WordPress theme for digital marketing and web development services for the metal building industry.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: metal-marketing
*/

:root{--navy:#090909;--navy2:#151515;--steel:#242424;--orange:#c78a2d;--orange2:#e2b45f;--white:#fff;--muted:#b8b8b8;--light:#f1f1f1;--silver:#c9c9c9;--line:rgba(255,255,255,.14);--shadow:0 20px 55px rgba(0,0,0,.30);--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:#172331;background:#fff;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{width:min(1180px,calc(100% - 40px));margin:auto}.section{padding:92px 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--orange);font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:.78rem}.eyebrow:before{content:"";width:32px;height:2px;background:var(--orange)}h1,h2,h3{line-height:1.1;margin:0 0 20px;font-weight:900;letter-spacing:-.035em}h1{font-size:clamp(3.1rem,7vw,6.3rem)}h2{font-size:clamp(2.25rem,4vw,4.2rem)}h3{font-size:1.35rem}p{margin:0 0 20px}.lead{font-size:1.16rem;color:#566575;max-width:680px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:15px 23px;border-radius:8px;background:var(--orange);color:#fff;font-weight:800;transition:.25s;border:2px solid var(--orange);box-shadow:0 8px 24px rgba(255,107,24,.23)}.btn:hover{transform:translateY(-3px);background:var(--orange2)}.btn-outline{background:transparent;border-color:rgba(255,255,255,.45);box-shadow:none}.btn-outline:hover{border-color:#fff;background:#fff;color:var(--navy)}

.topbar{background:#030a12;color:#c3d0db;padding:8px 0;font-size:.8rem}.topbar .container{display:flex;justify-content:space-between;align-items:center}.site-header{position:absolute;z-index:50;width:100%;border-bottom:1px solid var(--line);color:#fff}.nav-wrap{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-weight:950;font-size:1.18rem;letter-spacing:.06em}.brand-mark{width:43px;height:43px;display:grid;place-items:center;background:var(--orange);clip-path:polygon(12% 0,100% 0,88% 100%,0 100%);font-size:1.35rem}.brand img{max-height:58px;width:auto}.main-nav ul{display:flex;gap:28px;list-style:none;margin:0;padding:0;align-items:center}.main-nav a{font-size:.9rem;font-weight:700}.main-nav a:hover{color:var(--orange)}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:1.8rem}

.hero{min-height:820px;background:linear-gradient(90deg,rgba(4,13,23,.97) 0%,rgba(5,16,28,.88) 53%,rgba(5,16,28,.38) 100%),url('https://images.unsplash.com/photo-1504917595217-d4dc5ebe6122?auto=format&fit=crop&w=2000&q=88') center/cover;color:#fff;display:flex;align-items:center;position:relative;overflow:hidden;padding-top:120px}.hero:after{content:"";position:absolute;inset:auto -10% -140px 35%;height:330px;background:var(--orange);opacity:.12;transform:skewY(-8deg)}.hero-content{position:relative;z-index:2;max-width:870px}.hero h1 span{color:var(--orange)}.hero p{font-size:1.22rem;color:#c5d0da;max-width:720px}.hero-actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:35px}.hero-points{display:flex;gap:30px;flex-wrap:wrap;margin-top:45px;padding-top:28px;border-top:1px solid var(--line)}.hero-points span{font-size:.88rem;font-weight:800}.hero-points span:before{content:"✓";color:var(--orange);margin-right:8px}

.trust{background:var(--orange);color:#fff;padding:20px 0}.trust .container{display:flex;align-items:center;justify-content:center;gap:54px;flex-wrap:wrap;font-weight:800;text-transform:uppercase;letter-spacing:.07em;font-size:.82rem}.trust strong{font-size:1.5rem}.intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center}.photo-stack{position:relative;min-height:500px}.photo-main{position:absolute;inset:0 80px 45px 0;border-radius:var(--radius);object-fit:cover;width:calc(100% - 80px);height:455px;box-shadow:var(--shadow)}.experience{position:absolute;right:0;bottom:0;background:var(--orange);color:#fff;padding:30px;width:210px;border-radius:12px;box-shadow:var(--shadow)}.experience strong{display:block;font-size:3rem;line-height:1}.checks{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:30px 0}.check{font-weight:800}.check:before{content:"✓";display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fff0e7;color:var(--orange);margin-right:8px}

.services{background:var(--navy);color:#fff}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:45px}.section-head p{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:linear-gradient(145deg,#10243a,#0a1828);border:1px solid var(--line);padding:32px;border-radius:var(--radius);transition:.3s}.card:hover{transform:translateY(-8px);border-color:var(--orange)}.icon{width:54px;height:54px;border-radius:12px;background:rgba(255,107,24,.13);display:grid;place-items:center;color:var(--orange);font-size:1.7rem;margin-bottom:24px}.card p{color:var(--muted);font-size:.94rem}.card a{color:var(--orange);font-weight:800;font-size:.88rem}.estimator{background:linear-gradient(115deg,#edf2f5 0%,#fff 65%)}.estimator-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.browser{background:#fff;border-radius:16px;box-shadow:var(--shadow);overflow:hidden;border:1px solid #dce5eb}.browser-top{padding:13px 18px;background:#e9eef2;display:flex;gap:7px}.dot{width:10px;height:10px;border-radius:50%;background:#a8b5bf}.browser-body{padding:28px}.estimate-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{height:48px;background:#f1f4f6;border:1px solid #d7e0e6;border-radius:6px;padding:12px;color:#82909b}.field.wide{grid-column:1/-1}.estimate-btn{grid-column:1/-1;background:var(--orange);color:#fff;text-align:center;padding:12px;border-radius:6px;font-weight:800}.tag{display:inline-flex;padding:7px 12px;background:#e9f7ee;color:#23844a;border-radius:50px;font-weight:800;font-size:.75rem;margin-bottom:15px}

.leadgen{background:linear-gradient(90deg,rgba(6,16,27,.96),rgba(6,16,27,.75)),url('https://images.unsplash.com/photo-1531834685032-c34bf0d84c77?auto=format&fit=crop&w=1900&q=85') center/cover;color:#fff}.leadgen-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stat{padding:28px;background:rgba(255,255,255,.07);border:1px solid var(--line);border-radius:12px;backdrop-filter:blur(8px)}.stat strong{font-size:2.2rem;color:var(--orange);display:block}.stat span{font-size:.85rem;color:#c7d1da}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.step{position:relative;padding:30px 22px;border-top:3px solid #dfe6ea}.step-num{font-size:3.5rem;font-weight:950;color:#e6ebee;line-height:1;margin-bottom:15px}.step:hover{border-color:var(--orange)}.step:hover .step-num{color:#ffe6d7}.industries{background:#eef2f5}.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.industry{min-height:190px;background:var(--navy2);color:#fff;padding:26px;display:flex;align-items:end;border-radius:10px;position:relative;overflow:hidden}.industry:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,transparent,rgba(255,107,24,.25))}.industry h3{position:relative;margin:0}.cta{background:var(--orange);color:#fff;padding:65px 0}.cta .container{display:flex;align-items:center;justify-content:space-between;gap:40px}.cta h2{font-size:clamp(2rem,4vw,3.5rem);max-width:750px;margin:0}.cta .btn{background:var(--navy);border-color:var(--navy);white-space:nowrap}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.contact-item{padding:18px 0;border-bottom:1px solid #dce3e8}.contact-item small{display:block;text-transform:uppercase;color:#83909b;font-weight:800;letter-spacing:.1em}.contact-form{background:var(--navy);color:#fff;padding:40px;border-radius:var(--radius)}.contact-form form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;padding:15px;background:#10243a;border:1px solid #294057;border-radius:7px;color:#fff;font:inherit}.contact-form textarea,.contact-form .full{grid-column:1/-1}.contact-form textarea{min-height:130px}.contact-form button{grid-column:1/-1;cursor:pointer}

.site-footer{background:#030b13;color:#99a9b7;padding:65px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:60px;margin-bottom:50px}.site-footer h3{color:#fff}.site-footer ul{list-style:none;padding:0}.site-footer li{margin:8px 0}.copyright{border-top:1px solid var(--line);padding-top:20px;font-size:.8rem;display:flex;justify-content:space-between}.page-hero{padding:210px 0 100px;background:var(--navy);color:#fff}.content-area{padding:80px 0}.screen-reader-text{position:absolute;left:-9999px}

@media(max-width:900px){.main-nav{display:none;position:absolute;top:82px;left:0;right:0;background:var(--navy);padding:24px}.main-nav.open{display:block}.main-nav ul{display:block}.main-nav li{margin:16px}.menu-toggle{display:block}.nav-phone{display:none}.intro-grid,.estimator-grid,.leadgen-grid,.contact-grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.process-grid,.industry-grid{grid-template-columns:1fr 1fr}.hero{min-height:760px}.section{padding:70px 0}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:600px){.container{width:min(100% - 28px,1180px)}.topbar{display:none}.site-header{top:0}.cards,.process-grid,.industry-grid,.stats,.checks{grid-template-columns:1fr}.section-head,.cta .container{display:block}.cta .btn{margin-top:25px}.photo-main{inset:0 30px 50px 0;width:calc(100% - 30px)}.experience{width:180px}.contact-form form{grid-template-columns:1fr}.contact-form input,.contact-form textarea,.contact-form select,.contact-form .full{grid-column:1}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.copyright{display:block}.hero-points{gap:13px}}

/* Official Metal Marketing identity */
.brand img{max-height:78px;width:auto}.official-logo{display:block;width:78px;height:78px;object-fit:contain;border-radius:6px}.footer-logo{width:170px;height:170px;object-fit:contain;border-radius:10px}
@media(max-width:600px){.official-logo{width:68px;height:68px}.brand img{max-height:68px}}

/* Official black, gold and steel color system */
body{color:#252525}.topbar{background:#000}.site-header{background:linear-gradient(180deg,rgba(0,0,0,.54),transparent)}
.hero{background-image:linear-gradient(90deg,rgba(0,0,0,.98) 0%,rgba(8,8,8,.90) 53%,rgba(8,8,8,.43) 100%),url('https://images.unsplash.com/photo-1504917595217-d4dc5ebe6122?auto=format&fit=crop&w=2000&q=88')}
.btn,.trust,.cta,.experience{background:linear-gradient(135deg,#9c651c 0%,#d9a84f 48%,#b87922 100%);border-color:#d5a24b}.btn:hover{background:linear-gradient(135deg,#d7a449,#f0ca7d,#b87821);color:#090909}.btn-outline{background:transparent;border-color:rgba(218,218,218,.6)}
.services,.site-footer{background:linear-gradient(145deg,#050505,#181818)}.card{background:linear-gradient(145deg,#1d1d1d,#0c0c0c);border-color:rgba(201,201,201,.13)}.card:hover{box-shadow:0 14px 32px rgba(199,138,45,.16)}
.icon{background:linear-gradient(145deg,rgba(199,138,45,.20),rgba(201,201,201,.08));border:1px solid rgba(199,138,45,.25)}.estimator,.industries{background:linear-gradient(135deg,#e7e7e7,#fafafa 62%,#d8d8d8)}
.leadgen{background-image:linear-gradient(90deg,rgba(0,0,0,.97),rgba(13,13,13,.78)),url('https://images.unsplash.com/photo-1531834685032-c34bf0d84c77?auto=format&fit=crop&w=1900&q=85')}.stat{border-color:rgba(199,138,45,.28)}
.industry{background:linear-gradient(145deg,#080808,#292929)}.industry:before{background:linear-gradient(145deg,transparent,rgba(199,138,45,.32))}.step{border-color:#c6c6c6}.step-num{color:#d0d0d0}
.contact-form{background:linear-gradient(145deg,#070707,#202020)}.contact-form input,.contact-form textarea,.contact-form select{background:#181818;border-color:#3d3d3d}.cta .btn{background:#090909;border-color:#090909}.cta .btn:hover{background:#fff;border-color:#fff}

/* Enhanced official logo presentation */
.nav-wrap{height:98px}.official-logo{width:92px;height:92px;filter:drop-shadow(0 5px 12px rgba(199,138,45,.32))}.footer-logo{width:220px;height:220px;filter:drop-shadow(0 10px 15px rgba(0,0,0,.45))}
@media(max-width:600px){.nav-wrap{height:82px}.official-logo{width:76px;height:76px}.footer-logo{width:190px;height:190px}.hero h1{font-size:clamp(3rem,15vw,4.6rem)}}

/* Lead generation visual gallery */
.lead-gallery{background:#0b0b0b;color:#fff}.lead-gallery .lead{color:#b8b8b8}.lead-visuals{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.lead-visual{margin:0;background:linear-gradient(145deg,#1c1c1c,#101010);border:1px solid rgba(199,138,45,.22);border-radius:16px;overflow:hidden;transition:.3s}.lead-visual:hover{transform:translateY(-8px);border-color:#c78a2d;box-shadow:0 18px 45px rgba(0,0,0,.42)}.lead-visual img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.lead-visual div{padding:24px}.lead-visual h3{margin-bottom:10px}.lead-visual p{margin:0;color:#adadad;font-size:.92rem}.lead-visual h3:after{content:"";display:block;width:38px;height:2px;background:#c78a2d;margin-top:12px}
@media(max-width:900px){.lead-visuals{grid-template-columns:1fr 1fr}.lead-visual:last-child{grid-column:1/-1}}
@media(max-width:600px){.lead-visuals{grid-template-columns:1fr}.lead-visual:last-child{grid-column:auto}}

/* Self-hosted homepage photography — no external image dependency */
.hero{background-image:linear-gradient(90deg,rgba(0,0,0,.98) 0%,rgba(8,8,8,.88) 53%,rgba(8,8,8,.34) 100%),url('assets/images/metal-building-hero.jpg')}
.photo-main{content:url('assets/images/metal-building-project.jpg')}
.leadgen{background-image:linear-gradient(90deg,rgba(0,0,0,.97),rgba(13,13,13,.68)),url('assets/images/metal-building-lead-generation.jpg')}

/* Metal building market photography supplied by the client */
.industry{background-size:cover;background-position:center;min-height:260px}.industry:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.84));transition:.3s}.industry:hover:after{background:linear-gradient(180deg,rgba(199,138,45,.04),rgba(0,0,0,.72))}.industry h3{z-index:2;font-size:1.45rem;text-shadow:0 3px 12px rgba(0,0,0,.8)}.industry-warehouse{background-image:url('assets/images/commercial-warehouse-aerial.webp')}.industry-agriculture{background-image:url('assets/images/agricultural-metal-building.webp')}.industry-dealers{background-image:linear-gradient(145deg,#090909,#353535)}.industry-garages{background-image:linear-gradient(145deg,#181818,#090909)}