/* Shared styles for audience landing pages */

.aud-hero {
  padding: 180px 0 80px;
  position: relative;
  overflow: hidden;
}
.aud-hero h1 {
  font-size: clamp(48px, 6.8vw, 100px);
  line-height: .98;
  max-width: 16ch;
  font-family: var(--font-display);
  font-weight: 300;
  letter-spacing: -0.01em;
}
.aud-hero h1 em { font-style: italic; }
.aud-hero .lead { max-width: 54ch; margin-top: 28px; }

.pain-mirror {
  padding: 100px 0;
  border-top: 1px solid var(--mw-border);
  border-bottom: 1px solid var(--mw-border);
  background: linear-gradient(180deg, rgba(255,107,107,.04), transparent);
}
.pain-mirror .grid { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: start; }
.pain-mirror h2 { font-size: clamp(32px, 4vw, 52px); max-width: 18ch; }
.pain-mirror ul { list-style: none; padding: 0; margin: 0; }
.pain-mirror li {
  padding: 18px 0;
  border-bottom: 1px dashed rgba(43,49,66,.8);
  font-size: 17px; color: var(--mw-text); line-height: 1.5;
  display: flex; gap: 14px; align-items: flex-start;
}
.pain-mirror li::before {
  content: "—"; color: var(--mw-tension); flex-shrink: 0; font-family: var(--font-mono);
}
@media (max-width: 900px) { .pain-mirror .grid { grid-template-columns: 1fr; } }

.shift {
  padding: 100px 0;
  background: radial-gradient(60% 60% at 50% 0%, rgba(124,92,255,.1), transparent 60%);
}
.shift h2 { font-size: clamp(34px, 4.2vw, 64px); max-width: 18ch; font-family: var(--font-display); font-weight: 300; }
.shift h2 em { color: var(--mw-relief); font-style: italic; }

.bridge {
  padding: 100px 0;
  border-top: 1px solid var(--mw-border);
}
.bridge-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.bridge-card {
  padding: 32px; border-radius: 18px;
  border: 1px solid var(--mw-border);
  background: var(--mw-surface);
  transition: all .3s ease;
}
.bridge-card:hover { transform: translateY(-3px); border-color: rgba(124,92,255,.4); }
.bridge-card .n {
  font-family: var(--font-display); font-size: 36px; color: var(--mw-primary);
  line-height: 1; font-weight: 300;
}
.bridge-card h3 { margin-top: 14px; font-family: var(--font-display); font-size: 22px; font-weight: 400; }
.bridge-card p { margin-top: 10px; font-size: 14px; line-height: 1.55; color: var(--mw-text); }
@media (max-width: 900px) { .bridge-grid { grid-template-columns: 1fr; } }

.proof {
  padding: 80px 0;
  border-top: 1px solid var(--mw-border);
}
.proof-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; border-top: 1px solid var(--mw-border); border-bottom: 1px solid var(--mw-border); }
.proof-stats .cell { padding: 36px; border-right: 1px solid var(--mw-border); }
.proof-stats .cell:last-child { border-right: none; }
.proof-stats .num { font-family: var(--font-display); font-size: 44px; color: var(--mw-relief); line-height: 1; font-weight: 300; }
.proof-stats .lbl { font-family: var(--font-mono); font-size: 10px; letter-spacing: .22em; text-transform: uppercase; color: var(--mw-text-2); margin-top: 10px; }
@media (max-width: 900px) { .proof-stats { grid-template-columns: 1fr 1fr; } .proof-stats .cell:nth-child(2) { border-right: none; } }

.objection-list { list-style: none; padding: 0; margin: 0; max-width: 860px; }
.objection-list li {
  padding: 28px 0;
  border-top: 1px solid var(--mw-border);
}
.objection-list li:last-child { border-bottom: 1px solid var(--mw-border); }
.objection-list .o {
  font-family: var(--font-display);
  font-size: 22px;
  color: var(--mw-text-2);
  font-style: italic;
}
.objection-list .r { margin-top: 12px; color: var(--mw-text); font-size: 16px; max-width: 60ch; }

.cta-final {
  padding: 80px 64px;
  border-radius: 32px;
  background:
    radial-gradient(60% 80% at 100% 0%, rgba(124,92,255,.14), transparent 60%),
    radial-gradient(60% 80% at 0% 100%, rgba(60,242,214,.1), transparent 60%),
    #0a0d16;
  border: 1px solid rgba(124,92,255,.3);
}
.cta-final h2 { font-size: clamp(32px, 4vw, 54px); max-width: 22ch; }
.cta-final h2 em { color: var(--mw-relief); font-style: italic; }