/* Quiet glow, using the homepage violet hue (#7650f4). */
html.demo-offer,.demo-offer-page { background: #030304; overflow-x: clip; }
.demo-offer-page { color: #f7f5fa; --demo-heading-size: 2.5rem; --demo-heading-line-height: 1.1; --demo-subtext-size: 1.25rem; }
.demo-offer-page .plans-page { padding-top: 128px; }
.demo-offer-page .demo-panel { width: 100%; }
.demo-offer-page .demo-panel .post { width: min(100%,340px); margin: 0 auto; }
.demo-offer-page .demo-intro { margin-bottom: 32px; }
.demo-offer-page .demo-intro h1 {
  max-width: 960px; margin: 0 auto; font-size: var(--demo-heading-size);
  line-height: var(--demo-heading-line-height); font-weight: 600; letter-spacing: -.045em; text-wrap: balance;
}
.demo-offer-page .plans-panel { position: relative; isolation: isolate; margin-top: 80px; }
.demo-offer-page .plans-panel::before {
  content: ""; position: absolute; z-index: -1; pointer-events: none;
  top: -110px; bottom: -45px; left: calc(50% - 50vw); right: calc(50% - 50vw);
  background: radial-gradient(ellipse at 50% 12%, #1f163e 0, #0f0a1f 35%, #060509 66%, transparent 85%);
  opacity: .7; mask-image: linear-gradient(transparent, #000 18%, #000 76%, transparent);
}
.demo-offer-page .plans-intro :is(h1,h2) { margin: 0; font-size: var(--demo-heading-size); line-height: var(--demo-heading-line-height); text-wrap: balance; }
.demo-offer-page .plans-page--standalone .plans-panel { margin-top: 0; }
.demo-offer-page .plans-page--standalone .plans-intro .plan-title { font-size: clamp(3rem,5vw,4rem); line-height: 1.08; }
.demo-offer-page .plans-intro .plan-title { width: fit-content; margin-inline: auto; color: #b9a9ef; font-weight: 600; letter-spacing: -.055em; }
.demo-offer-page .plans-intro p { margin-top: 8px; font-size: var(--demo-subtext-size); line-height: 1.25; font-weight: 400; color: #f7f5fa; text-wrap: wrap; }
.demo-offer-page .plans-examples { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; margin-top: 18px; padding: 10px 24px; border: 1px solid #ccbff84d; border-radius: 999px; background: #ccbff80d; color: #d3c7fa; font-size: 14px; font-weight: 500; line-height: 1.5; text-decoration: none; }
.demo-offer-page .plans-examples:hover { background: #ccbff81a; border-color: #ccbff880; }
@supports ((background-clip:text) or (-webkit-background-clip:text)) {
  .demo-offer-page .plans-intro .plan-title { background: linear-gradient(180deg,#977af6 0%,#c5b5fa 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
}
@media(forced-colors:active) {
  .demo-offer-page .plans-intro .plan-title { background: none; color: CanvasText; -webkit-text-fill-color: CanvasText; }
}
.demo-offer-page .plan-grid { margin-top: 40px; }
.demo-offer-page .plan-card { background: #0a0810; border-color: #7966ba; box-shadow: inset 0 1px 0 #e0d6ff10; }
.demo-offer-page .plan-card h3,.demo-offer-page .price strong,.demo-offer-page .trial-offer { color: #e0d8fb; }
.demo-offer-page .price strong { font-weight: 600; }
.demo-offer-page .price s,.demo-offer-page .price-unit { color: #9d9aa9; }
.demo-offer-page .offer-duration { background: #1e1834; color: #e7e0ff; border-color: transparent; font-weight: 600; }
.demo-offer-page .plan-start { background: #ccbff8; color: #19142b; }
.demo-offer-page .plan-includes { border-color: #ffffff18; }
.demo-offer-page .plan-includes li { color: #c5c2ce; font-size: .875rem; line-height: 1.5; }
.demo-offer-page .plan-includes li::before { color: #bba7ff; }
.demo-offer-page .header-login { color: inherit; text-decoration: none; font-size: 14px; padding: 12px 16px; }
.demo-offer-page #demo-title,.demo-offer-page #plans-title { scroll-margin-top: 24px; }
@media(max-width:1068px) {
  .demo-offer-page { --demo-heading-size: 2rem; --demo-heading-line-height: 1.125; --demo-subtext-size: 1rem; }
}
@media(max-width:760px) {
  .demo-offer-page .plans-page { padding-top: 81px; }
  .demo-offer-page .demo-intro { margin-bottom: 16px; }
  .demo-offer-page .plans-panel { margin-top: 24px; }
  .demo-offer-page .header-actions .header-login { display: none; }
  .demo-offer-page .site-header { transition: transform 180ms ease, top 240ms ease, background 240ms ease, color 240ms ease; }
  .demo-offer-page .site-header.is-scroll-hidden { transform: translate(-50%,calc(-100% - 80px)); }
  .demo-offer-page .header-login { padding: 10px 8px; }
}
@media(max-width:700px) {
  .demo-offer-page .plan-grid { margin-top: 28px; }
}
@media(prefers-reduced-motion:reduce) {
  .demo-offer-page .site-header { transition: none; }
}
/* Match the homepage violet hue while retaining the demo's lightness scale. */
.demo-offer-page .demo-panel .dot[aria-current="true"]::after { background: #a891f5; }
.demo-offer-page .demo-swipe { color: #b9b3cc; }
.demo-offer-page .nf-download { color: #c9c2df; }
.demo-offer-page .plans-note { color: #9e9aad; }
.demo-offer-page .page-footer a { color: #958fa7; }
.demo-offer-page .page-footer a:hover { color: #dcd5f4; }
.demo-offer-page :focus-visible { outline-color: #b9a9ef; }