{} *{} 
     


      #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;
      }
    



 .brand-orange { color: #F26430; } .bg-brand-orange { background-color: #F26430; } .border-brand-orange { border-color: #F26430; } .hover-orange:hover { background-color: #E8571C; } .text-brand-orange { color: #F26430; } .section-divider { background: linear-gradient(to right, #F26430, transparent, #F26430); height: 2px; margin: 60px 0; } .hero-gradient { background: linear-gradient(135deg, rgba(242, 100, 48, 0.1) 0%, rgba(255, 255, 255, 0.95) 100%); } .cta-primary { background-color: #F26430; color: white; font-weight: 600; padding: 16px 32px; border-radius: 6px; transition: all 0.3s ease; text-decoration: none; display: inline-block; border: 2px solid #F26430; } .cta-primary:hover { background-color: #E8571C; border-color: #E8571C; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(242, 100, 48, 0.3); } .cta-secondary { background-color: white; color: #F26430; font-weight: 600; padding: 16px 32px; border-radius: 6px; transition: all 0.3s ease; text-decoration: none; display: inline-block; border: 2px solid #F26430; } .cta-secondary:hover { background-color: #F26430; color: white; transform: translateY(-2px); } .badge-popular { background-color: #FFA07A; color: white; padding: 8px 16px; border-radius: 20px; font-size: 14px; font-weight: 600; display: inline-block; margin-bottom: 16px; } .price-tag { font-size: 48px; font-weight: 700; color: #F26430; line-height: 1; } .testimonial-card { border-left: 4px solid #F26430; padding: 24px; background: #f9f9f9; border-radius: 6px; transition: all 0.3s ease; } .testimonial-card:hover { box-shadow: 0 8px 24px rgba(242, 100, 48, 0.15); transform: translateY(-4px); } .feature-icon { width: 60px; height: 60px; background-color: rgba(242, 100, 48, 0.1); border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 32px; margin-bottom: 16px; } .comparison-table { width: 100%; border-collapse: collapse; } .comparison-table th, .comparison-table td { padding: 16px; text-align: left; border-bottom: 1px solid #e5e7eb; } .comparison-table th { background-color: #f3f4f6; font-weight: 600; color: #1f2937; } .comparison-table tr:hover { background-color: #f9fafb; } .feature-check { color: #10b981; font-weight: 700; } .faq-item { border: 1px solid #e5e7eb; margin-bottom: 16px; border-radius: 6px; overflow: hidden; } .faq-question { background-color: #f9fafb; padding: 20px; cursor: pointer; font-weight: 600; color: #1f2937; display: flex; justify-content: space-between; align-items: center; transition: background-color 0.3s ease; } .faq-question:hover { background-color: #f3f4f6; } .faq-answer { padding: 20px; color: #4b5563; line-height: 1.6; display: none; background-color: white; } .faq-item.active .faq-answer { display: block; } .roi-input { padding: 12px; border: 2px solid #e5e7eb; border-radius: 6px; font-size: 16px; transition: border-color 0.3s ease; } .roi-input:focus { outline: none; border-color: #F26430; box-shadow: 0 0 0 3px rgba(242, 100, 48, 0.1); } .roi-result { background: linear-gradient(135deg, rgba(242, 100, 48, 0.05) 0%, rgba(255, 255, 255, 1) 100%); padding: 24px; border-radius: 8px; border-left: 4px solid #F26430; margin-top: 24px; } .guarantee-badge { background-color: #ecfdf5; border-left: 4px solid #10b981; padding: 16px; border-radius: 6px; margin: 24px 0; } .scarcity-alert { background-color: #fef3c7; border-left: 4px solid #f59e0b; padding: 16px; border-radius: 6px; margin: 24px 0; font-weight: 500; } .stat-box { background: white; border: 2px solid #F26430; border-radius: 8px; padding: 24px; text-align: center; } .stat-number { font-size: 36px; font-weight: 700; color: #F26430; line-height: 1; } .stat-label { color: #6b7280; font-size: 14px; margin-top: 8px; } .section-header { text-align: center; margin-bottom: 48px; } .section-title { font-size: 36px; font-weight: 700; color: #1f2937; margin-bottom: 16px; } .section-subtitle { font-size: 18px; color: #6b7280; max-width: 600px; margin: 0 auto; } @media (max-width: 768px) { .price-tag { font-size: 36px; } .section-title { font-size: 28px; } .comparison-table th, .comparison-table td { padding: 12px 8px; font-size: 14px; } } 

 .custom-faq-item { background-color: white; border-radius: 0.5rem; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1); margin-bottom: 1rem; overflow: hidden; cursor: pointer; } .custom-faq-question { display: flex; justify-content: space-between; align-items: center; padding: 1.25rem; font-weight: 600; color: #111827; } .custom-faq-answer { padding: 0 1.25rem 1.25rem; color: #4B5563; display: none; } .custom-faq-item.active .custom-faq-question span:last-child { transform: rotate(45deg); transition: transform 0.2s ease; } .custom-faq-item.active .custom-faq-answer { display: block; } .custom-section-title { font-size: 2.5rem; font-weight: bold; color: #111827; text-align: center; margin-bottom: 1rem; } .custom-section-subtitle { font-size: 1.125rem; color: #6B7280; text-align: center; margin-bottom: 3rem; max-width: 42rem; margin-left: auto; margin-right: auto; } .custom-mb-4 { margin-bottom: 1rem; } .custom-text-gray-900 { color: #111827; } .custom-font-semibold { font-weight: 600; } .custom-text-sm { font-size: 0.875rem; } .custom-text-gray-600 { color: #4B5563; } .custom-list-disc { list-style-type: disc; padding-left: 1.5rem; } .custom-space-y-2 > * + * { margin-top: 0.5rem; } .custom-text-gray-700 { color: #374151; } .custom-space-y-1 > * + * { margin-top: 0.25rem; } 

 .as-seen-in-widget, .as-seen-in-logos-container, .as-seen-in-logos { background-color: transparent !important; background: transparent !important; border: none !important; box-shadow: none !important; } /* Removes the white gradient/fades on the left and right sides */ .as-seen-in-rail, .as-seen-in-rail.right { background: transparent !important; display: none !important; /* Optional: hides the rails entirely for a cleaner look */ } 

 .custom-faq-item { border: 1px solid #e5e7eb; border-radius: 0.5rem; background-color: #ffffff; cursor: pointer; transition: all 0.3s ease; overflow: hidden; margin-bottom: 1rem; } .custom-faq-item:hover { border-color: #3b82f6; /* 100mph Blue */ } .custom-faq-question { padding: 1.25rem; display: flex; justify-content: space-between; align-items: center; font-weight: 600; color: #111827; } .custom-faq-answer { max-height: 0; overflow: hidden; padding: 0 1.25rem; transition: all 0.3s ease-in-out; color: #4b5563; background-color: #f9fafb; } /* Logic for Opening the FAQ */ .custom-faq-item.active { border-color: #3b82f6; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); } .custom-faq-item.active .custom-faq-answer { max-height: 500px; /* Adjust if answer is very long */ padding: 1.25rem; border-top: 1px solid #e5e7eb; } /* Rotate the + icon when active */ .custom-faq-item.active .faq-icon { transform: rotate(45deg); color: #3b82f6; } .faq-icon { transition: transform 0.3s ease; font-weight: bold; } .custom-mb-4 { margin-bottom: 1rem; } .custom-font-semibold { font-weight: 600; } .custom-text-gray-900 { color: #111827; } .custom-text-gray-600 { color: #4b5563; } .custom-text-sm { font-size: 0.875rem; } 

 .custom-faq-item { border: 1px solid #e5e7eb; border-radius: 0.5rem; background-color: #ffffff; cursor: pointer; transition: all 0.3s ease; overflow: hidden; margin-bottom: 1rem; } .custom-faq-item:hover { border-color: #3b82f6; /* 100mph Blue */ } .custom-faq-question { padding: 1.25rem; display: flex; justify-content: space-between; align-items: center; font-weight: 600; color: #111827; } .custom-faq-answer { max-height: 0; overflow: hidden; padding: 0 1.25rem; transition: all 0.3s ease-in-out; color: #4b5563; background-color: #f9fafb; } /* Logic for Opening the FAQ */ .custom-faq-item.active { border-color: #3b82f6; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); } .custom-faq-item.active .custom-faq-answer { max-height: 500px; /* Adjust if answer is very long */ padding: 1.25rem; border-top: 1px solid #e5e7eb; } /* Rotate the + icon when active */ .custom-faq-item.active .faq-icon { transform: rotate(45deg); color: #3b82f6; } .faq-icon { transition: transform 0.3s ease; font-weight: bold; } .custom-mb-4 { margin-bottom: 1rem; } .custom-font-semibold { font-weight: 600; } .custom-text-gray-900 { color: #111827; } .custom-text-gray-600 { color: #4b5563; } .custom-text-sm { font-size: 0.875rem; } 

 .custom-faq-item { border: 1px solid #e5e7eb; border-radius: 0.5rem; background-color: #ffffff; cursor: pointer; transition: all 0.3s ease; overflow: hidden; margin-bottom: 1rem; max-width: 64rem; margin-left: auto; margin-right: auto; } .custom-faq-item:hover { border-color: #3b82f6; } .custom-faq-question { padding: 1.25rem; display: flex; justify-content: space-between; align-items: center; font-weight: 600; color: #111827; } .custom-faq-answer { max-height: 0; overflow: hidden; padding: 0 1.25rem; transition: all 0.3s ease-in-out; color: #4b5563; background-color: #f9fafb; } .custom-faq-item.active .custom-faq-answer { max-height: 1000px; /* Increased for long answers */ padding: 1.25rem; border-top: 1px solid #e5e7eb; } .custom-faq-item.active .faq-icon { transform: rotate(45deg); color: #3b82f6; } .faq-icon { transition: transform 0.3s ease; font-weight: bold; } .custom-mb-4 { margin-bottom: 1rem; } .custom-font-semibold { font-weight: 600; } 

 .custom-faq-item { border: 1px solid #e5e7eb; border-radius: 0.5rem; background-color: #ffffff; cursor: pointer; transition: all 0.3s ease; overflow: hidden; margin-bottom: 1rem; max-width: 64rem; margin-left: auto; margin-right: auto; } .custom-faq-item:hover { border-color: #3b82f6; } .custom-faq-question { padding: 1.25rem; display: flex; justify-content: space-between; align-items: center; font-weight: 600; color: #111827; } .custom-faq-answer { max-height: 0; overflow: hidden; padding: 0 1.25rem; transition: all 0.3s ease-in-out; color: #4b5563; background-color: #f9fafb; } .custom-faq-item.active .custom-faq-answer { max-height: 1000px; /* Increased for long answers */ padding: 1.25rem; border-top: 1px solid #e5e7eb; } .custom-faq-item.active .faq-icon { transform: rotate(45deg); color: #3b82f6; } .faq-icon { transition: transform 0.3s ease; font-weight: bold; } .custom-mb-4 { margin-bottom: 1rem; } .custom-font-semibold { font-weight: 600; } 

 .faq-item { background-color: white; border-radius: 0.75rem; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); margin-bottom: 1rem; overflow: hidden; transition: box-shadow 0.3s ease; } .faq-item:hover { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } .faq-question { display: flex; justify-content: space-between; align-items: center; padding: 1.5rem; cursor: pointer; } .faq-question span:first-child { font-size: 1.125rem; font-weight: 600; color: #111827; } .faq-question span:last-child { color: #F26430; transition: transform 0.3s ease; } .faq-item.active .faq-question span:last-child { transform: rotate(45deg); } .faq-answer { padding: 0 1.5rem 1.5rem; color: #4B5563; display: none; } .faq-item.active .faq-answer { display: block; animation: fadeIn 0.5s ease forwards; } @keyframes fadeIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } } .highlight-box { background-color: #F3F4F6; border-radius: 0.5rem; padding: 1rem; margin: 1rem 0; } .list-disc { list-style-type: disc; padding-left: 1.5rem; } 

 #faq-section-100mph { font-family: sans-serif; /* Matches your site's default */ } .faq-item-v2 { background-color: white; border: 1px solid #e5e7eb; border-radius: 0.75rem; margin-bottom: 1rem; overflow: hidden; transition: all 0.3s ease; } .faq-item-v2:hover { border-color: #F26430; /* 100mph Orange/Red highlight */ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); } .faq-question-v2 { display: flex; justify-content: space-between; align-items: center; padding: 1.5rem; cursor: pointer; font-weight: 600; color: #111827; user-select: none; } .faq-icon-v2 { color: #F26430; font-size: 1.5rem; transition: transform 0.3s ease; } .faq-answer-v2 { max-height: 0; overflow: hidden; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); background-color: #fafafa; color: #4b5563; opacity: 0; } /* The "Active" state that makes it drop down */ .faq-item-v2.is-open .faq-answer-v2 { max-height: 1000px; /* Big enough for any answer */ padding: 1.5rem; border-top: 1px solid #eee; opacity: 1; } .faq-item-v2.is-open .faq-icon-v2 { transform: rotate(45deg); } .highlight-note { background: #f3f4f6; padding: 1rem; border-radius: 0.5rem; margin: 1rem 0; border-left: 4px solid #F26430; } 

 #faq-section-100mph { font-family: sans-serif; /* Matches your site's default */ } .faq-item-v2 { background-color: white; border: 1px solid #e5e7eb; border-radius: 0.75rem; margin-bottom: 1rem; overflow: hidden; transition: all 0.3s ease; } .faq-item-v2:hover { border-color: #F26430; /* 100mph Orange/Red highlight */ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); } .faq-question-v2 { display: flex; justify-content: space-between; align-items: center; padding: 1.5rem; cursor: pointer; font-weight: 600; color: #111827; user-select: none; } .faq-icon-v2 { color: #F26430; font-size: 1.5rem; transition: transform 0.3s ease; } .faq-answer-v2 { max-height: 0; overflow: hidden; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); background-color: #fafafa; color: #4b5563; opacity: 0; } /* The "Active" state that makes it drop down */ .faq-item-v2.is-open .faq-answer-v2 { max-height: 1000px; /* Big enough for any answer */ padding: 1.5rem; border-top: 1px solid #eee; opacity: 1; } .faq-item-v2.is-open .faq-icon-v2 { transform: rotate(45deg); } .highlight-note { background: #f3f4f6; padding: 1rem; border-radius: 0.5rem; margin: 1rem 0; border-left: 4px solid #F26430; } 

 #faq-section-100mph { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; color: #111827; } .faq-item-v2 { background-color: white; border: 1px solid #e5e7eb; border-radius: 0.75rem; margin-bottom: 1rem; overflow: hidden; transition: all 0.3s ease; max-width: 64rem; margin-left: auto; margin-right: auto; } .faq-item-v2:hover { border-color: #F26430; /* 100mph Orange */ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .faq-question-v2 { display: flex; justify-content: space-between; align-items: center; padding: 1.5rem; cursor: pointer; font-weight: 600; font-size: 1.125rem; user-select: none; } .faq-icon-v2 { color: #F26430; font-size: 1.75rem; line-height: 1; transition: transform 0.3s ease; } .faq-answer-v2 { max-height: 0; overflow: hidden; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); background-color: #fafafa; color: #4b5563; opacity: 0; } /* Active State Logic */ .faq-item-v2.is-open .faq-answer-v2 { max-height: 1200px; /* Large enough to accommodate all text */ padding: 0 1.5rem 1.5rem 1.5rem; opacity: 1; border-top: 1px solid #f3f4f6; } .faq-item-v2.is-open .faq-icon-v2 { transform: rotate(45deg); } .faq-bold { font-weight: 700; color: #111827; } .faq-list { padding-left: 1.25rem; margin-top: 0.75rem; } .faq-list li { margin-bottom: 0.5rem; } .highlight-box { background: #f3f4f6; padding: 1rem; border-radius: 0.5rem; margin: 1rem 0; border-left: 4px solid #F26430; } 

 /* Ensures brand colors work regardless of external CSS */ .bg-brand-orange { background-color: #F26531 !important; } .text-brand-orange { color: #F26531 !important; } .border-brand-orange { border-color: #F26531 !important; } 

 :root { --brand-orange: #F26531; } .hero-gradient { background: linear-gradient(135deg, #fff5f2 0%, #ffffff 100%); position: relative; } .text-brand-orange { color: var(--brand-orange) !important; } .bg-brand-orange { background-color: var(--brand-orange) !important; } /* Professional Pulse for the Badge */ @keyframes subtlePulse { 0% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.03); opacity: 0.9; } 100% { transform: scale(1); opacity: 1; } } .animate-badge { animation: subtlePulse 3s infinite ease-in-out; } .hero-quote-box { border-left: 5px solid var(--brand-orange); background: white; } 

 body { font-family: 'Inter', sans-serif; } .hero-gradient { background: linear-gradient(180deg, #000000 0%, #111111 100%); } .text-brand-electric { color: #00FFCC; } .animate-pulse-slow { animation: pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite; } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: .7; } } 

 .faq-container-v2 { width: 100%; } .faq-item-v2 { border-bottom: 1px solid #e5e7eb; margin-bottom: 1rem; } .faq-question-v2 { padding: 1.25rem 0; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; align-items: center; } .faq-answer-v2 { display: none; padding-bottom: 1.5rem; } .faq-icon-v2 { font-size: 1.5rem; transition: transform 0.3s ease; } .faq-item-v2.is-open .faq-icon-v2 { transform: rotate(45deg); } .faq-item-v2.is-open .faq-answer-v2 { display: block; } .faq-bold { font-weight: 700; color: #111827; } .highlight-box { background-color: #f3f4f6; padding: 1rem; border-radius: 0.5rem; margin-top: 1rem; } 

 html { scroll-behavior: smooth; } 

 html { scroll-behavior: smooth; }