/* ═══════════════════════════════════════════════
   Content Pages — Visual Enhancement
   For: Methodology, Get Started, Get Funded,
   Products, About (and any future content pages)
   ═══════════════════════════════════════════════ */

/* ── Page Hero: Gradient Title ── */
.hero h1, .container > h1:first-of-type {
  background: linear-gradient(135deg, var(--brown-900, var(--text)) 0%, var(--accent) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
[data-theme="dark"] .hero h1, [data-theme="dark"] .container > h1:first-of-type {
  background: linear-gradient(135deg, #E0E0E0 0%, #E8B830 100%);
  -webkit-background-clip: text;
  background-clip: text;
}

/* ── Section Headers: Left Accent ── */
.section h2, h2:not([class]) {
  position: relative;
  padding-left: 14px;
}
.section h2::before, h2:not([class])::before {
  content: '';
  position: absolute;
  left: 0; top: 4px; bottom: 4px;
  width: 3px;
  background: linear-gradient(180deg, var(--accent), var(--green, #2D8C4E));
  border-radius: 2px;
}

/* ── Cards & Surfaces: Hover Depth ── */
[class*="card"], [class*="box"]:not([class*="check"]) {
  will-change: transform;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.15s ease;
}
[class*="card"]:hover, [class*="box"]:not([class*="check"]):hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(61,46,34,0.08);
}
[data-theme="dark"] [class*="card"]:hover {
  box-shadow: 0 6px 20px rgba(0,0,0,0.25);
}

/* ── Grid Items: Stagger feel via nth-child delay ── */
[class*="grid"] > *:nth-child(odd) { transition-delay: 0s; }
[class*="grid"] > *:nth-child(even) { transition-delay: 0.03s; }

/* ── CTA Buttons: Premium ── */
.cta-btn, [class*="cta-btn"] {
  will-change: transform;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.cta-btn:hover, [class*="cta-btn"]:hover {
  transform: translateY(-2px);
}
.cta-btn-primary:hover {
  box-shadow: 0 6px 16px rgba(139,105,20,0.25);
}

/* ── Checklist / Step Items: Hover Slide ── */
[class*="check"]:not(input), [class*="step"], [class*="item"] {
  transition: transform 0.15s ease;
}
[class*="check"]:not(input):hover, [class*="step"]:hover {
  transform: translateX(3px);
}

/* ── Firm/Approach/Contact Cards: Lift ── */
[class*="firm-card"], [class*="approach-card"], [class*="contact-card"] {
  will-change: transform;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
[class*="firm-card"]:hover, [class*="approach-card"]:hover, [class*="contact-card"]:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(61,46,34,0.08);
}

/* ── Links with Arrows: Hover Shift ── */
a[style*="font-weight:600"]:hover, a[class*="link"]:hover {
  opacity: 1 !important;
}

/* ── Methodology Sections: Smooth Scroll Target ── */
[class*="meth-section"] {
  scroll-margin-top: 60px;
}

/* ── Axiom/Definition Boxes: Accent Border on Hover ── */
[class*="axiom"], [class*="definition"] {
  transition: border-color 0.2s ease;
}
[class*="axiom"]:hover, [class*="definition"]:hover {
  border-color: var(--accent);
}

/* ── Product Cards: Special Hover for Available vs Coming Soon ── */
.product-card {
  will-change: transform;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.15s ease;
}
.product-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 28px rgba(61,46,34,0.1);
  border-color: var(--accent);
}

/* ── Comparison Table: Row Hover ── */
.comparison-table tr { transition: background 0.15s ease; }
.comparison-table tbody tr:hover { background: var(--surface-alt) !important; }

/* ── Founder Card: Premium Feel ── */
[class*="founder-card"] {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
[class*="founder-card"]:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(61,46,34,0.08);
}

/* ── Mobile ── */
@media (max-width: 768px) {
  [class*="card"]:hover { transform: translateY(-2px); }
  .hero h1 { font-size: 26px !important; }
}