/*
Theme Name: Heavy Metal Mortgage Powered by Cornerstone Menu Editable
Theme URI: https://heavymetalmortgage.com/
Author: OpenAI
Description: Editable WordPress theme based directly on the Heavy Metal Mortgage static website package, with Cornerstone-powered mortgage marketing disclosure text and WordPress menu support.
Version: 1.1.0
License: GPLv2 or later
Text Domain: hmm-editable
*/

:root{
  --bg:#050505; --panel:#0d0d0f; --panel2:#151518; --ink:#f4f4f4; --muted:#c7c7c7; --red:#d60b0b; --red2:#ff1f1f; --line:#2a2a2e; --steel:#d8d8d8;
  --max:1180px; --shadow:0 18px 50px rgba(0,0,0,.45);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial, Helvetica, sans-serif;line-height:1.55;}
a{color:inherit;text-decoration:none} img{max-width:100%;display:block}
.skip{position:absolute;left:-999px;top:auto}.skip:focus{left:1rem;top:1rem;background:#fff;color:#000;padding:.7rem 1rem;z-index:99}
.topbar{background:#000;border-bottom:1px solid var(--line);font-size:.92rem;color:var(--muted)}
.topbar .wrap{max-width:var(--max);margin:auto;display:flex;justify-content:space-between;gap:1rem;padding:.55rem 1rem;flex-wrap:wrap}
.header{position:sticky;top:0;z-index:50;background:rgba(5,5,5,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}
.nav{max-width:var(--max);margin:auto;display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;gap:1rem}
.brand{display:flex;align-items:center;gap:.7rem}.brand img{height:54px;width:54px;object-fit:contain}.brand span{font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:.9rem;color:#fff}
.navlinks{display:flex;align-items:center;gap:1.05rem;font-weight:700;font-size:.95rem}.navlinks a{color:#e9e9e9}.navlinks a:hover{color:#fff;text-shadow:0 0 12px rgba(214,11,11,.7)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,var(--red),#790404);color:#fff;font-weight:900;text-transform:uppercase;letter-spacing:.05em;border:1px solid #ff3333;padding:.9rem 1.1rem;border-radius:3px;box-shadow:0 0 0 1px rgba(255,255,255,.08) inset, 0 12px 30px rgba(214,11,11,.22)}
.btn:hover{filter:brightness(1.12);transform:translateY(-1px)}.btn.alt{background:#111;border-color:#777}.btn.small{padding:.65rem .85rem;font-size:.85rem}
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(circle at 50% 0%, rgba(214,11,11,.25), transparent 30%),linear-gradient(180deg,#080808,#020202 80%)}
.hero:before{content:"";position:absolute;inset:0;background:url('assets/heavy-metal-mortgage-icon.webp') center 10%/640px no-repeat;opacity:.08;filter:grayscale(1);}
.hero .wrap{position:relative;max-width:var(--max);margin:auto;padding:5.2rem 1rem 4.3rem;display:grid;grid-template-columns:1.05fr .95fr;gap:2rem;align-items:center}
.kicker{display:inline-block;color:#fff;background:rgba(214,11,11,.2);border:1px solid rgba(214,11,11,.7);padding:.4rem .65rem;text-transform:uppercase;font-weight:900;letter-spacing:.12em;font-size:.82rem;margin-bottom:1rem}
h1{font-size:clamp(2.25rem,6vw,5.25rem);line-height:.95;margin:0 0 1rem;text-transform:uppercase;letter-spacing:-.04em;text-shadow:0 5px 0 #000,0 0 24px rgba(214,11,11,.35)}
.lead{font-size:clamp(1.1rem,2.1vw,1.45rem);color:#e8e8e8;max-width:690px;margin:0 0 1rem}.sublead{color:var(--muted);font-size:1.05rem;max-width:670px;margin-bottom:1.5rem}
.hero-logo{background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow);padding:1.25rem;position:relative}.hero-logo:after{content:"";position:absolute;left:8%;right:8%;bottom:-14px;height:2px;background:linear-gradient(90deg,transparent,var(--red),transparent)}
.ctas{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1rem}.trust{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.3rem;color:#ddd;font-weight:700}.trust span{border-left:3px solid var(--red);padding-left:.6rem}
.section{padding:4rem 1rem;position:relative}.wrap{max-width:var(--max);margin:auto}.section h2{font-size:clamp(1.9rem,4vw,3.2rem);line-height:1.05;margin:0 0 .8rem;text-transform:uppercase;letter-spacing:-.03em}.section .intro{max-width:790px;color:var(--muted);font-size:1.1rem;margin:0 0 2rem}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.card{background:linear-gradient(180deg,var(--panel),#080809);border:1px solid var(--line);padding:1.3rem;box-shadow:var(--shadow);position:relative;overflow:hidden}.card:before{content:"";position:absolute;right:-35px;top:-35px;width:120px;height:120px;background:url('assets/favicon-180.png') center/contain no-repeat;opacity:.09}.card h3{font-size:1.28rem;margin:.2rem 0 .55rem;text-transform:uppercase}.card p{color:var(--muted);margin:.25rem 0}.card ul{margin:.7rem 0 0;padding-left:1.1rem;color:var(--muted)}.card li{margin:.25rem 0}.icon-mini{width:48px;height:48px;object-fit:contain;margin-bottom:.55rem}
.band{background:linear-gradient(90deg,#070707,#1b0505,#070707);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:2rem 1rem}.band .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.band strong{font-size:clamp(1.25rem,3vw,2.1rem);text-transform:uppercase}.band img{width:70px;height:70px;object-fit:contain}
.split{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}.steps{counter-reset:step}.step{display:grid;grid-template-columns:56px 1fr;gap:1rem;margin-bottom:1rem}.step:before{counter-increment:step;content:counter(step);height:46px;width:46px;border:1px solid var(--red);display:grid;place-items:center;font-weight:900;background:#120303;color:#fff}.step h3{margin:0;text-transform:uppercase}.step p{margin:.2rem 0;color:var(--muted)}
.loan-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.pill{border:1px solid var(--line);background:#0c0c0e;padding:.85rem 1rem;font-weight:800}.pill:before{content:"▸";color:var(--red);margin-right:.45rem}
.quote{font-size:clamp(1.5rem,3.5vw,2.7rem);line-height:1.12;font-weight:900;text-transform:uppercase;margin:0}.quote em{color:#fff;font-style:normal;text-shadow:0 0 18px rgba(214,11,11,.6)}
.formbox{background:#0a0a0b;border:1px solid var(--line);padding:1.4rem}.formbox input,.formbox textarea,.formbox select{width:100%;margin:.35rem 0 .75rem;padding:.9rem;background:#030303;border:1px solid #333;color:#fff}.formbox label{font-weight:800;font-size:.9rem}.formbox textarea{min-height:130px}
.footer{padding:2.5rem 1rem;background:#000;border-top:1px solid var(--line);color:var(--muted)}.footer .wrap{display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:1.5rem}.footer-logo{max-width:310px;margin-bottom:.8rem}.footer h3{color:#fff;text-transform:uppercase;margin:.2rem 0 .7rem}.footer a{color:#ddd}.fine{font-size:.82rem;color:#aaa;border-top:1px solid #1e1e1e;margin-top:1.5rem;padding-top:1rem}
@media(max-width:850px){.hero .wrap,.split,.footer .wrap{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.loan-list{grid-template-columns:1fr}.navlinks{display:none}.hero .wrap{padding-top:3rem}.hero-logo{max-width:520px}.brand img{height:46px;width:46px}}

/* WordPress editable-theme support */
body.admin-bar .header{top:0}
.navlinks .menu-item{list-style:none;margin:0;padding:0}
.navlinks ul{display:flex;align-items:center;gap:1.05rem;margin:0;padding:0;list-style:none}
.navlinks .current-menu-item>a{color:#fff;text-shadow:0 0 12px rgba(214,11,11,.7)}
.powered-note{border-left:3px solid var(--red);padding-left:.8rem;margin-top:1rem;color:var(--muted);font-weight:700}
.powered-note strong{color:#fff}
@media(max-width:850px){.navlinks ul{display:none}}

/* WordPress menu editing support */
.topbar a{color:inherit;text-decoration:none}
.topbar a:hover{color:#fff;text-shadow:0 0 12px rgba(214,11,11,.7)}
.primary-menu{display:flex;align-items:center;gap:1.05rem;margin:0;padding:0;list-style:none}
.primary-menu li{list-style:none;margin:0;padding:0}
@media(max-width:850px){.primary-menu{display:none}}