/* Homepage decoration only; existing UI geometry, product imagery and other routes stay intact. */
.galaxy-home .homepage-main { background:#07070b; }
.galaxy-background { position:absolute; inset:0; z-index:0; pointer-events:none; overflow:clip; }
.galaxy-viewport { position:fixed; inset:0; overflow:hidden; pointer-events:none; background:#07070b; }
.galaxy-media { position:absolute; top:50%; left:50%; width:100dvh; height:100vw; transform:translate(-50%,-50%) rotate(90deg) scale(var(--galaxy-scale,.62)); transform-origin:center; mask-image:radial-gradient(ellipse closest-side at center,#000 65%,rgb(0 0 0 / var(--galaxy-edge-opacity,0)) 100%); mix-blend-mode:screen; }
.galaxy-media img,.galaxy-media video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; pointer-events:none; }
.galaxy-media video { visibility:hidden; }
.galaxy-background[data-state="ready"] video { visibility:visible; }
.galaxy-background[data-state="ready"] img { visibility:hidden; }
.galaxy-viewport::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#07070b66 0%,#07070b24 56%,#07070b0d 100%); }
.galaxy-home .hero { background:linear-gradient(180deg,#07070b24,#07070b08); }
.galaxy-home .hero-main { position:relative; isolation:isolate; }
.galaxy-home .hero-main::before { content:""; position:absolute; inset:-22px; z-index:-1; pointer-events:none; background:radial-gradient(ellipse,#07070ba8 20%,#07070b50 60%,transparent 80%); filter:blur(16px); }
.galaxy-home .hero-copy,.galaxy-home .hero h1,.galaxy-home .hero-trust,.galaxy-home .eyebrow { text-shadow:0 2px 14px #000,0 1px 3px #000; }
.galaxy-home .hero-trust { position:relative; isolation:isolate; }
.galaxy-home .hero-trust::before { content:""; position:absolute; inset:-12px -8px; z-index:-1; pointer-events:none; background:radial-gradient(ellipse,#07070bcc,transparent 72%); filter:blur(7px); }
.galaxy-home .compare-section { background:#0b0b0e99; }
.galaxy-home .product-card { background:linear-gradient(90deg,#0b0b0e2b,#0b0b0e8c); }
.galaxy-home .method-section,.galaxy-home .about-section { background:#111014c9; }
@media (max-width:719px) {
  .galaxy-media { width:100%; height:100%; transform:translate(-50%,-50%) scale(var(--galaxy-scale,.62)); }
  .galaxy-viewport::after { background:linear-gradient(90deg,#07070b59,#07070b1a 65%,#07070b1a); }
  .galaxy-home .compare-section { background:#0b0b0e99; }
}
@media (prefers-reduced-motion:reduce) {
  .galaxy-background video { display:none; }
  .galaxy-background img { visibility:visible !important; }
}
