/* ============================================================
   The AI Opportunity Map - landing page
   (ported from article-site-map-v1.html page-specific block)
   ============================================================ */

/* shared section rhythm (same pattern as the homepage) */
.oh-section{padding:76px 0 0}
.oh-section-head{max-width:700px;margin:0 auto 40px;padding:0 24px;text-align:center}
.oh-section-head .oh-label{display:block;margin-bottom:10px}
.oh-section-head .oh-h2{margin-bottom:0;text-wrap:balance}

/* hero, centered on off-white */
.oh-map-hero{padding:78px 0 72px;text-align:center}
.oh-map-hero-inner{max-width:820px;margin:0 auto;padding:0 24px}
.oh-map-hero .oh-label{display:block;margin-bottom:16px}
.oh-map-hero .oh-h1{margin:0 0 28px}
.oh-map-pitch{max-width:660px;margin:0 auto 16px;font-size:23px;line-height:1.6;color:var(--oh-ink)}
.oh-map-pitch--second{color:var(--oh-ink-2);margin-bottom:0}
.oh-map-hero .oh-btn{margin-top:34px}
.oh-map-hero .oh-caption{margin-top:14px}

/* WHAT YOU GET: numbered output cards */
.oh-get{
  max-width:880px;margin:0 auto;padding:0 24px;
  display:grid;grid-template-columns:repeat(2,1fr);gap:20px;
}
.oh-get-card{
  background:var(--oh-surface);border:1px solid var(--oh-border);
  border-radius:var(--oh-radius-lg);padding:28px 28px 26px;box-shadow:var(--oh-shadow);
}
.oh-get-num{
  font-family:var(--oh-font-display);font-size:18px;letter-spacing:.08em;
  color:var(--oh-violet);margin:0 0 12px;
}
.oh-get-title{font-size:21.5px;font-weight:700;line-height:1.35;color:var(--oh-ink);margin:0 0 8px}
.oh-get-copy{font-size:18.5px;line-height:1.6;color:var(--oh-ink-2);margin:0}

/* HOW IT WORKS: step cards */
.oh-steps{max-width:var(--oh-w-prose);margin:0 auto;padding:0 24px;display:flex;flex-direction:column;gap:14px}
.oh-step{
  display:flex;gap:18px;background:var(--oh-surface);
  border:1px solid var(--oh-border);border-radius:var(--oh-radius);
  padding:20px 22px;box-shadow:var(--oh-shadow);
}
.oh-step-num{
  flex:none;width:36px;height:36px;border-radius:10px;background:var(--oh-grad);
  color:var(--oh-on-accent);display:flex;align-items:center;justify-content:center;
  font-family:var(--oh-font-display);font-size:19px;letter-spacing:.02em;
}
.oh-step-main{min-width:0}
.oh-step-title{font-size:20px;font-weight:700;color:var(--oh-ink);margin:0 0 6px;line-height:1.4}
.oh-step p{font-size:18.5px;line-height:1.6;color:var(--oh-ink-2);margin:0 0 8px}
.oh-step p:last-child{margin-bottom:0}
.oh-step p strong{color:var(--oh-ink);font-weight:600}

/* full-width violet pull-quote band */
.oh-quote-band{background:var(--oh-violet);padding:72px 24px;margin-top:80px}
.oh-quote{
  max-width:860px;margin:0 auto;text-align:center;
  font-size:clamp(29px,4.3vw,43px);line-height:1.35;font-weight:800;
  letter-spacing:-.01em;color:rgba(250,250,247,.78);
}
.oh-quote strong{color:var(--oh-on-accent);font-weight:800}

/* mini-FAQ, blunt verdicts */
.oh-faq{max-width:var(--oh-w-prose);margin:0 auto;padding:0 24px}
.oh-faq-item{border-top:1px solid var(--oh-border);padding:26px 4px}
.oh-faq-item:last-child{border-bottom:1px solid var(--oh-border)}
.oh-faq-q{font-size:19px;font-weight:700;line-height:1.4;color:var(--oh-ink);margin:0 0 10px}
.oh-faq-a{font-size:16px;line-height:1.65;color:var(--oh-ink-2);margin:0}
.oh-faq-a strong{color:var(--oh-ink);font-weight:700}

/* repeat CTA + quiet end-matter */
.oh-map-cta{max-width:880px;margin:0 auto;padding:76px 24px 0}
.oh-quiet{
  max-width:720px;margin:0 auto;padding:28px 24px 88px;
  text-align:center;font-size:14.5px;line-height:1.6;color:var(--oh-ink-2);
}
.oh-quiet a{color:var(--oh-violet);font-weight:600}
.oh-quiet a:hover{text-decoration:underline;text-underline-offset:3px}

@media (max-width:720px){
  .oh-map-hero{padding:56px 0 60px}
  .oh-map-pitch{font-size:17.5px}
  .oh-section{padding:60px 0 0}
  .oh-get{grid-template-columns:1fr}
  .oh-step{padding:16px 18px;gap:14px}
  .oh-quote-band{padding:56px 24px;margin-top:64px}
  .oh-map-cta{padding-top:60px}
  .oh-quiet{padding-bottom:68px}
}