.cheap-growth-page {
  --cheap-ink: #17362f;
  --cheap-forest: #245347;
  --cheap-coral: #d95f3d;
  --cheap-gold: #e8b84c;
  --cheap-mint: #dce9df;
  --cheap-paper: #fffaf0;
  --cheap-line: rgba(23, 54, 47, .16);
}

.cheap-growth-page [hidden] { display: none !important; }

.cheap-growth-page .guide-hero.cheap-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(340px, .92fr);
  min-height: 620px;
  max-width: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-color: transparent;
  background: var(--cheap-ink);
}

.cheap-hero-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(2rem, 4vw, 4rem);
  color: var(--cheap-paper);
  background:
    radial-gradient(circle at 18% 12%, rgba(232, 184, 76, .2), transparent 28%),
    linear-gradient(135deg, #17362f, #102720);
}

.cheap-growth-page .cheap-hero :is(h1, p, .eyebrow) { color: inherit; }
.cheap-growth-page .cheap-hero h1 {
  max-width: 780px;
  margin-bottom: 1.15rem;
  font-size: clamp(2.75rem, 5vw, 4.9rem);
  line-height: .96;
  letter-spacing: -.045em;
}
.cheap-growth-page .cheap-hero .guide-lede { max-width: 670px; color: rgba(255, 250, 240, .82); }
.cheap-growth-page .cheap-hero .eyebrow span,
.cheap-growth-page .cheap-hero .guide-meta span {
  color: var(--cheap-paper);
  border-color: rgba(255, 250, 240, .22);
  background: rgba(255, 255, 255, .07);
}
.cheap-growth-page .cheap-hero .button.primary { color: var(--cheap-ink); background: var(--cheap-paper); border-color: var(--cheap-paper); }
.cheap-growth-page .cheap-hero .button.secondary { color: var(--cheap-paper); border-color: rgba(255, 250, 240, .42); background: transparent; }
.cheap-growth-page .cheap-hero .guide-byline a { color: var(--cheap-paper); }

.cheap-hero-visual { position: relative; min-height: 620px; margin: 0; }
.cheap-hero-visual img { width: 100%; height: 100%; object-fit: cover; }
.cheap-hero-visual figcaption {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  left: 1rem;
  padding: .8rem 1rem;
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 16px;
  color: #fff;
  background: rgba(10, 28, 23, .78);
  backdrop-filter: blur(10px);
}

.cheap-utility-strip {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  max-width: 1180px;
  margin: -1.5rem auto 2rem;
  padding: 0 1rem;
  position: relative;
  z-index: 3;
}
.cheap-utility-strip article {
  display: grid;
  gap: .2rem;
  padding: 1.15rem 1.35rem;
  border: 1px solid var(--cheap-line);
  background: var(--cheap-paper);
  box-shadow: 0 18px 40px rgba(23, 54, 47, .1);
}
.cheap-utility-strip article:first-child { border-radius: 18px 0 0 18px; }
.cheap-utility-strip article:last-child { border-radius: 0 18px 18px 0; }
.cheap-utility-strip span { color: var(--cheap-coral); font-size: .76rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.cheap-utility-strip strong { color: var(--cheap-ink); }

.cheap-direct-answer > p { max-width: 780px; }
.cheap-budget-grid,
.cheap-idea-grid,
.cheap-check-grid,
.cheap-blocker-grid { display: grid; gap: 1rem; }
.cheap-budget-grid { grid-template-columns: repeat(4, 1fr); margin-top: 1.5rem; }
.cheap-budget-grid article {
  padding: 1.3rem;
  border: 1px solid var(--cheap-line);
  border-radius: 20px;
  background: #fff;
}
.cheap-budget-grid span,
.cheap-idea-card > span,
.cheap-best-match > span,
.cheap-alternative-card > span,
.cheap-outcome > span {
  color: var(--cheap-coral);
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.cheap-budget-grid b { display: block; margin: .35rem 0; color: var(--cheap-ink); font-family: Fraunces, Georgia, serif; font-size: 1.35rem; }
.cheap-budget-grid small { color: #586862; line-height: 1.55; }

.cheap-fit-chooser { background: linear-gradient(145deg, #f3eee2, #fffaf0); }
.cheap-filter-grid { display: grid; gap: 1rem; margin: 1.5rem 0; }
.cheap-filter-row {
  display: grid;
  grid-template-columns: minmax(160px, .7fr) repeat(3, 1fr);
  gap: .65rem;
  align-items: stretch;
}
.cheap-filter-row > b { display: flex; align-items: center; color: var(--cheap-ink); }
.cheap-filter-row button {
  min-height: 52px;
  padding: .75rem 1rem;
  border: 1px solid var(--cheap-line);
  border-radius: 14px;
  color: var(--cheap-ink);
  background: #fff;
  font: inherit;
  font-weight: 750;
  cursor: pointer;
}
.cheap-filter-row button:is(:hover, :focus-visible) { border-color: var(--cheap-coral); outline: 3px solid rgba(217, 95, 61, .14); }
.cheap-filter-row button.is-selected,
.cheap-filter-row button[aria-pressed="true"] { color: #fff; border-color: var(--cheap-ink); background: var(--cheap-ink); }
[data-cheap-status] { min-height: 1.6rem; color: var(--cheap-forest); font-weight: 750; }

.cheap-result-layout { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); gap: 1rem; }
.cheap-best-match,
.cheap-alternative-card {
  padding: clamp(1.3rem, 2.5vw, 2rem);
  border: 1px solid var(--cheap-line);
  border-radius: 22px;
  background: #fff;
}
.cheap-best-match { box-shadow: inset 5px 0 0 var(--cheap-gold); }
.cheap-best-match h3,
.cheap-alternative-card h4 { margin: .35rem 0 .65rem; color: var(--cheap-ink); }
.cheap-best-specs { display: grid; grid-template-columns: repeat(2, 1fr); gap: .65rem; margin: 1rem 0; }
.cheap-best-specs div { padding: .8rem; border-radius: 12px; background: var(--cheap-mint); }
.cheap-best-specs dt { color: #5a6a64; font-size: .76rem; font-weight: 800; text-transform: uppercase; }
.cheap-best-specs dd { margin: .25rem 0 0; color: var(--cheap-ink); font-weight: 750; }
.cheap-alternatives { display: grid; gap: 1rem; }
.cheap-alternative-card { padding: 1.25rem; }

.cheap-proof { border: 2px solid rgba(217, 95, 61, .3); background: #fff; }
.cheap-proof-progress { display: grid; grid-template-columns: repeat(4, 1fr); gap: .6rem; margin: 1.5rem 0; padding: 0; list-style: none; }
.cheap-proof-progress li { padding: .8rem; border: 1px solid var(--cheap-line); border-radius: 14px; color: #68756f; background: #f7f3ea; }
.cheap-proof-progress li span { display: block; font-size: .74rem; font-weight: 800; text-transform: uppercase; }
.cheap-proof-progress li.is-complete { color: var(--cheap-ink); border-color: rgba(36, 83, 71, .36); background: var(--cheap-mint); }
.cheap-proof-progress li.is-current { color: #fff; border-color: var(--cheap-coral); background: var(--cheap-coral); }
.cheap-trial-card { padding: 1.25rem; border-radius: 18px; background: #f7f3ea; }
.cheap-trial-card h3 { color: var(--cheap-ink); }
.cheap-trial-card ul { margin-bottom: 0; }
.cheap-check-panel { margin: 1.25rem 0; padding: 1.2rem; border: 1px solid var(--cheap-line); border-radius: 18px; }
.cheap-check-panel legend { padding: 0 .45rem; color: var(--cheap-ink); font-weight: 800; }
.cheap-check-grid { grid-template-columns: repeat(3, 1fr); }
.cheap-check-grid label,
.cheap-blocker-grid label,
.cheap-repeat-grid button {
  min-height: 52px;
  padding: .9rem;
  border: 1px solid var(--cheap-line);
  border-radius: 14px;
  color: var(--cheap-ink);
  background: #fff;
  font-weight: 700;
}
.cheap-check-grid label { display: flex; gap: .65rem; align-items: flex-start; cursor: pointer; }
.cheap-check-grid input { width: 1.2rem; height: 1.2rem; margin-top: .1rem; accent-color: var(--cheap-coral); }
.cheap-proof-actions { display: flex; flex-wrap: wrap; gap: .7rem; margin: 1rem 0; }
.cheap-proof-actions button:disabled { opacity: .48; cursor: not-allowed; }
.cheap-repeat-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .65rem; }
.cheap-repeat-grid button { cursor: pointer; }
.cheap-repeat-grid button.is-selected,
.cheap-repeat-grid button[aria-pressed="true"] { color: #fff; border-color: var(--cheap-ink); background: var(--cheap-ink); }
.cheap-blocker-grid { grid-template-columns: repeat(2, 1fr); }
.cheap-blocker-grid label { display: flex; gap: .65rem; align-items: flex-start; cursor: pointer; }
.cheap-blocker-grid input { width: 1.1rem; height: 1.1rem; margin-top: .15rem; accent-color: var(--cheap-coral); }
.cheap-outcome { margin-top: 1rem; padding: 1.4rem; border-radius: 20px; background: var(--cheap-mint); }
.cheap-outcome h3 { margin: .35rem 0; color: var(--cheap-ink); }
.cheap-outcome .guide-pick { margin-top: 1rem; background: #fff; }
.cheap-outcome .paid-link-note { padding-left: 1rem; border-left: 3px solid var(--cheap-coral); }

.cheap-ideas-section > p { max-width: 780px; }
.cheap-idea-group { margin-top: 2rem; }
.cheap-idea-group h3 { color: var(--cheap-ink); }
.cheap-idea-grid { grid-template-columns: repeat(3, 1fr); }
.cheap-idea-card { padding: 1.2rem; border: 1px solid var(--cheap-line); border-radius: 18px; background: #fff; }
.cheap-idea-card h4 { margin: .35rem 0; color: var(--cheap-ink); }
.cheap-idea-card p { margin-bottom: .5rem; color: #52615c; }
.cheap-idea-card small { color: #6c776f; font-weight: 650; }

.cheap-comparison-wrap { overflow-x: auto; }
.cheap-comparison { width: 100%; min-width: 760px; border-collapse: collapse; }
.cheap-comparison th,
.cheap-comparison td { padding: 1rem; border-bottom: 1px solid var(--cheap-line); text-align: left; vertical-align: top; }
.cheap-comparison th { color: var(--cheap-paper); background: var(--cheap-ink); }
.cheap-comparison tbody tr:nth-child(even) { background: #f8f4eb; }

.cheap-growth-page :is(a, button, input):focus-visible { outline: 3px solid rgba(217, 95, 61, .35); outline-offset: 3px; }

@media (max-width: 900px) {
  .cheap-growth-page .guide-hero.cheap-hero { grid-template-columns: 1fr; min-height: 0; }
  .cheap-hero-visual { min-height: 430px; }
  .cheap-utility-strip { grid-template-columns: 1fr; margin-top: 1rem; }
  .cheap-utility-strip article:first-child { border-radius: 18px 18px 0 0; }
  .cheap-utility-strip article:last-child { border-radius: 0 0 18px 18px; }
  .cheap-budget-grid { grid-template-columns: repeat(2, 1fr); }
  .cheap-filter-row { grid-template-columns: 1fr; }
  .cheap-result-layout { grid-template-columns: 1fr; }
  .cheap-check-grid,
  .cheap-idea-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 560px) {
  .cheap-hero-copy { padding: 1.5rem; }
  .cheap-growth-page .cheap-hero h1 { font-size: clamp(2.55rem, 13vw, 3.45rem); }
  .cheap-hero-visual { min-height: 310px; }
  .cheap-budget-grid,
  .cheap-check-grid,
  .cheap-blocker-grid,
  .cheap-repeat-grid,
  .cheap-idea-grid,
  .cheap-proof-progress,
  .cheap-best-specs { grid-template-columns: 1fr; }
  .cheap-filter-row button,
  .cheap-repeat-grid button,
  .cheap-check-grid label,
  .cheap-blocker-grid label { min-height: 52px; }
  .cheap-proof-actions .button { width: 100%; justify-content: center; }
}

@media (prefers-reduced-motion: reduce) {
  .cheap-growth-page { scroll-behavior: auto; }
  .cheap-growth-page * { animation: none !important; transition: none !important; }
}