.sub-container{max-width:1200px;margin:0 auto;padding:120px 48px 48px}.sub-tiers{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px;display:grid}.sub-tier{background:var(--surface,#1a1a1a);border:2px solid var(--border);text-align:center;padding:32px;transition:border-color .2s;position:relative}.sub-tier:hover,.sub-tier.popular{border-color:var(--gold)}.sub-tier.current{border-color:var(--gold);box-shadow:0 0 20px #c8a96e26}.sub-tier-badge{background:var(--gold);color:var(--bg-primary,#0d0d0d);letter-spacing:.06em;text-transform:uppercase;padding:4px 16px;font-size:8px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.sub-tier-current-badge{background:var(--bg-primary,#0d0d0d);border:1px solid var(--gold);color:var(--gold);letter-spacing:.06em;text-transform:uppercase;padding:4px 12px;font-size:8px;font-weight:700;position:absolute;top:-12px;right:12px}.sub-tier-icon{margin-bottom:10px;font-size:28px}.sub-tier-name{font-family:var(--serif);color:var(--white,#f5f3f0);margin-bottom:4px;font-size:20px}.sub-tier-price{font-family:var(--serif);color:var(--gold);margin-bottom:4px;font-size:36px;font-weight:600}.sub-tier-period{color:var(--text-secondary,#6b6b6b);margin-bottom:20px;font-size:11px}.sub-features{text-align:left;flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.sub-feature{color:var(--text-primary,#e8e0d0);align-items:center;gap:8px;font-size:12px;display:flex}.sub-feature .icon{color:var(--gold)}.sub-feature.disabled{color:var(--text-secondary,#6b6b6b);opacity:.5}.sub-feature.disabled .icon{color:var(--text-secondary,#6b6b6b)}.sub-tier-btn{width:100%;font-size:11px;font-family:var(--sans);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border:none;padding:12px;font-weight:700;transition:all .2s}.sub-tier-btn.outline{border:1px solid var(--gold);color:var(--gold);background:0 0}.sub-tier-btn.outline:hover:not(:disabled){background:#c8a96e0f}.sub-tier-btn.gold{background:var(--gold);color:var(--bg-primary,#0d0d0d)}.sub-tier-btn.gold:hover:not(:disabled){filter:brightness(1.1)}.sub-tier-btn:disabled{opacity:.5;cursor:not-allowed}.sub-footer{text-align:center;color:var(--text-secondary,#6b6b6b);font-size:12px}.sub-current-banner{background:var(--surface,#1a1a1a);border:1px solid var(--gold);flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;padding:20px 24px;display:flex}.sub-current-info{align-items:center;gap:12px;display:flex}.sub-current-plan{font-family:var(--serif);color:var(--gold);font-size:16px;font-weight:600}.sub-current-status{letter-spacing:.06em;text-transform:uppercase;padding:3px 10px;font-size:10px;font-weight:700}.sub-current-status.active{color:#4caf50;background:#4caf5026}.sub-current-status.cancelled{color:#f44336;background:#f4433626}.sub-current-meta{color:var(--text-secondary,#6b6b6b);gap:20px;font-size:12px;display:flex}.sub-cancel-link{color:#f44336;cursor:pointer;font-size:11px;font-family:var(--sans);background:0 0;border:none;margin-left:auto;text-decoration:underline}.sub-cancel-link:hover{color:#ff6659}.sub-message{text-align:center;border-radius:4px;margin-bottom:16px;padding:12px;font-size:13px}.sub-message.error{color:#f44336;background:#f443361a;border:1px solid #f443364d}.sub-message.success{color:#4caf50;background:#4caf501a;border:1px solid #4caf504d}.sub-cancel-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sub-cancel-modal{background:var(--surface,#1a1a1a);border:1px solid var(--border);width:90%;max-width:420px;padding:32px}.sub-cancel-btn{font-size:11px;font-family:var(--sans);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border:none;flex:1;padding:12px;font-weight:700;transition:all .2s}.sub-cancel-btn.primary{color:#fff;background:#f44336}.sub-cancel-btn.primary:hover{background:#ff6659}.sub-cancel-btn.secondary{border:1px solid var(--border);color:var(--text-secondary,#6b6b6b);background:0 0}.sub-cancel-btn.secondary:hover{border-color:var(--gold);color:var(--gold)}@media (max-width:768px){.sub-tiers{grid-template-columns:1fr}.sub-current-banner{flex-direction:column;align-items:flex-start}.sub-current-meta{flex-direction:column;gap:4px}.sub-cancel-link{margin-left:0}}