.plans-page{background:radial-gradient(ellipse at 50% 0%, color-mix(in srgb, var(--drac-purple) 12%, transparent) 0%, transparent 60%), radial-gradient(ellipse at 80% 100%, color-mix(in srgb, var(--drac-cyan) 6%, transparent) 0%, transparent 50%), var(--drac-bg);min-height:100vh;padding-bottom:4rem}.plans-nav{z-index:100;border-top:none;border-left:none;border-right:none;border-bottom:1px solid color-mix(in srgb, var(--drac-purple) 15%, transparent);background:color-mix(in srgb, var(--drac-bg) 90%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:0;justify-content:center;align-items:center;padding:1rem 1.5rem;display:flex;position:sticky;top:0}.plans-logo{letter-spacing:-.02em;font-size:1.3rem;font-weight:900;text-decoration:none}.plans-content{max-width:1400px;margin:0 auto;padding:2.5rem 1.25rem}.plans-header{text-align:center;margin-bottom:3rem}.plans-badge{background:color-mix(in srgb, var(--drac-green) 12%, transparent);color:var(--drac-green);border:1px solid color-mix(in srgb, var(--drac-green) 30%, transparent);border-radius:999px;margin-bottom:1.25rem;padding:.4rem 1.2rem;font-size:.85rem;font-weight:700;display:inline-block}.plans-title{letter-spacing:-.02em;color:var(--drac-fg);margin-bottom:.75rem;font-size:clamp(1.75rem,5vw,2.75rem);font-weight:900;line-height:1.15}.plans-subtitle{color:var(--drac-comment);font-size:.95rem}.plans-footer-note{text-align:center;color:var(--drac-comment);margin-top:3rem;font-size:.8rem}.plans-grid{grid-template-columns:1fr;gap:1.25rem;width:100%;max-width:480px;margin:0 auto;display:grid}.plan-card{text-align:center;border-color:var(--drac-border);flex-direction:column;align-items:center;width:100%;padding:1.75rem 1.25rem;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.plan-card:before{content:"";background:var(--plan-color);opacity:.8;border-radius:1rem 1rem 0 0;height:3px;position:absolute;top:0;left:0;right:0}@media (hover:hover){.plan-card:hover{box-shadow:0 20px 60px color-mix(in srgb, var(--foreground) 16%, transparent), 0 0 30px color-mix(in srgb, var(--plan-color) 20%, transparent);transform:translateY(-6px)}.plan-btn:hover:not(:disabled){filter:brightness(1.1);transform:scale(1.02)}}.plan-card--highlight{box-shadow:0 0 40px color-mix(in srgb, var(--drac-pink) 20%, transparent);border-color:var(--drac-pink)!important}.plan-badge{background:var(--drac-pink);width:140px;color:var(--drac-bg);letter-spacing:.05em;text-transform:uppercase;text-align:center;box-shadow:0 4px 10px color-mix(in srgb, var(--foreground) 20%, transparent);z-index:10;padding:.25rem 0;font-size:.65rem;font-weight:900;position:absolute;top:18px;right:-34px;transform:rotate(45deg)}.plan-icon{margin-bottom:.75rem;font-size:2.5rem}.plan-name{color:var(--plan-color);margin-bottom:.25rem;font-size:1.25rem;font-weight:800}.plan-users{color:var(--drac-comment);margin-bottom:1.25rem;font-size:.8rem}.plan-price{align-items:baseline;gap:.2rem;margin-bottom:.5rem;display:flex}.plan-currency{color:var(--drac-comment);font-size:.9rem;font-weight:600}.plan-amount{color:var(--drac-fg);font-size:2.2rem;font-weight:900;line-height:1}.plan-period{color:var(--drac-comment);font-size:.8rem}.plan-trial{color:var(--drac-green);background:#50fa7b1a;border-radius:999px;margin-bottom:1.25rem;padding:.3rem .75rem;font-size:.78rem;font-weight:700}.plan-features{text-align:left;flex-direction:column;gap:.4rem;width:100%;margin:0 0 1.5rem;padding:0;list-style:none;display:flex}.plan-features li{color:var(--drac-fg);opacity:.85;font-size:.82rem}.plan-btn{background:var(--plan-color);width:100%;color:var(--drac-bg);cursor:pointer;border:none;border-radius:.6rem;justify-content:center;align-items:center;gap:.4rem;margin-top:auto;padding:.75rem 1rem;font-size:.9rem;font-weight:800;transition:all .3s;display:flex}.plan-btn:disabled{opacity:.7;cursor:not-allowed}.plan-btn-loading{align-items:center;gap:.5rem;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:640px){.plans-grid{grid-template-columns:repeat(2,1fr);max-width:100%}}@media (min-width:1024px){.plans-grid{grid-template-columns:repeat(5,1fr)}}@media (max-width:480px){.plans-content{padding:1.5rem .9rem}.plans-badge{padding:.35rem .9rem;font-size:.75rem}.plans-subtitle{font-size:.88rem}.plan-card{padding:1.1rem .9rem}.plan-name{font-size:1.18rem}.plan-amount{font-size:2rem}}.plan-details-wrap{justify-content:center;max-width:860px;margin:0 auto;padding:3rem 1.25rem 1.5rem;display:flex}.plan-details-card{text-align:center;border-color:#ffffff1a;width:100%;max-width:720px;padding:2.25rem;box-shadow:0 16px 48px #00000052,inset 0 0 0 1px #ffffff0a}.plan-details-step{text-transform:uppercase;letter-spacing:.06em;color:var(--drac-comment);margin-bottom:.75rem;font-size:.78rem;font-weight:700}.plan-details-title{color:var(--drac-fg);margin-bottom:.5rem;font-size:clamp(1.6rem,5vw,2.2rem);font-weight:900}.plan-details-subtitle{color:var(--drac-comment);max-width:60ch;margin:0 auto;font-size:.95rem}.plan-details-price{color:var(--drac-fg);justify-content:center;align-items:baseline;gap:.35rem;margin-top:1.5rem;margin-bottom:.75rem;display:flex}.plan-details-price strong{font-size:2.5rem;line-height:1}.plan-details-trial{color:var(--drac-green);background:#50fa7b1a;border:1px solid #50fa7b4d;border-radius:999px;margin-top:.5rem;margin-bottom:1.25rem;padding:.35rem .8rem;font-size:.82rem;font-weight:700;display:inline-block}.plan-details-features{text-align:left;grid-template-columns:1fr;gap:.55rem;max-width:380px;margin:0 auto;padding:0;list-style:none;display:grid}.plan-details-features li{color:var(--drac-fg);opacity:.9;font-size:.92rem}.plan-details-features li:before{content:"✓";color:var(--plan-color,var(--drac-cyan));margin-right:.55rem;font-weight:900}.plan-details-actions{justify-content:center;margin-top:1.75rem;display:flex}.plan-details-actions .plan-btn{max-width:360px;min-height:48px;box-shadow:0 12px 28px color-mix(in srgb, var(--plan-color) 26%, transparent)}.plan-details-back{color:var(--drac-cyan);justify-content:center;align-items:center;gap:.4rem;margin-top:1rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:opacity .2s;display:inline-flex}.plan-details-back:hover{opacity:.85}@media (max-width:640px){.plan-details-wrap{padding:1.4rem .8rem .8rem}.plan-details-card{padding:1.4rem 1rem}.plan-details-title{font-size:1.85rem}.plan-details-price strong{font-size:2.2rem}}