@media(max-width:600px){
 html,body{max-width:100%!important;overflow-x:hidden!important}
 .hero{min-height:calc(100svh - 70px)!important;background:radial-gradient(circle at 50% 20%,rgba(42,31,86,.42),transparent 43%),#07090d!important}
 .hero:before{background:radial-gradient(circle at 50% 27%,rgba(44,35,92,.34),transparent 42%)!important}
 .hero:after{mask-image:none!important;background-size:42px 42px!important}
 .hero-inner{width:100%!important;max-width:100%!important;min-height:0!important;padding:18px max(14px,env(safe-area-inset-left)) 30px max(14px,env(safe-area-inset-right))!important;display:flex!important;flex-direction:column!important;align-items:center!important;overflow:hidden!important}
 .hero .orbital{order:1!important;position:relative!important;left:auto!important;right:auto!important;top:auto!important;width:min(100%,410px)!important;aspect-ratio:1/1!important;height:auto!important;display:block!important;opacity:1!important;transform:none!important;margin:0 auto 14px!important;align-self:center!important;flex:0 0 auto!important}
 .hero .orbiting-coins{position:absolute!important;inset:0!important;transform-origin:50% 50%!important}
 .hero .orbit.o1{inset:14px!important;border-style:dashed!important;border-color:rgba(131,143,171,.2)!important}
 .hero .orbit.o2{inset:77px!important;border-color:rgba(131,143,171,.18)!important}
 .hero .core{width:145px!important;height:145px!important;border-color:rgba(58,68,86,.8)!important;background:#0c1016 url('/assets/near-korea-symbol.png?v=2') center 42%/86px auto no-repeat!important;box-shadow:0 0 55px rgba(32,231,154,.22)!important}
 .hero .core .brand-mark{display:none!important}.hero .core small{margin-top:104px!important;color:#7e8794!important}
 .hero .coin-dot{width:49px!important;height:49px!important;font-size:0!important;background-color:#11151d!important;background-position:center!important;background-size:34px!important;background-repeat:no-repeat!important;animation:none!important;transform:none!important}
 .hero .coin-dot:after{animation:none!important;transform:none!important}
 .hero .coin-dot.d0{left:50%!important;top:18px!important;right:auto!important;bottom:auto!important;transform:translateX(-50%)!important}
 .hero .coin-dot.d1{left:auto!important;right:25px!important;top:92px!important;bottom:auto!important}
 .hero .coin-dot.d2{left:auto!important;right:25px!important;top:auto!important;bottom:88px!important}
 .hero .coin-dot.d3{left:50%!important;right:auto!important;top:auto!important;bottom:17px!important;transform:translateX(-50%)!important}
 .hero .coin-dot.d4{left:25px!important;right:auto!important;top:auto!important;bottom:88px!important}
 .hero .coin-dot.d5{left:25px!important;right:auto!important;top:92px!important;bottom:auto!important}
 .hero-copy{order:2!important;width:100%!important;max-width:480px!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important}
 .hero-copy .eyebrow{order:1!important;margin:0 0 14px!important;padding:6px 12px!important;border:1px solid #765400!important;border-radius:18px!important;background:#171309!important;color:#eab82c!important;font-size:9px!important;letter-spacing:0!important}
 .hero-copy .eyebrow i{width:12px!important;height:12px!important;border:1px solid #eab82c!important;background:transparent!important;box-shadow:none!important}
 .hero h1{order:2!important;margin:0 0 17px!important;font-size:32px!important;line-height:1.18!important;letter-spacing:-.055em!important;word-break:keep-all!important}
 .hero h1 em{margin-top:2px!important;color:#91f3c8!important}
 .hero-copy>p{order:3!important;margin:0!important;color:#a8b0bd!important;font-size:13px!important;line-height:1.75!important;word-break:keep-all!important}
 .hero-copy>p strong{color:#36e68d!important}
 .hero-actions{order:4!important;width:100%!important;margin:25px 0 0!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
 .hero-actions .btn{width:100%!important;min-height:50px!important;padding:0 12px!important;border-radius:28px!important;font-size:13px!important;white-space:nowrap!important}
 .hero-actions .btn:first-child{border-color:#805800!important;background:#17181b!important;color:#fff!important;box-shadow:0 8px 25px rgba(255,174,0,.12)!important}
 .hero-actions .btn.ghost{border-color:#4b91dc!important;background:#10151d!important}
 .hero-stats{display:none!important}
}
@media(max-width:380px){.hero .orbital{width:100%!important;height:auto!important}.hero .orbit.o2{inset:68px!important}.hero h1{font-size:28px!important}.hero-copy>p{font-size:12px!important}}
@keyframes mobile-orbit-spin{to{transform:rotate(360deg)}}
@keyframes mobile-orbit-counter{to{transform:rotate(-360deg)}}
@keyframes mobile-orbit-counter-centered{from{transform:translateX(-50%) rotate(0)}to{transform:translateX(-50%) rotate(-360deg)}}
@media(max-width:600px){.hero .orbital{animation:none!important}.hero .orbiting-coins{animation:mobile-orbit-spin 24s linear infinite!important}.hero .core{animation:none!important;transform:none!important}.hero .coin-dot.d1,.hero .coin-dot.d2,.hero .coin-dot.d4,.hero .coin-dot.d5{animation:mobile-orbit-counter 24s linear infinite!important;transform-origin:50% 50%!important}.hero .coin-dot.d0,.hero .coin-dot.d3{animation:mobile-orbit-counter-centered 24s linear infinite!important;transform-origin:50% 50%!important}}
@keyframes mobile-coin-upright{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(-360deg)}}
@media(max-width:600px){
 .hero .orbiting-coins .coin-dot{right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;transform-origin:50% 50%!important;animation:mobile-coin-upright 24s linear infinite!important}
 .hero .orbiting-coins .coin-dot.d0{left:50%!important;top:4.5%!important}
 .hero .orbiting-coins .coin-dot.d1{left:89.4%!important;top:27.25%!important}
 .hero .orbiting-coins .coin-dot.d2{left:89.4%!important;top:72.75%!important}
 .hero .orbiting-coins .coin-dot.d3{left:50%!important;top:95.5%!important}
 .hero .orbiting-coins .coin-dot.d4{left:10.6%!important;top:72.75%!important}
 .hero .orbiting-coins .coin-dot.d5{left:10.6%!important;top:27.25%!important}
}
/* Mobile: match desktop motion — orbit only, with every symbol kept upright. */
@keyframes mobile-coin-orbit-only{
 from{transform:rotate(0deg) translateX(var(--mobile-orbit-radius)) rotate(0deg)}
 to{transform:rotate(360deg) translateX(var(--mobile-orbit-radius)) rotate(-360deg)}
}
@media(max-width:600px){
 .hero .orbital{--mobile-orbit-radius:calc(min(92vw,410px)/2 - 14px)!important}
 .hero .orbiting-coins{animation:none!important;transform:none!important}
 .hero .orbiting-coins .coin-dot{
  left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;
  margin:-24.5px 0 0 -24.5px!important;
  transform-origin:50% 50%!important;
  animation:mobile-coin-orbit-only 24s linear infinite!important;
 }
 .hero .orbiting-coins .coin-dot.d0{animation-delay:0s!important}
 .hero .orbiting-coins .coin-dot.d1{animation-delay:-4s!important}
 .hero .orbiting-coins .coin-dot.d2{animation-delay:-8s!important}
 .hero .orbiting-coins .coin-dot.d3{animation-delay:-12s!important}
 .hero .orbiting-coins .coin-dot.d4{animation-delay:-16s!important}
 .hero .orbiting-coins .coin-dot.d5{animation-delay:-20s!important}
}
@media(max-width:380px){.hero .orbital{--mobile-orbit-radius:161px!important}}

/* Final mobile orbit: one rotating ring and one equal counter-rotation per symbol. */
@keyframes mobile-ring-clockwise{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes mobile-symbol-upright{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(-360deg)}}
@media(max-width:600px){
 .hero-inner{padding-top:34px!important}
 .hero .orbital{margin:12px auto 18px!important}
 .hero .orbiting-coins{
  animation:mobile-ring-clockwise 24s linear infinite!important;
  transform-origin:50% 50%!important;
  will-change:transform!important;
 }
 .hero .orbiting-coins .coin-dot{
  margin:0!important;
  animation:mobile-symbol-upright 24s linear infinite!important;
  animation-delay:0s!important;
  transform-origin:50% 50%!important;
  will-change:transform!important;
 }
 .hero .orbiting-coins .coin-dot.d0{left:50%!important;top:4.5%!important}
 .hero .orbiting-coins .coin-dot.d1{left:89.4%!important;top:27.25%!important}
 .hero .orbiting-coins .coin-dot.d2{left:89.4%!important;top:72.75%!important}
 .hero .orbiting-coins .coin-dot.d3{left:50%!important;top:95.5%!important}
 .hero .orbiting-coins .coin-dot.d4{left:10.6%!important;top:72.75%!important}
 .hero .orbiting-coins .coin-dot.d5{left:10.6%!important;top:27.25%!important}
 .hero .core{animation:none!important;transform:none!important}
}