.pricing-card.skeleton{pointer-events:none}.skeleton-icon,.skeleton-text,.skeleton-price,.skeleton-button{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:8px}.skeleton-icon{width:48px;height:48px;margin:0 auto 1rem;border-radius:12px}.skeleton-text{height:24px;width:60%;margin:0 auto 1rem}.skeleton-price{height:48px;width:40%;margin:0 auto 1.5rem}.skeleton-button{height:44px;width:100%}@keyframes skeleton-loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.pricing-error{grid-column:1/-1;text-align:center;padding:2rem;color:#6b7280}.pricing-section{padding:5rem 0;background:linear-gradient(to bottom,var(--bg-light,#f8f9fa),var(--bg-color,#f0f4f5))}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-top:3rem;max-width:1300px;margin-left:auto;margin-right:auto;align-items:stretch}@media(max-width:1200px){.pricing-grid{grid-template-columns:repeat(2,1fr);max-width:800px}}@media(max-width:768px){.pricing-grid{grid-template-columns:1fr;max-width:400px;gap:2rem}.pricing-card.popular{transform:none;order:-1}}.pricing-card{background:#fff;border:1px solid #e5e7eb;border-radius:1.25rem;padding:2rem 1.75rem;text-align:center;position:relative;transition:transform .25s ease,box-shadow .25s ease;display:flex;flex-direction:column}.pricing-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px -8px rgba(0,0,0,.12)}.pricing-card.popular{border-color:var(--primary-color,#10b981);border-width:2px;transform:scale(1.04);z-index:10;box-shadow:0 25px 50px -12px rgba(16,185,129,.35),0 0 20px rgba(16,185,129,.1)}.pricing-card.popular:hover{transform:scale(1.04)translateY(-8px);box-shadow:0 35px 65px -15px rgba(16,185,129,.45),0 0 25px rgba(16,185,129,.15)}.plan-free{transform:scale(.96);opacity:.85;background:#fafafa}.plan-free:hover{transform:scale(.96)translateY(-4px);opacity:1}.plan-free .pricing-header h3{font-size:1.35rem;color:#4b5563}.plan-free .price .amount{font-size:2.5rem;color:#4b5563}.plan-free .btn-outline{opacity:.8}.popular-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--primary-color,#10b981),#059669);color:#fff;padding:.35rem 1.25rem;border-radius:9999px;font-size:.8rem;font-weight:700;letter-spacing:.02em;white-space:nowrap;display:flex;align-items:center;gap:.4rem;box-shadow:0 4px 12px rgba(16,185,129,.3)}.pricing-header{margin-bottom:1.5rem}.pricing-icon{width:48px;height:48px;margin:0 auto 1rem;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:#f3f4f6;color:#6b7280}.pricing-icon svg{display:block;width:24px;height:24px}.pricing-card.popular .pricing-icon{background:linear-gradient(135deg,var(--primary-color,#10b981),#059669);color:#fff}.pricing-header h3{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:.25rem}.plan-subtitle{color:#6b7280;font-size:.9rem;margin-bottom:1.25rem}.price{display:flex;justify-content:center;align-items:baseline;margin-bottom:.5rem}.price .amount{font-size:3rem;font-weight:800;color:#111827;line-height:1;letter-spacing:-.02em}.price .decimals{font-size:1rem;font-weight:700;vertical-align:super;margin-left:1px;opacity:.5}.price .period{color:#6b7280;font-size:.85rem;margin-left:2px;opacity:.6}.price-annual{color:#9ca3af;font-size:.8rem;margin-bottom:1.5rem}.btn-full{width:100%;display:block;padding:.875rem 1.5rem;font-weight:600;border-radius:9999px;transition:all .2s ease}.pricing-card .btn-outline{background:0 0;border:2px solid #e5e7eb;color:#374151}.pricing-card .btn-outline:hover{border-color:var(--primary-color,#10b981);color:var(--primary-color,#10b981);background:rgba(16,185,129,5%)}.pricing-card.popular .btn-primary{background:linear-gradient(135deg,var(--primary-color,#10b981),#059669);border:none;color:#fff;box-shadow:0 4px 14px -3px rgba(16,185,129,.4)}.pricing-card.popular .btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px -3px rgba(16,185,129,.5)}.pricing-features{flex:1;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #f3f4f6}.pricing-features ul{list-style:none;padding:0;margin:0;text-align:left}.pricing-features li{display:flex;align-items:flex-start;margin-bottom:.75rem;color:#4b5563;font-size:.9rem;line-height:1.4}.check-icon{color:#9ca3af;margin-right:.65rem;font-weight:700;background:#f3f4f6;width:18px;height:18px;min-width:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.65rem;margin-top:2px}.plan-professional .check-icon,.plan-pro .check-icon{color:var(--primary-color,#10b981);background:rgba(16,185,129,.15)}.plan-business .check-icon{color:#4f46e5;background:rgba(79,70,229,.1)}.upgrade-prompt-inline{background:linear-gradient(135deg,rgba(16,185,129,8%),rgba(5,150,105,5%));border:1px solid rgba(16,185,129,.25);border-radius:.75rem;padding:1rem 1.25rem;margin-top:.75rem;display:flex;align-items:center;gap:.75rem}.upgrade-prompt-inline .upgrade-icon{font-size:1.25rem;flex-shrink:0}.upgrade-prompt-inline .upgrade-text{flex:1;color:#065f46;font-size:.875rem;line-height:1.4}.upgrade-prompt-inline .upgrade-link{color:var(--primary-color,#10b981);font-weight:600;text-decoration:none;white-space:nowrap;transition:color .2s}.upgrade-prompt-inline .upgrade-link:hover{color:#059669;text-decoration:underline}.domain-option-locked{position:relative}.domain-option-locked option:disabled{color:#9ca3af;font-style:italic}.badge-pro{display:inline-block;background:linear-gradient(135deg,var(--primary-color,#10b981),#059669);color:#fff;font-size:.6rem;font-weight:700;padding:.15rem .4rem;border-radius:4px;text-transform:uppercase;letter-spacing:.05em;margin-left:.5rem;vertical-align:middle}.select-with-badge-hint{position:relative}.select-with-badge-hint::after{content:attr(data-badge);position:absolute;right:2.5rem;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,var(--primary-color,#10b981),#059669);color:#fff;font-size:.6rem;font-weight:700;padding:.15rem .35rem;border-radius:3px;text-transform:uppercase;pointer-events:none}.upgrade-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}.upgrade-modal-overlay.active{opacity:1;visibility:visible}.upgrade-modal{background:#fff;border-radius:1.25rem;padding:2rem;max-width:420px;width:90%;text-align:center;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);transform:scale(.95)translateY(10px);transition:transform .25s ease}.upgrade-modal-overlay.active .upgrade-modal{transform:scale(1)translateY(0)}.upgrade-modal-icon{width:64px;height:64px;margin:0 auto 1.25rem;border-radius:50%;background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(5,150,105,.1));display:flex;align-items:center;justify-content:center;font-size:2rem}.upgrade-modal-title{font-size:1.5rem;font-weight:700;color:var(--primary,#0F766E);margin-bottom:.5rem}.upgrade-modal-message{color:#6b7280;font-size:.95rem;margin-bottom:1.5rem;line-height:1.5}.upgrade-modal-benefits{text-align:left;background:#f9fafb;border-radius:.75rem;padding:1rem 1.25rem;margin-bottom:1.5rem}.upgrade-modal-benefits ul{list-style:none;padding:0;margin:0}.upgrade-modal-benefits li{display:flex;align-items:center;color:#374151;font-size:.9rem;margin-bottom:.5rem}.upgrade-modal-benefits li:last-child{margin-bottom:0}.upgrade-modal-benefits .benefit-icon{color:var(--primary-color,#10b981);margin-right:.5rem;font-weight:700}.upgrade-modal-actions{display:flex;gap:.75rem}.upgrade-modal-actions .btn{flex:1;padding:.875rem 1.25rem;border-radius:9999px;font-weight:600;font-size:.95rem;transition:all .2s}.upgrade-modal-actions .btn-secondary{background:#f3f4f6;color:#374151;border:none}.upgrade-modal-actions .btn-secondary:hover{background:#e5e7eb}.upgrade-modal-actions .btn-primary{background:linear-gradient(135deg,var(--primary-color,#10b981),#059669);color:#fff;border:none;box-shadow:0 4px 14px -3px rgba(16,185,129,.4)}.upgrade-modal-actions .btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px -3px rgba(16,185,129,.5)}