.landing-container{max-width:1200px;margin:0 auto;padding:32px 16px}.plan-selection-header{text-align:center;margin-bottom:32px}.plan-cards-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-auto-rows:1fr;align-items:stretch;gap:2.5rem 1.5rem;width:100%;max-width:1200px;margin:2rem auto;padding:0 1rem 3.5rem;display:grid}@media (max-width:768px){.plan-cards-grid{grid-template-columns:1fr;gap:2rem 0;max-width:400px}}.plan-card{background:var(--card-bg,#fff);border:1.5px solid var(--border-light,#e5e7eb);cursor:pointer;border-radius:12px;flex-direction:column;align-self:stretch;gap:1rem;padding:1.5rem;transition:all .2s ease-in-out;display:flex;position:relative;box-shadow:0 2px 8px rgba(0,0,0,.04)}.dark .plan-card{background:var(--card-bg-dark,#23263a);border-color:var(--border-dark,#35374a)}.plan-card:not(.current-plan):hover{border-color:rgba(127,55,255,.3);transform:translateY(-2px);box-shadow:0 4px 16px rgba(127,55,255,.12)}.dark .plan-card:not(.current-plan):hover{border-color:rgba(127,55,255,.4);box-shadow:0 4px 16px rgba(127,55,255,.18)}.plan-card.selected{background:linear-gradient(rgba(127,55,255,.03),transparent);border:2px solid #7f37ff;box-shadow:0 4px 20px rgba(127,55,255,.15)}.dark .plan-card.selected{background:linear-gradient(rgba(127,55,255,.08),transparent);border-color:#a78bfa;box-shadow:0 4px 20px rgba(127,55,255,.25)}.plan-card.current-plan{cursor:not-allowed;opacity:.85;background:linear-gradient(rgba(127,55,255,.02),transparent)}.dark .plan-card.current-plan{background:linear-gradient(rgba(127,55,255,.05),transparent)}.plan-card.recommended{border-color:transparent}.plan-card.recommended:hover,.plan-card.recommended.selected{border-color:#7f37ff}.dark .plan-card.recommended:hover,.dark .plan-card.recommended.selected{border-color:#a78bfa}.plan-badge{color:#fff;background:linear-gradient(90deg,#7f37ff,#5f5fff);border-radius:999px;padding:.25rem .75rem;font-size:.875rem;font-weight:600;position:absolute;top:-.75rem;right:1rem;box-shadow:0 2px 8px rgba(127,55,255,.2)}.current-plan-badge{color:#fff;background:#64748b;border-radius:999px;padding:.25rem .75rem;font-size:.875rem;font-weight:600;position:absolute;top:-.75rem;right:1rem}.dark .current-plan-badge{background:#94a3b8}.plan-title{color:var(--text-primary-light,#181a20);text-align:center;margin:0;font-size:1.5rem;font-weight:700}.dark .plan-title{color:var(--text-primary-dark,#e6e8ef)}.plan-subtitle{color:var(--text-secondary-light,#64748b);text-align:center;margin:0;font-size:1.1rem}.dark .plan-subtitle{color:var(--text-secondary-dark,#94a3b8)}.plan-price{color:var(--text-primary-light,#181a20);text-align:center;margin:.5rem 0;font-size:2rem;font-weight:700}.dark .plan-price{color:var(--text-primary-dark,#e6e8ef)}.plan-features{flex-grow:1;margin:0;padding:0;list-style:none}.plan-features li{color:var(--text-secondary-light,#64748b);align-items:flex-start;gap:.5rem;padding:.5rem 0;font-size:1rem;line-height:1.5;display:flex}.plan-features li:before{content:"✓";color:#7f37ff;font-weight:700}.dark .plan-features li{color:var(--text-secondary-dark,#94a3b8)}.plan-checkout-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#7f37ff,#5f5fff);border:none;border-radius:8px;width:100%;margin-top:auto;padding:.75rem 1.5rem;font-size:1.1rem;font-weight:600;transition:all .2s}.plan-checkout-btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(127,55,255,.2)}.plan-checkout-btn:disabled{color:#9ca3af;cursor:not-allowed;background:#e5e7eb}.dark .plan-checkout-btn:disabled{color:#6b7280;background:#35374a}.billing-toggle-switch{background:#f3f4f6;border-radius:999px;justify-content:center;align-items:center;gap:.2rem;width:fit-content;margin:0 auto 2.2rem;padding:.25rem .35rem;display:flex;position:relative;box-shadow:0 2px 8px rgba(127,55,255,.06)}.dark .billing-toggle-switch{background:#23263a}.billing-toggle-option{z-index:1;color:#7f37ff;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:999px;outline:none;padding:.45rem 1.3rem;font-size:1.08rem;font-weight:600;transition:color .18s;position:relative}.billing-toggle-option.active{color:#fff;background:linear-gradient(90deg,#7f37ff,#5f5fff);transition:background .18s,color .18s;box-shadow:0 2px 8px rgba(127,55,255,.13)}.billing-toggle-option:not(.active):hover{color:#5f5fff;background:rgba(127,55,255,.07)}.plan-cards-row,.plan-cards-row.free-row,.plan-cards-row.paid-row{display:none!important}:root{--card-bg:#fff;--card-fg:#23263a}body.dark,.app-container.dark{--card-bg:#23263a;--card-fg:#fff}.plan-card{background:var(--card-bg);color:var(--card-fg)}.view-only-badge{text-align:center;color:#ff3b30;z-index:10;background:#fff;border-radius:8px;margin:2rem auto 0;padding:.7rem 1.5rem;font-size:1.15rem;font-weight:600;display:block;position:relative;box-shadow:0 2px 8px rgba(127,55,255,.07)}.dark .view-only-badge{color:#ffb4b4;background:#23263a}