/* Lumavryn V28 traffic + homepage polish — 2026-08-21 */

/* Mobile homepage: soften the artwork join above the sunrise without changing the image,
   copy position, logo or trust rows. This removes the hard dark cut-off effect. */
@media (max-width:620px){
  .hero-visual{isolation:isolate!important}
  .hero-visual::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    z-index:3!important;
    left:0!important;
    right:0!important;
    top:66.5%!important;
    height:17%!important;
    pointer-events:none!important;
    background:
      radial-gradient(ellipse at 50% 78%,rgba(255,174,46,.16) 0%,rgba(28,89,155,.08) 22%,rgba(1,6,17,0) 64%),
      linear-gradient(to bottom,rgba(0,4,14,0) 0%,rgba(0,7,18,.10) 35%,rgba(0,9,22,.05) 64%,rgba(0,4,14,0) 100%)!important;
    -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 24%,#000 74%,transparent 100%)!important;
    mask-image:linear-gradient(to bottom,transparent 0%,#000 24%,#000 74%,transparent 100%)!important;
  }
  .hero-copy{z-index:5!important}
}

/* Alternatives guides */
.alt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0 28px}
.alt-card{border:1px solid rgba(255,255,255,.10);border-radius:14px;padding:18px;background:linear-gradient(180deg,rgba(10,35,70,.76),rgba(3,18,38,.94))}
.alt-card h3{margin:0 0 6px}.alt-card p{margin:8px 0}.alt-card .tag{margin-bottom:8px}
.reason-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 26px}
.reason-list>div{border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:14px;background:rgba(5,20,42,.72)}
@media(max-width:760px){.alt-grid,.reason-list{grid-template-columns:1fr}}