/* Keep the existing magma background and glass material; simplify the content. */
#pricing, #demos, .media { scroll-margin-top: 100px; }
.nav-end .btn { background: rgba(241,233,221,.055); color: var(--ink); box-shadow: inset 0 0 0 1px rgba(241,233,221,.18); }
.row.c4 { grid-template-columns: repeat(2,minmax(0,1fr)); }
.plans { max-width: 960px; }
.plan { padding: 0; display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); overflow: hidden; }
.plan-head .who { font-size: 13px; }
.plan-price { display: grid; gap: 26px; margin-top: 30px; }
.plan-action { justify-items: stretch; text-align: left; padding: 0; }
.plan-action .btn { width: 100%; }
.plan-status { max-width: none; }
.plan-feats { gap: 16px; }
.plan-feats li { font-size: 14px; line-height: 1.5; }
.plan-feats li::before { content: '✓'; color: var(--accent); margin-right: 4px; }
.plan-footnote { max-width: 960px; margin: 22px auto 0; color: var(--muted); font-size: 12px; line-height: 1.7; }
.plan-footnote > p { margin: 0 0 10px; }
.plan-footnote details { margin-bottom: 14px; }
.plan-footnote summary { cursor: pointer; }
.plan-footnote a { color: var(--ink); text-underline-offset: 3px; }
@media (max-width: 640px) {
  .row.c4 { grid-template-columns: minmax(0,1fr); }

  .plan-head { flex-wrap: wrap; gap: 10px; }
  .plan-amount .n { font-size: clamp(34px,9vw,52px); }
}

[hidden] { display: none !important; }
#pricing .sec { max-width: 960px; margin-left: auto; margin-right: auto; }
#pricing .bill { margin-top: 24px; }
#pricing .bill-label { font-size: 17px; }
#pricing .bill-switch { transform: scale(.8); transform-origin: left center; margin-right: -8px; }

.plan-action .btn:disabled { opacity: 1; background: rgba(241,233,221,.06); color: var(--muted); box-shadow: inset 0 0 0 1px rgba(241,233,221,.12); }

.nav-end { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
@media (max-width: 1079px) { .nav-links { display: none; } }
@media (max-width: 480px) {
  .nav-row { gap: 12px; }
  .nav-end { gap: 6px; }
  .nav-end .btn { padding-left: 11px; padding-right: 11px; }
  .nav-end .sf-face { padding-left: 10px; padding-right: 10px; }
}
/* With "My account" beside it the arrow no longer fits next to the brand name. */
@media (max-width: 400px) { .sf-nav .sf-label svg { display: none; } }
@media (max-width: 360px) { .nav .brand-name { display: none; } }

.plan-purchase, .plan-includes { min-width: 0; padding: 36px; }
.plan-includes { border-left: 1px solid rgba(241,233,221,.12); background: rgba(255,179,122,.025); }
.plan-includes h3 { margin: 0; color: var(--ink); font-size: 17px; font-weight: 550; letter-spacing: -.02em; }
.plan-allowances { display: grid; gap: 25px; margin: 28px 0; padding: 0 0 28px; border-bottom: 1px solid rgba(241,233,221,.12); }
.plan-allowances dt { color: var(--ink); font-size: 20px; font-weight: 500; letter-spacing: -.025em; }
.allowance-value { color: var(--accent); font-variant-numeric: tabular-nums; }
.plan-allowances dd { margin: 7px 0 0; color: var(--muted); font-size: 13px; line-height: 1.6; }
.plan-includes .plan-feats { gap: 14px; }
.plan-includes .plan-feats li { font-size: 13px; }
@media (max-width: 760px) {
  .plan { grid-template-columns: minmax(0,1fr); }
  .plan-purchase, .plan-includes { padding: 28px 24px; }
  .plan-includes { border-left: 0; border-top: 1px solid rgba(241,233,221,.12); }
}

/* A single enlarged gallery, with native playback and manual navigation. */
.hv-win { padding: 24px; }
.hv-win .win-panel { width: min(1400px,100%,calc((100dvh - 184px) * var(--ar))); }
.hv-win .win-bar { padding: 10px 12px 10px 20px; }
.hv-win .win-label { overflow: hidden; text-overflow: ellipsis; }
.hv-win .win-close { width: 40px; height: 40px; }
.hv-win .win-frame { cursor: auto; touch-action: pan-y; }
.win-gallery { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 16px; padding: 14px 20px; border-top: 1px solid rgba(241,233,221,.1); }
.win-gallery button, .win-error button { min-height: 44px; padding: 10px 16px; border: 1px solid rgba(241,233,221,.15); border-radius: 10px; background: rgba(241,233,221,.05); color: var(--ink); font: 13px 'Geist',sans-serif; cursor: pointer; }
.win-gallery button:hover:not(:disabled), .win-error button:hover { background: rgba(255,128,56,.12); border-color: rgba(255,128,56,.3); }
.win-gallery button:disabled { opacity: .3; cursor: default; }
.win-gallery button:focus-visible, .win-error button:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.win-prev { justify-self: start; }
.win-next { justify-self: end; }
.win-position { text-align: center; color: var(--ink); font-size: 13px; font-variant-numeric: tabular-nums; }
.win-position small { display: none; margin-top: 5px; color: var(--muted); font-size: 10px; }
.win-error { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; background: rgba(11,9,8,.9); color: var(--ink); font-size: 14px; }
.win-error p { margin: 0; }
@media (hover:none) { .win-position small { display: block; } }
@media (max-width:640px) {
  .hv-win { padding: 8px; }
  .hv-win .win-bar { padding-left: 12px; }
  .win-gallery { padding: 10px; gap: 8px; }
  .win-gallery button { padding: 10px; font-size: 12px; }
}