.news-title-brand{color:#00e6a4;font-style:normal}
.premium-coin-card{position:relative;isolation:isolate;border:2px solid rgba(0,230,164,.68)!important;box-shadow:0 0 12px rgba(0,230,164,.18),inset 0 0 10px rgba(0,230,164,.05);transition:border-color .25s ease,box-shadow .25s ease!important;animation:coin-card-glow 2.6s ease-in-out infinite}
.premium-coin-card:before{content:'';position:absolute;z-index:2;inset:-2px;padding:2px;border-radius:18px;pointer-events:none;background:linear-gradient(110deg,transparent 25%,rgba(115,255,213,.18) 42%,#d9fff3 50%,rgba(0,230,164,.85) 56%,transparent 72%);background-size:260% 100%;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:coin-card-border-shine 3s linear infinite}
.premium-coin-card:hover{border-color:#5effce!important;box-shadow:0 0 30px rgba(0,230,164,.34),inset 0 0 14px rgba(0,230,164,.08)}
@keyframes coin-card-border-shine{from{background-position:140% 0}to{background-position:-140% 0}}
@keyframes coin-card-glow{0%,100%{box-shadow:0 0 10px rgba(0,230,164,.15),inset 0 0 8px rgba(0,230,164,.04)}50%{box-shadow:0 0 22px rgba(0,230,164,.3),inset 0 0 13px rgba(0,230,164,.08)}}
@media(prefers-reduced-motion:reduce){.premium-coin-card,.premium-coin-card:before{animation:none}}
.section .news-card.home-news-card{width:100%!important;min-width:0!important;padding:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;grid-template-columns:none!important;grid-template-areas:none!important;gap:0!important}
.home-news-image{width:100%;aspect-ratio:16/9;overflow:hidden;background:#0a0c10}
.home-news-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.home-news-card:hover .home-news-image img{transform:scale(1.035)}
.home-news-image.placeholder{display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#29234a,#0b0d12 65%)}
.home-news-image.placeholder span{color:#00e6a4;font-size:12px;font-weight:900;letter-spacing:.18em}
.home-news-body{width:100%;min-width:0;padding:24px 28px 26px;display:flex;flex:1;flex-direction:column}
.home-news-body>span{color:#00e6a4;font-size:11px;font-weight:800}
.home-news-body time{margin-top:auto;color:#696f7a;font-size:11px}
@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}}

/* Keep the final CTA headline clean and intentional on phones. */
@media(max-width:600px){
 .cta{padding-inline:18px!important}
 .cta h2{margin:18px auto 22px!important;font-size:clamp(20px,7vw,30px)!important;line-height:1.35!important;letter-spacing:-.05em!important;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important}
 .cta>p{font-size:clamp(12px,3.8vw,15px)!important;line-height:1.7!important;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important}
 .cta h2 span{display:block!important;white-space:nowrap!important}
 .premium-steps .section-title h2{width:100%!important;font-size:clamp(16px,5.8vw,20px)!important;line-height:1.3!important;letter-spacing:-.055em!important;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!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}
}
