/* Bold Trades: dark charcoal and amber, big type, big call button. Mobile-first. */
:root{--amber:#ffb400;--amber-d:#c98a00;--ink:#14161a;--panel:#1e2128;--line:#343a46;--text:#f2f3f5;--mute:#aab0bb}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;padding-bottom:4.5rem;font:17px/1.6 "Arial Black","Segoe UI",system-ui,Arial,sans-serif;font-weight:400;color:var(--text);background:var(--ink)}
a{color:var(--amber)}
.demo-bar{background:var(--amber);color:#14161a;text-align:center;font-size:.85rem;font-weight:700;padding:.5rem 1rem}
.site-header{position:sticky;top:0;z-index:10;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.7rem 1rem;background:var(--panel);border-bottom:3px solid var(--amber)}
.brand{font-weight:900;font-size:1.15rem;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;color:#fff;flex:1}
.nav-toggle{border:2px solid var(--amber);background:transparent;border-radius:6px;padding:.5rem .8rem;font:inherit;font-weight:700;color:var(--amber)}
.call-btn{display:none;background:var(--amber);color:#14161a;text-decoration:none;font-weight:900;padding:.65rem 1rem;border-radius:6px}
#site-nav{display:none;width:100%;flex-direction:column;order:5}
#site-nav.open{display:flex}
#site-nav a{padding:.8rem .2rem;border-top:1px solid var(--line);text-decoration:none;color:var(--text);font-weight:700;text-transform:uppercase}
.hero{padding:1.4rem max(1.2rem,calc((100% - 59.6rem)/2)) 1.6rem;background:linear-gradient(135deg,#14161a 0%,#262b34 100%);border-bottom:6px solid var(--amber)}
.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;color:var(--amber);margin:0 0 .5rem;font-weight:700}
h1{font-size:2rem;line-height:1.1;margin:.2rem 0 .8rem;text-transform:uppercase;font-weight:900}
h2{font-size:1.8rem;margin:0 0 1rem;text-transform:uppercase;color:var(--amber);font-weight:900}
.lead{font-size:1.1rem;max-width:42rem;color:var(--mute)}
.hero-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1rem}
.btn{display:inline-block;padding:.9rem 1.4rem;border-radius:6px;border:3px solid var(--amber);color:var(--amber);text-decoration:none;font:inherit;font-weight:900;text-transform:uppercase;background:transparent;cursor:pointer}
.btn.primary{background:var(--amber);color:#14161a;font-size:1.1rem}
.strip{background:var(--amber);color:#14161a;padding:.8rem 1.2rem;font-weight:700}
.strip p{max-width:59.6rem;margin:0 auto}
.section{padding:2.5rem 1.2rem;max-width:62rem;margin:0 auto}
.section.alt{background:var(--panel);max-width:none}
.section.alt>*{max-width:59.6rem;margin-left:auto;margin-right:auto}
.cards{display:grid;gap:1rem}
.card{background:var(--panel);border:1px solid var(--line);border-top:5px solid var(--amber);border-radius:8px;padding:1.2rem}
.card h3{margin:0 0 .4rem;text-transform:uppercase}
.card p{color:var(--mute);margin:0}
.hours{list-style:none;padding:0;margin:0;max-width:26rem}
.hours li{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--line)}
.map iframe{width:100%;height:280px;border:2px solid var(--line);border-radius:8px;background:#2a2f38}
.map-note{font-size:.8rem;color:var(--mute)}
form{display:grid;gap:1rem;max-width:34rem}
label{display:grid;gap:.3rem;font-weight:700}
input,textarea{font:inherit;font-weight:400;padding:.7rem;border:2px solid var(--line);border-radius:6px;background:#0f1114;color:var(--text)}
.hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.demo-warn{background:#3a2e00;border:1px solid var(--amber);border-radius:6px;padding:.7rem 1rem;max-width:34rem}
.form-status{min-height:1.5em;margin:0}
.form-status.ok{color:#6fd391}.form-status.error{color:#ff8a80}
.site-footer{background:#0b0c0f;color:var(--mute);padding:1.5rem 1.2rem;font-size:.85rem}
.sticky-call{position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--amber);color:#14161a;text-align:center;text-decoration:none;font-weight:900;font-size:1.15rem;padding:1rem;box-shadow:0 -4px 12px rgba(0,0,0,.4)}
@media(min-width:760px){
  body{padding-bottom:0}
  .sticky-call{display:none}
  .call-btn{display:inline-block}
  .nav-toggle{display:none}
  #site-nav{display:flex;flex-direction:row;width:auto;order:0;gap:1.2rem;flex:1}
  #site-nav a{border:0;padding:.3rem 0}
  .brand{flex:0 0 auto;margin-right:1rem}
  .site-header{flex-wrap:nowrap}
  h1{font-size:3.6rem}
  .cards{grid-template-columns:repeat(3,1fr)}
  .hero{padding:5rem max(1.2rem,calc((100% - 59.6rem)/2))}
}