/* EfficiencyAudit Phase 2 Visual Polish
   Add this AFTER style.css and hero-fix.css in index.html
*/

/* More premium page feel */
body {
  background:
    radial-gradient(circle at 15% 10%, rgba(245,189,37,0.13), transparent 30rem),
    radial-gradient(circle at 85% 0%, rgba(255,255,255,0.07), transparent 26rem),
    linear-gradient(180deg, #050505 0%, #090909 45%, #050505 100%) !important;
}

/* Header polish */
.site-header {
  background: rgba(5,5,5,0.84) !important;
}

.nav-wrap {
  min-height: 78px !important;
}

/* Hero: more premium space and better visual balance */
.hero {
  padding-top: 132px !important;
}

.hero-grid {
  align-items: start !important;
}

.hero-copy {
  padding-top: 8px;
}

.hero h1 {
  max-width: 820px !important;
  font-size: clamp(3.2rem, 6.25vw, 6.3rem) !important;
  line-height: 0.93 !important;
}

.hero-sub {
  font-size: clamp(1.12rem, 1.45vw, 1.28rem) !important;
  line-height: 1.65 !important;
  max-width: 700px !important;
}

.hero-panel {
  margin-top: 58px !important;
}

.audit-card {
  position: relative;
  overflow: hidden;
  border-color: rgba(245,189,37,0.28) !important;
  box-shadow:
    0 28px 90px rgba(0,0,0,0.62),
    0 0 70px rgba(245,189,37,0.08) !important;
  animation: eaFloat 7s ease-in-out infinite;
}

.audit-card::before {
  content: "";
  position: absolute;
  inset: -2px;
  background: radial-gradient(circle at 25% 0%, rgba(245,189,37,0.18), transparent 42%);
  pointer-events: none;
}

@keyframes eaFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

/* Buttons */
.btn {
  min-height: 54px !important;
  padding: 0 26px !important;
}

.hero-actions .btn {
  min-height: 58px !important;
  font-size: 1rem !important;
}

.link-cta {
  padding: 16px 0;
  opacity: 0.9;
}

/* Industry strip slow motion */
.strip-inner {
  animation: eaMarquee 28s linear infinite;
}

@keyframes eaMarquee {
  0% { transform: translateX(0); }
  50% { transform: translateX(-26px); }
  100% { transform: translateX(0); }
}

/* More premium cards */
.card,
.feature,
.testimonial,
.lead-form,
.faq {
  border-radius: 26px !important;
  transition: transform .22s ease, border-color .22s ease, background .22s ease;
}

.card:hover,
.feature:hover,
.testimonial:hover {
  transform: translateY(-6px);
  border-color: rgba(245,189,37,0.28);
  background: rgba(255,255,255,0.065);
}

/* Section breathing room */
.section {
  padding-top: 118px !important;
  padding-bottom: 118px !important;
}

.logo-strip + .section,
#problem {
  padding-top: 118px !important;
}

/* Form button stronger */
.lead-form .btn {
  min-height: 60px !important;
  font-size: 1.02rem !important;
}

/* Mobile refinement */
@media (max-width: 920px) {
  .hero {
    padding-top: 88px !important;
  }

  .hero-panel {
    margin-top: 8px !important;
  }

  .audit-card {
    animation: none;
  }

  .strip-inner {
    animation: none;
  }
}

@media (max-width: 640px) {
  .container {
    width: min(100% - 32px, 1120px) !important;
  }

  .nav-wrap {
    min-height: 70px !important;
  }

  .hero {
    padding-top: 64px !important;
  }

  .hero h1 {
    font-size: clamp(2.8rem, 14vw, 4.65rem) !important;
    line-height: 0.92 !important;
  }

  .hero-sub {
    font-size: 1.05rem !important;
    line-height: 1.6 !important;
  }

  .trust-row span {
    width: 100%;
    text-align: center;
  }

  .section {
    padding-top: 82px !important;
    padding-bottom: 82px !important;
  }

  .audit-card {
    padding: 24px !important;
  }
}