:root { color-scheme: dark; }
* { box-sizing: border-box; }
html { background: #000; scroll-behavior: smooth; }
body { margin: 0; background: #000; color: #fff; font-family: Arial, Helvetica, sans-serif; }
.sales-page { width: 100%; max-width: 1920px; margin: 0 auto; overflow: hidden; background: #000; }
.slice { position: relative; line-height: 0; }
.slice > img { display: block; width: 100%; height: auto; }
.hotspot { position: absolute; z-index: 2; display: block; border: 0; background: transparent; cursor: pointer; }
.hotspot:focus-visible, .faq-hotspots button:focus-visible { outline: 4px solid #13bdf3; outline-offset: 3px; background: rgb(19 189 243 / .12); }
.video-trigger { left: 7.2%; top: 10.5%; width: 35.5%; height: 15.5%; }
.cta-hero { left: 10.9%; top: 28.75%; width: 28.2%; height: 3.1%; }
.cta-feedback { left: 35.8%; top: 88.4%; width: 29.6%; height: 4.1%; }
.cta-offer { left: 33.4%; top: 55.6%; width: 21.8%; height: 4.2%; }
.cta-bonus { left: 35.4%; top: 31.2%; width: 29.4%; height: 4.6%; }
.testimonial-hotspots { position: absolute; left: 21.2%; top: 54.25%; width: 57.7%; height: 9.6%; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.4%; }
.testimonial-hotspots button { border: 0; background: transparent; cursor: pointer; }
.faq-hotspots { position: absolute; left: 20.3%; top: 71.1%; width: 59.6%; height: 15.4%; display: grid; grid-template-rows: 2.3fr repeat(4, 1fr); gap: .25%; }
.faq-hotspots button { border: 0; background: transparent; cursor: pointer; }
dialog { width: min(620px, calc(100% - 32px)); padding: 34px; border: 1px solid #12bdf3; border-radius: 10px; color: #fff; background: linear-gradient(120deg, #173f53, #281832); box-shadow: 0 0 34px rgb(0 191 255 / .3); line-height: 1.55; }
dialog::backdrop { background: rgb(0 0 0 / .82); backdrop-filter: blur(3px); }
.dialog-close { position: absolute; right: 10px; top: 6px; border: 0; color: #fff; background: transparent; font-size: 30px; cursor: pointer; }
#dialog-content iframe { display: block; width: 100%; aspect-ratio: 16/9; border: 0; }
@media (max-width: 680px) {
  .sales-page { min-width: 100%; }
  dialog { padding: 28px 20px 20px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }