/* Compact purchase section: one glass shell, with a distinct inset price card. */
body .pricing-spotlight {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, .9fr);
  gap: 36px;
  padding: 32px;
  border-radius: 18px;
  background: linear-gradient(115deg, #ffffff15, #ffffff03 46%, #b3ceff08),
    radial-gradient(ellipse at 90% 20%, #e9244525, transparent 60%),
    radial-gradient(ellipse at 5% 95%, #7b9fff20, transparent 60%), rgb(25 27 37 / 52%);
  border-color: #ffffff38;
}

.pricing-spotlight::before, .pricing-spotlight::after { display: none; }

body .pricing-spotlight .price-pitch {
  display: block;
  align-self: center;
}

body .pricing-spotlight .price-pitch > .eyebrow {
  margin: 0;
  color: #a6c9eb;
  font-size: 11px;
  letter-spacing: 0;
}

body .pricing-spotlight .price-pitch h2 {
  font-size: clamp(30px, 3vw, 40px);
  font-weight: 550;
  line-height: 1.13;
  letter-spacing: -1.4px;
  margin: 14px 0 0;
}

body .pricing-spotlight .section-intro {
  font-size: 14px;
  line-height: 1.7;
  color: #b5bccd;
  margin: 18px 0 24px;
  max-width: 400px;
}

body .pricing-spotlight .purchase-notes {
  display: flex;
  flex-direction: column;
  gap: 13px;
  border: 0;
  padding: 0;
  margin: 0;
}

body .pricing-spotlight .purchase-notes strong { font-size: 13px; color: #edf0f7; }
body .pricing-spotlight .purchase-notes small { font-size: 11px; color: #9ba6bb; }
body .pricing-spotlight .purchase-notes .icon { color: #9bcfff; width: 18px; height: 18px; }

body .pricing-spotlight .purchase-card {
  padding: 24px;
  border: 1px solid #ffffff35;
  border-radius: 14px;
  background: linear-gradient(115deg, #ffffff1c, #ffffff05 52%, #9dcfff0a), rgb(32 34 46 / 44%);
  box-shadow: inset 0 1px 0 #ffffff40, inset 0 -1px 0 #ffffff0a, 0 12px 30px #00000020;
}

body .pricing-spotlight .purchase-top { gap: 10px; }
body .pricing-spotlight .purchase-top .brand { font-size: 21px; }
body .pricing-spotlight .purchase-top > span:last-child { font-size: 10px; color: #b8c3d9; }

body .pricing-spotlight .purchase-price {
  font-size: 76px;
  font-weight: 550;
  letter-spacing: -4px;
  line-height: 1.1;
  margin-top: 24px;
  color: #f6f8ff;
}

body .pricing-spotlight .purchase-price small { font-size: 12px; color: #97aac9; letter-spacing: 0; }
body .pricing-spotlight .purchase-card > p { margin: 8px 0 22px; font-size: 13px; color: #b7bfd0; }
body .pricing-spotlight .purchase-cta { min-height: 48px; padding: 12px 18px; border-radius: 14px; font-size: 13px; }
body .pricing-spotlight .refund-note { margin-top: 18px; font-size: 11px; color: #cbd3e3; }
body .pricing-spotlight .refund-note small { font-size: 11px; color: #9ca8be; }
body .pricing-spotlight .refund-note .icon { width: 16px; height: 16px; color: #9bcfff; }
body .pricing-spotlight .purchase-fine { margin-top: 16px; padding-top: 14px; border-color: #ffffff1c; font-size: 10px; color: #929eb4; }

.section-space { margin-top: 80px; }
.hero + .games-section { padding-top: 85px; }
body .steps li { padding: 26px; border-radius: 14px; }
body .tour-tab { border-radius: 14px; }
body .engine-panel { border-radius: 16px; }
body.site-glass .site-main .pn-price-main { border-color: #ffffff48 !important; }
body.site-glass .site-main .pn-highlight { border-color: #bba7ff60 !important; }

@media (max-width: 850px) {
  body .pricing-spotlight { gap: 24px; padding: 24px; }
  body .pricing-spotlight .purchase-card { padding: 22px; }
  body .pricing-spotlight .purchase-top { flex-wrap: wrap; }
}

@media (max-width: 680px) {
  body .pricing-spotlight { grid-template-columns: 1fr; padding: 22px; gap: 24px; border-radius: 16px; }
  body .pricing-spotlight .price-pitch { display: block; }
  body .pricing-spotlight .price-pitch > * { grid-row: auto; }
  body .pricing-spotlight .purchase-card { grid-row: auto; padding: 22px; }
  body .pricing-spotlight .purchase-notes { gap: 11px; }
  body .pricing-spotlight .price-pitch h2 { font-size: 31px; }
  body .pricing-spotlight .section-intro { font-size: 13px; margin-bottom: 20px; }
  body .pricing-spotlight .purchase-price { font-size: 68px; margin-top: 20px; }
  .section-space { margin-top: 64px; }
  .hero + .games-section { padding-top: 64px; }
}

/* The artwork is stationary in the page; motion is handled independently. */

.hero h1 { font-weight: 500; letter-spacing: -2.5px; }
.hero h1 .gold { background: var(--brand-gradient, linear-gradient(115deg, #bfaaff, #78d0ff)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.launch-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 24px; padding: 20px 0; border-top: 1px solid #ffffff15; gap: 24px; }
.launch-fact { display: flex; align-items: center; gap: 12px; }
.launch-fact > .icon { width: 22px; height: 22px; color: var(--brand-to, #74ceff); }
.launch-fact strong { display: block; font-size: 12px; font-weight: 550; color: #d5dbe8; }
.launch-fact small { display: block; font-size: 10px; color: #8a96ae; margin-top: 4px; }
body .product-viewport .app-add { background: var(--brand-gradient); color: #fff; }
body .product-viewport .app-bottom-bar > span { color: var(--brand-to); border-color: #9acfff35; }
body .product-viewport .app-nav.selected { border-color: #ac9dff35; }
body .experience .tour-tab.active :is(.tour-number, .icon) { color: var(--brand-from); }
body .signal-track i { background: var(--brand-gradient); }
body :is(.eyebrow, .kicker, .platform-downloads .platform-label, .linux-cta) { color: var(--brand-from); }
.hn-brand .brand-mark { width: 28px; height: 28px; }
.hn-brand .brand-name { font: 550 23px/1 Onest, sans-serif; letter-spacing: -.8px; }
body .hn-brand { gap: 10px; }
@media(max-width: 560px) {
  .launch-facts { grid-template-columns: 1fr; gap: 18px; padding-block: 22px 0; }
  .launch-fact strong { font-size: 12px; }
  .launch-fact small { font-size: 11px; }
  .hn-brand .brand-name { font-size: 20px; }
  .hn-brand .brand-mark { width: 25px; height: 25px; }
}