/* ============================================================================
   Stripe / Linear-inspired refinement layer — FULLY REVERSIBLE.

   Pure visual overrides on top of landing.css + landing-enhance.css. It changes
   only weights, elevation, radius and tracking — no layout, no structure, no JS.
   TO REVERT: remove the two <link> tags to this file (landing + whitepaper heads).
   Nothing else depends on it.

   Direction: the page reads "chunky" because headings are 800/850 weight over a
   heavy 24/58px drop shadow. Stripe/Linear elegance = lighter weights, flatter
   layered elevation, tighter tracking, hairline borders. Violet accent kept
   (matches both Stripe and the existing dashboard).
   ============================================================================ */

.tks-landing {
  /* Layered, whisper-soft elevation instead of one heavy drop shadow. */
  --tks-landing-shadow: 0 1px 2px rgba(16, 24, 40, 0.04), 0 10px 26px rgba(16, 24, 40, 0.06);
  /* Slightly tighter, less "bubbly" radii. */
  --tks-landing-radius: 13px;
  --tks-landing-radius-sm: 10px;
}

/* --- Lighter, more elegant headings (the main de-chunk) --- */
.tks-landing h1,
.tks-landing h2,
.tks-landing h3,
.tks-landing h4 {
  font-weight: 600;
}
.tks-landing h1,
.tks-landing .tks-landing-section h2,
.tks-landing .tks-wp-section h2,
.tks-landing .tks-case-study-copy h2 {
  letter-spacing: -0.022em;
}
.tks-landing h1 {
  letter-spacing: -0.028em;
}

/* --- Refined eyebrow: a quiet kicker, not a loud heavy label --- */
.tks-landing .tks-landing-eyebrow {
  font-weight: 600;
  font-size: 11.5px;
  letter-spacing: 0.09em;
}

/* --- Cards: hairline + whisper shadow, less bulk --- */
.tks-landing .tks-remediation-grid > article,
.tks-landing .tks-delivery-list article,
.tks-landing .tks-fit-grid > article,
.tks-landing .tks-pillar-grid > article,
.tks-landing .tks-capability-row > article,
.tks-landing .tks-wp-failure-grid > article {
  box-shadow: none;
}
.tks-landing .tks-stat-card {
  box-shadow: none;
}

/* --- Pills / tags: thin and refined, not chunky-bold --- */
.tks-landing .tks-pill-grid span {
  font-weight: 600;
  font-size: 12.5px;
  background: #ffffff;
}

/* --- Buttons: trim the weight a touch for a cleaner line --- */
.tks-landing .tks-landing-btn {
  font-weight: 650;
  letter-spacing: -0.006em;
}

/* --- Comparison table: lighter text weight for a cleaner grid --- */
.tks-landing .tks-comparison-table td {
  font-weight: 500;
}
.tks-landing .tks-comparison-table td:last-child {
  font-weight: 600;
}