/* ═══════════════════════════════════════════════════════════════
   Heavy Metal Fonts — enterprise.css
   Premium enterprise licensing page: full-bleed hero with lead form,
   logo slider, value props, included plan, stats, process, quote,
   FAQ and final CTA. Targets large companies & agencies.
   Relies on variables + shared components from homepage.css.
   ═══════════════════════════════════════════════════════════════ */

:root {
  --hmf-gold:        #d8b878;
  --hmf-gold-soft:   rgba(216,184,120,.16);
  --hmf-gold-border: rgba(216,184,120,.38);
}

/* Premium enterprise badge (gold, uppercase) */
.hmf-ent-badge {
  display:inline-flex; align-items:center; gap:7px;
  font-size:11px; font-weight:800; letter-spacing:.2em; text-transform:uppercase;
  color:var(--hmf-gold); padding:6px 14px; border-radius:999px;
  background:var(--hmf-gold-soft); border:1px solid var(--hmf-gold-border);
}

/* Sticky nav CTA */
.hmf-ent-nav-cta { padding:9px 18px; font-size:13px; }

/* ══════════════════════════════════════════════════ HERO */
.hmf-ent-hero { position:relative; overflow:hidden; padding:80px 0 72px; }
.hmf-ent-hero-canvas { position:absolute; inset:0; z-index:0; }
.hmf-ent-hero-img { width:100%; height:100%; object-fit:cover; object-position:center; display:block; }
.hmf-ent-hero-fallback {
  width:100%; height:100%;
  background:
    radial-gradient(ellipse 70% 60% at 80% 0%, rgba(200,31,60,.32), transparent 60%),
    radial-gradient(ellipse 60% 60% at 10% 100%, rgba(110,14,33,.4), transparent 60%),
    linear-gradient(160deg, #1a0c0c, #060404);
}
.hmf-ent-hero-overlay {
  position:absolute; inset:0; z-index:1;
  background:
    linear-gradient(90deg, rgba(5,3,3,.94) 0%, rgba(5,3,3,.82) 40%, rgba(5,3,3,.55) 100%),
    linear-gradient(0deg, rgba(5,3,3,.7) 0%, transparent 40%);
}
.hmf-ent-hero-inner { position:relative; z-index:2; display:grid; grid-template-columns:1.05fr .95fr; gap:56px; align-items:center; }

.hmf-ent-hero-h {
  font-family:var(--hmf-font-display); font-weight:400; text-transform:uppercase;
  font-size:clamp(40px,5vw,72px); line-height:1.04; color:var(--hmf-white); margin:16px 0 20px;
  text-shadow:0 0 46px rgba(200,31,60,.4), 0 4px 0 rgba(0,0,0,.6);
}
.hmf-ent-hero-sub { font-size:16px; line-height:1.7; color:var(--hmf-text-dim); max-width:520px; margin:0 0 24px; }
.hmf-ent-hero-points { list-style:none; margin:0 0 26px; padding:0; display:flex; flex-direction:column; gap:12px; }
.hmf-ent-hero-points li { display:flex; align-items:center; gap:10px; font-size:14.5px; color:var(--hmf-text); }
.hmf-ent-hero-points svg { color:var(--hmf-gold); flex-shrink:0; }
.hmf-ent-hero-trust { display:flex; align-items:center; gap:10px; font-size:13px; color:var(--hmf-text-dim); }
.hmf-ent-hero-trust-stars { color:var(--hmf-gold); letter-spacing:2px; }

/* Lead form card — the conversion focus */
.hmf-ent-form-card {
  border-radius:16px; padding:32px;
  background:rgba(20,12,12,.72);
  -webkit-backdrop-filter:blur(24px) saturate(160%);
  backdrop-filter:blur(24px) saturate(160%);
  border:1px solid var(--hmf-glass-border);
  box-shadow:0 30px 70px rgba(0,0,0,.6), 0 0 0 1px rgba(216,184,120,.12), inset 0 1px 0 rgba(255,255,255,.06);
}
.hmf-ent-form-head { margin-bottom:22px; }
.hmf-ent-form-h {
  font-family:var(--hmf-font-display); font-weight:400; text-transform:uppercase;
  font-size:26px; color:var(--hmf-white); margin:0 0 8px; line-height:1.1;
}
.hmf-ent-form-sub { font-size:13.5px; line-height:1.6; color:var(--hmf-text-dim); margin:0; }
.hmf-ent-form .hmf-field { margin-bottom:14px; }
.hmf-ent-form-submit { width:100%; justify-content:center; font-size:15px; padding:16px; margin-top:6px; }
.hmf-ent-form-note {
  display:flex; align-items:center; gap:7px; justify-content:center;
  font-size:12px; color:var(--hmf-text-mute); margin:14px 0 0;
}
.hmf-ent-form-note svg { color:var(--hmf-gold); flex-shrink:0; }
.hmf-ent-form-status { margin:14px 0 0; font-size:13px; text-align:center; padding:10px; border-radius:var(--hmf-radius-sm); }
.hmf-ent-form-status[data-state="success"] { color:#8ff0b0; background:rgba(46,204,113,.1); border:1px solid rgba(46,204,113,.3); }
.hmf-ent-form-status[data-state="error"] { color:#ff9d9d; background:rgba(200,31,60,.1); border:1px solid var(--hmf-red-border); }

/* ══════════════════════════════════════════════════ LOGO SLIDER */
.hmf-ent-trusted { border-top:none; padding-top:48px; }

/* ══════════════════════════════════════════════════ VALUE PROPS */
.hmf-ent-values-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.hmf-ent-value {
  padding:28px; border-radius:var(--hmf-radius); border:1px solid var(--hmf-glass-border);
  background:var(--hmf-glass);
  -webkit-backdrop-filter:blur(var(--hmf-blur)) saturate(150%);
  backdrop-filter:blur(var(--hmf-blur)) saturate(150%);
  box-shadow:0 8px 28px rgba(0,0,0,.3);
  transition:transform .2s ease, border-color .2s ease;
}
.hmf-ent-value:hover { transform:translateY(-4px); border-color:var(--hmf-gold-border); }
.hmf-ent-value-ic {
  width:50px; height:50px; border-radius:13px; display:flex; align-items:center; justify-content:center;
  color:var(--hmf-gold); margin-bottom:18px;
  background:var(--hmf-gold-soft); border:1px solid var(--hmf-gold-border);
}
.hmf-ent-value h3 { font-size:17px; font-weight:700; color:var(--hmf-white); margin:0 0 10px; }
.hmf-ent-value p { font-size:14px; line-height:1.65; color:var(--hmf-text-dim); margin:0; }

/* ══════════════════════════════════════════════════ INCLUDED */
.hmf-ent-included-grid { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; }
.hmf-ent-included-h { font-size:clamp(24px,3vw,34px); line-height:1.22; margin:10px 0 16px; text-shadow:0 0 28px rgba(200,31,60,.28); }
.hmf-ent-included-lead { font-size:15px; line-height:1.75; color:var(--hmf-text-dim); margin:0 0 26px; }

.hmf-ent-included-card {
  border-radius:16px; padding:32px;
  background:
    radial-gradient(ellipse 90% 70% at 100% 0%, var(--hmf-gold-soft), transparent 60%),
    var(--hmf-glass-2);
  -webkit-backdrop-filter:blur(var(--hmf-blur)) saturate(160%);
  backdrop-filter:blur(var(--hmf-blur)) saturate(160%);
  border:1px solid var(--hmf-gold-border);
  box-shadow:0 16px 50px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.06);
}
.hmf-ent-included-card-head {
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid var(--hmf-glass-border);
}
.hmf-ent-included-card-price {
  font-family:var(--hmf-font-display); font-weight:400; text-transform:uppercase;
  font-size:32px; color:var(--hmf-white); line-height:1;
}
.hmf-ent-included-card-price span { font-family:var(--hmf-font-body); font-size:13px; font-weight:600; color:var(--hmf-text-mute); text-transform:none; margin-left:4px; }
.hmf-ent-included-list { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:12px 16px; }
.hmf-ent-included-list li { display:flex; align-items:flex-start; gap:9px; font-size:13px; line-height:1.4; color:var(--hmf-text); }
.hmf-ent-included-list svg { color:var(--hmf-gold); flex-shrink:0; margin-top:2px; }

/* ══════════════════════════════════════════════════ STATS */
.hmf-ent-stats { padding:44px 0; border-top:1px solid var(--hmf-glass-border); border-bottom:1px solid var(--hmf-glass-border); }
.hmf-ent-stats-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; text-align:center; }
.hmf-ent-stat { display:flex; flex-direction:column; gap:6px; }
.hmf-ent-stat-num {
  font-family:var(--hmf-font-display); font-weight:400; font-size:clamp(30px,3.6vw,46px);
  color:var(--hmf-gold); text-shadow:0 0 26px rgba(216,184,120,.3);
}
.hmf-ent-stat-label { font-size:12px; color:var(--hmf-text-mute); text-transform:uppercase; letter-spacing:.08em; }

/* ══════════════════════════════════════════════════ PROCESS */
.hmf-ent-process-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.hmf-ent-step {
  position:relative; padding:28px 22px; border-radius:var(--hmf-radius); border:1px solid var(--hmf-glass-border);
  background:var(--hmf-glass);
  -webkit-backdrop-filter:blur(var(--hmf-blur)) saturate(150%);
  backdrop-filter:blur(var(--hmf-blur)) saturate(150%);
  box-shadow:0 8px 28px rgba(0,0,0,.3);
}
.hmf-ent-step-n {
  font-family:var(--hmf-font-display); font-weight:400; font-size:40px; line-height:1;
  color:transparent; -webkit-text-stroke:1.4px var(--hmf-gold); display:block; margin-bottom:14px;
}
.hmf-ent-step h3 { font-size:16px; font-weight:700; color:var(--hmf-white); margin:0 0 8px; }
.hmf-ent-step p { font-size:13px; line-height:1.6; color:var(--hmf-text-mute); margin:0; }

/* ══════════════════════════════════════════════════ TESTIMONIAL */
.hmf-ent-quote-section { padding-top:0; }
.hmf-ent-quote {
  max-width:820px; margin:0 auto; text-align:center; padding:44px;
  border-radius:16px; border:1px solid var(--hmf-gold-border);
  background:
    radial-gradient(ellipse 80% 80% at 50% 0%, var(--hmf-gold-soft), transparent 60%),
    var(--hmf-glass);
  -webkit-backdrop-filter:blur(var(--hmf-blur)) saturate(150%);
  backdrop-filter:blur(var(--hmf-blur)) saturate(150%);
  box-shadow:0 16px 50px rgba(0,0,0,.4);
}
.hmf-ent-quote-mark { font-family:var(--hmf-font-display); font-size:56px; color:var(--hmf-gold); line-height:.6; display:block; opacity:.7; }
.hmf-ent-quote p { font-size:19px; line-height:1.7; color:var(--hmf-text); margin:14px 0 26px; }
.hmf-ent-quote footer { display:flex; align-items:center; justify-content:center; gap:14px; }
.hmf-ent-quote-avatar {
  width:46px; height:46px; border-radius:50%; flex-shrink:0;
  background:linear-gradient(135deg, var(--hmf-gold), #9c7a3e); color:#1a0c0c;
  display:flex; align-items:center; justify-content:center; font-weight:800; font-size:14px;
}
.hmf-ent-quote-person { display:flex; flex-direction:column; align-items:flex-start; font-size:14px; }
.hmf-ent-quote-person strong { color:var(--hmf-white); }
.hmf-ent-quote-person em { color:var(--hmf-text-mute); font-style:normal; font-size:13px; }

/* ══════════════════════════════════════════════════ FINAL CTA */
.hmf-ent-final-cta { padding:0 0 96px; }
.hmf-ent-final-inner {
  text-align:center; padding:56px 40px; border-radius:16px;
  background:
    radial-gradient(ellipse 70% 100% at 50% 0%, rgba(200,31,60,.24), transparent 65%),
    var(--hmf-glass-2);
  -webkit-backdrop-filter:blur(var(--hmf-blur)) saturate(160%);
  backdrop-filter:blur(var(--hmf-blur)) saturate(160%);
  border:1px solid var(--hmf-red-border);
  box-shadow:0 16px 50px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.06);
}
.hmf-ent-final-h {
  font-family:var(--hmf-font-display); font-weight:400; text-transform:uppercase;
  font-size:clamp(28px,4vw,48px); line-height:1.05; color:var(--hmf-white); margin:0 0 14px;
  text-shadow:0 0 40px rgba(200,31,60,.4);
}
.hmf-ent-final-sub { font-size:16px; color:var(--hmf-text-dim); margin:0 0 28px; }
.hmf-ent-final-ctas { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }
.hmf-ent-final-btn { font-size:15px; padding:16px 32px; }

/* ══════════════════════════════════════════════════ RESPONSIVE */
@media (max-width: 1080px) {
  .hmf-ent-hero-inner { grid-template-columns:1fr; gap:36px; }
  .hmf-ent-hero-copy { max-width:640px; }
  .hmf-ent-values-grid { grid-template-columns:repeat(2,1fr); }
  .hmf-ent-included-grid { grid-template-columns:1fr; gap:36px; }
  .hmf-ent-process-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width: 640px) {
  .hmf-ent-hero { padding:48px 0 56px; }
  .hmf-ent-form-card { padding:24px; }
  .hmf-ent-values-grid { grid-template-columns:1fr; }
  .hmf-ent-included-list { grid-template-columns:1fr; }
  .hmf-ent-process-grid { grid-template-columns:1fr; }
  .hmf-ent-stats-grid { grid-template-columns:1fr 1fr; gap:24px 16px; }
  .hmf-ent-nav-cta { display:none; }
  .hmf-ent-quote { padding:28px; }
  .hmf-ent-final-inner { padding:40px 24px; }
}