{"index":0,"message":{"role":"assistant","content":":root {\n  color-scheme: dark;\n  --bg: #0f172a;\n  --bg-deep: #070b16;\n  --surface: #111827;\n  --surface-2: #172033;\n  --surface-3: #1f2a44;\n  --surface-soft: rgba(17, 24, 39, 0.78);\n  --accent: #22c55e;\n  --accent-dark: #16a34a;\n  --accent-soft: rgba(34, 197, 94, 0.16);\n  --accent2: #06b6d4;\n  --accent2-dark: #0891b2;\n  --accent2-soft: rgba(6, 182, 212, 0.16);\n  --gold: #fbbf24;\n  --gold-soft: rgba(251, 191, 36, 0.16);\n  --danger: #fb7185;\n  --danger-soft: rgba(251, 113, 133, 0.14);\n  --warning: #f59e0b;\n  --warning-soft: rgba(245, 158, 11, 0.14);\n  --info: #38bdf8;\n  --info-soft: rgba(56, 189, 248, 0.14);\n  --text: #f8fafc;\n  --text-strong: #ffffff;\n  --muted: #cbd5e1;\n  --muted-2: #94a3b8;\n  --line: rgba(203, 213, 225, 0.14);\n  --line-strong: rgba(203, 213, 225, 0.24);\n  --shadow-sm: 0 8px 24px rgba(0, 0, 0, 0.22);\n  --shadow-md: 0 18px 50px rgba(0, 0, 0, 0.32);\n  --shadow-glow: 0 0 35px rgba(34, 197, 94, 0.28);\n  --shadow-cyan: 0 0 35px rgba(6, 182, 212, 0.24);\n  --radius-xs: 8px;\n  --radius-sm: 12px;\n  --radius-md: 18px;\n  --radius-lg: 26px;\n  --radius-xl: 34px;\n  --container: 1180px;\n  --header-h: 72px;\n  --space-1: 0.25rem;\n  --space-2: 0.5rem;\n  --space-3: 0.75rem;\n  --space-4: 1rem;\n  --space-5: 1.25rem;\n  --space-6: 1.5rem;\n  --space-8: 2rem;\n  --space-10: 2.5rem;\n  --space-12: 3rem;\n  --space-16: 4rem;\n  --font-body: \"Inter\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n  --font-display: \"Space Grotesk\", \"Inter\", system-ui, sans-serif;\n  --ease: cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\nhtml {\n  min-width: 320px;\n  scroll-behavior: smooth;\n  text-size-adjust: 100%;\n  background: var(--bg-deep);\n}\n\nbody {\n  margin: 0;\n  min-height: 100vh;\n  font-family: var(--font-body);\n  font-size: 16px;\n  line-height: 1.65;\n  color: var(--text);\n  background:\n    radial-gradient(circle at 18% 4%, rgba(6, 182, 212, 0.18) 0, transparent 34rem),\n    radial-gradient(circle at 88% 18%, rgba(34, 197, 94, 0.16) 0, transparent 30rem),\n    linear-gradient(180deg, #0b1120 0%, var(--bg) 42%, #090d18 100%);\n  overflow-x: hidden;\n}\n\nbody::before {\n  content: \"\";\n  position: fixed;\n  inset: 0;\n  z-index: -2;\n  pointer-events: none;\n  opacity: 0.28;\n  background-image:\n    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);\n  background-size: 36px 36px;\n  mask-image: linear-gradient(to bottom, #000 0%, transparent 75%);\n}\n\nbody::after {\n  content: \"\";\n  position: fixed;\n  inset: 0;\n  z-index: -1;\n  pointer-events: none;\n  background:\n    radial-gradient(circle at center, transparent 0, rgba(0, 0, 0, 0.36) 88%),\n    linear-gradient(135deg, rgba(34, 197, 94, 0.04), rgba(6, 182, 212, 0.04));\n}\n\nimg,\nsvg,\nvideo,\ncanvas {\n  display: block;\n  max-width: 100%;\n  height: auto;\n}\n\na {\n  color: var(--accent2);\n  text-decoration: none;\n  transition: color 180ms var(--ease), opacity 180ms var(--ease), transform 180ms var(--ease);\n}\n\na:hover {\n  color: var(--accent);\n}\n\na:focus-visible,\nbutton:focus-visible,\ninput:focus-visible,\nselect:focus-visible,\ntextarea:focus-visible,\nsummary:focus-visible,\n[tabindex]:focus-visible {\n  outline: 3px solid rgba(34, 197, 94, 0.52);\n  outline-offset: 3px;\n  border-radius: var(--radius-xs);\n}\n\nbutton,\ninput,\nselect,\ntextarea {\n  font: inherit;\n}\n\nbutton {\n  cursor: pointer;\n}\n\n::selection {\n  color: #04110a;\n  background: var(--accent);\n}\n\n.container {\n  width: min(100% - 32px, var(--container));\n  margin-inline: auto;\n}\n\n#site-header {\n  position: sticky;\n  top: 0;\n  z-index: 1000;\n  min-height: var(--header-h);\n  border-bottom: 1px solid var(--line);\n  background: rgba(7, 11, 22, 0.84);\n  backdrop-filter: blur(18px);\n  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.24);\n}\n\n.header-inner {\n  width: min(100% - 28px, 1240px);\n  min-height: var(--header-h);\n  margin-inline: auto;\n  display: flex;\n  align-items: center;\n  gap: var(--space-3);\n}\n\n.header-logo {\n  flex: 1 1 auto;\n  min-width: 0;\n}\n\n.header-logo a {\n  display: inline-flex;\n  align-items: center;\n  padding: 8px 0;\n}\n\n.header-logo img {\n  width: 132px;\n  height: auto;\n  object-fit: contain;\n  filter: drop-shadow(0 0 18px rgba(34, 197, 94, 0.2));\n}\n\n.header-nav-desktop {\n  display: none;\n}\n\n.header-actions {\n  display: none;\n}\n\n.mobile-menu-toggle {\n  width: 46px;\n  height: 46px;\n  display: inline-grid;\n  place-items: center;\n  gap: 0;\n  border: 1px solid rgba(203, 213, 225, 0.18);\n  border-radius: 14px;\n  color: var(--text);\n  background:\n    linear-gradient(180deg, rgba(31, 42, 68, 0.9), rgba(17, 24, 39, 0.9)),\n    var(--surface);\n  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);\n}\n\n.hamburger-line {\n  width: 20px;\n  height: 2px;\n  display: block;\n  border-radius: 999px;\n  background: var(--text);\n  transition: transform 220ms var(--ease), opacity 220ms var(--ease), background 220ms var(--ease);\n}\n\n.mobile-menu-toggle[aria-expanded=\"true\"] .hamburger-line:nth-child(1) {\n  transform: translateY(7px) rotate(45deg);\n  background: var(--accent);\n}\n\n.mobile-menu-toggle[aria-expanded=\"true\"] .hamburger-line:nth-child(2) {\n  opacity: 0;\n}\n\n.mobile-menu-toggle[aria-expanded=\"true\"] .hamburger-line:nth-child(3) {\n  transform: translateY(-7px) rotate(-45deg);\n  background: var(--accent);\n}\n\n.mobile-nav {\n  border-top: 1px solid var(--line);\n  background: rgba(11, 17, 32, 0.96);\n  box-shadow: var(--shadow-md);\n}\n\n.mobile-nav-inner {\n  width: min(100% - 32px, var(--container));\n  margin-inline: auto;\n  padding: var(--space-4) 0 var(--space-5);\n  display: grid;\n  gap: var(--space-3);\n}\n\n.mobile-nav ul,\n.header-nav-desktop ul {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.mobile-nav a:not(.btn-cta-mobile) {\n  display: flex;\n  align-items: center;\n  min-height: 44px;\n  padding: 10px 12px;\n  border: 1px solid transparent;\n  border-radius: var(--radius-sm);\n  color: var(--muted);\n  font-weight: 700;\n  background: rgba(255, 255, 255, 0.025);\n}\n\n.mobile-nav a:not(.btn-cta-mobile):hover {\n  color: var(--text-strong);\n  border-color: rgba(34, 197, 94, 0.24);\n  background: var(--accent-soft);\n}\n\n.btn-cta-header,\n.btn-cta-mobile,\n.btn-primary-lg,\n.btn-secondary,\n.btn-sticky-cta,\n.button,\n.btn,\ninput[type=\"submit\"],\nbutton[type=\"submit\"] {\n  position: relative;\n  isolation: isolate;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 46px;\n  padding: 0.82rem 1.2rem;\n  border: 0;\n  border-radius: 999px;\n  font-weight: 900;\n  line-height: 1.1;\n  letter-spacing: -0.01em;\n  text-align: center;\n  text-decoration: none;\n  white-space: nowrap;\n  user-select: none;\n  overflow: hidden;\n  transition:\n    transform 180ms var(--ease),\n    box-shadow 180ms var(--ease),\n    color 180ms var(--ease),\n    background 180ms var(--ease),\n    border-color 180ms var(--ease);\n}\n\n.btn-cta-header,\n.btn-cta-mobile,\n.btn-primary-lg,\n.btn-sticky-cta,\n.button-primary,\n.btn-primary,\ninput[type=\"submit\"],\nbutton[type=\"submit\"] {\n  color: #04110a;\n  background:\n    radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.7), transparent 20%),\n    linear-gradient(135deg, var(--accent) 0%, #84cc16 48%, var(--accent2) 100%);\n  box-shadow: 0 14px 34px rgba(34, 197, 94, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.55);\n}\n\n.btn-primary-lg {\n  min-height: 56px;\n  padding-inline: 1.55rem;\n  font-size: 1.03rem;\n}\n\n.btn-cta-header {\n  min-height: 42px;\n  padding-inline: 1rem;\n  font-size: 0.9rem;\n}\n\n.btn-cta-mobile {\n  width: 100%;\n  margin-top: 4px;\n}\n\n.btn-secondary,\n.button-secondary,\n.btn-outline {\n  color: var(--text-strong);\n  border: 1px solid rgba(6, 182, 212, 0.38);\n  background:\n    linear-gradient(180deg, rgba(6, 182, 212, 0.14), rgba(34, 197, 94, 0.08)),\n    rgba(15, 23, 42, 0.72);\n  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);\n}\n\n.btn-cta-header::before,\n.btn-cta-mobile::before,\n.btn-primary-lg::before,\n.btn-sticky-cta::before,\n.button-primary::before,\n.btn-primary::before {\n  content: \"\";\n  position: absolute;\n  inset: -40% -30%;\n  z-index: -1;\n  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.42), transparent);\n  transform: translateX(-70%) rotate(12deg);\n  transition: transform 520ms var(--ease);\n}\n\n.btn-cta-header:hover,\n.btn-cta-mobile:hover,\n.btn-primary-lg:hover,\n.btn-sticky-cta:hover,\n.button-primary:hover,\n.btn-primary:hover,\ninput[type=\"submit\"]:hover,\nbutton[type=\"submit\"]:hover {\n  color: #031007;\n  transform: translateY(-2px);\n  box-shadow: 0 18px 44px rgba(34, 197, 94, 0.36), 0 0 0 4px rgba(34, 197, 94, 0.12);\n}\n\n.btn-cta-header:hover::before,\n.btn-cta-mobile:hover::before,\n.btn-primary-lg:hover::before,\n.btn-sticky-cta:hover::before,\n.button-primary:hover::before,\n.btn-primary:hover::before {\n  transform: translateX(72%) rotate(12deg);\n}\n\n.btn-secondary:hover,\n.button-secondary:hover,\n.btn-outline:hover {\n  color: var(--text-strong);\n  border-color: rgba(34, 197, 94, 0.62);\n  background: linear-gradient(135deg, rgba(34, 197, 94, 0.18), rgba(6, 182, 212, 0.16));\n  box-shadow: var(--shadow-cyan);\n  transform: translateY(-2px);\n}\n\n.breadcrumbs-bar {\n  border-bottom: 1px solid var(--line);\n  background: rgba(15, 23, 42, 0.64);\n}\n\n.breadcrumb-list {\n  list-style: none;\n  padding: 10px 0;\n  margin: 0;\n  display: flex;\n  align-items: center;\n  gap: var(--space-2);\n  flex-wrap: wrap;\n  color: var(--muted-2);\n  font-size: 0.88rem;\n}\n\n.breadcrumb-list li {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--space-2);\n}\n\n.breadcrumb-list li + li::before {\n  content: \"›\";\n  color: var(--accent);\n  font-weight: 900;\n}\n\n.breadcrumb-list a {\n  color: var(--muted);\n  font-weight: 700;\n}\n\n.breadcrumb-list a:hover {\n  color: var(--accent);\n}\n\n.hero-section {\n  position: relative;\n  overflow: hidden;\n  padding: var(--space-10) 0 var(--space-8);\n  min-height: calc(100svh - var(--header-h) - 42px);\n  display: grid;\n  align-items: center;\n}\n\n.hero-section::before,\n.hero-section::after {\n  content: \"\";\n  position: absolute;\n  pointer-events: none;\n  border-radius: 999px;\n  filter: blur(10px);\n}\n\n.hero-section::before {\n  width: 240px;\n  height: 240px;\n  right: -90px;\n  top: 70px;\n  background: rgba(34, 197, 94, 0.18);\n}\n\n.hero-section::after {\n  width: 180px;\n  height: 180px;\n  left: -80px;\n  bottom: 40px;\n  background: rgba(6, 182, 212, 0.16);\n}\n\n.hero-overlay {\n  position: absolute;\n  inset: 0;\n  background:\n    linear-gradient(180deg, rgba(7, 11, 22, 0.2), rgba(15, 23, 42, 0.94)),\n    radial-gradient(circle at 74% 28%, rgba(34, 197, 94, 0.22), transparent 28rem);\n  pointer-events: none;\n}\n\n.hero-content {\n  position: relative;\n  z-index: 1;\n  width: min(100% - 32px, var(--container));\n  margin-inline: auto;\n  display: grid;\n  gap: var(--space-8);\n}\n\n.hero-text-block {\n  display: grid;\n  gap: var(--space-5);\n  text-align: left;\n}\n\n.hero-badge,\n.badge,\n.tag,\n.pill {\n  width: fit-content;\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 0.42rem 0.76rem;\n  border: 1px solid rgba(34, 197, 94, 0.28);\n  border-radius: 999px;\n  color: #bbf7d0;\n  background:\n    linear-gradient(135deg, rgba(34, 197, 94, 0.16), rgba(6, 182, 212, 0.1)),\n    rgba(15, 23, 42, 0.72);\n  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 28px rgba(34, 197, 94, 0.12);\n  font-size: 0.82rem;\n  font-weight: 900;\n  letter-spacing: 0.02em;\n}\n\n.hero-title {\n  max-width: 780px;\n  margin: 0;\n  font-family: var(--font-display);\n  font-size: clamp(2.25rem, 12vw, 4.4rem);\n  line-height: 0.95;\n  letter-spacing: -0.06em;\n  color: var(--text-strong);\n  text-wrap: balance;\n}\n\n.hero-title strong,\n.gradient-text {\n  color: transparent;\n  background: linear-gradient(135deg, var(--text-strong), #a7f3d0 40%, var(--accent2));\n  background-clip: text;\n  -webkit-background-clip: text;\n}\n\n.hero-subtitle {\n  max-width: 680px;\n  margin: 0;\n  color: var(--muted);\n  font-size: clamp(1rem, 3.8vw, 1.24rem);\n  line-height: 1.65;\n}\n\n.hero-cta-group {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--space-3);\n}\n\n.hero-trust-indicators {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: var(--space-3);\n  margin-top: var(--space-2);\n}\n\n.trust-item {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  min-height: 48px;\n  padding: 10px 12px;\n  border: 1px solid var(--line);\n  border-radius: var(--radius-md);\n  background: rgba(17, 24, 39, 0.62);\n  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);\n}\n\n.trust-icon {\n  width: 30px;\n  height: 30px;\n  display: inline-grid;\n  place-items: center;\n  border-radius: 10px;\n  background: rgba(34, 197, 94, 0.12);\n}\n\n.trust-label {\n  color: var(--muted);\n  font-size: 0.9rem;\n  font-weight: 800;\n}\n\n.hero-image-block {\n  position: relative;\n  align-self: center;\n  justify-self: center;\n  width: min(100%, 560px);\n}\n\n.hero-image-block::before {\n  content: \"\";\n  position: absolute;\n  inset: 14% 8% 4%;\n  z-index: -1;\n  border-radius: 42% 58% 44% 56%;\n  background: linear-gradient(135deg, rgba(34, 197, 94, 0.28), rgba(6, 182, 212, 0.22));\n  filter: blur(26px);\n}\n\n.hero-image-block img {\n  width: 100%;\n  border-radius: var(--radius-xl);\n  object-fit: cover;\n  border: 1px solid rgba(203, 213, 225, 0.14);\n  box-shadow: var(--shadow-md), var(--shadow-glow);\n}\n\n.key-takeaways-section,\n.author-date-bar,\n.content-primary,\n.featured-highlights,\n.comparison-section,\n.promo-banner-section,\n.games-showcase,\n.faq-section,\n.trust-section,\n.final-cta-section {\n  padding-block: var(--space-8);\n}\n\n.takeaways-card,\n.meta-info-bar,\n.comparison-wrapper,\n.faq-wrapper,\n.final-cta-box,\n.card,\n.panel,\n.box,\n.data-card,\n.chart-card {\n  position: relative;\n  border: 1px solid var(--line);\n  border-radius: var(--radius-lg);\n  background:\n    linear-gradient(180deg, rgba(31, 42, 68, 0.78), rgba(17, 24, 39, 0.9)),\n    var(--surface);\n  box-shadow: var(--shadow-sm), inset 0 1px 0 rgba(255, 255, 255, 0.055);\n}\n\n.takeaways-card {\n  overflow: hidden;\n}\n\n.takeaways-card::before,\n.comparison-wrapper::before,\n.faq-wrapper::before {\n  content: \"\";\n  position: absolute;\n  inset: 0 0 auto;\n  height: 3px;\n  background: linear-gradient(90deg, var(--accent), var(--accent2), var(--gold));\n}\n\n.takeaways-header {\n  display: flex;\n  align-items: center;\n  gap: var(--space-3);\n  padding: var(--space-5);\n  border-bottom: 1px solid var(--line);\n}\n\n.takeaways-icon {\n  width: 44px;\n  height: 44px;\n  display: inline-grid;\n  place-items: center;\n  border-radius: 15px;\n  background: var(--accent-soft);\n  box-shadow: 0 0 22px rgba(34, 197, 94, 0.16);\n}\n\n.takeaways-header h2,\n.comparison-wrapper h2,\n.games-showcase > h2,\n.faq-wrapper > h2,\n.final-cta-box h2,\n.section-title {\n  margin: 0;\n  font-family: var(--font-display);\n  color: var(--text-strong);\n  font-size: clamp(1.6rem, 7vw, 2.45rem);\n  line-height: 1.08;\n  letter-spacing: -0.04em;\n  text-wrap: balance;\n}\n\n.takeaways-body {\n  padding: var(--space-5);\n  color: var(--muted);\n}\n\n.takeaways-body ul,\n.content-primary ul,\n.content-primary ol,\n.faq-wrapper ul,\n.footer-col ul,\n.list-check,\n.list-clean {\n  margin-top: 0;\n}\n\n.takeaways-body ul,\n.list-check {\n  list-style: none;\n  padding-left: 0;\n  display: grid;\n  gap: var(--space-3);\n}\n\n.takeaways-body li,\n.list-check li {\n  position: relative;\n  padding-left: 2rem;\n}\n\n.takeaways-body li::before,\n.list-check li::before {\n  content: \"✓\";\n  position: absolute;\n  left: 0;\n  top: 0.05rem;\n  width: 1.35rem;\n  height: 1.35rem;\n  display: inline-grid;\n  place-items: center;\n  border-radius: 999px;\n  color: #04110a;\n  background: var(--accent);\n  font-size: 0.82rem;\n  font-weight: 900;\n}\n\n.meta-info-bar {\n  display: grid;\n  gap: var(--space-3);\n  padding: var(--space-4);\n}\n\n.author-block,\n.date-block {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--space-3);\n  padding: 12px;\n  border-radius: var(--radius-sm);\n  background: rgba(255, 255, 255, 0.025);\n}\n\n.meta-label {\n  color: var(--muted-2);\n  font-size: 0.86rem;\n  font-weight: 800;\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n}\n\n.meta-value {\n  color: var(--text-strong);\n  font-weight: 900;\n  text-align: right;\n}\n\n#main-content {\n  position: relative;\n}\n\n.content-primary {\n  color: var(--muted);\n}\n\n.content-primary > *:first-child {\n  margin-top: 0;\n}\n\n.content-primary > *:last-child {\n  margin-bottom: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  color: var(--text-strong);\n  font-family: var(--font-display);\n  line-height: 1.14;\n  letter-spacing: -0.035em;\n}\n\np {\n  margin: 0 0 1.1rem;\n}\n\n.content-primary h2 {\n  margin: 2.4rem 0 1rem;\n  font-size: clamp(1.55rem, 6vw, 2.3rem);\n}\n\n.content-primary h3 {\n  margin: 2rem 0 0.8rem;\n  font-size: clamp(1.25rem, 5vw, 1.72rem);\n}\n\n.content-primary h4 {\n  margin: 1.6rem 0 0.65rem;\n  font-size: 1.16rem;\n}\n\n.content-primary a:not(.btn):not(.button):not(.btn-primary-lg):not(.btn-secondary) {\n  color: #67e8f9;\n  font-weight: 800;\n  text-decoration: underline;\n  text-decoration-color: rgba(103, 232, 249, 0.35);\n  text-underline-offset: 0.2em;\n}\n\n.content-primary a:not(.btn):not(.button):not(.btn-primary-lg):not(.btn-secondary):hover {\n  color: #86efac;\n  text-decoration-color: rgba(134, 239, 172, 0.7);\n}\n\n.content-primary blockquote,\n.quote,\n.testimonial {\n  margin: var(--space-6) 0;\n  padding: var(--space-5);\n  border: 1px solid rgba(34, 197, 94, 0.22);\n  border-left: 4px solid var(--accent);\n  border-radius: var(--radius-md);\n  color: var(--text);\n  background: linear-gradient(135deg, rgba(34, 197, 94, 0.12), rgba(6, 182, 212, 0.06));\n  box-shadow: var(--shadow-sm);\n}\n\n.content-primary hr,\n.divider,\n.content-divider {\n  border: 0;\n  height: 1px;\n  margin: var(--space-8) 0;\n  background: linear-gradient(90deg, transparent, rgba(203, 213, 225, 0.28), transparent);\n}\n\n.highlights-grid,\n.providers-grid,\n.trust-grid,\n.cards-grid,\n.stats-grid,\n.testimonials-grid {\n  display: grid;\n  gap: var(--space-5);\n}\n\n.highlight-card,\n.provider-card,\n.trust-card,\n.stat-card,\n.testimonial-card,\n.feature-card {\n  overflow: hidden;\n  border: 1px solid var(--line);\n  border-radius: var(--radius-lg);\n  background:\n    linear-gradient(180deg, rgba(31, 42, 68, 0.72), rgba(17, 24, 39, 0.92)),\n    var(--surface);\n  box-shadow: var(--shadow-sm);\n  transition: transform 220ms var(--ease), border-color 220ms var(--ease), box-shadow 220ms var(--ease);\n}\n\n.highlight-card:hover,\n.provider-card:hover,\n.trust-card:hover,\n.stat-card:hover,\n.testimonial-card:hover,\n.feature-card:hover {\n  transform: translateY(-5px);\n  border-color: rgba(34, 197, 94, 0.34);\n  box-shadow: var(--shadow-md), 0 0 34px rgba(34, 197, 94, 0.12);\n}\n\n.highlight-img-wrapper,\n.provider-img,\n.media-frame,\n.image-card {\n  position: relative;\n  overflow: hidden;\n  background: var(--surface-2);\n}\n\n.highlight-img-wrapper::after,\n.provider-img::after,\n.media-frame::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(180deg, transparent 45%, rgba(7, 11, 22, 0.62));\n  pointer-events: none;\n}\n\n.highlight-img-wrapper img,\n.provider-img img,\n.media-frame img {\n  width: 100%;\n  aspect-ratio: 16 / 10;\n  object-fit: cover;\n  transition: transform 420ms var(--ease), filter 420ms var(--ease);\n}\n\n.highlight-card:hover img,\n.provider-card:hover img,\n.media-frame:hover img {\n  transform: scale(1.045);\n  filter: saturate(1.12) contrast(1.04);\n}\n\n.highlight-body,\n.provider-card,\n.trust-card,\n.stat-card,\n.testimonial-card,\n.feature-card {\n  padding: var(--space-5);\n}\n\n.highlight-body h3,\n.provider-card h3,\n.trust-card h3,\n.stat-card h3,\n.testimonial-card h3,\n.feature-card h3 {\n  margin: 0 0 var(--space-2);\n  font-size: 1.28rem;\n}\n\n.highlight-body p,\n.provider-card p,\n.trust-card p,\n.testimonial-card p,\n.feature-card p {\n  color: var(--muted);\n}\n\n.highlight-body .btn-secondary {\n  margin-top: var(--space-2);\n}\n\n.comparison-wrapper,\n.faq-wrapper {\n  padding: var(--space-5);\n  overflow: hidden;\n}\n\n.comparison-wrapper h2,\n.faq-wrapper > h2,\n.games-showcase > h2 {\n  margin-bottom: var(--space-5);\n}\n\n.table-responsive {\n  width: 100%;\n  overflow-x: auto;\n  border-radius: var(--radius-md);\n  border: 1px solid var(--line);\n  background: rgba(7, 11, 22, 0.34);\n  -webkit-overflow-scrolling: touch;\n}\n\ntable {\n  width: 100%;\n  border-collapse: collapse;\n  min-width: 620px;\n  color: var(--muted);\n}\n\nth,\ntd {\n  padding: 0.95rem;\n  text-align: left;\n  border-bottom: 1px solid var(--line);\n  vertical-align: middle;\n}\n\nth {\n  color: var(--text-strong);\n  background: linear-gradient(180deg, rgba(34, 197, 94, 0.12), rgba(6, 182, 212, 0.08));\n  font-size: 0.82rem;\n  font-weight: 900;\n  letter-spacing: 0.04em;\n  text-transform: uppercase;\n}\n\ntd:first-child {\n  color: var(--text);\n  font-weight: 800;\n}\n\ntbody tr {\n  transition: background 160ms var(--ease);\n}\n\ntbody tr:hover {\n  background: rgba(34, 197, 94, 0.055);\n}\n\ntbody tr:last-child td {\n  border-bottom: 0;\n}\n\n.badge-positive,\n.badge-neutral,\n.badge-negative,\n.badge-warning,\n.status-success,\n.status-info,\n.status-pending {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 28px;\n  padding: 0.26rem 0.62rem;\n  border-radius: 999px;\n  font-size: 0.78rem;\n  font-weight: 900;\n  line-height: 1;\n  white-space: nowrap;\n}\n\n.badge-positive,\n.status-success {\n  color: #bbf7d0;\n  border: 1px solid rgba(34, 197, 94, 0.32);\n  background: rgba(34, 197, 94, 0.14);\n}\n\n.badge-neutral,\n.status-info {\n  color: #bae6fd;\n  border: 1px solid rgba(6, 182, 212, 0.3);\n  background: rgba(6, 182, 212, 0.13);\n}\n\n.badge-negative {\n  color: #fecdd3;\n  border: 1px solid rgba(251, 113, 133, 0.32);\n  background: var(--danger-soft);\n}\n\n.badge-warning,\n.status-pending {\n  color: #fde68a;\n  border: 1px solid rgba(245, 158, 11, 0.34);\n  background: var(--warning-soft);\n}\n\n.promo-banner {\n  position: relative;\n  overflow: hidden;\n  display: grid;\n  gap: var(--space-5);\n  padding: var(--space-6);\n  border: 1px solid rgba(34, 197, 94, 0.24);\n  border-radius: var(--radius-xl);\n  background:\n    radial-gradient(circle at 82% 18%, rgba(6, 182, 212, 0.24), transparent 18rem),\n    radial-gradient(circle at 12% 85%, rgba(34, 197, 94, 0.24), transparent 18rem),\n    linear-gradient(135deg, rgba(31, 42, 68, 0.94), rgba(9, 13, 24, 0.96));\n  box-shadow: var(--shadow-md), var(--shadow-glow);\n}\n\n.promo-banner::before {\n  content: \"\";\n  position: absolute;\n  inset: auto -20% -45% 35%;\n  height: 220px;\n  background: conic-gradient(from 180deg, rgba(34, 197, 94, 0.28), rgba(6, 182, 212, 0.18), rgba(251, 191, 36, 0.16), rgba(34, 197, 94, 0.28));\n  filter: blur(44px);\n}\n\n.promo-text,\n.promo-image,\n.promo-action {\n  position: relative;\n  z-index: 1;\n}\n\n.promo-text h2 {\n  margin: 0 0 var(--space-3);\n  font-size: clamp(1.7rem, 7vw, 2.6rem);\n}\n\n.promo-text p {\n  color: var(--muted);\n  margin-bottom: 0;\n}\n\n.promo-image {\n  justify-self: center;\n}\n\n.promo-image img {\n  max-height: 260px;\n  object-fit: contain;\n  filter: drop-shadow(0 24px 34px rgba(0, 0, 0, 0.38));\n}\n\n.promo-action {\n  display: flex;\n}\n\n.promo-action .btn-primary-lg {\n  width: 100%;\n}\n\n.games-showcase > h2 {\n  text-align: center;\n}\n\n.provider-card {\n  text-align: center;\n}\n\n.provider-card .provider-img {\n  margin: calc(var(--space-5) * -1) calc(var(--space-5) * -1) var(--space-5);\n}\n\n.trust-card-icon {\n  width: 54px;\n  height: 54px;\n  display: inline-grid;\n  place-items: center;\n  margin-bottom: var(--space-4);\n  border-radius: 18px;\n  background:\n    linear-gradient(135deg, rgba(34, 197, 94, 0.2), rgba(6, 182, 212, 0.14)),\n    rgba(255, 255, 255, 0.035);\n  font-size: 1.55rem;\n  box-shadow: 0 0 24px rgba(6, 182, 212, 0.14);\n}\n\n.faq-wrapper details,\n.accordion-item {\n  border: 1px solid var(--line);\n  border-radius: var(--radius-md);\n  background: rgba(7, 11, 22, 0.28);\n  overflow: hidden;\n}\n\n.faq-wrapper details + details,\n.accordion-item + .accordion-item,\n.faq-item + .faq-item {\n  margin-top: var(--space-3);\n}\n\n.faq-wrapper summary,\n.accordion-trigger,\n.faq-question {\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--space-4);\n  width: 100%;\n  padding: var(--space-4);\n  color: var(--text-strong);\n  font-weight: 900;\n  list-style: none;\n  background: rgba(255, 255, 255, 0.025);\n}\n\n.faq-wrapper summary::-webkit-details-marker {\n  display: none;\n}\n\n.faq-wrapper summary::after,\n.accordion-trigger::after,\n.faq-question::after {\n  content: \"+\";\n  flex: 0 0 auto;\n  width: 30px;\n  height: 30px;\n  display: inline-grid;\n  place-items: center;\n  border-radius: 999px;\n  color: #04110a;\n  background: var(--accent);\n  font-weight: 900;\n  transition: transform 180ms var(--ease), background 180ms var(--ease);\n}\n\n.faq-wrapper details[open] summary::after,\n.accordion-item.is-open .accordion-trigger::after,\n.faq-item.active .faq-question::after {\n  content: \"−\";\n  transform: rotate(180deg);\n  background: var(--accent2);\n}\n\n.faq-wrapper details > *:not(summary),\n.accordion-content,\n.faq-answer {\n  padding: 0 var(--space-4) var(--space-4);\n  color: var(--muted);\n}\n\n.final-cta-box {\n  overflow: hidden;\n  padding: var(--space-8) var(--space-5);\n  text-align: center;\n  background:\n    radial-gradient(circle at 50% 0%, rgba(34, 197, 94, 0.2), transparent 18rem),\n    linear-gradient(180deg, rgba(31, 42, 68, 0.88), rgba(17, 24, 39, 0.96));\n}\n\n.final-cta-box img {\n  width: 128px;\n  margin: 0 auto var(--space-5);\n  filter: drop-shadow(0 18px 26px rgba(0, 0, 0, 0.34));\n}\n\n.final-cta-box p {\n  max-width: 680px;\n  margin: var(--space-3) auto var(--space-5);\n  color: var(--muted);\n}\n\n#site-footer {\n  margin-top: var(--space-8);\n  border-top: 1px solid var(--line);\n  background:\n    radial-gradient(circle at 12% 10%, rgba(34, 197, 94, 0.12), transparent 24rem),\n    linear-gradient(180deg, #0a1020, #050814);\n}\n\n.footer-inner {\n  width: min(100% - 32px, 1240px);\n  margin-inline: auto;\n  padding: var(--space-10) 0 calc(var(--space-12) + 68px);\n}\n\n.footer-top {\n  display: grid;\n  gap: var(--space-8);\n}\n\n.footer-brand img {\n  width: 170px;\n  margin-bottom: var(--space-4);\n  border-radius: var(--radius-md);\n}\n\n.footer-brand p,\n.footer-responsible-gaming p,\n.footer-bottom p {\n  color: var(--muted-2);\n  font-size: 0.92rem;\n}\n\n.footer-links {\n  display: grid;\n  gap: var(--space-6);\n}\n\n.footer-col h4 {\n  margin: 0 0 var(--space-3);\n  color: var(--text-strong);\n  font-size: 1rem;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n}\n\n.footer-col ul {\n  list-style: none;\n  padding: 0;\n  display: grid;\n  gap: 9px;\n}\n\n.footer-col a {\n  color: var(--muted);\n  font-weight: 700;\n}\n\n.footer-col a:hover {\n  color: var(--accent);\n}\n\n.footer-responsible-gaming {\n  margin-top: var(--space-8);\n  padding: var(--space-5);\n  border: 1px solid var(--line);\n  border-radius: var(--radius-lg);\n  background: rgba(255, 255, 255, 0.025);\n}\n\n.rg-logos {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--space-2);\n  margin-bottom: var(--space-3);\n}\n\n.rg-badge {\n  display: inline-flex;\n  align-items: center;\n  min-height: 34px;\n  padding: 0.38rem 0.7rem;\n  border: 1px solid rgba(203, 213, 225, 0.18);\n  border-radius: 999px;\n  color: var(--text);\n  background: rgba(15, 23, 42, 0.8);\n  font-weight: 900;\n}\n\n.footer-responsible-gaming a {\n  color: #67e8f9;\n  text-decoration: underline;\n  text-underline-offset: 0.18em;\n}\n\n.footer-bottom {\n  display: grid;\n  gap: var(--space-3);\n  margin-top: var(--space-6);\n  padding-top: var(--space-6);\n  border-top: 1px solid var(--line);\n}\n\n.sticky-mobile-cta {\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 1100;\n  padding: 10px 14px max(10px, env(safe-area-inset-bottom));\n  background: rgba(7, 11, 22, 0.82);\n  border-top: 1px solid var(--line);\n  backdrop-filter: blur(16px);\n}\n\n.btn-sticky-cta {\n  width: 100%;\n  min-height: 52px;\n}\n\ninput,\nselect,\ntextarea {\n  width: 100%;\n  min-height: 48px;\n  padding: 0.78rem 0.95rem;\n  border: 1px solid var(--line-strong);\n  border-radius: var(--radius-sm);\n  color: var(--text);\n  background: rgba(7, 11, 22, 0.58);\n  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045);\n  transition: border-color 180ms var(--ease), box-shadow 180ms var(--ease), background 180ms var(--ease);\n}\n\ntextarea {\n  min-height: 130px;\n  resize: vertical;\n}\n\ninput::placeholder,\ntextarea::placeholder {\n  color: var(--muted-2);\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n  border-color: rgba(6, 182, 212, 0.42);\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n  border-color: rgba(34, 197, 94, 0.62);\n  background: rgba(7, 11, 22, 0.76);\n  box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.11);\n  outline: 0;\n}\n\nlabel {\n  display: inline-block;\n  margin-bottom: 0.42rem;\n  color: var(--text);\n  font-weight: 800;\n}\n\n.form-group,\n.field {\n  margin-bottom: var(--space-4);\n}\n\n.form-help,\n.help-text {\n  margin-top: 0.35rem;\n  color: var(--muted-2);\n  font-size: 0.86rem;\n}\n\n.form-error,\n.error-text {\n  margin-top: 0.35rem;\n  color: #fecdd3;\n  font-size: 0.86rem;\n  font-weight: 700;\n}\n\n.alert {\n  padding: var(--space-4);\n  border: 1px solid var(--line);\n  border-radius: var(--radius-md);\n  color: var(--text);\n  background: rgba(255, 255, 255, 0.035);\n}\n\n.alert-success {\n  border-color: rgba(34, 197, 94, 0.32);\n  background: var(--accent-soft);\n}\n\n.alert-info {\n  border-color: rgba(6, 182, 212, 0.32);\n  background: var(--accent2-soft);\n}\n\n.alert-warning {\n  border-color: rgba(245, 158, 11, 0.34);\n  background: var(--warning-soft);\n}\n\n.alert-danger,\n.alert-error {\n  border-color: rgba(251, 113, 133, 0.34);\n  background: var(--danger-soft);\n}\n\n.tabs {\n  display: grid;\n  gap: var(--space-4);\n}\n\n.tab-list {\n  display: flex;\n  gap: var(--space-2);\n  overflow-x: auto;\n  padding: 4px;\n  border: 1px solid var(--line);\n  border-radius: 999px;\n  background: rgba(7, 11, 22, 0.44);\n}\n\n.tab-button {\n  flex: 0 0 auto;\n  min-height: 40px;\n  padding: 0.55rem 0.9rem;\n  border: 0;\n  border-radius: 999px;\n  color: var(--muted);\n  background: transparent;\n  font-weight: 900;\n}\n\n.tab-button:hover,\n.tab-button[aria-selected=\"true\"],\n.tab-button.active {\n  color: #04110a;\n  background: var(--accent);\n}\n\n.modal {\n  position: fixed;\n  inset: 0;\n  z-index: 2000;\n  display: none;\n  place-items: center;\n  padding: var(--space-4);\n  background: rgba(0, 0, 0, 0.68);\n  backdrop-filter: blur(8px);\n}\n\n.modal.is-open,\n.modal[open] {\n  display: grid;\n}\n\n.modal-dialog,\n.modal-content {\n  width: min(100%, 620px);\n  max-height: min(86vh, 760px);\n  overflow: auto;\n  border: 1px solid var(--line);\n  border-radius: var(--radius-lg);\n  background: var(--surface);\n  box-shadow: var(--shadow-md);\n}\n\n.modal-header,\n.modal-body,\n.modal-footer {\n  padding: var(--space-5);\n}\n\n.modal-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--space-4);\n  border-bottom: 1px solid var(--line);\n}\n\n.modal-footer {\n  border-top: 1px solid var(--line);\n}\n\n.tooltip {\n  position: relative;\n  cursor: help;\n}\n\n.tooltip::after {\n  content: attr(data-tooltip);\n  position: absolute;\n  left: 50%;\n  bottom: calc(100% + 10px);\n  z-index: 20;\n  width: max-content;\n  max-width: 220px;\n  padding: 0.5rem 0.7rem;\n  border: 1px solid var(--line);\n  border-radius: var(--radius-xs);\n  color: var(--text);\n  background: #050814;\n  box-shadow: var(--shadow-sm);\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(-50%, 6px);\n  transition: opacity 160ms var(--ease), transform 160ms var(--ease), visibility 160ms var(--ease);\n  font-size: 0.82rem;\n  line-height: 1.35;\n  pointer-events: none;\n}\n\n.tooltip:hover::after,\n.tooltip:focus-visible::after {\n  opacity: 1;\n  visibility: visible;\n  transform: translate(-50%, 0);\n}\n\n.pagination {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-wrap: wrap;\n  gap: var(--space-2);\n  margin-top: var(--space-8);\n}\n\n.pagination a,\n.pagination span,\n.page-link {\n  min-width: 40px;\n  min-height: 40px;\n  display: inline-grid;\n  place-items: center;\n  padding: 0.4rem 0.65rem;\n  border: 1px solid var(--line);\n  border-radius: var(--radius-sm);\n  color: var(--muted);\n  background: rgba(255, 255, 255, 0.025);\n  font-weight: 900;\n}\n\n.pagination a:hover,\n.page-link:hover,\n.pagination .current,\n.page-link.active {\n  color: #04110a;\n  border-color: transparent;\n  background: var(--accent);\n}\n\n.empty-state {\n  padding: var(--space-10) var(--space-5);\n  border: 1px dashed rgba(203, 213, 225, 0.24);\n  border-radius: var(--radius-lg);\n  text-align: center;\n  background: rgba(255, 255, 255, 0.025);\n}\n\n.empty-state-icon {\n  width: 64px;\n  height: 64px;\n  display: inline-grid;\n  place-items: center;\n  margin-bottom: var(--space-4);\n  border-radius: 22px;\n  background: var(--accent-soft);\n  font-size: 1.8rem;\n}\n\n.skeleton,\n.loading {\n  position: relative;\n  overflow: hidden;\n  border-radius: var(--radius-sm);\n  background: rgba(203, 213, 225, 0.08);\n}\n\n.skeleton::after,\n.loading::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.08), transparent);\n  transform: translateX(-100%);\n  animation: shimmer 1.35s infinite;\n}\n\n.spinner {\n  width: 42px;\n  height: 42px;\n  border: 4px solid rgba(203, 213, 225, 0.16);\n  border-top-color: var(--accent);\n  border-radius: 999px;\n  animation: spin 800ms linear infinite;\n}\n\n.stat-value {\n  display: block;\n  color: var(--text-strong);\n  font-family: var(--font-display);\n  font-size: clamp(2rem, 9vw, 3.4rem);\n  font-weight: 700;\n  line-height: 1;\n  letter-spacing: -0.06em;\n}\n\n.stat-label {\n  display: block;\n  margin-top: var(--space-2);\n  color: var(--muted);\n  font-weight: 800;\n}\n\n.chart-container,\n.data-visual,\n.graph-box {\n  min-height: 260px;\n  padding: var(--space-5);\n  border: 1px solid var(--line);\n  border-radius: var(--radius-lg);\n  background:\n    linear-gradient(rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0.01)),\n    repeating-linear-gradient(0deg, transparent 0 31px, rgba(203, 213, 225, 0.055) 32px),\n    repeating-linear-gradient(90deg, transparent 0 31px, rgba(203, 213, 225, 0.045) 32px);\n}\n\npre,\ncode,\nkbd,\nsamp {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", monospace;\n}\n\n:not(pre) > code,\nkbd {\n  padding: 0.15rem 0.38rem;\n  border: 1px solid var(--line);\n  border-radius: 7px;\n  color: #bbf7d0;\n  background: rgba(34, 197, 94, 0.12);\n  font-size: 0.88em;\n}\n\npre {\n  overflow-x: auto;\n  padding: var(--space-5);\n  border: 1px solid var(--line);\n  border-radius: var(--radius-md);\n  color: var(--muted);\n  background: #070b16;\n}\n\n.section-header {\n  max-width: 780px;\n  margin: 0 auto var(--space-6);\n  text-align: center;\n}\n\n.section-kicker {\n  display: inline-flex;\n  margin-bottom: var(--space-3);\n  color: var(--accent);\n  font-weight: 900;\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-size: 0.8rem;\n}\n\n.section-subtitle {\n  color: var(--muted);\n  font-size: 1.05rem;\n}\n\n.secondary-nav {\n  display: flex;\n  gap: var(--space-2);\n  overflow-x: auto;\n  padding: var(--space-2);\n  border: 1px solid var(--line);\n  border-radius: var(--radius-lg);\n  background: rgba(7, 11, 22, 0.42);\n}\n\n.secondary-nav a {\n  flex: 0 0 auto;\n  padding: 0.62rem 0.9rem;\n  border-radius: 999px;\n  color: var(--muted);\n  font-weight: 800;\n}\n\n.secondary-nav a:hover,\n.secondary-nav a.active {\n  color: #04110a;\n  background: var(--accent);\n}\n\n@keyframes shimmer {\n  100% {\n    transform: translateX(100%);\n  }\n}\n\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  *,\n  *::before,\n  *::after {\n    scroll-behavior: auto !important;\n    animation-duration: 0.001ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 0.001ms !important;\n  }\n}\n\n@media (min-width: 480px) {\n  .container {\n    width: min(100% - 40px, var(--container));\n  }\n\n  .hero-trust-indicators {\n    grid-template-columns: repeat(3, 1fr);\n  }\n\n  .meta-info-bar {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .promo-action .btn-primary-lg {\n    width: auto;\n  }\n\n  .footer-links {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .btn-primary-lg {\n    padding-inline: 1.85rem;\n  }\n}\n\n@media (min-width: 768px) {\n  :root {\n    --header-h: 78px;\n  }\n\n  .header-logo {\n    flex: 0 0 auto;\n  }\n\n  .header-logo img {\n    width: 140px;\n  }\n\n  .header-nav-desktop {\n    display: block;\n    flex: 1 1 auto;\n  }\n\n  .header-nav-desktop ul {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 4px;\n  }\n\n  .header-nav-desktop a {\n    display: inline-flex;\n    align-items: center;\n    min-height: 42px;\n    padding: 0.55rem 0.78rem;\n    border-radius: 999px;\n    color: var(--muted);\n    font-size: 0.9rem;\n    font-weight: 800;\n  }\n\n  .header-nav-desktop a:hover,\n  .header-nav-desktop a[aria-current=\"page\"],\n  .header-nav-desktop .active > a,\n  .header-nav-desktop a.active {\n    color: var(--text-strong);\n    background: rgba(34, 197, 94, 0.12);\n  }\n\n  .header-actions {\n    display: flex;\n    align-items: center;\n    gap: var(--space-2);\n  }\n\n  .mobile-menu-toggle,\n  .mobile-nav {\n    display: none;\n  }\n\n  .hero-section {\n    padding: var(--space-12) 0;\n    min-height: 680px;\n  }\n\n  .hero-content {\n    grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);\n    align-items: center;\n  }\n\n  .hero-image-block {\n    justify-self: end;\n  }\n\n  .key-takeaways-section,\n  .author-date-bar,\n  .content-primary,\n  .featured-highlights,\n  .comparison-section,\n  .promo-banner-section,\n  .games-showcase,\n  .faq-section,\n  .trust-section,\n  .final-cta-section {\n    padding-block: var(--space-10);\n  }\n\n  .takeaways-header,\n  .takeaways-body,\n  .comparison-wrapper,\n  .faq-wrapper {\n    padding: var(--space-6);\n  }\n\n  .highlights-grid,\n  .providers-grid,\n  .trust-grid,\n  .cards-grid,\n  .stats-grid,\n  .testimonials-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .promo-banner {\n    grid-template-columns: minmax(0, 1fr) 220px;\n    align-items: center;\n    padding: var(--space-8);\n  }\n\n  .promo-action {\n    grid-column: 1 / -1;\n  }\n\n  .final-cta-box {\n    padding: var(--space-10);\n  }\n\n  .footer-top {\n    grid-template-columns: 0.95fr 1.55fr;\n  }\n\n  .footer-links {\n    grid-template-columns: repeat(3, 1fr);\n  }\n\n  .footer-inner {\n    padding-bottom: var(--space-10);\n  }\n\n  .sticky-mobile-cta {\n    display: none;\n  }\n}\n\n@media (min-width: 1024px) {\n  .header-inner {\n    gap: var(--space-5);\n  }\n\n  .header-nav-desktop a {\n    padding-inline: 0.95rem;\n  }\n\n  .hero-section {\n    min-height: 720px;\n  }\n\n  .hero-content {\n    gap: var(--space-12);\n  }\n\n  .hero-title {\n    font-size: clamp(4.2rem, 6vw, 5.65rem);\n  }\n\n  .hero-subtitle {\n    font-size: 1.22rem;\n  }\n\n  .highlights-grid {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n\n  .providers-grid,\n  .trust-grid {\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n  }\n\n  .promo-banner {\n    grid-template-columns: minmax(0, 1.15fr) 260px auto;\n    gap: var(--space-8);\n  }\n\n  .promo-action {\n    grid-column: auto;\n    justify-content: flex-end;\n  }\n\n  .comparison-wrapper,\n  .faq-wrapper {\n    padding: var(--space-8);\n  }\n\n  .content-primary {\n    font-size: 1.04rem;\n  }\n\n  .content-primary > p,\n  .content-primary > ul,\n  .content-primary > ol,\n  .content-primary > blockquote {\n    max-width: 900px;\n  }\n\n  th,\n  td {\n    padding: 1.05rem 1.2rem;\n  }\n}\n\n@media (min-width: 1280px) {\n  :root {\n    --container: 1200px;\n  }\n\n  .header-nav-desktop ul {\n    gap: 8px;\n  }\n\n  .hero-content {\n    width: min(100% - 56px, 1240px);\n  }\n\n  .hero-image-block {\n    width: 590px;\n  }\n\n  .hero-section::before {\n    width: 360px;\n    height: 360px;\n  }\n\n  .hero-section::after {\n    width: 260px;\n    height: 260px;\n  }\n\n  .takeaways-card,\n  .comparison-wrapper,\n  .faq-wrapper,\n  .promo-banner,\n  .final-cta-box {\n    border-radius: 32px;\n  }\n}","refusal":null,"annotations":[]},"finish_reason":"stop"}