/* Hero: screen is deliberately clipped like an arcade targeting feed, not a generic product mockup. */
.hero{background-image:linear-gradient(90deg,rgba(8,8,8,.96) 0%,rgba(8,8,8,.84) 42%,rgba(8,8,8,.44) 100%),repeating-linear-gradient(90deg,transparent 0,transparent 63px,rgba(255,255,255,.018) 64px)}
.hero:after{background:linear-gradient(90deg,var(--void) 0%,rgba(8,8,8,.8) 42%,rgba(8,8,8,.1) 100%)}
.hero-visual{display:none}
@media (min-width:700px){
  .hero-copy{max-width:580px}
  .hero-visual{display:block;position:absolute;z-index:1;right:9.5vw;top:105px;width:min(30vw,430px);height:525px;border-left:1px solid rgba(255,0,64,.8);border-right:1px solid rgba(255,0,64,.35);padding:10px;background:linear-gradient(180deg,rgba(255,0,64,.08),rgba(8,8,8,.1));transform:skewY(-2deg)}
  .screen-frame{height:100%;overflow:hidden;border:1px solid rgba(244,241,237,.36);background:#050505;position:relative;box-shadow:18px 18px 0 rgba(255,0,64,.13)}
  .screen-frame:before,.screen-frame:after{content:"";position:absolute;z-index:2;background:var(--red)}
  .screen-frame:before{width:10px;height:10px;top:-1px;left:-1px}.screen-frame:after{width:10px;height:10px;right:-1px;bottom:-1px}
  .screen-frame img{width:100%;height:100%;display:block;object-fit:cover;object-position:center top;filter:saturate(1.2) contrast(1.12)}
  .screen-scan{position:absolute;inset:0;background:repeating-linear-gradient(180deg,transparent 0,transparent 3px,rgba(0,0,0,.22) 4px);pointer-events:none}
  .visual-label{position:absolute;z-index:3;background:var(--void);border:1px solid var(--line);color:var(--ink);padding:7px 9px;font-size:9px;font-weight:700;letter-spacing:.09em;white-space:nowrap;transform:skewY(2deg)}
  .label-top{top:-17px;left:-40px}.label-bottom{bottom:-17px;right:-42px;color:var(--red)}
  .visual-stat{position:absolute;z-index:3;display:flex;gap:8px;align-items:center;left:-78px;bottom:60px;padding:9px 11px;background:var(--red);color:#fff;transform:skewY(2deg)}
  .visual-stat b{font:900 32px/.8 "Noto Sans JP",sans-serif}.visual-stat span{font-size:8px;font-weight:700;line-height:1.35;letter-spacing:.08em}
  .crosshair{width:41vw;height:41vw;right:-12vw;top:8%;opacity:.72}.hero-card{right:calc(9.5vw + 18px);bottom:55px}.scroll-prompt{z-index:3}
}
@media (min-width:1100px){.hero-visual{right:13vw;width:min(28vw,455px)}.hero-card{right:calc(13vw + 20px)}}
@media (max-width:699px){.hero{background-image:linear-gradient(90deg,rgba(8,8,8,.96),rgba(8,8,8,.63)),url("../assets/screen-1.png");background-size:auto,cover;background-position:center,104% center;background-repeat:no-repeat}.hero:after{background:linear-gradient(90deg,rgba(8,8,8,.97) 0%,rgba(8,8,8,.76) 73%,rgba(8,8,8,.5) 100%)}}