
      
    


      
     


      {} *{} 
     


      #IE-warning {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background: white;
      }
      .IE-warning-message {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
      }
    



 :root { --brand-primary: #F26430; --brand-white: #FFFFFF; --brand-deep-orange: #E8571C; --brand-light-orange: #FF7F50; } .bg-brand-primary { background-color: var(--brand-primary); } .bg-brand-deep { background-color: var(--brand-deep-orange); } .text-brand-primary { color: var(--brand-primary); } .border-brand-primary { border-color: var(--brand-primary); } .btn-brand { background-color: var(--brand-primary); color: white; font-weight: 700; padding: 16px 32px; border-radius: 8px; transition: background-color 0.3s ease; text-decoration: none; display: inline-block; cursor: pointer; border: none; } .btn-brand:hover { background-color: var(--brand-deep-orange); } .btn-secondary { background-color: transparent; color: var(--brand-primary); border: 2px solid var(--brand-primary); font-weight: 700; padding: 14px 30px; border-radius: 8px; transition: all 0.3s ease; } .btn-secondary:hover { background-color: var(--brand-primary); color: white; } .hero-gradient { background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-deep-orange) 100%); } .section-divider { background: linear-gradient(90deg, transparent, var(--brand-primary), transparent); height: 2px; } .card-highlight { border-left: 4px solid var(--brand-primary); } .stat-box { background: linear-gradient(135deg, rgba(242, 100, 48, 0.1) 0%, rgba(232, 87, 28, 0.05) 100%); border: 1px solid rgba(242, 100, 48, 0.2); } .benefit-icon { width: 48px; height: 48px; background-color: var(--brand-primary); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-weight: 700; font-size: 24px; } .testimonial-card { background: white; border: 1px solid #e5e7eb; border-left: 4px solid var(--brand-primary); } .guarantee-seal { display: inline-block; width: 120px; height: 120px; border-radius: 50%; background: linear-gradient(135deg, var(--brand-primary), var(--brand-light-orange)); display: flex; flex-direction: column; align-items: center; justify-content: center; color: white; font-weight: 700; text-align: center; font-size: 12px; box-shadow: 0 4px 15px rgba(242, 100, 48, 0.3); } .faq-item { border-bottom: 1px solid #e5e7eb; padding: 20px 0; } .faq-item:last-child { border-bottom: none; } .faq-question { font-weight: 700; color: #1f2937; cursor: pointer; display: flex; justify-content: space-between; align-items: center; } .faq-question:hover { color: var(--brand-primary); } .toggle-icon { color: var(--brand-primary); font-weight: 700; font-size: 20px; } .faq-answer { display: none; margin-top: 15px; color: #4b5563; line-height: 1.6; } .faq-answer.active { display: block; } .package-card { border: 2px solid #e5e7eb; border-radius: 12px; transition: all 0.3s ease; } .package-card.featured { border-color: var(--brand-primary); transform: scale(1.05); box-shadow: 0 10px 40px rgba(242, 100, 48, 0.2); } .package-card.featured .package-header { background-color: var(--brand-primary); color: white; } .package-header { padding: 20px; border-bottom: 2px solid #e5e7eb; } .package-price { font-size: 32px; font-weight: 700; color: var(--brand-primary); margin: 10px 0; } .comparison-table { width: 100%; border-collapse: collapse; } .comparison-table th, .comparison-table td { padding: 12px; text-align: left; border-bottom: 1px solid #e5e7eb; } .comparison-table th { background-color: #f9fafb; font-weight: 700; color: #1f2937; } .comparison-table tr:hover { background-color: #f9fafb; } .check-icon { color: var(--brand-primary); font-weight: 700; } .exit-intent-popup { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: white; border-radius: 12px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3); padding: 40px; max-width: 500px; z-index: 9999; display: none; } .exit-intent-popup.show { display: block; } .popup-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 9998; display: none; } .popup-overlay.show { display: block; } .close-popup { position: absolute; top: 15px; right: 15px; width: 30px; height: 30px; background: none; border: none; font-size: 24px; cursor: pointer; color: #9ca3af; } .close-popup:hover { color: #1f2937; } 

