.page-hsh {
  --bg: #f7f4ed;
  --ink: #263e37;
  --muted: #647169;
  --accent: #355951;
  --accent-soft: #e7eee5;
  --gold: #b57c52;
  --line: rgba(38, 62, 55, .12);
}
.page-hsh .topbar { background: rgba(247, 244, 237, .95); }
.page-hsh .hero { padding-bottom: 64px; }
.page-hsh h1 { max-width: 20ch; font-size: clamp(2.4rem, 4.1vw, 3.25rem); overflow-wrap: normal; hyphens: auto; }
.page-hsh .hero-copy { padding-top: 12px; }
.page-hsh .ad-label { font-size: .76rem; color: var(--muted); margin: 0 0 24px; }
.page-hsh .product-card { border-radius: 16px; overflow: hidden; }
.page-hsh .purchase-note { font-size: .8rem; max-width: 57ch; color: var(--muted); }
.page-hsh .feature-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.page-hsh .feature-index { display: block; color: var(--accent); font-size: .78rem; margin-bottom: 18px; letter-spacing: .08em; }
.page-hsh .compatibility { padding: 22px 24px; border-left: 3px solid var(--gold); background: #f4ede2; border-radius: 0 8px 8px 0; margin: 24px 0; }
.page-hsh .compatibility p { margin: 0; }
.page-hsh .cta-block { background: var(--accent); color: #fff; }
.page-hsh .cta-block p { color: #e7eee5; }
.page-hsh .cta-block .eyebrow { color: #ecd1b5; }
.page-hsh .cta-block .btn { background: #ecd1b5; color: #263e37; }
.page-hsh .course-price { font-size: 2.4rem; font-weight: 700; color: var(--ink); margin-bottom: 18px; }
.page-hsh .course-price span { display: block; font-size: .8rem; font-weight: 400; color: var(--muted); margin-top: 8px; }
.page-hsh section[id] { scroll-margin-top: 90px; }
@media (max-width: 760px) {
  .page-hsh .feature-grid { grid-template-columns: 1fr; }
  .page-hsh .nav { gap: 12px; flex-wrap: wrap; padding-block: 12px; }
  .page-hsh .nav-links { gap: 14px; font-size: .8rem; }
}
@media (max-width: 420px) {
  .page-hsh .cta-row .btn { width: 100%; }
  .page-hsh h1 { font-size: 2.25rem; }
}