.subscription-page{min-height:100vh;padding-top:6rem;padding-bottom:4rem;background-color:transparent;background-image:none;color:#f8fafc;font-family:Inter,system-ui,-apple-system,sans-serif}.subscription-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.subscription-header{text-align:center;margin-bottom:4rem;animation:fadeIn .6s ease-out}.subscription-title{font-size:3rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#94a3b8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subscription-subtitle{font-size:1.2rem;color:#94a3b8;max-width:600px;margin:0 auto;line-height:1.6}.comparison-section{margin-top:6rem;animation:fadeIn .8s ease-out}.comparison-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:3rem;background:linear-gradient(135deg,#fff,#cbd5e1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:1rem;background:#0f172a66;border:1px solid rgba(255,255,255,.05);padding:1rem}.compare-table{width:100%;min-width:600px;border-collapse:collapse;text-align:left;font-family:Inter,system-ui,-apple-system,sans-serif}.compare-table th{padding:1.5rem 1rem;font-size:1.1rem;font-weight:600;color:#fff;border-bottom:1px solid rgba(255,255,255,.1);background:#0f172acc;position:sticky;top:0;z-index:2}.compare-table td{padding:1.2rem 1rem;border-bottom:1px solid rgba(255,255,255,.05);color:#cbd5e1;font-size:.95rem;vertical-align:middle}.compare-table th:first-child,.compare-table td:first-child{width:40%;font-weight:500;color:#f1f5f9}.compare-table th:not(:first-child),.compare-table td:not(:first-child){width:20%;text-align:center}.compare-table tbody tr:not(.group-header):hover{background:#ffffff05}.group-header td{background:#ffffff08;color:#818cf8;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;padding:1rem;border-bottom:1px solid rgba(99,102,241,.2);text-align:left!important}.tier-start{color:#cbd5e1}.tier-pro{color:#fbbf24;text-shadow:0 0 10px rgba(251,191,36,.3)}.tier-partner{color:#a855f7;text-shadow:0 0 10px rgba(168,85,247,.3)}.subscription-faq{margin-top:4rem;border-top:1px solid rgba(255,255,255,.05);padding-top:4rem}.subscription-faq h3{font-size:1.75rem;font-weight:700;color:#fff;text-align:center;margin-bottom:3rem}.sub-faq-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:2rem;max-width:800px;margin:0 auto}@media(min-width:768px){.sub-faq-grid{grid-template-columns:repeat(2,1fr)}}.sub-faq-item h4{color:#e2e8f0;font-size:1.1rem;margin-bottom:.75rem}.sub-faq-item p{color:#94a3b8;line-height:1.6;font-size:.95rem}.b2b-link-wrapper{text-align:center;margin-top:4rem}.b2b-link{color:#6366f1;text-decoration:none;font-weight:600;font-size:1.1rem;border-bottom:1px dashed rgba(99,102,241,.5);padding-bottom:2px;transition:all .2s}.b2b-link:hover{color:#818cf8;border-color:#818cf8}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.feature-info-btn{background:none;border:none;padding:0;color:#64748b;cursor:pointer;display:flex;transition:color .2s}.feature-info-btn:hover{color:#818cf8}.feature-label-wrap{display:flex;align-items:center;gap:.5rem}.feature-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172acc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeIn .2s ease-out}.feature-modal{background:#1e293b;border:1px solid rgba(255,255,255,.1);border-radius:1.5rem;padding:2.5rem;max-width:500px;width:100%;position:relative;box-shadow:0 20px 50px #00000080;animation:modalSlideIn .3s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.feature-modal-close{position:absolute;top:1.5rem;right:1.5rem;background:#ffffff0d;border:none;color:#94a3b8;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.feature-modal-close:hover{background:#ffffff1a;color:#fff}.feature-modal-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1rem;padding-right:2rem}.feature-modal-desc{color:#cbd5e1;line-height:1.6;font-size:1rem;margin:0}
