/* Ferrn refinement layer — orange CTAs, centered hero, audio testimonials */

/* Primary actions stay in Ferrn orange. */
.btn-primary,.nav-cta,.contact-form .btn-primary,.cta-button{
  background:var(--accent)!important;
  color:#fff!important;
  border-color:var(--accent)!important;
}
.btn-primary:hover,.nav-cta:hover,.contact-form .btn-primary:hover,.cta-button:hover{
  background:#ff5419!important;
  border-color:#ff5419!important;
}

/* Remove the global grain layer completely. */
body::after{content:none!important;display:none!important}

/* Clean, centered, text-led hero. */
.hero-editorial{
  isolation:auto!important;
  background:var(--bg)!important;
  color:var(--text)!important;
  min-height:100svh!important;
  display:flex!important;
  align-items:center!important;
  padding:clamp(160px,11vw,210px) 0 clamp(90px,8vw,135px)!important;
}
.hero-editorial::before,.hero-editorial::after{display:none!important;content:none!important}
.hero-webgl{display:none!important}
.hero-editorial .hero-inner{
  position:relative;
  z-index:2!important;
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
.hero-editorial .hero-topline{
  width:100%;
  justify-content:center!important;
  align-items:center;
  gap:16px;
  margin-bottom:38px!important;
}
.hero-editorial .hero-grid{
  display:block!important;
  width:100%;
  max-width:1240px;
  margin:0 auto!important;
}
.hero-editorial .hero-copy-block{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
.hero-editorial .hero-copy-block h1{
  width:100%;
  max-width:1180px!important;
  margin:0 auto!important;
  text-align:center;
  text-shadow:none!important;
}
.hero-editorial .hero-copy{
  max-width:760px!important;
  margin:34px auto 0!important;
  color:var(--muted)!important;
  text-align:center;
}
.hero-editorial .hero-actions{
  justify-content:center!important;
  align-items:center;
  margin-top:30px!important;
}
.hero-editorial .hero-visual{display:none!important}
.hero-editorial .hero-note{color:var(--muted)!important}
.hero-editorial .global-pill{background:#000!important;color:#fff!important;border-color:#000!important;backdrop-filter:none!important}
.hero-editorial .hero-proof{
  width:100%;
  max-width:1040px;
  margin:64px auto 0!important;
  padding-top:22px;
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:center!important;
  gap:18px;
  text-align:center;
}
.hero-editorial .hero-proof p{color:var(--muted)!important;text-align:center}
.hero-editorial .proof-chips{justify-content:center!important}
.hero-editorial .proof-chip{color:var(--muted)!important;background:transparent!important;border-color:var(--line)!important;backdrop-filter:none!important}
.hero-editorial .btn-ghost{color:var(--text)!important;border-color:var(--line)!important;background:transparent!important;backdrop-filter:none!important}
.hero-editorial .btn-ghost:hover{background:var(--surface)!important;border-color:var(--line2)!important}
.hero-editorial .accent{color:var(--accent)!important;text-shadow:none!important}

/* Audio-first testimonial treatment. */
.testimonial-slide{position:relative}
.testimonial-audio{
  margin-top:34px;
  display:flex;
  align-items:center;
  gap:14px;
  width:min(620px,100%);
  padding:14px 16px;
  border:1px solid var(--line);
  border-radius:999px;
  background:color-mix(in srgb,var(--surface) 82%,transparent);
}
.testimonial-audio-play{
  width:44px;height:44px;flex:0 0 44px;border:0;border-radius:50%;
  background:var(--accent);color:#fff;display:grid;place-items:center;
}
.testimonial-audio-play svg{width:17px;height:17px}
.testimonial-audio-body{min-width:0;flex:1;display:grid;gap:7px}
.testimonial-audio-top{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.testimonial-audio-track{height:4px;background:var(--line);border-radius:99px;overflow:hidden;cursor:pointer}
.testimonial-audio-progress{height:100%;width:0;background:var(--accent);border-radius:99px;transition:width .08s linear}
.testimonial-audio-label{font-size:12px;color:var(--muted)}
.testimonial-slide.audio-only .testimonial-quote{font-size:clamp(34px,5vw,72px);max-width:900px}

@media(max-width:800px){
  .hero-editorial{padding:145px 0 82px!important;min-height:auto!important}
  .hero-editorial .hero-topline{flex-direction:column;margin-bottom:28px!important}
  .hero-editorial .hero-actions{width:100%}
  .hero-editorial .hero-actions .btn{width:100%!important}
  .hero-editorial .hero-proof{margin-top:46px!important}
}
@media(prefers-reduced-motion:reduce){.testimonial-audio-progress{transition:none}}
