html { scroll-behavior: smooth; }
body.marketing-page {
  font-family: 'Source Sans 3', ui-sans-serif, system-ui, sans-serif;
  background: #0b1220;
}
.font-display { font-family: Oswald, Impact, sans-serif; letter-spacing: 0.02em; }
.rink-hero {
  background-color: #0b1220;
  background-image:
    radial-gradient(ellipse 42% 58% at 78% 42%, rgba(29, 78, 216, 0.28), transparent 70%),
    radial-gradient(circle at 18% 72%, rgba(125, 211, 252, 0.08), transparent 40%),
    linear-gradient(180deg, #0b1220 0%, #0f172a 55%, #0b1220 100%);
}
.rink-lines {
  background-image:
    linear-gradient(90deg, transparent 0, transparent calc(50% - 1px), rgba(239, 68, 68, 0.35) 50%, transparent calc(50% + 1px)),
    linear-gradient(90deg, transparent 0, transparent 22%, rgba(59, 130, 246, 0.22) 22%, rgba(59, 130, 246, 0.22) calc(22% + 2px), transparent calc(22% + 2px)),
    linear-gradient(90deg, transparent 0, transparent 78%, rgba(59, 130, 246, 0.22) 78%, rgba(59, 130, 246, 0.22) calc(78% + 2px), transparent calc(78% + 2px)),
    radial-gradient(circle at 50% 50%, transparent 11.5%, rgba(226, 232, 240, 0.12) 12%, rgba(226, 232, 240, 0.12) 12.4%, transparent 12.6%);
  background-size: 100% 100%;
}
.ice-card {
  background: linear-gradient(180deg, rgba(30, 41, 59, 0.92), rgba(15, 23, 42, 0.96));
  box-shadow: inset 0 1px 0 rgba(125, 211, 252, 0.08);
}
.stripe {
  background: repeating-linear-gradient(
    -55deg,
    rgba(15, 23, 42, 0.4),
    rgba(15, 23, 42, 0.4) 8px,
    rgba(29, 78, 216, 0.12) 8px,
    rgba(29, 78, 216, 0.12) 16px
  );
}
.blog-prose p { margin-bottom: 1.25rem; }
.blog-prose h2 {
  font-family: Oswald, Impact, sans-serif;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  font-size: 1.75rem;
  line-height: 1.15;
  color: #e0f2fe;
  margin: 2.5rem 0 1rem;
}
.blog-prose a { color: #7dd3fc; text-decoration: underline; text-underline-offset: 3px; }
.blog-prose a:hover { color: #e0f2fe; }
.blog-prose blockquote {
  margin: 2rem 0;
  padding: 1.25rem 1.5rem;
  border-left: 3px solid #38bdf8;
  background: rgba(14, 165, 233, 0.08);
  color: #e2e8f0;
  font-size: 1.15rem;
  line-height: 1.6;
}
.blog-takeaway {
  margin: 2rem 0;
  padding: 1.5rem;
  border: 1px solid rgba(56, 189, 248, 0.3);
  border-radius: 1rem;
  background: rgba(14, 165, 233, 0.08);
}

@media (max-width: 639px) {
  .site-header-bar {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0.5rem;
  }
  .site-header-nav {
    width: 100%;
    justify-content: flex-end;
  }
}