:root{
  --ea-bg:#030906;
  --ea-panel:#07140d;
  --ea-panel-2:#0b1911;
  --ea-border:#244934;
  --ea-emerald:#8ce7b1;
  --ea-emerald-deep:#1c8b55;
  --ea-text:#eafff2;
  --ea-muted:#aec7b7;
}

.ea-repair-section{
  position:relative;
  overflow:hidden;
  margin:36px 0;
  padding:clamp(32px,6vw,72px);
  border:1px solid var(--ea-border);
  border-radius:28px;
  background:
    radial-gradient(
      circle at 85% 20%,
      rgba(59,184,111,.17),
      transparent 34%
    ),
    linear-gradient(
      145deg,
      var(--ea-panel),
      var(--ea-panel-2)
    );
}

.ea-brand-grid{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr);
  gap:42px;
  align-items:center;
}

.ea-brand-logo{
  display:block;
  width:min(100%,340px);
  max-height:430px;
  object-fit:contain;
  margin:auto;
  filter:
    drop-shadow(
      0 28px 60px
      rgba(31,202,105,.18)
    );
}

.ea-eyebrow{
  color:var(--ea-emerald);
  letter-spacing:.2em;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
}

.ea-repair-section h2{
  margin:.3em 0;
  color:var(--ea-text);
  font-size:clamp(34px,5vw,62px);
  line-height:1;
  letter-spacing:-.04em;
}

.ea-repair-section p{
  color:var(--ea-muted);
  line-height:1.75;
}

.ea-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:24px;
}

.ea-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:14px 19px;
  border-radius:10px;
  background:var(--ea-emerald);
  color:#031209 !important;
  text-decoration:none !important;
  font-weight:800;
}

.ea-button.ea-secondary{
  background:transparent;
  color:var(--ea-text) !important;
  border:1px solid var(--ea-border);
}

@media(max-width:760px){
  .ea-brand-grid{
    grid-template-columns:1fr;
  }

  .ea-brand-logo{
    max-height:300px;
  }
}

@media(prefers-reduced-motion:reduce){
  *{
    scroll-behavior:auto !important;
  }
}