.usermenu{position:relative}.usermenu-trigger{align-items:center;background:none;border:1px solid #1e293b;border-radius:8px;cursor:pointer;display:flex;gap:6px;padding:4px 8px 4px 4px;transition:border-color .15s,background .15s}.usermenu-trigger:hover{background:#1e293b;border-color:#334155}.usermenu-trigger[aria-expanded=true]{background:#1e293b;border-color:#3b82f6}.usermenu-avatar{align-items:center;background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:28px;justify-content:center;letter-spacing:.5px;width:28px}.usermenu-chevron{color:#64748b;height:14px;transition:transform .2s;width:14px}.usermenu-trigger[aria-expanded=true] .usermenu-chevron{transform:rotate(180deg)}.usermenu-dropdown{animation:usermenu-in .12s ease;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 24px #00000024,0 2px 6px #00000014;min-width:220px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:100}@keyframes usermenu-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.usermenu-header{align-items:center;display:flex;gap:10px;padding:14px 16px}.usermenu-header-avatar{align-items:center;background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:36px;justify-content:center;letter-spacing:.5px;width:36px}.usermenu-header-info{display:flex;flex-direction:column;gap:1px;overflow:hidden}.usermenu-header-name{color:#0f172a;font-size:14px;font-weight:600}.usermenu-header-email,.usermenu-header-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usermenu-header-email{color:#94a3b8;font-size:12px}.usermenu-divider{background:#f1f5f9;height:1px;margin:0}.usermenu-item{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:11px 16px;text-align:left;text-decoration:none;transition:background .1s,color .1s;width:100%}.usermenu-item:hover{background:#f8fafc;color:#0f172a}.usermenu-item-icon{color:#64748b;flex-shrink:0;height:16px;width:16px}.usermenu-item--signout{color:#dc2626}.usermenu-item--signout:hover{background:#fef2f2;color:#b91c1c}.usermenu-item--signout .usermenu-item-icon{color:currentColor}:root{--sh-navy:#0f172a;--sh-navy-mid:#1e293b;--sh-blue:#3b82f6;--sh-blue-dark:#1e40af;--sh-green:#10b981;--sh-surface:#f8fafc;--sh-white:#fff;--sh-text:#0f172a;--sh-muted:#64748b;--sh-border:#e2e8f0;--sh-shadow:0 0 0 1px #0000000a,0 4px 16px #00000014;--sh-shadow-lg:0 0 0 1px #0000000f,0 24px 48px #0000002e}*{box-sizing:border-box;margin:0;padding:0}.home{color:#0f172a;color:var(--sh-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.hero{grid-gap:4rem;align-items:center;background-color:#0f172a;background-color:var(--sh-navy);background-image:radial-gradient(ellipse 80% 60% at 20% 10%,#3b82f626 0,#0000 60%),radial-gradient(ellipse 60% 50% at 80% 90%,#10b9811a 0,#0000 60%);display:grid;gap:4rem;grid-template-columns:1fr 1fr;min-height:600px;padding:100px 60px}.hero-content h1{color:#fff;color:var(--sh-white);font-size:56px;font-weight:800;letter-spacing:-1px;line-height:1.15;margin-bottom:20px}.hero-subtitle{color:#ffffffa6;font-size:20px;line-height:1.6;margin-bottom:40px}.hero-cta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:30px}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;justify-content:center;letter-spacing:.1px;padding:12px 32px;text-decoration:none;transition:opacity .15s,transform .1s,box-shadow .15s}.btn-primary{background:linear-gradient(135deg,#1e40af,#3b82f6);background:linear-gradient(135deg,var(--sh-blue-dark) 0,var(--sh-blue) 100%);border:none;color:#fff;color:var(--sh-white)}.btn-primary:hover{box-shadow:0 8px 24px #3b82f659;opacity:.9;transform:translateY(-1px)}.btn-secondary{background:#0000;border:1.5px solid #ffffff59;color:#fff;color:var(--sh-white)}.btn-secondary:hover{background:#ffffff14;transform:translateY(-1px)}.btn-primary-large,.btn-secondary-large{font-size:16px;padding:14px 40px}.hero-trust{color:#ffffff73;font-size:13px;font-weight:500;letter-spacing:.2px}.hero-visual{align-items:center;display:flex;height:380px;justify-content:center}.chart-placeholder{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;justify-content:center;padding:40px}.chart-bars,.chart-placeholder{align-items:flex-end;display:flex;gap:12px;height:100%;width:100%}.bar{background:linear-gradient(180deg,#3b82f6,#1e40af);background:linear-gradient(180deg,var(--sh-blue) 0,var(--sh-blue-dark) 100%);border-radius:6px 6px 0 0;flex:1 1;opacity:.85;transition:opacity .2s,transform .2s}.bar:hover{opacity:1;transform:translateY(-4px)}.how-it-works{background:#fff;background:var(--sh-white);padding:100px 60px;text-align:center}.how-it-works h2{color:#0f172a;color:var(--sh-text);font-size:40px;font-weight:800;letter-spacing:-.5px;margin-bottom:12px}.section-subtitle{color:#64748b;color:var(--sh-muted);font-size:17px;line-height:1.6;margin-bottom:60px;margin-left:auto;margin-right:auto;max-width:560px}.features-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:40px}.feature-card{background:#fff;background:var(--sh-white);border:1px solid #e2e8f0;border:1px solid var(--sh-border);border-radius:16px;box-shadow:0 0 0 1px #0000000a,0 4px 16px #00000014;box-shadow:var(--sh-shadow);padding:36px 32px;text-align:left;transition:box-shadow .2s,transform .2s}.feature-card:hover{box-shadow:0 0 0 1px #0000000f,0 24px 48px #0000002e;box-shadow:var(--sh-shadow-lg);transform:translateY(-4px)}.feature-icon{font-size:36px;margin-bottom:16px}.feature-card h3{color:#0f172a;color:var(--sh-text);font-size:17px;font-weight:700;letter-spacing:-.2px;margin-bottom:10px}.feature-card p{color:#64748b;color:var(--sh-muted);font-size:14px;line-height:1.65}.results{background-color:#0f172a;background-color:var(--sh-navy);background-image:radial-gradient(ellipse 70% 50% at 90% 20%,#3b82f61f 0,#0000 60%),radial-gradient(ellipse 50% 40% at 10% 80%,#10b98114 0,#0000 60%);color:#fff;color:var(--sh-white);padding:100px 60px;text-align:center}.results h2{font-size:40px;font-weight:800;letter-spacing:-.5px;margin-bottom:60px}.results-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.result-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:36px 28px;transition:background .2s,transform .2s}.result-card:hover{background:#ffffff14;transform:translateY(-4px)}.result-card h3{color:#10b981;color:var(--sh-green);font-size:28px;font-weight:800;letter-spacing:-.5px;margin-bottom:12px}.result-card p{color:#ffffffa6;font-size:14px;line-height:1.65}.use-cases{background:#f8fafc;background:var(--sh-surface);padding:100px 60px}.use-cases h2{color:#0f172a;color:var(--sh-text);font-size:40px;font-weight:800;letter-spacing:-.5px;margin-bottom:60px;text-align:center}.use-case{grid-gap:60px;align-items:center;background:#fff;background:var(--sh-white);border:1px solid #e2e8f0;border:1px solid var(--sh-border);border-radius:20px;box-shadow:0 0 0 1px #0000000a,0 4px 16px #00000014;box-shadow:var(--sh-shadow);display:grid;gap:60px;grid-template-columns:1fr 1fr;margin-bottom:72px;padding:48px}.use-case.reverse{direction:rtl}.use-case.reverse>*{direction:ltr}.use-case-content h3{color:#0f172a;color:var(--sh-text);font-size:26px;font-weight:700;letter-spacing:-.3px;margin-bottom:14px}.use-case-content p{color:#64748b;color:var(--sh-muted);font-size:15px;line-height:1.8;margin-bottom:24px}.link-arrow{align-items:center;color:#3b82f6;color:var(--sh-blue);display:inline-flex;font-size:15px;font-weight:600;text-decoration:none;transition:transform .15s}.link-arrow:hover{transform:translateX(4px)}.use-case-visual{font-size:96px;opacity:.75;text-align:center}.testimonials{background:#fff;background:var(--sh-white);padding:100px 60px;text-align:center}.testimonials h2{color:#0f172a;color:var(--sh-text);font-size:40px;font-weight:800;letter-spacing:-.5px;margin-bottom:12px}.testimonials-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:56px}.testimonial{background:#fff;background:var(--sh-white);border:1px solid #e2e8f0;border:1px solid var(--sh-border);border-radius:16px;box-shadow:0 0 0 1px #0000000a,0 4px 16px #00000014;box-shadow:var(--sh-shadow);padding:36px 32px;text-align:left;transition:box-shadow .2s,transform .2s}.testimonial:hover{box-shadow:0 0 0 1px #0000000f,0 24px 48px #0000002e;box-shadow:var(--sh-shadow-lg);transform:translateY(-4px)}.testimonial-text{color:#0f172a;color:var(--sh-text);font-size:15px;font-style:italic;line-height:1.8;margin-bottom:20px}.testimonial-author{color:#3b82f6;color:var(--sh-blue);font-size:14px;font-weight:600}.cta-final{background-color:#0f172a;background-color:var(--sh-navy);background-image:radial-gradient(ellipse 80% 60% at 20% 10%,#3b82f62e 0,#0000 60%),radial-gradient(ellipse 60% 50% at 80% 90%,#10b9811a 0,#0000 60%);color:#fff;color:var(--sh-white);padding:100px 60px;text-align:center}.cta-final h2{font-size:40px;font-weight:800;letter-spacing:-.5px;margin-bottom:16px}.cta-final p{color:#ffffffa6;font-size:18px;margin-bottom:40px}.cta-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.cta-final .btn-primary-large{background:linear-gradient(135deg,#1e40af,#3b82f6);background:linear-gradient(135deg,var(--sh-blue-dark) 0,var(--sh-blue) 100%);border:none;color:#fff;color:var(--sh-white)}.cta-final .btn-primary-large:hover{box-shadow:0 8px 24px #3b82f666;opacity:.9;transform:translateY(-1px)}.cta-final .btn-secondary-large{background:#0000;border:1.5px solid #ffffff59;color:#fff;color:var(--sh-white)}.cta-final .btn-secondary-large:hover{background:#ffffff14;transform:translateY(-1px)}.footer{background:#1e293b;background:var(--sh-navy-mid);border-top:1px solid #ffffff0f;color:#fff;color:var(--sh-white);padding:60px}.footer-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:0 auto 48px;max-width:1200px}.footer-section h4{color:#fff;color:var(--sh-white);font-size:13px;font-weight:700;letter-spacing:.6px;margin-bottom:16px;text-transform:uppercase}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:10px}.footer-section a{color:#ffffff80;font-size:14px;text-decoration:none;transition:color .15s}.footer-section a:hover{color:#fff;color:var(--sh-white)}.footer-bottom{border-top:1px solid #ffffff14;color:#fff6;font-size:13px;padding-top:28px;text-align:center}.footer-bottom p:first-child{margin-bottom:10px}.disclaimer{font-size:11px;line-height:1.6;opacity:.7}@media (max-width:768px){.hero{gap:40px;grid-template-columns:1fr;padding:60px 30px}.hero-content h1{font-size:36px}.hero-subtitle{font-size:17px}.cta-final,.footer,.how-it-works,.results,.testimonials,.use-cases{padding:60px 30px}.cta-final h2,.how-it-works h2,.results h2,.testimonials h2,.use-cases h2{font-size:32px}.use-case{gap:24px;grid-template-columns:1fr;padding:32px}.use-case.reverse{direction:ltr}.use-case-visual{font-size:64px}.features-grid,.results-grid,.testimonials-grid{grid-template-columns:1fr}.cta-buttons{align-items:stretch;flex-direction:column}.btn,.btn-primary-large,.btn-secondary-large{text-align:center;width:100%}.footer-content{gap:28px;grid-template-columns:1fr 1fr}}@media (max-width:480px){.hero{padding:48px 20px}.hero-content h1{font-size:28px}.hero-subtitle{font-size:15px}.hero-cta{flex-direction:column}.cta-final,.footer,.how-it-works,.results,.testimonials,.use-cases{padding:48px 20px}.cta-final h2,.how-it-works h2,.results h2,.testimonials h2,.use-cases h2{font-size:26px}.section-subtitle{font-size:15px}.use-case{padding:24px}.footer-content{grid-template-columns:1fr}}.login-page{align-items:center;background-color:#0f172a;background-image:radial-gradient(ellipse 80% 60% at 20% 10%,#3b82f61f 0,#0000 60%),radial-gradient(ellipse 60% 50% at 80% 90%,#10b98114 0,#0000 60%);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:24px}.login-card{background:#fff;border-radius:16px;box-shadow:0 0 0 1px #0000000a,0 24px 48px #00000059;max-width:420px;padding:48px 40px 36px;width:100%}.login-brand{align-items:center;display:flex;gap:10px;margin-bottom:32px}.login-brand-icon{border-radius:10px;flex-shrink:0;height:42px;width:42px}.login-brand-name{color:#0f172a;font-size:20px;font-weight:700;letter-spacing:-.3px;line-height:1}.login-brand-name span{color:#3b82f6}.login-card--wide{max-width:500px}.login-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}@media (max-width:480px){.login-row{grid-template-columns:1fr}}.login-heading{color:#0f172a;font-size:26px;font-weight:700;letter-spacing:-.5px;margin:0 0 6px}.login-subheading{color:#64748b;font-size:14px;margin:0 0 28px}.login-form{gap:16px}.login-field,.login-form{display:flex;flex-direction:column}.login-field{gap:6px}.login-label{color:#374151;font-size:13px;font-weight:500}.login-input{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;color:#0f172a;font-size:15px;height:46px;outline:none;padding:0 14px;transition:border-color .15s,box-shadow .15s,background .15s;width:100%}.login-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.login-input.error{background:#fff5f5;border-color:#ef4444}.login-input.error:focus{box-shadow:0 0 0 3px #ef44441a}.login-field-error{color:#ef4444;font-size:12px}.login-submit{background:linear-gradient(135deg,#1e40af,#3b82f6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;height:48px;letter-spacing:.1px;margin-top:4px;transition:opacity .15s,transform .1s}.login-submit:hover{opacity:.92;transform:translateY(-1px)}.login-submit:active{opacity:1;transform:translateY(0)}.login-submit:disabled{cursor:not-allowed;opacity:.55;transform:none}.login-message{border-radius:8px;font-size:13px;line-height:1.4;padding:10px 14px}.login-message.error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.login-message.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.login-divider{align-items:center;color:#cbd5e1;display:flex;font-size:12px;gap:12px;margin:20px 0 4px}.login-divider:after,.login-divider:before{background:#e2e8f0;content:"";flex:1 1;height:1px}.login-signup-row{color:#64748b;font-size:14px;margin-top:20px;text-align:center}.login-signup-row a{color:#3b82f6;font-weight:600;margin-left:4px;text-decoration:none}.login-signup-row a:hover{text-decoration:underline}.login-terms{border-top:1px solid #f1f5f9;color:#94a3b8;font-size:11.5px;line-height:1.6;margin-top:24px;padding-top:20px;text-align:center}.login-terms a{color:#64748b;text-decoration:underline;text-underline-offset:2px}.login-terms a:hover{color:#3b82f6}.pw-input-wrapper{align-items:center;display:flex;position:relative;width:100%}.pw-input{padding-right:42px!important;width:100%}.pw-toggle{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;flex-shrink:0;height:22px;justify-content:center;padding:0;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:color .15s;width:22px}.pw-toggle:hover{color:#475569}.pw-toggle svg{height:18px;width:18px}.settings-page{align-items:flex-start;background:#0f172a;background-image:radial-gradient(ellipse 80% 60% at 20% 10%,#3b82f61a 0,#0000 60%),radial-gradient(ellipse 60% 50% at 80% 90%,#10b9810f 0,#0000 60%);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:48px 24px 80px}.settings-card{background:#fff;border-radius:16px;box-shadow:0 0 0 1px #0000000a,0 24px 48px #0000004d;max-width:560px;overflow:hidden;width:100%}.settings-header{border-bottom:1px solid #f1f5f9;padding:32px 36px 24px}.settings-title{color:#0f172a;font-size:22px;font-weight:700;letter-spacing:-.4px;margin:0 0 4px}.settings-subtitle{color:#64748b;font-size:14px;margin:0}.settings-form{display:flex;flex-direction:column;gap:20px;padding:28px 36px 36px}.settings-loading{color:#64748b;font-size:14px;padding:36px;text-align:center}.settings-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}@media (max-width:480px){.settings-row{grid-template-columns:1fr}}.settings-field{display:flex;flex-direction:column;gap:6px}.settings-label{color:#374151;font-size:13px;font-weight:500}.settings-input{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;color:#0f172a;font-size:15px;height:46px;outline:none;padding:0 14px;transition:border-color .15s,box-shadow .15s,background .15s;width:100%}.settings-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.settings-input.error{background:#fff5f5;border-color:#ef4444}.settings-input--readonly{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.settings-input--readonly:focus{border-color:#e2e8f0;box-shadow:none}.settings-field-error{color:#ef4444;font-size:12px}.settings-field-hint{color:#94a3b8;font-size:12px;line-height:1.4}.settings-message{border-radius:8px;font-size:13px;line-height:1.4;padding:10px 14px}.settings-message.error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.settings-message.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.settings-actions{display:flex;justify-content:flex-end;padding-top:4px}.settings-save-btn{background:linear-gradient(135deg,#1e40af,#3b82f6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;height:44px;letter-spacing:.1px;padding:0 28px;transition:opacity .15s,transform .1s}.settings-save-btn:hover{opacity:.9;transform:translateY(-1px)}.settings-save-btn:active{transform:translateY(0)}.settings-save-btn:disabled{cursor:not-allowed;opacity:.55;transform:none}.settings-section-divider{align-items:center;color:#94a3b8;display:flex;font-size:12px;font-weight:600;gap:12px;letter-spacing:.08em;padding:0 36px;text-transform:uppercase}.settings-section-divider:after,.settings-section-divider:before{background:#f1f5f9;content:"";flex:1 1;height:1px}.sub-page{background:#0f172a;background-image:radial-gradient(ellipse 80% 60% at 20% 10%,#3b82f61a 0,#0000 60%),radial-gradient(ellipse 60% 50% at 80% 90%,#10b9810f 0,#0000 60%);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:48px 24px 80px}.sub-page-inner{margin:0 auto;max-width:760px}.sub-page-title{color:#f8fafc;font-size:26px;font-weight:700;letter-spacing:-.5px;margin:0 0 4px}.sub-page-subtitle{color:#64748b;font-size:14px;margin:0 0 36px}.sub-card{background:#fff;border-radius:16px;box-shadow:0 0 0 1px #0000000a,0 12px 32px #00000040;margin-bottom:24px;padding:28px 32px}.sub-card-title{color:#94a3b8;font-size:13px;font-weight:600;letter-spacing:.6px;margin:0 0 16px;text-transform:uppercase}.sub-current-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.sub-current-left{align-items:center;display:flex;gap:14px}.sub-tier-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:13px;font-weight:700;gap:6px;letter-spacing:.4px;padding:5px 14px;text-transform:uppercase}.sub-tier-badge.free{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.sub-tier-badge.pro{background:linear-gradient(135deg,#1e40af,#3b82f6);border:none;color:#fff}.sub-plan-name{color:#0f172a;font-size:20px;font-weight:700;letter-spacing:-.3px}.sub-plan-desc{color:#64748b;font-size:13px;margin-top:2px}.sub-meta{display:flex;flex-direction:column;gap:4px;text-align:right}.sub-meta-item{color:#64748b;font-size:13px}.sub-meta-item strong{color:#0f172a;font-weight:600}.sub-status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:2px 10px;text-transform:capitalize}.sub-status-badge.active{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.sub-status-badge.trialing{background:#eff6ff;border:1px solid #bfdbfe;color:#2563eb}.sub-status-badge.past_due{background:#fff7ed;border:1px solid #fed7aa;color:#ea580c}.sub-status-badge.canceled{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.sub-portal-btn{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:600;height:40px;padding:0 20px;transition:border-color .15s,background .15s;white-space:nowrap}.sub-portal-btn:hover{background:#eff6ff;border-color:#3b82f6;color:#1e40af}.sub-portal-btn:disabled{cursor:not-allowed;opacity:.5}.sub-cancel-notice{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;color:#92400e;font-size:13px;margin-top:16px;padding:10px 14px}.sub-plans-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-top:4px}@media (max-width:520px){.sub-plans-grid{grid-template-columns:1fr}}.sub-plan-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;padding:24px;position:relative;transition:border-color .15s}.sub-plan-card.highlighted{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f614}.sub-popular-badge{background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:10px;color:#fff;font-size:11px;font-weight:700;left:50%;letter-spacing:.3px;padding:3px 12px;position:absolute;top:-11px;transform:translateX(-50%);white-space:nowrap}.sub-plan-card-name{color:#0f172a;font-size:15px;font-weight:700;margin:0 0 4px}.sub-plan-card-price{color:#0f172a;font-size:28px;font-weight:800;letter-spacing:-.5px;margin:0 0 2px}.sub-plan-card-price span{color:#64748b;font-size:14px;font-weight:500}.sub-plan-card-desc{color:#94a3b8;font-size:12px;margin:0 0 16px}.sub-plan-features{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0 0 20px;padding:0}.sub-plan-features li{align-items:flex-start;color:#374151;display:flex;font-size:13px;gap:8px}.sub-feature-check{flex-shrink:0;height:16px;margin-top:1px;width:16px}.sub-feature-check.yes{color:#16a34a}.sub-feature-check.no{color:#cbd5e1}.sub-plan-cta{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;height:42px;transition:opacity .15s,transform .1s;width:100%}.sub-plan-cta.current{background:#f1f5f9;border:1.5px solid #e2e8f0;color:#64748b;cursor:default}.sub-plan-cta.upgrade{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff}.sub-plan-cta.upgrade:hover{opacity:.9;transform:translateY(-1px)}.sub-plan-cta.upgrade:disabled{cursor:not-allowed;opacity:.6;transform:none}.sub-message{border-radius:8px;font-size:13px;margin-bottom:20px;padding:10px 14px}.sub-message.error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.sub-message.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.sub-message.info{background:#eff6ff;border:1px solid #bfdbfe;color:#2563eb}
/*# sourceMappingURL=main.a2312a4b.css.map*/