.page-download {\n  --primary-color: #11A84E;\n  --secondary-color: #22C768;\n  --card-bg: #11271B;\n  --background-color: #08160F;\n  --text-main: #F2FFF6;\n  --text-secondary: #A7D9B8;\n  --border-color: #2E7A4E;\n  --glow-color: #57E38D;\n  --gold-color: #F2C14E;\n  --divider-color: #1E3A2A;\n  --deep-green-color: #0A4B2C;\n\n  font-family: Arial, sans-serif;\n  color: var(--text-main); /* Default text color for dark body background */\n  line-height: 1.6;\n  overflow-x: hidden; /* Prevent horizontal scroll */\n  background-color: var(--background-color); /* Ensure main background matches */\n}\n\n.page-download__container {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 0 20px;\n  box-sizing: border-box;\n}\n\n.page-download__section-title {\n  font-size: clamp(1.8rem, 4vw, 2.5rem);\n  color: var(--gold-color);\n  text-align: center;\n  margin-bottom: 40px;\n  font-weight: bold;\n  line-height: 1.2;\n}\n\n.page-download__text-block {\n  font-size: 1.1rem;\n  text-align: center;\n  max-width: 800px;\n  margin: 0 auto 30px auto;\n  color: var(--text-secondary);\n}\n\n.page-download__btn-primary,\n.page-download__btn-secondary,\n.page-download__cta-button,\n.page-download a[class*=\"button\"],\n.page-download a[class*=\"btn\"] {\n  display: inline-block;\n  padding: 15px 30px;\n  border-radius: 8px;\n  text-decoration: none;\n  font-weight: bold;\n  transition: all 0.3s ease;\n  text-align: center;\n  cursor: pointer;\n  white-space: normal; /* Allow text wrapping */\n  word-wrap: break-word; /* Allow text wrapping */\n  box-sizing: border-box;\n}\n\n.page-download__btn-primary,\n.page-download__cta-button {\n  background: linear-gradient(180deg, #2AD16F 0%, #13994A 100%);\n  color: #ffffff; /* White text on dark button */\n  border: none;\n}\n\n.page-download__btn-primary:hover,\n.page-download__cta-button:hover {\n  opacity: 0.9;\n  transform: translateY(-2px);\n}\n\n.page-download__btn-secondary {\n  background: transparent;\n  color: var(--primary-color);\n  border: 2px solid var(--primary-color);\n}\n\n.page-download__btn-secondary:hover {\n  background: var(--primary-color);\n  color: #ffffff;\n  transform: translateY(-2px);\n}\n\n/* Hero Section */\n.page-download__hero-section {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  min-height: 70vh;\n  padding: 60px 20px;\n  overflow: hidden;\n  text-align: center;\n  background-color: var(--background-color); /* Fallback if image fails */\n}\n\n.page-download__hero-image-wrapper {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n}\n\n.page-download__hero-image {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  filter: brightness(0.5); /* Darken image for text readability */\n}\n\n.page-download__hero-content {\n  position: relative;\n  z-index: 1;\n  max-width: 900px;\n  color: var(--text-main);\n}\n\n.page-download__main-title {\n  font-size: clamp(2.5rem, 6vw, 3.5rem);\n  margin-bottom: 20px;\n  font-weight: bold;\n  color: var(--gold-color);\n  line-height: 1.2;\n}\n\n.page-download__description {\n  font-size: clamp(1.1rem, 2.5vw, 1.3rem);\n  margin-bottom: 40px;\n  color: var(--text-secondary);\n}\n\n.page-download__cta-buttons {\n  display: flex;\n  gap: 20px;\n  justify-content: center;\n  flex-wrap: wrap;\n}\n\n/* Video Promo Section */\n.page-download__video-promo-section {\n  background-color: var(--card-bg);\n  padding: 60px 20px;\n  text-align: center;\n  padding-top: 10px; /* Small top padding for visual separation */\n}\n\n.page-download__video-wrapper {\n  position: relative;\n  padding-bottom: 56.25%; /* 16:9 Aspect Ratio */\n  height: 0;\n  overflow: hidden;\n  width: 100%; /* Ensure width is 100% on desktop */\n  max-width: 1000px; /* Max width for video container */\n  margin: 0 auto 30px auto;\n  background: #000;\n  border-radius: 10px;\n}\n\n.page-download__video {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  cursor: pointer;\n}\n\n.page-download__video-cta {\n  margin-top: 20px;\n}\n\n/* Benefits Section */\n.page-download__benefits-section {\n  background-color: var(--background-color);\n  padding: 80px 20px;\n  color: var(--text-main);\n}\n\n.page-download__benefits-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 30px;\n  margin-top: 50px;\n}\n\n.page-download__benefit-item {\n  background-color: var(--card-bg);\n  padding: 30px;\n  border-radius: 10px;\n  text-align: center;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);\n  border: 1px solid var(--border-color);\n  color: var(--text-main);\n}\n\n.page-download__benefit-icon {\n  width: 200px;\n  height: 200px;\n  object-fit: contain;\n  margin: 0 auto 20px auto;\n  display: block;\n}\n\n.page-download__benefit-title {\n  font-size: 1.5rem;\n  color: var(--gold-color);\n  margin-bottom: 15px;\n}\n\n.page-download__benefit-description {\n  font-size: 1rem;\n  color: var(--text-secondary);\n}\n\n/* How to Download Section */\n.page-download__how-to-download-section {\n  background-color: var(--card-bg);\n  padding: 80px 20px;\n  color: var(--text-main);\n}\n\n.page-download__platform-guide {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n  gap: 50px;\n  margin-top: 50px;\n}\n\n.page-download__guide-item {\n  background-color: var(--deep-green-color);\n  padding: 30px;\n  border-radius: 10px;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);\n  border: 1px solid var(--border-color);\n  color: var(--text-main);\n}\n\n.page-download__guide-title {\n  font-size: 1.8rem;\n  color: var(--gold-color);\n  margin-bottom: 25px;\n  text-align: center;\n}\n\n.page-download__guide-image {\n  width: 100%;\n  height: auto;\n  border-radius: 8px;\n  margin-bottom: 25px;\n  display: block;\n}\n\n.page-download__guide-list {\n  list-style: decimal;\n  padding-left: 25px;\n  margin-top: 20px;\n  text-align: left;\n}\n\n.page-download__guide-list li {\n  margin-bottom: 15px;\n  font-size: 1rem;\n  color: var(--text-secondary);\n}\n\n.page-download__guide-list strong {\n  color: var(--text-main);\n}\n\n.page-download__cta-bottom {\n  text-align: center;\n  margin-top: 60px;\n}\n\n/* Features Section */\n.page-download__features-section {\n  background-color: var(--background-color);\n  padding: 80px 20px;\n  color: var(--text-main);\n}\n\n.page-download__features-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 30px;\n  margin-top: 50px;\n}\n\n.page-download__feature-card {\n  background-color: var(--card-bg);\n  padding: 25px;\n  border-radius: 10px;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);\n  border: 1px solid var(--border-color);\n  text-align: center;\n  color: var(--text-main);\n}\n\n.page-download__feature-image {\n  width: 100%;\n  height: 200px; /* Fixed height for consistency, object-fit handles aspect ratio */\n  object-fit: cover;\n  border-radius: 8px;\n  margin-bottom: 20px;\n}\n\n.page-download__feature-title {\n  font-size: 1.4rem;\n  color: var(--gold-color);\n  margin-bottom: 10px;\n}\n\n.page-download__feature-description {\n  font-size: 0.95rem;\n  color: var(--text-secondary);\n}\n\n/* Security & Support Section */\n.page-download__security-support-section {\n  background-color: var(--deep-green-color);\n  padding: 80px 20px;\n  color: var(--text-main);\n}\n\n.page-download__security-content {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 40px;\n  margin-top: 50px;\n}\n\n.page-download__security-image {\n  flex: 1 1 400px;\n  max-width: 100%;\n  height: auto;\n  border-radius: 10px;\n  object-fit: cover;\n}\n\n.page-download__security-list {\n  flex: 2 1 400px;\n  list-style: none;\n  padding: 0;\n}\n\n.page-download__security-list li {\n  background-color: var(--card-bg);\n  margin-bottom: 15px;\n  padding: 20px;\n  border-radius: 8px;\n  border-left: 5px solid var(--primary-color);\n  color: var(--text-secondary);\n  font-size: 1.05rem;\n}\n\n.page-download__security-list li strong {\n  color: var(--text-main);\n  display: block;\n  margin-bottom: 5px;\n}\n\n/* FAQ Section */\n.page-download__faq-section {\n  background-color: var(--background-color);\n  padding: 80px 20px;\n  color: var(--text-main);\n}\n\n.page-download__faq-list {\n  margin-top: 50px;\n  max-width: 900px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.page-download__faq-item {\n  background-color: var(--card-bg);\n  margin-bottom: 15px;\n  border-radius: 8px;\n  border: 1px solid var(--border-color);\n  overflow: hidden;\n}\n\n.page-download__faq-item summary {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 20px 25px;\n  font-size: 1.2rem;\n  font-weight: bold;\n  color: var(--text-main);\n  cursor: pointer;\n  outline: none;\n  list-style: none;\n}\n\n.page-download__faq-item summary::-webkit-details-marker {\n  display: none;\n}\n\n.page-download__faq-qtext {\n  flex-grow: 1;\n  color: var(--gold-color);\n}\n\n.page-download__faq-toggle {\n  font-size: 1.5rem;\n  line-height: 1;\n  margin-left: 15px;\n  color: var(--primary-color);\n}\n\n.page-download__faq-item[open] .page-download__faq-toggle {\n  content: '−';\n}\n\n.page-download__faq-answer {\n  padding: 0 25px 20px 25px;\n  font-size: 1rem;\n  color: var(--text-secondary);\n}\n\n/* Final CTA Section */\n.page-download__cta-final-section {\n  background-color: var(--deep-green-color);\n  padding: 60px 20px;\n  text-align: center;\n  color: var(--text-main);\n}\n\n/* Responsive Styles */\n@media (max-width: 1024px) {\n  .page-download__hero-section {\n    min-height: 60vh;\n  }\n  .page-download__benefits-grid,\n  .page-download__platform-guide,\n  .page-download__features-grid {\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  }\n}\n\n@media (max-width: 768px) {\n  .page-download__hero-section {\n    padding: 40px 15px;\n    min-height: 50vh;\n  }\n  .page-download__main-title {\n    font-size: clamp(2rem, 5vw, 2.8rem);\n  }\n  .page-download__description {\n    font-size: clamp(1rem, 2.5vw, 1.1rem);\n  }\n  .page-download__cta-buttons {\n    flex-direction: column;\n    gap: 15px;\n  }\n  .page-download__btn-primary,\n  .page-download__btn-secondary,\n  .page-download__cta-button,\n  .page-download a[class*=\"button\"],\n  .page-download a[class*=\"btn\"] {\n    max-width: 100% !important;\n    width: 100% !important;\n    padding: 12px 20px;\n    font-size: 1rem;\n  }\n  .page-download__container {\n    padding: 0 15px;\n  }\n  .page-download__section-title {\n    font-size: clamp(1.6rem, 5vw, 2.2rem);\n    margin-bottom: 30px;\n  }\n  .page-download__text-block {\n    font-size: 0.95rem;\n    margin-bottom: 25px;\n  }\n  .page-download__benefits-section,\n  .page-download__video-promo-section,\n  .page-download__how-to-download-section,\n  .page-download__features-section,\n  .page-download__security-support-section,\n  .page-download__faq-section,\n  .page-download__cta-final-section {\n    padding: 40px 15px;\n  }\n\n  /* Video responsive */\n  .page-download video,\n  .page-download__video {\n    max-width: 100% !important;\n    width: 100% !important;\n    height: auto !important;\n    display: block !important;\n  }\n  .page-download__video-promo-section,\n  .page-download__video-container,\n  .page-download__video-wrapper {\n    max-width: 100% !important;\n    width: 100% !important;\n    box-sizing: border-box !important;\n    padding-left: 0;\n    padding-right: 0;\n    overflow: hidden !important;\n  }\n  .page-download__video-promo-section {\n    padding-top: 10px !important;\n  }\n\n  /* Image responsive */\n  .page-download img {\n    max-width: 100% !important;\n    width: 100% !important;\n    height: auto !important;\n    display: block !important;\n  }\n  .page-download__hero-image-wrapper,\n  .page-download__benefits-grid,\n  .page-download__platform-guide,\n  .page-download__features-grid,\n  .page-download__security-content {\n    max-width: 100% !important;\n    width: 100% !important;\n    box-sizing: border-box !important;\n  }\n  .page-download__guide-item,\n  .page-download__feature-card,\n  .page-download__benefit-item,\n  .page-download__faq-item {\n    padding: 20px;\n  }\n  .page-download__security-image {\n    flex: 1 1 100%;\n  }\n  .page-download__security-list {\n    flex: 1 1 100%;\n    padding-left: 0;\n  }\n  .page-download__faq-item summary {\n    font-size: 1.1rem;\n    padding: 15px 20px;\n  }\n  .page-download__faq-answer {\n    padding: 0 20px 15px 20px;\n  }\n}\n\n@media (max-width: 480px) {\n  .page-download__hero-section {\n    min-height: 40vh;\n    padding: 30px 10px;\n  }\n  .page-download__main-title {\n    font-size: clamp(1.8rem, 6vw, 2.5rem);\n  }\n  .page-download__description {\n    font-size: clamp(0.9rem, 2.5vw, 1rem);\n  }\n  .page-download__cta-buttons {\n    gap: 10px;\n  }\n  .page-download__section-title {\n    font-size: clamp(1.4rem, 5vw, 1.8rem);\n  }\n  .page-download__container {\n    padding: 0 10px;\n  }\n  .page-download__guide-list {\n    padding-left: 20px;\n  }\n  .page-download__guide-list li {\n    font-size: 0.95rem;\n  }\n  .page-download__security-list li {\n    font-size: 0.95rem;\n    padding: 15px;\n  }\n  .page-download__faq-item summary {\n    font-size: 1rem;\n    padding: 12px 15px;\n  }\n  .page-download__faq-answer {\n    padding: 0 15px 12px 15px;\n  }\n}\n