:root {
  --migration-paper: #f6f3ec;
  --migration-chalk: #faf8f3;
  --migration-oat: #ece6d8;
  --migration-oat-deep: #e7dcc6;
  --migration-ink: #2b2723;
  --migration-teal: #357784;
  --migration-teal-dark: #2c6069;
  --migration-teal-deep: #1d3a40;
  --migration-light-teal: #a6d2da;
  --migration-moss: #6b744f;
  --migration-bark: #8a6a49;
  --migration-amber: #b4792a;
  --migration-muted: #756e62;
  --migration-light-muted: #9a9385;
  --migration-stone: #c4bbaa;
  --migration-clay: #a8452f;
  --migration-clay-fg: #fbf3e4;
  --migration-focus: #53abbe;
  --migration-container: 1200px;
}
html { scroll-padding-top: 120px; }
html { scroll-behavior: smooth; }
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-height: 100dvh;
  margin: 0;
  background: var(--migration-paper);
  color: var(--migration-ink);
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 16px;
  line-height: 1.5;
}
main {
  flex: 1 0 auto;
  overflow: clip;
}
main > .section:has(> [data-section-key="benefit-bar"]) { position: relative; z-index: 2; margin-top: -34px; }
h1, h2, h3, blockquote { font-family: "Spectral", Georgia, serif; }
.migration-eyebrow { margin: 0; font-family: "Spline Sans Mono", ui-monospace, monospace; font-size: 12px; font-weight: 600; letter-spacing: .14em; line-height: 1.35; text-transform: uppercase; }
.migration-button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; padding: 10px 24px; border: 1px solid rgba(var(--color-button-secondary-border)); border-radius: 999px; background: rgba(var(--color-button-background)); color: rgba(var(--color-button-text)); font: 600 15px/1 "Hanken Grotesk", system-ui, sans-serif; text-decoration: none; transition: .18s ease; }
.button.migration-button::before, .button.migration-button::after { content: none; }
.migration-button:hover { background: var(--migration-teal-dark); transform: none; }
.migration-button:focus-visible, .migration-header a:focus-visible, .migration-header button:focus-visible, .migration-footer a:focus-visible, .purchase-configurator button:focus-visible, .migration-newsletter input:focus-visible, .migration-newsletter button:focus-visible { outline: 3px solid var(--migration-teal); outline-offset: 3px; }
.migration-button--outline { background: rgba(var(--color-button-secondary-background)); color: rgba(var(--color-button-secondary-text)); }
.migration-button--outline:hover { background: transparent; }
:where(a, button, input, summary):focus-visible { outline: 3px solid var(--migration-focus) !important; outline-offset: 3px; }
.migration-wrap { width: 100%; max-width: var(--migration-container); margin-inline: auto !important; }
.pdp-band { box-sizing: border-box; width: 100%; max-width: var(--migration-container); margin: 0 auto; padding: 0 28px; }
@media (max-width: 767px) { .migration-eyebrow { font-size: 11px; letter-spacing: .1em; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { transition-duration: 0s !important; animation-duration: 0s !important; } }
@media (max-width: 480px) { main > .section:has(> [data-section-key="benefit-bar"]) { margin-top: 16px; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; } }