/* JK ADISTORE - tampilan hero beranda "PRO": kartu kaca aurora, judul gradien, statistik live, tombol & kartu navigasi premium */
@property --hpA{syntax:'<angle>';inherits:false;initial-value:0deg}
body.kuy #home .hero-main{
  position:relative;isolation:isolate;overflow:hidden;
  background:
    radial-gradient(120% 90% at 0% 0%,rgba(125,178,255,.34),transparent 55%),
    radial-gradient(90% 80% at 100% 10%,rgba(138,92,255,.30),transparent 60%),
    radial-gradient(100% 90% at 50% 120%,rgba(0,240,255,.20),transparent 60%),
    linear-gradient(145deg,#14308a 0%,#1f48c9 52%,#2f6bff 120%)!important;
  box-shadow:0 22px 60px rgba(20,60,200,.38),0 0 0 1px rgba(255,255,255,.10),inset 0 1px 0 rgba(255,255,255,.22)!important;
  padding:26px 20px 22px!important;
}
/* bingkai cahaya berputar */
body.kuy #home .hero-main::before{
  content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;z-index:2;pointer-events:none;
  background:conic-gradient(from var(--hpA),transparent 0 55%,rgba(255,255,255,.95) 70%,rgba(125,220,255,.9) 78%,transparent 90%);
  -webkit-mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000);-webkit-mask-clip:content-box,border-box;-webkit-mask-composite:xor;
  mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000);mask-clip:content-box,border-box;mask-composite:exclude;
  animation:hpSpin 7s linear infinite;opacity:.9;
}
@keyframes hpSpin{to{--hpA:360deg}}
/* pola titik halus + sorot mengikuti jari/kursor */
body.kuy #home .hero-main::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;
  background:
    radial-gradient(420px circle at var(--mx,70%) var(--my,10%),rgba(255,255,255,.16),transparent 60%),
    radial-gradient(rgba(255,255,255,.10) 1px,transparent 1.4px) 0 0/18px 18px;
  -webkit-mask:linear-gradient(180deg,#000,rgba(0,0,0,.35) 70%,transparent);mask:linear-gradient(180deg,#000,rgba(0,0,0,.35) 70%,transparent);
}
/* judul */
body.kuy #home #heroTitle{
  background:linear-gradient(100deg,#fff 0%,#dbe8ff 35%,#8fd0ff 55%,#fff 75%) 0 0/220% 100%!important;
  -webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;
  text-shadow:none!important;filter:drop-shadow(0 6px 18px rgba(0,20,90,.45))!important;
  animation:hpShine 6s ease-in-out infinite!important;letter-spacing:-.6px;
}
@keyframes hpShine{0%,100%{background-position:0 0}50%{background-position:100% 0}}
body.kuy #home #heroTagline{color:rgba(255,255,255,.86)!important;font-size:14.5px;line-height:1.7;max-width:640px}
/* label live */
.hpLive{display:inline-flex;align-items:center;gap:8px;margin:14px 0 0;padding:5px 12px 5px 10px;border-radius:99px;font-size:10.5px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:#d7ffe9!important;background:rgba(14,40,40,.38);border:1px solid rgba(120,255,190,.35);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.hpLive i{width:8px;height:8px;border-radius:50%;background:#3dff9a;box-shadow:0 0 0 0 rgba(61,255,154,.7);animation:hpPulse 1.8s infinite}
html[data-live="0"] .hpLive i{background:#ffb84d;animation:none}
@keyframes hpPulse{70%{box-shadow:0 0 0 9px rgba(61,255,154,0)}100%{box-shadow:0 0 0 0 rgba(61,255,154,0)}}
/* kartu statistik */
body.kuy #home .hero-stats{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:10px!important;margin:12px 0 16px!important}
body.kuy #home .hero-stats .stat-chip{
  position:relative;overflow:hidden;padding:12px 12px 11px 50px!important;border-radius:18px!important;min-height:64px;justify-content:center;
  background:linear-gradient(160deg,rgba(255,255,255,.20),rgba(255,255,255,.06))!important;
  border:1px solid rgba(255,255,255,.26)!important;box-shadow:0 8px 22px rgba(5,20,90,.28),inset 0 1px 0 rgba(255,255,255,.28);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .25s,box-shadow .25s;
}
body.kuy #home .hero-stats .stat-chip:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(5,20,90,.38),inset 0 1px 0 rgba(255,255,255,.35)}
body.kuy #home .hero-stats .stat-chip>span{font-size:clamp(19px,5vw,23px)!important;font-weight:900;line-height:1.05;font-variant-numeric:tabular-nums;letter-spacing:.2px;text-shadow:0 2px 10px rgba(0,20,100,.35)}
body.kuy #home .hero-stats .stat-chip>small{font-size:9.5px!important;letter-spacing:1.2px!important;font-weight:800!important;opacity:.85;margin-top:3px}
body.kuy #home .hero-stats .stat-chip::before{
  content:"";position:absolute;left:11px;top:50%;width:30px;height:30px;transform:translateY(-50%);border-radius:10px;
  background:rgba(255,255,255,.18);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)
}
body.kuy #home .hero-stats .stat-chip::after{
  content:"";position:absolute;left:11px;top:50%;width:30px;height:30px;transform:translateY(-50%);background:#fff;opacity:.95;
  -webkit-mask:var(--ic) center/17px 17px no-repeat;mask:var(--ic) center/17px 17px no-repeat;
}
body.kuy #home .hero-stats .stat-chip:nth-child(1){--ic:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2092%2092'%20fill='%23000'%3E%3Cpath%20d='M35.4%2C54.3c11.7%2C0%2C21.2-9.5%2C21.2-21.1c0-11.7-9.5-21.1-21.2-21.1s-21.2%2C9.5-21.2%2C21.1%20C14.3%2C44.8%2C23.8%2C54.3%2C35.4%2C54.3z%20M35.4%2C20c7.3%2C0%2C13.2%2C5.9%2C13.2%2C13.1c0%2C7.2-5.9%2C13.1-13.2%2C13.1s-13.2-5.9-13.2-13.1%20C22.3%2C25.9%2C28.2%2C20%2C35.4%2C20z%20M45%2C56.2c-1.1-0.3-2.3-0.2-3.3%2C0.4l-6.3%2C3.8l-6.3-3.8c-1-0.6-2.2-0.7-3.3-0.4C19.7%2C58.2%2C0%2C65.3%2C0%2C76%20c0%2C2.2%2C1.8%2C4%2C4%2C4h62.8c2.2%2C0%2C4-1.8%2C4-4C70.8%2C65.3%2C51.1%2C58.2%2C45%2C56.2z%20M11.2%2C72c3.4-2.6%2C9.1-5.4%2C15.3-7.6l6.8%2C4.1%20c1.3%2C0.8%2C2.9%2C0.8%2C4.1%2C0l6.8-4.1c6.2%2C2.1%2C11.9%2C5%2C15.3%2C7.6H11.2z%20M91%2C69c0%2C1.7-1.3%2C3-3%2C3H74.6c-1.7%2C0-3-1.3-3-3s1.3-3%2C3-3h8.9%20c-1.5-2-3.9-3.6-6.9-5.2c-1.5-0.8-2-2.6-1.2-4c0.8-1.5%2C2.6-2%2C4.1-1.2C83.8%2C57.9%2C91%2C62.8%2C91%2C69z%20M74.2%2C42.6c0-4.4-3.6-7.9-7.9-7.9%20c-1.1%2C0-2.1%2C0.2-3.1%2C0.6c-1.5%2C0.6-3.3-0.1-3.9-1.6c-0.6-1.5%2C0.1-3.3%2C1.6-3.9c1.7-0.7%2C3.5-1.1%2C5.4-1.1c7.7%2C0%2C13.9%2C6.2%2C13.9%2C13.9%20s-6.3%2C13.9-13.9%2C13.9c-4%2C0-7.8-1.7-10.4-4.7c-1.1-1.2-1-3.1%2C0.3-4.2c1.2-1.1%2C3.1-1%2C4.2%2C0.3c1.5%2C1.7%2C3.7%2C2.7%2C6%2C2.7%20C70.6%2C50.5%2C74.2%2C46.9%2C74.2%2C42.6z'/%3E%3C/svg%3E")}
body.kuy #home .hero-stats .stat-chip:nth-child(2){--ic:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2092%2092'%20fill='%23000'%3E%3Cpath%20d='M34.4%2C72c-1.2%2C0-2.3-0.4-3.2-1.3L11.3%2C50.8c-1.8-1.8-1.8-4.6%2C0-6.4c1.8-1.8%2C4.6-1.8%2C6.4%2C0l16.8%2C16.7%20l39.9-39.8c1.8-1.8%2C4.6-1.8%2C6.4%2C0c1.8%2C1.8%2C1.8%2C4.6%2C0%2C6.4l-43.1%2C43C36.7%2C71.6%2C35.6%2C72%2C34.4%2C72z'/%3E%3C/svg%3E")}
body.kuy #home .hero-stats .stat-chip:nth-child(3){--ic:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2092%2092'%20fill='%23000'%3E%3Cpath%20d='M74.7%2C24H17.3c-2.2%2C0-4%2C1.8-4%2C4l-0.6%2C51c0%2C1.1%2C0.4%2C2.1%2C1.2%2C2.9s1.8%2C1.2%2C2.8%2C1.2h58.4c1.1%2C0%2C2.1-0.4%2C2.8-1.2%20c0.8-0.8%2C1.2-1.8%2C1.2-2.8l-0.4-51C78.7%2C25.8%2C76.9%2C24%2C74.7%2C24z%20M46%2C75H20.7l0.5-43h49.5l0.3%2C43H46z%20M58.8%2C43c0%2C2.2-1.8%2C4-4%2C4H37.2%20c-2.2%2C0-4-1.8-4-4s1.8-4%2C4-4h17.5C57%2C39%2C58.8%2C40.8%2C58.8%2C43z%20M88.8%2C26.9C88.5%2C27%2C88.2%2C27%2C88%2C27c-1.9%2C0-3.6-1.3-3.9-3.2L82.8%2C17H9.2%20l-1.3%2C6.8c-0.4%2C2.2-2.5%2C3.6-4.7%2C3.2c-2.2-0.4-3.6-2.5-3.2-4.7l1.9-10C2.4%2C10.4%2C4%2C9%2C5.9%2C9h80.1c1.9%2C0%2C3.6%2C1.4%2C3.9%2C3.2l1.9%2C10%20C92.3%2C24.4%2C90.9%2C26.5%2C88.8%2C26.9z'/%3E%3C/svg%3E")}
body.kuy #home .hero-stats .stat-chip:nth-child(4){--ic:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2092%2092'%20fill='%23000'%3E%3Cpath%20d='M70.7%2C88c-0.8%2C0-1.5-0.2-2.2-0.6L46%2C72.7L23.5%2C87.4c-1.4%2C0.9-3.2%2C0.8-4.5-0.1c-1.3-1-1.9-2.7-1.5-4.3%20l7.1-25L3.4%2C40.1c-1.2-1-1.7-2.7-1.2-4.3s1.9-2.6%2C3.5-2.8L31%2C31.2L42.4%2C6.3C43%2C4.9%2C44.4%2C4%2C46%2C4s3%2C0.9%2C3.6%2C2.3L61%2C31.2L86.3%2C33%20c1.6%2C0.1%2C3%2C1.2%2C3.5%2C2.8c0.5%2C1.5%2C0%2C3.2-1.2%2C4.3L67.5%2C57.9l7.1%2C25c0.5%2C1.6-0.1%2C3.3-1.5%2C4.3C72.4%2C87.7%2C71.6%2C88%2C70.7%2C88z%20M46%2C64%20c0.8%2C0%2C1.5%2C0.2%2C2.2%2C0.6L64%2C74.9l-4.9-17.3c-0.4-1.5%2C0.1-3.1%2C1.3-4.1l15.5-13.1L58.1%2C39c-1.5-0.1-2.7-1-3.4-2.3L46%2C17.6l-8.7%2C19.1%20c-0.6%2C1.3-1.9%2C2.2-3.4%2C2.3l-17.8%2C1.3l15.5%2C13.1c1.2%2C1%2C1.7%2C2.6%2C1.3%2C4.1L28%2C74.9l15.8-10.2C44.5%2C64.2%2C45.2%2C64%2C46%2C64z'/%3E%3C/svg%3E")}
body.kuy #home .hero-stats .stat-chip.hpBump{animation:hpBump .7s ease}
@keyframes hpBump{0%{box-shadow:0 0 0 0 rgba(120,255,190,.8)}60%{box-shadow:0 0 0 12px rgba(120,255,190,0)}100%{box-shadow:0 8px 22px rgba(5,20,90,.28)}}
/* tombol */
body.kuy #home .hero-main .btn{min-height:46px;border-radius:14px!important;font-weight:800;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s,background .2s}
body.kuy #home .hero-main .btn-primary{background:linear-gradient(135deg,#fff,#e4eeff)!important;color:#1534a8!important;box-shadow:0 10px 26px rgba(255,255,255,.28),0 4px 12px rgba(5,20,90,.3)!important}
body.kuy #home .hero-main .btn-primary::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(120,170,255,.45) 50%,transparent 65%);transform:translateX(-130%);animation:hpBtn 4.5s ease-in-out 1s infinite}
@keyframes hpBtn{0%,55%{transform:translateX(-130%)}100%{transform:translateX(130%)}}
body.kuy #home .hero-main .btn:not(.btn-primary){background:rgba(255,255,255,.14)!important;color:#fff!important;border:1px solid rgba(255,255,255,.38)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
body.kuy #home .hero-main .btn:hover{transform:translateY(-2px)!important}
/* kartu navigasi besar */
body.kuy #home #jkBigNav{gap:12px!important}
body.kuy #home #jkBigNav a{
  position:relative;overflow:hidden;border-radius:18px!important;padding:14px 44px 14px 14px!important;
  background:linear-gradient(160deg,rgba(255,255,255,.18),rgba(255,255,255,.06))!important;border:1px solid rgba(255,255,255,.28)!important;
  box-shadow:0 10px 26px rgba(5,20,90,.28),inset 0 1px 0 rgba(255,255,255,.25)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  transition:transform .25s,box-shadow .25s,border-color .25s;
}
body.kuy #home #jkBigNav a::after{content:"›";position:absolute;right:16px;top:50%;transform:translateY(-52%);font-size:26px;font-weight:300;opacity:.7;transition:transform .25s,opacity .25s}
body.kuy #home #jkBigNav a:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.55)!important;box-shadow:0 16px 34px rgba(5,20,90,.4),inset 0 1px 0 rgba(255,255,255,.35)!important}
body.kuy #home #jkBigNav a:hover::after{transform:translate(4px,-52%);opacity:1}
body.kuy #home #jkBigNav a img{box-shadow:0 4px 14px rgba(0,0,0,.35),0 0 0 2px rgba(255,255,255,.35)}
/* bar terverifikasi */
body.kuy #home #jkVerifiedBadge{
  position:relative;overflow:hidden;border-radius:18px!important;
  background:linear-gradient(90deg,rgba(61,255,154,.16),rgba(255,255,255,.08))!important;border:1px solid rgba(140,255,200,.45)!important;
  box-shadow:0 8px 22px rgba(5,40,60,.25),inset 0 1px 0 rgba(255,255,255,.2)
}
body.kuy #home #jkVerifiedBadge::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.22) 50%,transparent 60%);transform:translateX(-130%);animation:hpBtn 6s ease-in-out 2s infinite;pointer-events:none}
body.kuy #home #jkVerifiedBadge b{color:#eafff4!important}
/* hormati preferensi hemat gerak */
@media (prefers-reduced-motion:reduce){
  body.kuy #home .hero-main::before,body.kuy #home #heroTitle,.hpLive i,body.kuy #home .hero-main .btn-primary::after,body.kuy #home #jkVerifiedBadge::after,body.kuy #home .hero-stats .stat-chip.hpBump{animation:none!important}
}
@media (max-width:520px){
  body.kuy #home .hero-main{padding:22px 14px 18px!important}
  body.kuy #home .hero-stats{grid-template-columns:1fr 1fr}
  body.kuy #home .hero-stats .stat-chip{padding-left:48px!important}
}