.plans-wrap{--surface-0:#f2f1ee;--surface-1:#f8f7f4;--surface-2:#fff;--text-primary:#111218;--text-secondary:#494b57;--text-muted:#7e8294;--text-success:#3f4bd9;--text-accent:#27328d;--bg-accent:#f0f2ff;--border:#3f4bd914;--border-strong:#1112181f;--border-accent:#3f4bd9;--radius:9999px;--radius-card:24px;--indigo-glow:#3f4bd91f;width:100%;max-width:1140px;margin:0 auto;padding:0}.plans-grid{grid-template-columns:repeat(1,1fr);align-items:stretch;gap:20px;margin-bottom:2rem;display:grid}@media (min-width:640px){.plans-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media (min-width:1024px){.plans-grid{grid-template-columns:repeat(4,1fr);gap:24px}}.plan{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-card);scroll-margin-top:calc(var(--header-height) + 32px);flex-direction:column;padding:36px 28px 28px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 10px 30px -10px #1112180a,0 1px 2px #11121805}.plan:hover{transform:translateY(-4px);box-shadow:0 20px 40px -15px #11121814,0 0 0 1px #3f4bd91f}.plan.featured{border:2px solid var(--border-accent);box-shadow:0 12px 30px -8px #3f4bd91f,0 1px 2px #11121805}.plan.featured:hover{transform:translateY(-5px);box-shadow:0 24px 48px -12px #3f4bd940,0 0 0 1px #3f4bd926}.popular-badge{z-index:10;letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius);background:linear-gradient(135deg, var(--text-accent) 0%, var(--border-accent) 100%);color:#fff;align-items:center;gap:4px;margin-bottom:0;padding:5px 14px;font-size:10px;font-weight:700;display:inline-flex;position:absolute;top:-12px;left:28px;box-shadow:0 4px 10px #3f4bd926}.plan-name{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 6px;font-size:18px;font-weight:700}.plan-tagline{color:var(--text-secondary);align-items:flex-start;min-height:38px;margin:0 0 18px;font-size:13px;line-height:1.5;display:flex}.plan-price-wrapper{min-height:72px}.plan-price{color:var(--text-primary);letter-spacing:-.03em;margin:0 0 2px;font-size:34px;font-weight:800;line-height:1}.plan.featured .plan-price{color:var(--text-success)}.plan-period{color:var(--text-muted);margin:0 0 20px;font-size:12px}.divider{border:none;border-top:1px solid var(--border);margin:16px 0}.section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin:0 0 12px;font-size:10px;font-weight:700}.plan-storage-mail{min-height:64px}.feature{color:var(--text-secondary);align-items:flex-start;gap:8px;margin-bottom:10px;font-size:13.5px;line-height:1.45;display:flex}.feature svg{color:var(--text-success);flex-shrink:0;margin-top:2px;font-size:15px}.feature strong{color:var(--text-primary);font-weight:600}.plan-cta{margin-top:auto;padding-top:20px}.plan-cta button,.plan-cta a{text-align:center;cursor:pointer;border-radius:var(--radius);border:1.5px solid var(--border-strong);background:var(--surface-2);width:100%;min-height:46px;color:var(--text-primary);justify-content:center;align-items:center;padding:12px 24px;font-size:13px;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.plan-cta button:hover,.plan-cta a:hover{border-color:var(--border-accent);color:var(--text-success);background:#3f4bd90d;transform:translateY(-1px)}.plan-cta button:active,.plan-cta a:active{transform:scale(.98)}.plan.featured .plan-cta button,.plan.featured .plan-cta a{background:var(--border-accent);border-color:var(--border-accent);color:#fff;box-shadow:0 4px 12px #3f4bd933}.plan.featured .plan-cta button:hover,.plan.featured .plan-cta a:hover{background:var(--text-accent);border-color:var(--text-accent);transform:translateY(-1px);box-shadow:0 6px 18px #3f4bd94d}.extra-note{color:var(--text-muted);text-align:center;margin-top:10px;font-size:11px;line-height:1.4}.addons-section{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-card);margin-top:2rem;margin-bottom:20px;padding:28px;box-shadow:0 10px 30px -10px #1112180a,0 1px 2px #11121805}.addons-title{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 6px;font-size:18px;font-weight:700}.addons-sub{color:var(--text-secondary);margin:0 0 20px;font-size:13.5px}.addons-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.addon{background:var(--surface-1);border:1px solid var(--border);border-radius:16px;padding:16px 20px;transition:all .2s}.addon:hover{border-color:var(--border-accent);background:#3f4bd905}.addon-name{color:var(--text-primary);align-items:center;gap:6px;margin:0 0 4px;font-size:14px;font-weight:700;display:flex}.addon-name svg{color:var(--text-success);font-size:16px}.addon-desc{color:var(--text-secondary);margin:0 0 12px;font-size:12.5px;line-height:1.5}.addon-price{color:var(--text-success);font-size:13.5px;font-weight:700}.dev-section{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-card);margin-top:1.5rem;padding:28px;position:relative;box-shadow:0 10px 30px -10px #1112180a,0 1px 2px #11121805}.dev-badge{z-index:10;letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius);background:linear-gradient(135deg, var(--text-accent) 0%, var(--border-accent) 100%);color:#fff;align-items:center;gap:4px;margin-bottom:0;padding:5px 14px;font-size:10px;font-weight:700;display:inline-flex;position:absolute;top:-12px;right:28px;box-shadow:0 4px 10px #3f4bd926}.dev-title{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 6px;font-size:18px;font-weight:700}.dev-body{color:var(--text-secondary);max-width:80ch;margin:0 0 18px;font-size:14px;line-height:1.7}.dev-tags{flex-wrap:wrap;gap:8px;display:flex}.tag{border-radius:var(--radius);background:var(--surface-1);border:1px solid var(--border);color:var(--text-secondary);align-items:center;gap:5px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.tag:hover{border-color:var(--border-accent);color:var(--text-success);background:var(--bg-accent)}.tag svg{color:var(--text-success);font-size:14px}.pill-premium-indigo,.pill-premium-emerald{position:relative;overflow:hidden}.pill-premium-indigo{animation:4s ease-in-out infinite border-glow-indigo}.pill-premium-emerald{animation:4s ease-in-out infinite border-glow-emerald}.pill-premium-indigo:after,.pill-premium-emerald:after{content:"";background:linear-gradient(90deg,#fff0 0%,#ffffff73 50%,#fff0 100%);width:60%;height:100%;animation:3.5s ease-in-out infinite shine-sweep;position:absolute;top:0;left:-150%;transform:skew(-20deg)}.pill-premium-emerald:after{animation-delay:1.75s}@keyframes shine-sweep{0%{left:-150%}50%{left:150%}to{left:150%}}@keyframes border-glow-indigo{0%,to{border-color:#6366f140;box-shadow:0 1px 2px #0000000d}50%{border-color:#6366f199;box-shadow:0 0 10px #6366f126,0 1px 2px #0000000d}}@keyframes border-glow-emerald{0%,to{border-color:#10b98140;box-shadow:0 1px 2px #0000000d}50%{border-color:#10b98199;box-shadow:0 0 10px #10b98126,0 1px 2px #0000000d}}