:root{--wsp-primary: #2563eb;--wsp-primary-soft: rgba(37, 99, 235, 0.05);--wsp-danger: #ef4444;--wsp-success: #10b981;--wsp-gray-50: #f8fafc;--wsp-gray-100: #f1f5f9;--wsp-gray-200: #e2e8f0;--wsp-gray-300: #cbd5e1;--wsp-gray-400: #94a3b8;--wsp-gray-500: #64748b;--wsp-gray-600: #475569;--wsp-gray-900: #0f172a;--wsp-shadow-premium: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.025);--wsp-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 10px 10px -5px rgba(0, 0, 0, 0.04)}.wsp-plans-page{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;max-width:1200px;margin:0 auto;padding:20px}.wsp-plans-filter-bar{margin-bottom:50px !important;background:#fff !important;padding:32px !important;border-radius:24px !important;border:1px solid #f1f5f9 !important;box-shadow:0 4px 20px rgba(0,0,0,.03) !important;display:block !important}.wsp-filter-scroller-container{position:relative !important;display:flex !important;align-items:center !important;gap:12px !important}.wsp-filter-top{margin-bottom:32px !important;padding-bottom:24px !important;border-bottom:1px solid #f8fafc !important}.wsp-filter-group--categories{flex:1 !important;overflow:hidden !important}.wsp-filter-scroll-wrap{display:flex !important;gap:8px !important;overflow-x:auto !important;padding:4px 2px !important;white-space:nowrap !important;scrollbar-width:none !important;scroll-behavior:smooth !important}.wsp-filter-scroll-wrap::-webkit-scrollbar{display:none !important}.wsp-scroll-btn{width:40px !important;height:40px !important;border-radius:50% !important;background:#0f172a !important;border:none !important;display:flex !important;align-items:center !important;justify-content:center !important;cursor:pointer !important;color:#fff !important;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1) !important;z-index:10 !important;flex-shrink:0 !important;box-shadow:0 4px 12px rgba(0,0,0,.15) !important}.wsp-scroll-btn:hover{background:var(--wsp-primary) !important;transform:scale(1.1) !important;box-shadow:0 6px 16px rgba(0,0,0,.2) !important}.wsp-scroll-btn svg{width:18px !important;height:18px !important;stroke-width:3.5px !important;display:block !important}.wsp-scroll-btn.disabled{background:#e2e8f0 !important;color:#94a3b8 !important;cursor:default !important;box-shadow:none !important;pointer-events:none !important}.wsp-pill{padding:8px 18px !important;border-radius:12px !important;font-size:13px !important;font-weight:600 !important;background:#fff !important;border:1px solid #f1f5f9 !important;color:#64748b !important;transition:all .2s !important}.wsp-pill--active{background:var(--wsp-primary) !important;border-color:var(--wsp-primary) !important;color:#fff !important}.wsp-filter-bottom{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:24px !important;flex-wrap:nowrap !important}.wsp-filter-bottom__left{flex:1 !important;max-width:350px !important}.wsp-filter-bottom__right{display:flex !important;align-items:center !important;gap:16px !important;flex-shrink:0 !important}.wsp-search-wrap{position:relative !important;width:100% !important}.wsp-plans-search{width:100% !important;height:46px !important;padding:0 16px 0 42px !important;border:1px solid #e2e8f0 !important;border-radius:14px !important;font-size:14px !important;background:#fff !important;transition:all .2s !important;box-shadow:0 1px 2px rgba(0,0,0,.02) !important;margin:0 !important}.wsp-plans-search:focus{border-color:var(--wsp-primary) !important;box-shadow:0 0 0 4px rgba(37,99,235,.08) !important}.wsp-search-icon{position:absolute !important;left:14px !important;top:13px !important;width:18px !important;height:18px !important;color:#94a3b8 !important}.wsp-segmented-control{display:inline-flex !important;background:#f1f5f9 !important;padding:4px !important;border-radius:12px !important;height:46px !important;align-items:center !important}.wsp-segment{padding:0 16px !important;height:38px !important;border-radius:10px !important;font-size:13px !important;font-weight:700 !important;color:#64748b !important;line-height:38px !important;transition:all .2s !important;cursor:pointer !important;border:none !important;background:rgba(0,0,0,0) !important}.wsp-segment--active{background:#fff !important;color:#0f172a !important;box-shadow:0 2px 8px rgba(0,0,0,.05) !important}.wsp-plans-sort{height:46px !important;border-radius:14px !important;background-color:#fff !important;border:1px solid #e2e8f0 !important;padding:0 40px 0 16px !important;font-weight:600 !important;font-size:13px !important;color:#0f172a !important;margin:0 !important}@media(max-width: 1024px){.wsp-filter-bottom{flex-direction:column !important;align-items:stretch !important}.wsp-filter-bottom__left{flex-direction:column !important;align-items:stretch !important}.wsp-search-wrap{max-width:none !important}}.wsp-plans-sort{height:46px !important;border-radius:16px !important;background-color:#f8fafc !important;border-color:#f1f5f9 !important;padding:0 40px 0 16px !important;font-weight:600 !important;font-size:13px !important}@media(max-width: 768px){.wsp-filter-bottom{flex-direction:column !important;align-items:stretch !important}.wsp-filter-bottom__left{flex-direction:column !important;min-width:0 !important}.wsp-search-wrap,.wsp-segmented-control,.wsp-plans-sort{max-width:none !important;width:100% !important}}.wsp-sort-wrap{flex-shrink:0}@media(max-width: 768px){.wsp-filter-bottom{flex-direction:column;align-items:flex-start}.wsp-segmented-control{width:100%;display:flex}.wsp-segment{flex:1;text-align:center}.wsp-plans-sort{width:100%}}.wsp-pill{display:inline-flex;align-items:center;padding:8px 18px !important;border-radius:30px !important;font-size:13px !important;font-weight:600 !important;border:1px solid var(--wsp-gray-200) !important;background:#fff !important;color:var(--wsp-gray-600) !important;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px rgba(0,0,0,.02) !important}.wsp-pill:hover{border-color:var(--plan-theme, var(--wsp-primary)) !important;color:var(--plan-theme, var(--wsp-primary)) !important}.wsp-pill--active{background:var(--plan-theme, var(--wsp-primary)) !important;border-color:var(--plan-theme, var(--wsp-primary)) !important;color:#fff !important}.wsp-plans-sort{padding:10px 16px;border:1px solid var(--wsp-gray-200);border-radius:10px;font-size:14px;font-family:inherit;background:#fff;color:var(--wsp-gray-900);cursor:pointer;min-width:200px;box-shadow:var(--wsp-shadow-premium);transition:all .2s;appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%2364748b%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:right 16px top 50%;background-size:10px auto}.wsp-plans-sort:focus{outline:none;border-color:var(--wsp-primary);box-shadow:0 0 0 3px var(--wsp-primary-soft)}.wsp-plans-no-results{text-align:center;padding:60px 20px;color:var(--wsp-gray-500);font-size:16px;background:#fff;border-radius:20px;border:2px dashed var(--wsp-gray-200)}.wsp-plans-wrap{display:grid;gap:32px;width:100%;align-items:stretch}.wsp-plans-wrap--grid.wsp-plans-wrap--cols-1{grid-template-columns:1fr}.wsp-plans-wrap--grid.wsp-plans-wrap--cols-2{grid-template-columns:repeat(2, 1fr)}.wsp-plans-wrap--grid.wsp-plans-wrap--cols-3{grid-template-columns:repeat(3, 1fr)}.wsp-plans-wrap--grid.wsp-plans-wrap--cols-4{grid-template-columns:repeat(4, 1fr)}.wsp-plans-wrap--list{grid-template-columns:1fr;gap:20px}.wsp-plans-wrap--list .wsp-public-plan-card{flex-direction:row;gap:32px;align-items:center;padding:24px 32px}.wsp-plans-wrap--list .wsp-public-plan-card__header{margin-bottom:0;min-width:250px}.wsp-plans-wrap--list .wsp-public-plan-card__price-wrap{margin-bottom:0;flex-shrink:0;text-align:right}.wsp-plans-wrap--list .wsp-public-plan-card__features{display:none}.wsp-plans-wrap--list .wsp-public-plan-card__footer{margin-left:auto;flex-shrink:0}@media(max-width: 1024px){.wsp-plans-wrap--grid{grid-template-columns:repeat(2, 1fr) !important}}@media(max-width: 640px){.wsp-plans-wrap--grid{grid-template-columns:1fr !important}.wsp-plans-wrap--list .wsp-public-plan-card{flex-direction:column;text-align:center}.wsp-plans-wrap--list .wsp-public-plan-card__header{min-width:auto}.wsp-plans-wrap--list .wsp-public-plan-card__price-wrap{text-align:center}.wsp-plans-wrap--list .wsp-public-plan-card__footer{margin-left:0;width:100%}}.wsp-public-plan-card{background:#fff;border:1px solid var(--wsp-gray-200);border-radius:24px;padding:40px 32px;display:flex;flex-direction:column;transition:all .4s cubic-bezier(0.165, 0.84, 0.44, 1);position:relative;overflow:hidden;height:100%;box-shadow:var(--wsp-shadow-premium)}.wsp-public-plan-card:hover{transform:translateY(-8px);box-shadow:var(--wsp-shadow-hover);border-color:var(--plan-theme)}.wsp-public-plan-card.is-hidden{display:none}.wsp-public-plan-card__promo-ribbon{position:absolute;top:24px;right:-32px;background:var(--wsp-danger);color:#fff;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:6px 40px;transform:rotate(45deg);box-shadow:0 2px 4px rgba(0,0,0,.1);z-index:2}.wsp-public-plan-card__header{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:24px}.wsp-public-plan-card__title{font-size:22px;font-weight:700;color:var(--wsp-gray-900);margin:0;line-height:1.2}.wsp-public-plan-card__badge{font-size:10px;text-transform:uppercase;font-weight:800;color:#fff;padding:4px 12px;border-radius:30px;letter-spacing:.1em;display:inline-block}.wsp-public-plan-card__price-wrap{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid var(--wsp-gray-100)}.wsp-public-plan-card__price-original{display:block;font-size:15px;color:var(--wsp-gray-400);text-decoration:line-through;margin-bottom:4px;font-weight:500}.wsp-public-plan-card__price-row{display:flex;align-items:baseline;color:var(--wsp-gray-900)}.wsp-public-plan-card__currency{font-size:24px;font-weight:700;margin-right:4px}.wsp-public-plan-card__price{font-size:48px;font-weight:800;line-height:1;letter-spacing:-0.02em}.wsp-public-plan-card__cycle{font-size:16px;color:var(--wsp-gray-500);font-weight:600;margin-left:6px}.wsp-public-plan-card__setup-fee{font-size:13px;color:var(--wsp-gray-500);margin:10px 0 0 0;background:var(--wsp-gray-50);padding:4px 10px;border-radius:6px;display:inline-block}.wsp-public-plan-card__trial{display:inline-block;margin-top:12px;background:#ecfdf5;color:#059669;font-size:12px;font-weight:700;padding:4px 12px;border-radius:30px;border:1px solid #10b981}.wsp-public-plan-card__desc{color:var(--wsp-gray-500);font-size:15px;line-height:1.6;margin-bottom:28px}.wsp-public-plan-card__features{list-style:none;padding:0;margin:0 0 40px 0;flex-grow:1}.wsp-public-plan-card__features li{display:flex;align-items:flex-start;gap:12px;color:var(--wsp-gray-700);font-size:14px;margin-bottom:14px;line-height:1.5;font-weight:500}.wsp-icon-check{width:20px;height:20px;color:var(--wsp-success);flex-shrink:0;margin-top:1px;background:#ecfdf5;padding:3px;border-radius:50%}.wsp-public-plan-card__footer{margin-top:auto}.wsp-public-plan-card__btn{width:100%;justify-content:center;padding:16px 24px;font-size:16px;font-weight:700;color:#fff !important;border-radius:14px;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);display:flex;align-items:center;gap:8px;cursor:pointer;border:none;font-family:inherit;box-shadow:0 4px 10px rgba(0,0,0,.1)}.wsp-public-plan-card__btn:hover{opacity:1;transform:scale(1.02);box-shadow:0 10px 20px rgba(0,0,0,.15)}.wsp-dashboard-wrap{background:#fff;border-radius:24px;box-shadow:var(--wsp-shadow-premium);overflow:hidden;border:1px solid var(--wsp-gray-100)}.wsp-dashboard-header{padding:40px;border-bottom:1px solid var(--wsp-gray-100);background:var(--wsp-gray-50)}.wsp-tabs{display:flex;gap:40px;padding:0 40px;border-bottom:1px solid var(--wsp-gray-100)}.wsp-tab-link{padding:20px 0;font-weight:700;color:var(--wsp-gray-500);border-bottom:3px solid rgba(0,0,0,0);transition:all .2s}.wsp-tab-link.active{color:var(--wsp-primary);border-bottom-color:var(--wsp-primary)}.wsp-table{width:100%;border-collapse:collapse}.wsp-table th{text-align:left;padding:16px 24px;font-size:12px;text-transform:uppercase;font-weight:800;color:var(--wsp-gray-400);letter-spacing:.1em;background:var(--wsp-gray-50)}.wsp-table td{padding:20px 24px;border-bottom:1px solid var(--wsp-gray-50);font-size:14px;font-weight:500}