/* pricing.css v1.1.0 - Memzur pricing page */

.pricing-hero{text-align:center;padding:72px 24px 48px}
.pricing-hero h1{font-size:42px;font-weight:800;letter-spacing:-1px;color:var(--text-head,#fff);margin-bottom:12px}
.pricing-hero p{font-size:18px;color:var(--text-muted,#94a3b8);max-width:500px;margin:0 auto 28px}

/* billing toggle */
.toggle-wrap{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:48px}
.toggle-label{font-size:14px;color:#94a3b8}
.toggle-label.active{color:var(--text-head,#e2e8f0);font-weight:600}
.billing-toggle{position:relative;width:48px;height:26px;cursor:pointer}
.billing-toggle input{opacity:0;width:0;height:0;position:absolute}
.toggle-track{position:absolute;inset:0;background:#2d3748;border-radius:13px;transition:.2s}
.billing-toggle input:checked ~ .toggle-track{background:#5298F0}
.toggle-thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:.2s}
.billing-toggle input:checked ~ .toggle-thumb{left:25px}
.annual-badge{background:#064e3b;color:#6ee7b7;border-radius:20px;padding:2px 10px;font-size:12px;font-weight:600;margin-left:4px}

/* pricing cards */
.pricing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;max-width:980px;margin:0 auto;padding:0 24px 80px}
.pricing-card{background:#161b27;border:1px solid #2d3748;border-radius:14px;padding:32px;display:flex;flex-direction:column}
.pricing-card.featured{border-color:#5298F0;position:relative}
.card-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:#5298F0;color:#fff;font-size:12px;font-weight:700;padding:4px 14px;border-radius:20px;white-space:nowrap}
.card-name{font-size:14px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}
.card-price{font-size:44px;font-weight:800;color:#fff;letter-spacing:-1px;line-height:1}
.card-price .currency{font-size:24px;vertical-align:top;margin-top:8px;display:inline-block;color:#94a3b8}
.card-price .period{font-size:15px;font-weight:400;color:#64748b}
.card-price .seat{font-size:13px;font-weight:400;color:#64748b}
.annual-total{font-size:13px;color:#5298F0;margin-top:4px;font-weight:500}
.card-desc{font-size:14px;color:#a8c0e8;margin:12px 0 20px}
.pricing-features{list-style:none;margin-bottom:28px;flex:1}
.pricing-features li{font-size:14px;color:#94a3b8;padding:7px 0;border-bottom:1px solid #1a2035;display:flex;align-items:flex-start;gap:8px}
.pricing-features li:last-child{border-bottom:none}
.pricing-features li::before{content:'v';font-family:monospace;color:#5298F0;font-weight:700;flex-shrink:0;margin-top:1px}
.card-cta{display:block;width:100%;padding:13px;text-align:center;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;transition:.15s;text-decoration:none}
.cta-primary{background:#5298F0;color:#fff}
.cta-primary:hover{background:#4f46e5}
.cta-outline-pricing{background:transparent;color:#5298F0;border:1.5px solid #5298F0}
.cta-outline-pricing:hover{background:#1e1b4b}

/* enterprise */
.enterprise-section{max-width:980px;margin:0 auto 80px;padding:0 24px}
.ent-card{background:#161b27;border:1px solid #2d3748;border-radius:14px;padding:32px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.ent-card h3{font-size:18px;font-weight:700;color:#5298F0}
.ent-card p{font-size:14px;color:#a8c0e8;margin-top:6px}
.ent-card a{background:#5298F0;color:#fff;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:700;flex-shrink:0;text-decoration:none}
.ent-card a:hover{background:#3d7ecc}

/* pricing FAQ (uses native <details>/<summary>) */
.pricing-faq{max-width:640px;margin:40px auto 80px;padding:32px;background:#0d1b3e;border-radius:12px}
.pricing-faq h2{font-size:24px;font-weight:700;margin-bottom:24px;text-align:center;color:#ffffff}
.pricing-faq-item{border-bottom:1px solid #1e2639;padding:18px 0}
.pricing-faq-item summary{font-size:15px;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;color:#e2e8f0}
.pricing-faq-item summary::after{content:'+';font-size:20px;color:#5298F0}
details[open] .pricing-faq-item summary::after{content:'-'}
.pricing-faq-item p{font-size:14px;color:#c8d8f0;margin-top:12px;line-height:1.6}
