{} *{} /*endBaseStyles*/
     


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



 * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; line-height: 1.6; color: #333; background-color: #fafafa; } /* Typography */ h1 { font-size: 3rem; font-weight: 700; line-height: 1.2; margin-bottom: 1rem; color: #1a1a1a; } h2 { font-size: 2.2rem; font-weight: 700; line-height: 1.3; margin-bottom: 1.5rem; color: #1a1a1a; } h3 { font-size: 1.5rem; font-weight: 600; line-height: 1.4; margin-bottom: 1rem; color: #1a1a1a; } p { font-size: 1.05rem; line-height: 1.7; margin-bottom: 1.5rem; color: #555; } /* Sections */ .section { padding: 60px 20px; max-width: 1000px; margin: 0 auto; } .section.hero { background: linear-gradient(135deg, #f5f7fa 0%, #e9ecef 100%); padding: 80px 20px; text-align: center; } .section.alt { background-color: #fff; } /* Hero Section */ .hero-content { max-width: 900px; margin: 0 auto; } .hero h1 { font-size: 3.5rem; margin-bottom: 1rem; } .hero .sub-headline { font-size: 1.4rem; color: #0066cc; font-weight: 600; margin-bottom: 2rem; } .hero p { font-size: 1.15rem; max-width: 800px; margin: 0 auto 2.5rem; color: #666; } /* Buttons */ .cta-button { display: inline-block; padding: 16px 40px; background-color: #0066cc; color: white; text-decoration: none; border-radius: 6px; font-size: 1.05rem; font-weight: 600; transition: all 0.3s ease; border: none; cursor: pointer; margin: 10px 5px; } .cta-button:hover { background-color: #0052a3; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(0, 102, 204, 0.3); } .cta-button.primary { background-color: #0066cc; padding: 18px 50px; font-size: 1.1rem; } .cta-button.secondary { background-color: #6c757d; padding: 14px 35px; font-size: 1rem; } .cta-button.secondary:hover { background-color: #5a6268; } .button-subtext { display: block; font-size: 0.85rem; color: #999; margin-top: 8px; font-weight: 400; } /* Content Blocks */ .content-block { margin-bottom: 3rem; } .content-block h2 { margin-bottom: 1.5rem; } .content-block p { margin-bottom: 1.2rem; } /* Lists */ .feature-list { list-style: none; margin: 2rem 0; } .feature-list li { padding: 12px 0; padding-left: 30px; position: relative; font-size: 1.05rem; line-height: 1.6; color: #555; } .feature-list li:before { content: "✓"; position: absolute; left: 0; color: #0066cc; font-weight: bold; font-size: 1.3rem; } /* Table */ .value-table { width: 100%; border-collapse: collapse; margin: 2rem 0; background: white; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); } .value-table th { background-color: #0066cc; color: white; padding: 18px; text-align: left; font-weight: 600; font-size: 1.05rem; } .value-table td { padding: 18px; border-bottom: 1px solid #e9ecef; font-size: 1rem; } .value-table tr:last-child td { border-bottom: none; } .value-table tr:nth-child(even) { background-color: #f9fafb; } .value-table strong { color: #0066cc; font-weight: 600; } /* Social Proof */ .social-proof { background-color: #f9fafb; padding: 40px; border-radius: 8px; border-left: 4px solid #0066cc; margin: 2rem 0; } .social-proof blockquote { font-size: 1.1rem; font-style: italic; color: #555; line-height: 1.8; margin-bottom: 1rem; } .social-proof-author { font-size: 0.95rem; color: #999; font-style: normal; } .metric-box { text-align: center; padding: 40px 20px; background: white; border-radius: 8px; margin: 2rem 0; } .metric-box .number { font-size: 3.5rem; font-weight: 700; color: #0066cc; margin-bottom: 0.5rem; } .metric-box .label { font-size: 1.1rem; color: #666; font-weight: 500; } /* Final CTA Section */ .final-cta { background: linear-gradient(135deg, #0066cc 0%, #0052a3 100%); color: white; text-align: center; padding: 60px 20px; border-radius: 8px; margin: 3rem 0; } .final-cta h2 { color: white; margin-bottom: 1.5rem; } .final-cta p { color: rgba(255, 255, 255, 0.95); max-width: 700px; margin: 0 auto 2rem; } .final-cta .cta-button { background-color: white; color: #0066cc; font-weight: 700; padding: 18px 50px; font-size: 1.1rem; } .final-cta .cta-button:hover { background-color: #f0f0f0; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); } /* Footer */ .footer { background-color: #1a1a1a; color: #999; text-align: center; padding: 30px 20px; font-size: 0.9rem; line-height: 1.6; } .footer p { color: #999; margin-bottom: 0.5rem; } /* Responsive */ @media (max-width: 768px) { h1 { font-size: 2rem; } h2 { font-size: 1.6rem; } h3 { font-size: 1.2rem; } .hero h1 { font-size: 2.2rem; } .hero .sub-headline { font-size: 1.1rem; } .section { padding: 40px 15px; } .section.hero { padding: 50px 15px; } p { font-size: 1rem; } .cta-button { padding: 14px 30px; font-size: 0.95rem; } .cta-button.primary { padding: 16px 40px; font-size: 1rem; } .value-table th, .value-table td { padding: 12px; font-size: 0.9rem; } .metric-box .number { font-size: 2.5rem; } .final-cta { padding: 40px 15px; } } @media (max-width: 480px) { h1 { font-size: 1.6rem; } h2 { font-size: 1.3rem; } .hero h1 { font-size: 1.8rem; } .hero .sub-headline { font-size: 1rem; } .cta-button { padding: 12px 24px; font-size: 0.9rem; display: block; width: 100%; text-align: center; } .cta-button.primary { padding: 14px 20px; } .feature-list li { font-size: 0.95rem; } }