.sub-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;background:#00000073;justify-content:center;align-items:center;padding:1.5rem;animation:.2s cubic-bezier(.16,1,.3,1) subFadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes subFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.sub-modal-content{background:var(--bg-surface,#fff);border:1px solid var(--border-subtle,#d8d8d8);border-radius:var(--radius-lg,8px);width:100%;max-width:940px;max-height:90vh;color:var(--text-primary,#080808);flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px -10px #0000002e,0 0 1px #0003}.sub-modal-header{border-bottom:1px solid var(--border-subtle,#d8d8d8);background:#fafafa;justify-content:space-between;align-items:flex-start;padding:1.5rem 1.75rem 1.25rem;display:flex}.sub-modal-header-text h2{letter-spacing:-.02em;color:var(--text-primary,#080808);margin:0 0 .35rem;font-size:1.5rem;font-weight:800}.sub-modal-header-text p{color:var(--text-secondary,#555);margin:0;font-size:.92rem}.sub-close-btn{border:1px solid var(--border-subtle,#d8d8d8);color:var(--text-secondary,#555);border-radius:var(--radius-sm,4px);cursor:pointer;background:#fff;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;transition:all .15s;display:flex}.sub-close-btn:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.sub-modal-body{background:#fff;flex-direction:column;gap:1.5rem;padding:1.5rem 1.75rem;display:flex;overflow-y:auto}.sub-plans-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}@media (width<=820px){.sub-plans-grid{grid-template-columns:1fr}}.sub-plan-card{border:1px solid var(--border-subtle,#d8d8d8);border-radius:var(--radius-lg,8px);cursor:pointer;background:#fff;flex-direction:column;padding:1.5rem;transition:all .2s;display:flex;position:relative}.sub-plan-card:hover{border-color:#b0b0b0;transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.sub-plan-card.selected{border:2px solid var(--color-webflow-blue,#146ef5);background:#f8fbff;box-shadow:0 4px 14px #146ef51f}.sub-plan-card.popular{border-color:var(--border-subtle,#d8d8d8);background:#fff}.sub-plan-card.popular.selected{border:2px solid var(--color-webflow-blue,#146ef5);background:#f8fbff;box-shadow:0 4px 14px #146ef51f}.sub-badge-popular{background:var(--color-webflow-blue,#146ef5);color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm,4px);padding:2px 8px;font-size:.7rem;font-weight:700;position:absolute;top:-10px;right:14px;box-shadow:0 2px 6px #146ef54d}.sub-plan-name{color:var(--text-primary,#080808);margin:0 0 .5rem;font-size:1.12rem;font-weight:700}.sub-plan-price-row{align-items:baseline;gap:.35rem;margin-bottom:.75rem;display:flex}.sub-plan-price{color:var(--text-primary,#080808);letter-spacing:-.03em;font-size:2.2rem;font-weight:800}.sub-plan-period{color:var(--text-secondary,#666);font-size:.88rem}.sub-plan-desc{color:var(--text-secondary,#555);min-height:38px;margin-bottom:1.25rem;font-size:.84rem;line-height:1.45}.sub-plan-features{flex-direction:column;flex:1;gap:.6rem;margin:0 0 1.5rem;padding:0;list-style:none;display:flex}.sub-plan-features li{color:var(--text-secondary,#444);align-items:flex-start;gap:.5rem;font-size:.82rem;line-height:1.4;display:flex}.sub-check-icon{color:var(--color-webflow-blue,#146ef5);flex-shrink:0;font-weight:700}.sub-select-btn{border-radius:var(--radius-sm,4px);cursor:pointer;border:1px solid var(--border-subtle,#d8d8d8);width:100%;color:var(--text-primary,#080808);background:#fff;padding:.7rem 1rem;font-size:.88rem;font-weight:600;transition:all .15s}.sub-select-btn:hover{background:#f5f5f5}.sub-plan-card.selected .sub-select-btn,.sub-plan-card.popular.selected .sub-select-btn{background:var(--color-webflow-blue,#146ef5);border-color:var(--color-webflow-blue,#146ef5);color:#fff;box-shadow:0 2px 8px #146ef540}.sub-checkout-box{border:1px solid var(--border-subtle,#d8d8d8);border-radius:var(--radius-lg,8px);background:#fafafa;flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.sub-checkout-header{border-bottom:1px solid var(--border-subtle,#d8d8d8);justify-content:space-between;align-items:center;padding-bottom:.85rem;display:flex}.sub-checkout-title{color:var(--text-primary,#080808);align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;display:flex}.sub-checkout-sim-badge{color:var(--color-webflow-blue,#146ef5);border-radius:var(--radius-sm,4px);text-transform:uppercase;letter-spacing:.04em;background:#e1ecfc;border:1px solid #c7ddfc;padding:3px 8px;font-size:.72rem;font-weight:700}.stripe-checkout-btn{background:var(--color-webflow-blue,#146ef5);color:#fff;border:1px solid var(--color-webflow-blue,#146ef5);border-radius:var(--radius-sm,4px);cursor:pointer;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:.85rem 1.75rem;font-size:1rem;font-weight:700;transition:all .15s;display:flex;box-shadow:0 2px 8px #146ef540}.stripe-checkout-btn:hover:not(:disabled){background:#0f5ad6;border-color:#0f5ad6;transform:translateY(-1px);box-shadow:0 4px 14px #146ef559}.stripe-checkout-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.stripe-payment-methods{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-top:.35rem;display:flex}.stripe-method-badge{border:1px solid var(--border-subtle,#d8d8d8);border-radius:var(--radius-sm,4px);color:var(--text-secondary,#555);background:#fff;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.stripe-trust-footer{color:var(--text-muted,#777);justify-content:center;align-items:center;gap:.75rem;margin-top:.5rem;font-size:.76rem;display:flex}.sub-sandbox-toggle-btn{color:#b45309;border-radius:var(--radius-sm,4px);cursor:pointer;background:#fff;border:1px dashed #d97706;width:100%;margin-top:.5rem;padding:7px 14px;font-size:.8rem;font-weight:600;transition:all .15s}.sub-sandbox-toggle-btn:hover{background:#fef3c7;border-color:#b45309}.gpay-button{color:#fff;border-radius:var(--radius-sm,4px);cursor:pointer;background:#000;border:1px solid #3c4043;justify-content:center;align-items:center;gap:.65rem;width:100%;padding:.85rem 1.5rem;font-size:1rem;font-weight:500;transition:all .15s;display:flex;box-shadow:0 1px 3px #0003}.gpay-button:hover{background:#111418;border-color:#5f6368;transform:translateY(-1px)}.gpay-logo-pill{letter-spacing:-.02em;align-items:center;gap:4px;font-weight:700;display:inline-flex}.gpay-letter-g{color:#4285f4;font-weight:800}.gpay-letter-o1{color:#ea4335;font-weight:800}.gpay-letter-o2{color:#fbbc05;font-weight:800}.gpay-letter-g2{color:#4285f4;font-weight:800}.gpay-letter-l{color:#34a853;font-weight:800}.gpay-letter-e{color:#ea4335;font-weight:800}.sub-divider{text-align:center;color:var(--text-muted,#888);text-transform:uppercase;letter-spacing:.08em;align-items:center;margin:.25rem 0;font-size:.78rem;display:flex}.sub-divider:before,.sub-divider:after{content:"";border-bottom:1px solid var(--border-subtle,#d8d8d8);flex:1}.sub-divider span{padding:0 .85rem}.sub-card-box{flex-direction:column;gap:.75rem;display:flex}.sub-input-group{flex-direction:column;gap:.35rem;display:flex}.sub-input-group label{color:var(--text-primary,#080808);font-size:.82rem;font-weight:600}.sub-input{border:1px solid var(--border-subtle,#d8d8d8);border-radius:var(--radius-sm,4px);color:var(--text-primary,#080808);background:#fff;padding:.65rem .85rem;font-family:inherit;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.sub-input:focus{border-color:var(--color-webflow-blue,#146ef5);outline:none;box-shadow:0 0 0 2px #146ef533}.sub-row-2col{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.sub-fill-test-btn{color:var(--color-webflow-blue,#146ef5);cursor:pointer;text-align:right;background:0 0;border:none;padding:0;font-size:.78rem;text-decoration:underline}.sub-fill-test-btn:hover{color:#0f5ad6}.sub-submit-btn{background:var(--color-webflow-blue,#146ef5);color:#fff;border:1px solid var(--color-webflow-blue,#146ef5);border-radius:var(--radius-sm,4px);cursor:pointer;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.25rem;font-size:1rem;font-weight:700;transition:all .15s;display:flex;box-shadow:0 2px 8px #146ef540}.sub-submit-btn:hover:not(:disabled){background:#0f5ad6;border-color:#0f5ad6;transform:translateY(-1px);box-shadow:0 4px 14px #146ef559}.sub-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.sub-promo-section{border-top:1px solid var(--border-subtle,#d8d8d8);padding-top:1.25rem}.sub-promo-toggle{color:var(--text-secondary,#555);cursor:pointer;background:0 0;border:none;align-items:center;gap:.4rem;padding:0;font-size:.85rem;font-weight:600;transition:color .15s;display:flex}.sub-promo-toggle:hover{color:var(--color-webflow-blue,#146ef5)}.sub-promo-form{gap:.65rem;margin-top:.85rem;display:flex}.sub-promo-input{border:1px solid var(--border-subtle,#d8d8d8);border-radius:var(--radius-sm,4px);color:var(--text-primary,#080808);letter-spacing:.08em;text-transform:uppercase;background:#fff;flex:1;padding:.65rem .85rem;font-family:JetBrains Mono,monospace,sans-serif;font-size:.88rem}.sub-promo-input:focus{border-color:var(--color-webflow-blue,#146ef5);outline:none;box-shadow:0 0 0 2px #146ef533}.sub-promo-btn{background:var(--color-webflow-blue,#146ef5);color:#fff;border:1px solid var(--color-webflow-blue,#146ef5);border-radius:var(--radius-sm,4px);cursor:pointer;padding:.65rem 1.15rem;font-size:.88rem;font-weight:600;transition:all .15s}.sub-promo-btn:hover:not(:disabled){background:#0f5ad6;border-color:#0f5ad6}.sub-alert{border-radius:var(--radius-sm,4px);align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.85rem;display:flex}.sub-alert-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.sub-alert-success{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.onboarding-modal-content{background:var(--bg-surface,#fff);border:1px solid var(--border-subtle,#d8d8d8);border-radius:var(--radius-lg,8px);width:100%;max-width:540px;color:var(--text-primary,#080808);text-align:center;flex-direction:column;gap:1.5rem;padding:2.25rem;animation:.2s cubic-bezier(.16,1,.3,1) subFadeIn;display:flex;position:relative;box-shadow:0 20px 50px -10px #0003}.onboarding-badge-icon{border-radius:var(--radius-sm,4px);background:#e1ecfc;border:1px solid #c7ddfc;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto;font-size:1.8rem;display:flex}.onboarding-title{letter-spacing:-.02em;color:var(--text-primary,#080808);margin:0;font-size:1.6rem;font-weight:800}.onboarding-subtitle{color:var(--text-secondary,#555);margin:-.5rem 0 0;font-size:.95rem;line-height:1.5}.onboarding-field{text-align:left;flex-direction:column;gap:.45rem;display:flex}.onboarding-field label{color:var(--text-primary,#080808);font-size:.85rem;font-weight:600}.onboarding-input{border:1px solid var(--border-subtle,#d8d8d8);border-radius:var(--radius-sm,4px);color:var(--text-primary,#080808);background:#fff;padding:.75rem .9rem;font-size:.95rem;transition:all .15s}.onboarding-input:focus{border-color:var(--color-webflow-blue,#146ef5);outline:none;box-shadow:0 0 0 2px #146ef533}.onboarding-cta-btn{background:var(--color-webflow-blue,#146ef5);color:#fff;border:1px solid var(--color-webflow-blue,#146ef5);border-radius:var(--radius-sm,4px);cursor:pointer;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.5rem;font-size:1rem;font-weight:700;transition:all .15s;display:flex;box-shadow:0 2px 8px #146ef540}.onboarding-cta-btn:hover{background:#0f5ad6;border-color:#0f5ad6;transform:translateY(-1px)}.onboarding-skip-btn{color:var(--text-muted,#777);cursor:pointer;background:0 0;border:none;font-size:.85rem;transition:color .15s}.onboarding-skip-btn:hover{color:var(--text-primary,#080808)}.vip-portal-content{background:var(--bg-surface,#fff);border:1px solid var(--border-subtle,#d8d8d8);border-radius:var(--radius-lg,8px);width:100%;max-width:960px;max-height:90vh;color:var(--text-primary,#080808);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 20px 50px -10px #0003}.vip-tabs{border-bottom:1px solid var(--border-subtle,#d8d8d8);background:#fafafa;gap:.5rem;padding:0 1.75rem;display:flex}.vip-tab-btn{color:var(--text-secondary,#666);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.85rem 1.25rem;font-size:.92rem;font-weight:600;transition:all .15s}.vip-tab-btn:hover{color:var(--text-primary,#080808)}.vip-tab-btn.active{color:var(--color-webflow-blue,#146ef5);border-bottom-color:var(--color-webflow-blue,#146ef5)}.vip-table-container{border:1px solid var(--border-subtle,#d8d8d8);border-radius:var(--radius-sm,4px);background:#fff;overflow-x:auto}.vip-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.vip-table th{color:var(--text-secondary,#555);border-bottom:1px solid var(--border-subtle,#d8d8d8);background:#f8f8f8;padding:.75rem 1rem;font-weight:600}.vip-table td{border-bottom:1px solid var(--border-subtle,#d8d8d8);color:var(--text-primary,#080808);padding:.75rem 1rem}.vip-table tr:hover td{background:#fafafa}.vip-badge-claimed{color:#16a34a;border-radius:var(--radius-sm,4px);background:#f0fdf4;border:1px solid #bbf7d0;padding:2px 6px;font-size:.72rem;font-weight:700}.vip-badge-pending{color:#b45309;border-radius:var(--radius-sm,4px);background:#fef3c7;border:1px solid #fde68a;padding:2px 6px;font-size:.72rem;font-weight:700}.vip-action-btn-danger{color:#dc2626;border-radius:var(--radius-sm,4px);cursor:pointer;background:#fef2f2;border:1px solid #fecaca;padding:4px 10px;font-size:.78rem;transition:all .15s}.vip-action-btn-danger:hover{color:#b91c1c;background:#fee2e2}.vip-copy-btn{color:var(--color-webflow-blue,#146ef5);border-radius:var(--radius-sm,4px);cursor:pointer;background:#e1ecfc;border:1px solid #c7ddfc;padding:4px 10px;font-size:.78rem;transition:all .15s}.vip-copy-btn:hover{background:#d0e4fb}
