.visually-hidden{position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:#f8f9fa;color:#1a1a1a;line-height:1.6;min-height:100vh}.desktop-only{display:block}.mobile-only{display:none}.top-nav{position:sticky;top:0;left:0;right:0;background-color:#ffffff;color:#0f172a;z-index:1000;box-shadow:0 1px 8px rgba(15,23,42,0.06);border-bottom:1px solid #e5e7eb}.top-nav-inner{max-width:1280px;margin:0 auto;padding:12px 24px;display:flex;justify-content:space-between;align-items:center}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none}.brand:hover{text-decoration:none}.brand-icon{width:32px;height:32px;border-radius:10px;background:#0b72e7;color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 6px 12px rgba(11,114,231,0.2);font-size:16px}.brand-text{font-size:18px;font-weight:800;color:#0f172a;text-transform:lowercase}.user-info{display:flex;align-items:center;gap:12px}.user-email{font-size:15px;font-weight:600;color:#0f172a}.back-btn{background:#0b72e7;color:#ffffff;border:1px solid #0b72e7;padding:10px 18px;border-radius:12px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-weight:700;transition:all 0.2s ease;box-shadow:0 8px 20px rgba(11,114,231,0.24)}.back-btn:hover{background:#075ec2;border-color:#075ec2;box-shadow:0 12px 26px rgba(11,114,231,0.3);transform:translateY(-1px)}.container{max-width:1400px;margin:0 auto;padding:60px 20px}.page-title{text-align:center;margin-bottom:50px}.page-title h1{font-size:36px;margin-bottom:10px;color:#1a1a1a}.page-title p{font-size:18px;color:#6b7280}.pricing-grid{display:grid;grid-template-columns:350px 1fr;gap:30px;margin-bottom:50px;max-width:1200px;margin:0 auto}.pricing-card{background:white;border-radius:20px;padding:40px;box-shadow:0 10px 40px rgba(0,0,0,0.08);position:relative;transition:transform 0.3s,box-shadow 0.3s}.pricing-card:hover{transform:translateY(-5px);box-shadow:0 15px 50px rgba(0,0,0,0.12)}.pricing-card.free{background:#4a5568;color:white}.unlimited-container{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pricing-card.unlimited{background:linear-gradient(135deg,#0066ff 0%,#0052cc 100%);color:white}.pricing-card.unlimited.yearly{position:relative}.best-value-badge{position:absolute;top:-15px;right:20px;background:#10b981;color:white;padding:5px 15px;border-radius:20px;font-size:12px;font-weight:600;box-shadow:0 4px 10px rgba(16,185,129,0.3)}.plan-header{text-align:center;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,0.2);margin-bottom:30px}.plan-name{font-size:20px;font-weight:600;margin-bottom:20px}.plan-price{font-size:48px;font-weight:700;margin-bottom:5px}.plan-price-local{font-size:16px;font-weight:650;opacity:0.9;margin-top:6px}.plan-price .currency{font-size:24px;vertical-align:super}.plan-price .period{font-size:18px;font-weight:400;opacity:0.8}.plan-subtitle{font-size:14px;opacity:0.8}.billed-info{font-size:14px;opacity:0.7;margin-top:10px}.savings-info{background:rgba(255,255,255,0.2);padding:8px 15px;border-radius:20px;font-size:13px;margin-top:10px;display:inline-block}.savings-info-local{display:block;margin-top:4px;font-weight:650;opacity:0.9}.features-list{list-style:none;margin-bottom:30px}.feature-item{display:flex;align-items:flex-start;margin-bottom:20px}.feature-icon{margin-right:15px;font-size:20px;flex-shrink:0}.feature-text{flex:1}.feature-title{font-weight:600;margin-bottom:4px}.feature-desc{font-size:14px;opacity:0.8;line-height:1.4}.action-btn{width:100%;padding:15px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s;text-decoration:none;display:inline-block;text-align:center}.btn-current{background:rgba(255,255,255,0.2);color:white;cursor:default}.btn-upgrade{background:white;color:#0066ff}.btn-upgrade:hover{transform:translateY(-2px);box-shadow:0 5px 20px rgba(0,0,0,0.2)}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);animation:fadeIn 0.3s}.modal-content{background-color:white;margin:2% auto;padding:30px;border-radius:20px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp 0.3s}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.modal-content::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.modal-content::-webkit-scrollbar-thumb:hover{background:#555}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.close{position:absolute;right:20px;top:20px;font-size:28px;font-weight:bold;color:#6b7280;cursor:pointer}.close:hover{color:#000}.modal-header{text-align:center;margin-bottom:30px}.modal-header h2{color:#1a1a1a;margin-bottom:10px}.modal-header p{color:#6b7280}.payment-steps{margin-top:20px}.step{display:flex;align-items:flex-start;margin-bottom:20px;padding:15px;background:#f9fafb;border-radius:10px}.step-number{background:#0066ff;color:white;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;margin-right:15px;flex-shrink:0}.step-content h4{margin-bottom:5px;color:#1a1a1a}.step-content p{color:#6b7280;font-size:14px}.payment-options{display:flex;gap:15px;margin:20px 0}.payment-option-btn{flex:1;display:inline-block;color:white;padding:15px 30px;border-radius:10px;text-decoration:none;font-weight:600;transition:all 0.3s;text-align:center;cursor:pointer;border:none;font-size:16px}.Creem-button{background:#0070ba}.Creem-button:hover{background:#005ea6}.usdt-button{background:#26A17B}.usdt-button:hover{background:#1e8060}.payment-method-content{display:none}.payment-method-content.active{display:block}.crypto-address-container{background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;padding:20px;margin:20px 0}.crypto-address{font-family:monospace;font-size:14px;background:white;padding:12px;border-radius:6px;word-break:break-all;margin:10px 0;border:1px solid #e5e7eb}.copy-button{background:#667eea;color:white;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px}.copy-button:hover{background:#5a67d8}.qr-code{text-align:center;margin:20px 0}.network-info{background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;padding:12px;margin:15px 0}.network-info strong{color:#d97706}.Creem-button{display:inline-block;background:#0070ba;color:white;padding:15px 30px;border-radius:10px;text-decoration:none;font-weight:600;margin:20px 0;transition:background 0.3s;width:100%;text-align:center}.Creem-button:hover{background:#005ea6}.transaction-id-input{width:100%;padding:12px;border:2px solid #e5e7eb;border-radius:10px;font-size:16px;margin-top:10px}.transaction-id-input:focus{outline:none;border-color:#0066ff}.btn-confirm{width:100%;padding:15px;background:#10b981;color:white;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;margin-top:15px;transition:background 0.3s}.btn-confirm:hover{background:#059669}.btn-confirm:disabled{background:#d1d5db;cursor:not-allowed}.icon-transcripts{color:#3b82f6}.icon-uploads{color:#f59e0b}.icon-features{color:#10b981}.icon-priority{color:#a855f7}@media (max-width:1200px){.pricing-grid{grid-template-columns:1fr}.unlimited-container{grid-template-columns:1fr}}@media (max-width:768px){.desktop-only{display:none !important}.mobile-only{display:block !important}.top-nav-inner{padding:12px 16px;flex-direction:row;gap:12px;text-align:left;justify-content:space-between;align-items:center}.user-info{flex-direction:row;align-items:center;gap:12px;width:auto}.user-info .user-email{display:none}.back-btn{width:auto;justify-content:center;padding:10px 14px;font-size:14px;white-space:nowrap}.container{padding:36px 16px 48px}.page-title{margin-bottom:28px}.page-title h1{font-size:28px}.page-title p{font-size:16px;color:#475569}.pricing-grid{gap:18px}.pricing-card{padding:28px 22px;border-radius:18px;box-shadow:0 16px 36px rgba(15,23,42,0.12)}.plan-header{margin-bottom:24px;padding-bottom:20px}.plan-price{font-size:34px}.plan-subtitle,.billed-info,.savings-info{font-size:13px}.unlimited-container{gap:18px}.features-list{margin-bottom:22px}.feature-item{margin-bottom:14px;gap:12px}.feature-icon{font-size:18px}.feature-title{font-size:15px}.feature-desc{font-size:13px}.action-btn{padding:14px;font-size:15px;border-radius:12px}.pricing-card.free .feature-icon{color:#2563eb}.payment-options{flex-direction:column;gap:10px}.payment-option-btn{width:100%;padding:12px 18px !important}.best-value-badge{top:-6px;right:12px;font-size:12px;padding:4px 12px}.pricing-card.free{order:3;background:white;color:#1a1a1a}.pricing-card.free .plan-header{border-bottom:1px solid rgba(15,23,42,0.08)}.pricing-grid{display:flex;flex-direction:column}.pricing-grid>*{width:100%}.unlimited-container{display:flex;flex-direction:column;gap:18px;order:1}.unlimited-container .pricing-card{order:unset}.mobile-plan-chips{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 6px}.mobile-plan-chips span{background:rgba(255,255,255,0.18);border:1px solid rgba(255,255,255,0.34);color:#e0e7ff;padding:6px 12px;border-radius:999px;font-size:12px;letter-spacing:0.3px}.mobile-hero-actions{display:flex;flex-direction:column;gap:10px;margin-top:18px}.mobile-upgrade-hero{background:linear-gradient(135deg,#1e40af 0%,#312e81 100%);color:#fff;padding:26px 22px;border-radius:24px;box-shadow:0 20px 40px rgba(30,64,175,0.25)}.mobile-upgrade-hero h2{font-size:26px;line-height:1.2;margin-bottom:10px;font-weight:700}.mobile-hero-subtitle{font-size:14px;opacity:0.88;line-height:1.6}.mobile-hero-highlights{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}.mobile-hero-highlights li{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,0.15);padding:10px 14px;border-radius:14px;font-size:13.5px;font-weight:500}.mobile-hero-highlights li i{font-size:14px;color:#bfdbfe}.mobile-hero-actions button{border:none;border-radius:12px;padding:14px;font-size:15px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:transform 0.2s ease,box-shadow 0.2s ease}.mobile-hero-actions button.primary{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);color:#fff;box-shadow:0 12px 24px rgba(37,99,235,0.28)}.mobile-hero-actions button.secondary{background:rgba(37,99,235,0.1);color:#1d4ed8;border:1px solid rgba(37,99,235,0.3)}.mobile-hero-actions button:hover{transform:translateY(-1px)}.mobile-support-note{margin-top:20px;font-size:13px;color:#334155;background:#e0f2fe;border:1px solid rgba(14,165,233,0.35);border-radius:14px;padding:14px 16px;line-height:1.5}.mobile-support-note a{color:#1d4ed8 !important}}@media (max-width:480px){.plan-price{font-size:30px}.plan-header{margin-bottom:20px}.pricing-card{padding:24px 18px}.feature-title{font-size:14px}.feature-desc{font-size:12.5px}.action-btn{padding:13px;font-size:14.5px}.modal-content{padding:18px}}#usdt-qr-code{border:2px solid #e5e7eb;border-radius:8px;padding:10px;background:white}#transaction-status{animation:fadeIn 0.3s}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-height:700px){.modal-content{margin:1% auto;max-height:95vh;padding:20px}#usdt-qr-code{max-width:140px !important;max-height:140px !important}}@media (max-width:600px){.modal-content{width:95%;padding:20px}}.step{margin-bottom:15px !important}.step-number{width:28px !important;height:28px !important;font-size:14px !important;line-height:28px !important}.step-content p{margin:5px 0 !important;font-size:13px !important}.payment-option-btn{padding:10px 15px !important;font-size:14px !important}.crypto-address-container{padding:15px !important}.crypto-address{font-size:12px !important;padding:8px !important}.copy-button{padding:6px 12px !important;font-size:13px !important}.btn-confirm{padding:10px 20px !important;font-size:15px !important;margin-top:15px !important}.payment-method-content{margin:10px 0 !important}

/* tap-target-fix-20260208: enlarge mobile interactive targets */
@media (max-width: 960px), (pointer: coarse) {
  a.brand,
  .back-btn,
  .action-btn,
  .payment-option-btn,
  .copy-button,
  .btn-confirm {
    min-height: 48px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .close {
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
}

/* contrast-fix-20260208: improve badge text contrast */
.best-value-badge{background:#047857;color:#fff;box-shadow:0 4px 10px rgba(4,120,87,.3)}

/* focus-visible-fix-20260208: keep keyboard focus clearly visible */
.action-btn:focus-visible,
.back-btn:focus-visible,
.payment-option-btn:focus-visible,
.copy-button:focus-visible,
.btn-confirm:focus-visible,
.close:focus-visible{
  outline:2px solid #93c5fd;
  outline-offset:3px;
  box-shadow:0 0 0 4px rgba(37,99,235,.25)
}
.action-btn.btn-current:focus-visible{background:rgba(255,255,255,.28)}