.pricing-grid{--bg-card:#fff;--bg-card-hover:#f8f8fc;--border:#e5e7eb;--border-accent:#d1d5db;--text:#111827;--text-dim:#4b5563;--text-muted:#9ca3af;--green:#16a34a;--green-glow:#22c55e22;--blue:#2563eb;--blue-glow:#3b82f622;--purple:#9333ea;--purple-glow:#a855f722;--orange:#f97316;--orange-glow:#f9731622;--radius:16px;--font:"DM Sans", ui-sans-serif, system-ui, sans-serif;--mono:"Space Mono", ui-monospace, monospace;flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.pricing-grid .plan-card{flex:0 280px;min-width:240px}@media (width<=600px){.pricing-grid .plan-card{flex:100%;min-width:0}}.plan-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;padding:28px 24px;transition:transform .35s cubic-bezier(.2,.9,.3,1),border-color .3s,box-shadow .3s;animation:.5s ease-out both cardIn;display:flex;position:relative;overflow:hidden}.plan-card:first-child{animation-delay:50ms}.plan-card:nth-child(2){animation-delay:.1s}.plan-card:nth-child(3){animation-delay:.15s}.plan-card:nth-child(4){animation-delay:.2s}.plan-card:nth-child(5){animation-delay:.25s}@keyframes cardIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.plan-card:hover{border-color:var(--border-accent);transform:translateY(-4px)}.plan-card:before{content:"";border-radius:var(--radius) var(--radius) 0 0;opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.plan-card:hover:before{opacity:1}.plan-card.free:hover{border-color:#22c55e30;box-shadow:0 8px 40px #22c55e0a}.plan-card.free:before{background:var(--green)}.plan-card.start:hover,.plan-card.business:hover,.plan-card.premium:hover,.plan-card.enterprise:hover{border-color:#a855f730;box-shadow:0 8px 40px #a855f70a}.plan-card.start:before,.plan-card.business:before,.plan-card.premium:before,.plan-card.enterprise:before{background:var(--purple)}.popular-tag{letter-spacing:1px;text-transform:uppercase;background:var(--purple);color:#fff;border-radius:6px;padding:3px 9px;font-size:.62rem;font-weight:700;position:absolute;top:14px;right:14px}.plan-name{letter-spacing:1.5px;text-transform:uppercase;margin-bottom:12px;font-size:.78rem;font-weight:700}.free .plan-name{color:var(--green)}.start .plan-name,.business .plan-name,.premium .plan-name,.enterprise .plan-name{color:var(--purple)}.plan-price{align-items:baseline;gap:4px;margin-bottom:4px;display:flex}.plan-price .currency{color:var(--text-dim);align-self:flex-start;margin-top:6px;font-size:1.2rem;font-weight:600}.plan-price .amount{font-family:var(--mono);letter-spacing:-2px;color:var(--text);font-size:2.2rem;font-weight:700;line-height:1}.plan-price .period{color:var(--text-muted);margin-left:2px;font-size:.85rem}.plan-desc{color:var(--text-dim);flex:1;margin-bottom:24px;font-size:.86rem;line-height:1.55}.divider{background:var(--border);height:1px;margin-bottom:20px}.features-title{letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);margin-bottom:14px;font-size:.7rem;font-weight:600}.features{flex-direction:column;flex:1;gap:10px;margin-bottom:28px;list-style:none;display:flex}.features li{color:var(--text-dim);align-items:flex-start;gap:9px;font-size:.86rem;line-height:1.45;display:flex}.features .check{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:17px;height:17px;margin-top:1px;display:flex}.free .check{color:var(--green);background:#22c55e15}.start .check,.business .check,.premium .check,.enterprise .check{color:var(--purple);background:#a855f715}.check svg{width:10px;height:10px}.plan-cta{width:100%;font-family:var(--font);cursor:pointer;text-align:center;letter-spacing:.2px;border:none;border-radius:10px;margin-top:auto;padding:13px;font-size:.9rem;font-weight:600;text-decoration:none;transition:transform .25s cubic-bezier(.2,.9,.3,1),box-shadow .25s,background .25s;display:block}.plan-cta:hover{transform:translateY(-2px)}.free .plan-cta{color:var(--green);background:#22c55e12;border:1px solid #22c55e30}.free .plan-cta:hover{background:#22c55e20;box-shadow:0 4px 24px #22c55e15}.start .plan-cta,.business .plan-cta,.premium .plan-cta,.enterprise .plan-cta{background:var(--purple);color:#fff}.start .plan-cta:hover,.business .plan-cta:hover,.premium .plan-cta:hover,.enterprise .plan-cta:hover{box-shadow:0 4px 28px var(--purple-glow);background:#a855f7}