.promo-bar{background:var(--color-dark-paper);color:var(--color-dark-ink);text-align:center;padding:.6rem 1rem;font-size:var(--text-sm);font-weight:600;border-block-end:1px solid var(--color-dark-raised)}
.promo-bar__time{font-variant-numeric:tabular-nums}
.code{display:inline-block;font-family:ui-monospace,Menlo,monospace;font-size:1.1rem;font-weight:700;letter-spacing:.08em;background:var(--color-paper);color:var(--color-ink);border:2px dashed var(--color-rule-strong);border-radius:8px;padding:.3rem .8rem}
.fine{font-size:var(--text-xs);color:var(--color-muted)}

/* Hero: compact offer on the left, large dashboard on the right */
.hero--offer{padding-block:var(--space-xl);overflow:hidden}
.hero--offer .hero__grid{display:grid;gap:var(--space-xl);align-items:center}
.hero--offer .hero__copy{gap:var(--space-md)}
.hero--offer h1{max-width:20ch;font-size:clamp(1.9rem,3.1vw,2.6rem);line-height:1.12}
.hero--offer .lede{max-width:34rem;color:var(--color-dark-muted)}
.hero--offer .fine{font-size:var(--text-xs);color:var(--color-dark-muted)}
.hero--offer .hero__frame{overflow:hidden;aspect-ratio:13/10}
.hero--offer .hero__media .fine{margin-block:var(--space-xs) 0;text-align:center}
.hero--offer .hero__frame img{display:block;width:100%;height:100%;object-fit:contain;transform:scale(1.6);transform-origin:48.5% 50%;clip-path:inset(0 0 22.5% 0)}
.offer__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;margin:0}
.offer__price strong{font-family:var(--font-display);font-size:clamp(2.4rem,4vw,3.2rem);line-height:1;font-variant-numeric:tabular-nums;color:var(--color-dark-ink)}
.offer__price span{max-width:26rem;font-size:var(--text-sm);color:var(--color-dark-muted)}
.offer__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md) var(--space-lg)}
.offer__actions form{margin:0}
.offer__code{display:flex;align-items:center;gap:var(--space-xs);margin:0;color:var(--color-dark-muted)}
.copy{font:inherit;font-size:var(--text-xs);font-weight:700;padding:.4rem .75rem;border:1px solid var(--color-dark-muted);border-radius:var(--radius-sm);background:transparent;color:var(--color-dark-ink);cursor:pointer}
.copy:hover{background:var(--color-dark-raised)}
@media (min-width:60.0625rem){
  .hero--offer .hero__grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
  .hero--offer .hero__media{width:calc(100% + var(--space-xl));margin-inline-end:calc(var(--space-xl) * -1)}
}

.claim-form{display:grid;gap:.9rem;max-width:34rem}