.plans-toggle{background:var(--bg);border-radius:var(--r-full);width:fit-content;box-shadow:inset -3px -3px 8px var(--sl), inset 3px 3px 8px var(--sd);gap:6px;margin:0 auto;padding:6px;display:flex}.plans-toggle button{cursor:pointer;border-radius:var(--r-full);text-align:center;min-width:170px;font:600 .95rem var(--sans);color:var(--t3);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1px;padding:9px 24px;display:flex;position:relative}.plans-toggle button.active{background:var(--bg);color:var(--accent);box-shadow:-4px -4px 10px var(--sl), 4px 4px 10px var(--sd)}.plans-toggle-note{line-height:1.2;font:700 .69rem var(--mono);letter-spacing:.02em;color:var(--buy);display:block}.plans-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:22px;margin-top:26px;display:grid}.plan{background:var(--bg);border-radius:var(--r-lg);box-shadow:-6px -6px 14px var(--sl), 6px 6px 14px var(--sd);flex-direction:column;gap:18px;padding:28px;display:flex}.plan-eyebrow{justify-content:space-between;align-items:center;min-height:22px;display:flex}.plan-name{font:700 .78rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--t3)}.plan-badge{font:700 .69rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--bg);border-radius:var(--r-full);box-shadow:inset -2px -2px 5px var(--sl), inset 2px 2px 5px var(--sd);padding:4px 10px}.plan-price{background:var(--bg);border-radius:var(--r-md);box-shadow:inset -3px -3px 8px var(--sl), inset 3px 3px 8px var(--sd);padding:16px 18px}.plan-price .amt{font:600 2.2rem var(--mono);color:var(--t1);line-height:1}.plan-price .cad{color:var(--t3);margin-top:4px;font-size:.72rem}.plan-features{flex-direction:column;flex:1;gap:10px;display:flex}.plan-feature{color:var(--t2);align-items:flex-start;gap:9px;font-size:.875rem;line-height:1.4;display:flex}.plan-feature .dot{background:var(--t3);border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-top:6px}.plan-btn{border-radius:var(--r-full);cursor:pointer;text-align:center;width:100%;font:600 1rem var(--sans);background:var(--bg);color:var(--t1);box-shadow:-4px -4px 10px var(--sl), 4px 4px 10px var(--sd);border:none;padding:13px;text-decoration:none;transition:transform .12s}.plan-btn:hover{transform:translateY(-1px)}.plan-btn.primary{background:var(--accent-surface);color:var(--on-accent)}.plan-btn:disabled{cursor:not-allowed;color:var(--t3);box-shadow:inset -2px -2px 6px var(--sl), inset 2px 2px 6px var(--sd);transform:none}.plan.disabled{opacity:.62}.plan.disabled .plan-badge{color:var(--t3)}.plan.featured{background:var(--accent-surface);color:var(--on-accent);box-shadow:-6px -6px 16px var(--sl), 12px 12px 30px #c750126b}.plan.featured .plan-name{color:#1b1e2ed9}.plan.featured .plan-badge{background:var(--on-accent);color:#fff;box-shadow:none}.plan.featured .plan-price{background:#ffffff29;box-shadow:inset -2px -2px 6px #ffffff38,inset 2px 2px 6px #96340866}.plan.featured .plan-price .amt{color:var(--on-accent)}.plan.featured .plan-price .cad{color:#1b1e2ed1}.plan.featured .plan-feature{color:#1b1e2ef0}.plan.featured .plan-feature .dot{background:var(--on-accent)}.plan.featured .plan-btn{background:var(--on-accent);color:#fff;box-shadow:-3px -3px 8px #ffffff40,5px 5px 14px #96340866}@media (max-width:820px){.plans-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto}}@media (max-width:480px){.plans-toggle{width:100%;max-width:340px}.plans-toggle button{min-width:0;padding:12px 10px}}
.plan-carousel{position:relative}.plan-arrow{display:none}@media (max-width:820px){.plan-carousel .plans-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;grid-template-columns:none;gap:16px;max-width:none;margin:0;padding:10px 4px 22px;scroll-padding:0 4px;display:flex;overflow-x:auto}.plan-carousel .plans-grid::-webkit-scrollbar{display:none}.plan-carousel .plans-grid>.plan{scroll-snap-align:center;flex:0 0 82%}.plan-arrow{background:var(--bg);width:42px;height:42px;color:var(--t1);cursor:pointer;z-index:3;box-shadow:-3px -3px 8px var(--sl), 3px 3px 8px var(--sd);opacity:0;pointer-events:none;border:none;border-radius:50%;place-items:center;font-size:1.5rem;line-height:1;transition:opacity .2s;display:grid;position:absolute;top:calc(50% - 8px);transform:translateY(-50%)}.plan-arrow span{margin-top:-3px}.plan-arrow--left{left:-6px}.plan-arrow--right{right:-6px}.plan-arrow[data-show=true]{opacity:1;pointer-events:auto}.plan-arrow:active{box-shadow:inset -2px -2px 6px var(--sl), inset 2px 2px 6px var(--sd)}}