/* ============ AI AUTHORITY LANDING — page-specific ============ */

/* ---------- HERO: copy + example AI answer ---------- */
.hero-auth{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;max-width:none;}
.hero-auth .hero-copy{max-width:600px;}
.hero-auth h1{font-size:clamp(2.3rem,5vw,3.9rem);}
.hero-auth .lede{max-width:560px;}
.hero-auth .hero-live{margin-top:34px;}

.answer{
  position:relative;
  background:linear-gradient(180deg,rgba(12,19,34,.94),rgba(12,19,34,.82));
  border:1px solid var(--line-strong);border-radius:20px;
  padding:26px 26px 22px;backdrop-filter:blur(6px);
  box-shadow:0 30px 80px rgba(0,0,0,.45);
}
.answer::before{
  content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;
  background:var(--brand-grad);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  opacity:.45;pointer-events:none;
}
.answer-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;}
.answer-head .k{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);}
.answer-head .dots{display:flex;gap:6px;}
.answer-head .dots i{width:8px;height:8px;border-radius:50%;background:var(--line-strong);display:block;}

.turn{display:flex;gap:14px;align-items:flex-start;}
.turn+.turn{margin-top:18px;}
.avatar{flex:none;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.06em;}
.avatar.user{background:rgba(148,163,184,.14);color:var(--text);}
.avatar.ai{background:var(--brand-grad);color:#070B14;font-weight:600;}
.bubble{font-size:.96rem;line-height:1.6;color:var(--text);}
.turn.user .bubble{color:var(--muted);}
.bubble .you{
  background:var(--brand-grad);-webkit-background-clip:text;background-clip:text;color:transparent;
  font-weight:600;
}
.bubble .ref{
  display:inline-block;vertical-align:middle;margin-left:4px;
  font-family:var(--font-mono);font-size:.62rem;padding:2px 7px;border-radius:6px;
  border:1px solid var(--line-strong);color:var(--muted);background:rgba(7,11,20,.6);
}
.sources{margin-top:20px;padding-top:16px;border-top:1px solid var(--line);}
.sources .k{font-family:var(--font-mono);font-size:.64rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;display:block;}
.sources ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;}
.sources li{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--font-mono);font-size:.68rem;letter-spacing:.06em;color:var(--muted);
  border:1px solid var(--line);padding:6px 11px;border-radius:99px;background:rgba(7,11,20,.5);
}
.sources li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);flex:none;}
.answer-note{margin-top:14px;font-family:var(--font-mono);font-size:.64rem;letter-spacing:.04em;color:var(--muted);opacity:.8;}

/* one page-load reveal: question, then answer, then sources */
.answer .turn,.answer .sources{opacity:0;transform:translateY(8px);transition:opacity .6s ease,transform .6s ease;}
.answer.play .turn.user{opacity:1;transform:none;transition-delay:.35s;}
.answer.play .turn.ai{opacity:1;transform:none;transition-delay:1.05s;}
.answer.play .sources{opacity:1;transform:none;transition-delay:1.8s;}

/* ---------- COMPARISON (marketing team vs. AI Plexus) ---------- */
.compare{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:rgba(7,11,20,.7);backdrop-filter:blur(4px);}
.compare>div{padding:30px 28px;}
.compare>div+div{border-left:1px solid var(--line);background:linear-gradient(180deg,var(--accent-soft),rgba(12,19,34,0) 60%);}
.compare h3{font-size:1.02rem;margin-bottom:14px;}
.compare ul{list-style:none;display:grid;gap:10px;}
.compare li{display:flex;gap:11px;color:var(--muted);font-size:.95rem;line-height:1.55;}
.compare>div:first-child li::before{content:"–";color:var(--line-strong);flex:none;}
.compare>div+div li::before{content:"✓";color:var(--accent);font-weight:700;flex:none;}

/* ---------- PATHS (tier cards, no price) ---------- */
.paths{grid-template-columns:repeat(3,1fr);}
.paths .price-card h3{font-size:1.2rem;}
.paths .outcome{font-family:var(--font-display);font-size:1.05rem;font-weight:500;line-height:1.3;margin:6px 0 10px;}
.paths .outcome.grad{display:inline-block;}
.paths .price-card>p.fit{color:var(--muted);font-size:.95rem;margin-bottom:22px;}
.paths .price-card ul{margin-bottom:16px;}
.paths .foot{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.06em;color:var(--muted);padding-top:16px;border-top:1px solid var(--line);}

/* ---------- FINE PRINT ---------- */
.fineprint{margin:36px auto 0;max-width:640px;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.03em;line-height:1.7;color:var(--muted);opacity:.85;}

/* ---------- RESPONSIVE ---------- */
@media(max-width:980px){
  .hero-auth{grid-template-columns:1fr;gap:40px;}
  .hero-auth .hero-copy{max-width:640px;}
  .paths{grid-template-columns:1fr;max-width:560px;margin:0 auto;}
}
@media(max-width:680px){
  .compare{grid-template-columns:1fr;}
  .compare>div+div{border-left:0;border-top:1px solid var(--line);}
  .answer{padding:20px 18px 18px;}
  .hero-auth .hero-live{width:100%;white-space:normal;}
}
@media(prefers-reduced-motion:reduce){
  .answer .turn,.answer .sources{opacity:1;transform:none;transition:none;}
}

/* stat headings on this page are phrases, not numbers */
#shift .stat b{font-size:clamp(1.25rem,2.1vw,1.6rem);min-height:2.4em;display:flex;align-items:flex-end;}