/* Landing page integration and live plan content. */
html { background: #080e22; }
body { min-width: 320px; }
.skip-link { position: absolute; left: 16px; top: -70px; z-index: 100; padding: 10px 14px; border-radius: 6px; background: #fff; color: #17213b; }
.skip-link:focus { top: 12px; }
[hidden] { display: none !important; }
.pricing-plans { min-height: 130px; }
.pricing-plan { min-width: 0; }
.pricing-plan .pricing-rows { flex: 1; }
.pricing-rows li { align-items: flex-start; }
.pricing-rows li::before { content: '✓'; flex: none; color: #b9a5ff; font-weight: 800; margin-right: 9px; }
.pricing-rows .pricing-value { overflow-wrap: anywhere; }
.pricing-plan .pricing-btn { margin-top: auto; }
.pricing-error { margin: 0 0 14px; }
.pricing-plans > .pricing-btn { width: auto; border: 0; cursor: pointer; }
.comparison-scroll table { min-width: 580px; }
.comparison-scroll td { overflow-wrap: anywhere; }
.comparison-group { margin: 28px 0 36px; }
.comparison-group h3 { margin: 0 0 8px; font-size: 20px; }
.comparison-intro { max-width: 72ch; margin: 0 0 12px; color: #b7c4df; font-size: 14px; }
.comparison-group .comparison-scroll { border: 1px solid #35415e; border-radius: 10px; }
.comparison-group .comparison-scroll table { min-width: 760px; }
.comparison-group .comparison-scroll caption { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.comparison-group .comparison-scroll tbody th { width: 20%; min-width: 170px; }
.pricing-annual { margin: 10px 0 18px; font-size: 12px; color: #c4b4ed; }
body[data-theme="day"] .comparison-intro, body[data-theme="day"] .pricing-annual { color: #35445e; }
body[data-theme="day"] .comparison-group .comparison-scroll { border-color: #bdc8df; }
body[data-theme="day"] .pricing-rows li::before { color: #50319a; }
body[data-theme="day"] .skip-link { background: #17213b; color: #fff; }
#app-startup { display: none; }
body.app-loading #app-startup { display: grid; position: fixed; inset: 0; z-index: 100; place-items: center; background: #080e22; color: #f4f6ff; }
.startup-card { width: min(400px, calc(100% - 40px)); padding: 30px; border: 1px solid #334369; border-radius: 14px; background: #14213b; text-align: center; }
.startup-card p { margin-top: 10px; }
.startup-card button { margin-top: 16px; padding: 9px 16px; border: 0; border-radius: 6px; background: #7254ed; color: #fff; cursor: pointer; }
.startup-card a { color: #d0c3ff; }
@media (max-width: 740px) {
  .nav { position: relative; }
  .navlinks { max-height: calc(100vh - 75px); overflow-y: auto; }
  .hero .product-stage { max-width: 100%; }
  .phone-shell { margin-left: 75px; }
  .pricing-preview { overflow: hidden; }
}