.release-hub .page-intro, .refined-demo .page-intro { padding-block: clamp(1.65rem, 5vw, 3.3rem) 1.35rem; }
.release-hub .hero { padding-block: clamp(1.7rem, 6vw, 3.8rem); gap: clamp(1rem, 4vw, 2.7rem); }
.hub-heading { margin-bottom: .85rem; }
.hub-heading h2 { margin-bottom: 0; }
.hub-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; align-items: stretch; }
.hub-grid .hub-card {
  min-width: 0; display: flex; flex-direction: column; gap: .35rem; padding: .9rem;
  border: 1px solid var(--line); border-radius: .8rem; background: var(--surface);
  color: var(--paper); text-decoration: none;
}
.hub-card h3 { margin: 0; font-size: 1.12rem; }
.hub-card p { margin: 0; color: var(--soft); }
.hub-card .button { align-self: start; margin-top: auto; }
.hub-card[data-platform] { gap: .52rem; }
.hub-card-meta { display: flex; justify-content: space-between; gap: .5rem; color: var(--red); font: 700 .68rem ui-monospace,monospace; text-transform: uppercase; letter-spacing: .07em; }
a.hub-card:hover, a.hub-card:focus-visible { border-color: var(--red); background: var(--dark-red); }
.hub-section { margin-bottom: 2rem; }
.hub-actions { display: flex; align-items: center; gap: .7rem 1rem; flex-wrap: wrap; margin-top: .7rem; }
.hub-tag { border: 1px solid var(--line); border-radius: 999px; padding: .28rem .6rem; font-size: .75rem; color: var(--soft); }
.refined-demo .workbench { box-shadow: 0 12px 30px #0d070733; }
.refined-demo .workbench-top { align-items: center; }
.refined-demo .demo-project, .refined-demo .demo-inspector { padding: .8rem; }
.refined-demo .demo-chat { display: flex; flex-direction: column; }
.refined-demo .demo-thread { flex: 1; }
.refined-demo .workbench-tabs, .refined-demo .inspector-tabs { gap: .25rem; }
.refined-demo .demo-output-label { margin-bottom: .35rem; }
.refined-demo .sample-tab { border-radius: .5rem; }
.refined-demo .code-window { margin-block: .5rem; }
.home .branch-card { min-height: 0; }
@media (max-width: 820px) {
  .hub-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 450px) {
  .hub-grid { grid-template-columns: 1fr; gap: .5rem; }
  .hub-grid .hub-card { padding: .75rem; }
  .refined-demo .demo-project, .refined-demo .demo-inspector { padding: .65rem; }
  .refined-demo .workbench-top { gap: .45rem; }
  .refined-demo .workbench-title { font-size: .85rem; }
  .refined-demo .workbench-caption { font-size: .62rem; }
}