.pricing-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0 50%,#cbd5e1);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.pricing-hero{padding:80px 20px 60px;text-align:center;background:linear-gradient(135deg,#004094,#0066cc);color:white}.hero-content h1{font-size:3rem;font-weight:700;margin-bottom:1rem;line-height:1.2}.hero-content p{font-size:1.25rem;opacity:.9;max-width:600px;margin:0 auto;line-height:1.6}.pricing-container{max-width:1200px;margin:0 auto;padding:60px 20px}.billing-toggle{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:3rem;padding:1rem;background:white;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.billing-toggle span{font-weight:500;color:#6b7280;transition:color .3s ease}.billing-toggle span.active{color:#004094;font-weight:600}.toggle-switch{position:relative;display:inline-block;width:60px;height:34px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:white;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:#004094}input:checked+.toggle-slider:before{transform:translateX(26px)}.save-badge{background:#ffffff;color:#004094;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:600;margin-left:.5rem;border:1px solid #004094}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1.5rem;gap:1.5rem;margin-bottom:80px}.pricing-card{background:white;border-radius:16px;padding:2rem;box-shadow:0 4px 20px rgba(0,0,0,.08);border:2px solid transparent;position:relative;transition:all .3s ease}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 8px 40px rgba(0,0,0,.12)}.pricing-card.popular{border-color:#004094;transform:scale(1.05)}.pricing-card.popular:hover{transform:scale(1.05) translateY(-4px)}.popular-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#004094,#0066cc);color:white;padding:6px 20px;border-radius:20px;font-size:.875rem;font-weight:600}.plan-header{text-align:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e5e7eb}.plan-name{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.plan-subtitle{color:#6b7280;font-size:.875rem;line-height:1.5;margin-bottom:1.5rem}.plan-price{display:flex;align-items:baseline;justify-content:center;gap:.5rem}.price{font-size:2.5rem;font-weight:700;color:#004094}.period{color:#6b7280;font-size:.875rem}.plan-features{margin-bottom:2rem}.plan-features ul{list-style:none;padding:0;margin:0}.plan-features li{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;font-size:.875rem;color:#374151}.check-icon{color:#10b981}.check-icon,.x-icon{width:16px;height:16px;flex-shrink:0}.x-icon{color:#ef4444}.plan-footer{text-align:center}.plan-button{width:100%;padding:12px 24px;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;border:none}.plan-button.primary{background:linear-gradient(135deg,#004094,#0066cc);color:white}.plan-button.primary:hover{background:linear-gradient(135deg,#003875,#0052a3);transform:translateY(-1px)}.plan-button.outline{background:transparent;color:#004094;border:2px solid #004094}.plan-button.outline:hover{background:#004094;color:white}.plan-button.current{background:#f8f9fa;color:#6c757d;border:2px solid #dee2e6;cursor:not-allowed}.plan-button.current:hover{background:#f8f9fa;color:#6c757d;transform:none}.pricing-faq{margin-bottom:80px}.pricing-faq h2{text-align:center;font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:3rem}.faq-item{background:white;border-radius:12px;padding:1.5rem;margin-bottom:1rem;box-shadow:0 2px 8px rgba(0,0,0,.06)}.faq-item h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.75rem}.faq-item p{color:#6b7280;line-height:1.6;margin:0}.pricing-cta{text-align:center;background:white;border-radius:16px;padding:3rem 2rem;box-shadow:0 4px 20px rgba(0,0,0,.08)}.pricing-cta h2{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.pricing-cta p{color:#6b7280;font-size:1.125rem;margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto}.cta-button{background:linear-gradient(135deg,#004094,#0066cc);color:white;padding:16px 32px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.cta-button:hover{background:linear-gradient(135deg,#003875,#0052a3);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,64,148,.3)}@media (max-width:1200px){.pricing-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}.checkout-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.checkout-modal{background:white;border-radius:12px;width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 40px rgba(0,0,0,.3)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb;h3{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.close-button{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;&:hover{background:#f3f4f6;color:#374151}}}.modal-content{flex:1 1;overflow:hidden;.checkout-iframe{width:100%;height:600px;border:none}}@media (max-width:768px){.hero-content h1{font-size:2rem}.hero-content p{font-size:1rem}.pricing-grid{grid-template-columns:1fr;gap:1.5rem}.pricing-card.popular{transform:none}.pricing-card.popular:hover{transform:translateY(-4px)}.pricing-container{padding:40px 16px}.pricing-cta{padding:2rem 1rem}.checkout-modal{max-width:100%;max-height:95vh;margin:10px}.checkout-iframe{height:500px}}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;pointer-events:none}.toast{background:white;border-radius:8px;padding:16px 20px;margin-bottom:12px;box-shadow:0 4px 20px rgba(0,0,0,.15);border-left:4px solid;display:flex;align-items:center;gap:12px;min-width:300px;max-width:400px;pointer-events:auto;transform:translateX(100%);opacity:0;transition:all .3s ease}.toast.show{transform:translateX(0);opacity:1}.toast.success{border-left-color:#10b981}.toast.error{border-left-color:#ef4444}.toast.warning{border-left-color:#f59e0b}.toast-icon{width:20px;height:20px;flex-shrink:0}.toast-icon.success{color:#10b981}.toast-icon.error{color:#ef4444}.toast-icon.warning{color:#f59e0b}.toast-content{flex:1 1}.toast-title{font-weight:600;color:#1f2937;margin-bottom:4px;font-size:14px}.toast-message{color:#6b7280;font-size:13px;line-height:1.4}.toast-close{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.toast-close:hover{background:#f3f4f6;color:#6b7280}@media (max-width:768px){.toast-container{top:10px;right:10px;left:10px}.toast{min-width:auto;max-width:none}}