@charset "utf-8";

@media (max-width: 640px) {
  .desktop-only { display: none !important; }
}

@media (min-width: 641px) {
  .mobile-only { display: none !important; }
}

@media (min-width: 901px) {
  .tablet-only { display: none !important; }
}

@media (max-width: 900px) {
  .wide-desktop-only { display: none !important; }
}

.products-page .top-section { padding: 0px 4em 5em; text-align: center; }

.products-page .top-section .headers-section h1 { font-size: clamp(44px, 6vw, 4rem); margin-bottom: 2rem; }

.products-page .top-section .headers-section h1 span { background: linear-gradient(90deg, rgb(95, 124, 255), rgb(40, 62, 158)) text; -webkit-text-fill-color: transparent; }

.products-page .top-section .headers-section h2 { max-width: 700px; margin: 0px auto; font-size: 1.5rem; opacity: 0.85; }

.products-page .products-wrapper { padding: 0px 24px 100px; }

.products-page .products-wrapper .product-card { display: grid; grid-template-columns: 1.2fr 1fr; gap: 40px; padding: 40px; border-radius: 28px; text-decoration: none; color: inherit; background: var(--card-light); backdrop-filter: blur(18px); transition: transform 0.3s, box-shadow 0.3s; }

.products-page .products-wrapper .product-card.reverse { grid-template-columns: 1fr 1.2fr; }

.products-page .products-wrapper .product-card.reverse .product-content { order: 2; }

.products-page .products-wrapper .product-card.reverse .product-visual { order: 1; }

.products-page .products { max-width: 1200px; margin: 0px auto; display: flex; flex-direction: column; gap: 40px; }

@media (max-width: 900px) {
  .products-page .product-card, .products-page .product-card.reverse { grid-template-columns: 1fr; }
  .products-page .product-card.reverse .product-content, .products-page .product-card.reverse .product-visual { order: unset; }
}

@media (prefers-color-scheme: light) {
  .products-page .product-card { background: var(--card-light); }
}

.products-page .product-card:hover { transform: translateY(-10px); box-shadow: rgba(40, 62, 158, 0.35) 0px 40px 80px; }

.products-page .product-content h2 { font-size: 28px; margin-bottom: 14px; }

.products-page .product-content p { font-size: 16px; line-height: 1.6; opacity: 0.85; margin-bottom: 28px; }

.products-page .cta { font-weight: 600; color: rgb(124, 156, 255); }

.products-page .product-visual { position: relative; border-radius: 20px; overflow: hidden; background: linear-gradient(135deg, rgb(40, 62, 158), rgb(95, 124, 255)); display: flex; align-items: center; justify-content: center; }

.products-page .product-visual img { width: 100%; height: 100%; object-fit: cover; }

.products-page .placeholder { background: linear-gradient(135deg, rgb(58, 79, 207), rgb(95, 124, 255)); }

.products-page .placeholder span { font-size: 64px; color: rgb(255, 255, 255); opacity: 0.6; }

.products-page .coming-soon { opacity: 0.6; pointer-events: none; }

.products-page .muted { opacity: 0.6; }