body[data-pf-focused] { background: rgba(11,12,16,0.76); }
body[data-pf-focused] .hero,
body[data-pf-focused] .features-header { background-color: rgba(11,12,16,0.62); }
body[data-pf-focused] .hero,
body[data-pf-focused] #pricing { background-color: rgba(11,12,16,0.66) !important; }
body[data-pf-focused] #live-demo {
  background: linear-gradient(rgba(10,10,15,0.64), rgba(10,10,15,0.84)), url('/assets/feature_ballet_bg.webp') center/cover no-repeat fixed !important;
}
body[data-pf-focused] #pricing {
  background: linear-gradient(rgba(8,8,12,0.72), rgba(8,8,12,0.9)), url('/assets/feature_pilates_bg.webp') center/cover no-repeat fixed !important;
}
body[data-pf-focused] #studio-fit {
  background: linear-gradient(rgba(8,8,12,0.72), rgba(8,8,12,0.9)), url('/assets/feature_gym_bg.webp') center/cover no-repeat fixed !important;
}
body[data-pf-focused] #faq {
  background: linear-gradient(rgba(8,8,12,0.72), rgba(8,8,12,0.9)), url('/assets/feature_automation_bg.webp') center/cover no-repeat fixed !important;
}
body[data-pf-focused] .hero { min-height: 0 !important; padding: 110px 20px 54px !important; }
body[data-pf-focused] .hero-content { padding-top: 0 !important; }
body[data-pf-focused] .features-header { padding: 110px 20px 44px; }
body[data-pf-focused] .features-header::before { background: none; }
body[data-pf-focused] .features-layout { padding: 20px 0 36px !important; }
.pf-page-disclosure { border: 1px solid #34363f; border-radius: 12px; margin: 12px 0; background: #121318; overflow-wrap: anywhere; }
.pf-page-disclosure > summary { cursor: pointer; padding: 20px 22px; color: #f3f3f6; font-weight: 600; }
.pf-page-disclosure > summary h2 { display: inline; font-size: 1.18rem !important; line-height: 1.5; }
.pf-page-disclosure > summary:focus-visible, .pf-footer-guides > summary:focus-visible { outline: 2px solid #d4af37; outline-offset: -3px; }
.pf-disclosure-body { padding: 0 22px 22px; }
.pf-disclosure-body h4 { margin: 18px 0 6px; }
.pf-disclosure-body p { line-height: 1.6; color: #bcbec8; }
body[data-pf-focused] .feat-role-section { margin: 0; padding: 0; border: 0; background: none; }
body[data-pf-focused] .feat-icon { display: none; }
body[data-pf-focused] .feat-item { padding: 18px; background: #17181e; box-shadow: none; }
body[data-pf-focused] .pf-detail-demo-link { margin: 4px 0 20px; }
.pf-clean-pricing { padding: 54px 0 !important; }
#pf-experience-hub.pf-exp-compact .pf-exp-free { background: #dfbc48; color: #17130b; border-color: #dfbc48; font-weight: 700; }
.pf-clean-pricing > .container { max-width: 940px; }
.pf-price-offer { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; align-items: center; margin-bottom: 24px; }
.pf-clean-pricing .pf-basic-price, .pf-clean-pricing .pf-setup-price { min-width: 0 !important; max-width: none !important; padding: 24px !important; border: 0 !important; box-shadow: none !important; background: transparent !important; }
.pf-price-start { padding: 20px; }
.pf-price-start > p { line-height: 1.6; color: #c5c7d0; margin-bottom: 22px; }
.pf-price-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: center; }
.pf-price-actions > a { min-width: 0 !important; box-sizing: border-box; padding: 14px 20px; border-radius: 10px; line-height: 1.5; text-align: center; text-decoration: none; }
.pf-price-actions .btn-primary { background: #dfbc48; color: #17130b; font-weight: 700; }
.pf-price-actions .btn-secondary { background: transparent; color: #d4d6df; border: 1px solid #454752; }
.pf-clean-cta { padding: 36px 20px; text-align: center; }
.pf-clean-cta h2 { font-size: 1.5rem !important; margin-bottom: 24px !important; }
.pf-footer-guides { max-width: 940px; margin: 20px auto 0; padding: 0 20px; color: #b5b7c0; }
.pf-footer-guides > summary { padding: 14px; cursor: pointer; }
.pf-footer-guides nav { display: flex; flex-wrap: wrap; gap: 8px 20px; justify-content: center; }
.pf-footer-guides a { color: #b5b7c0; padding: 8px; font-size: .85rem; }
body[data-pf-focused] .footer { background: rgba(5,5,8,0.68); }
body[data-pf-focused] .pf-growth-faq { background: rgba(8,8,10,0.68) !important; }
body[data-pf-focused] .pf-beginner-benefits { background: rgba(16,16,22,0.68) !important; }
@media (max-width: 640px) {
  .pf-price-offer { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .pf-price-start { padding-top: 0; }
  .pf-page-disclosure > summary { padding: 17px 16px; }
  .pf-disclosure-body { padding: 0 16px 18px; }
  .pf-price-actions > a { flex: 1 1 100%; }
  body[data-pf-focused] .hero { padding-top: 95px !important; }
}