/* premium.css — luxury polish layer for the storefront (loaded after page styles) */
@property --ang{syntax:"<angle>";inherits:false;initial-value:0deg}
::selection{background:rgba(124,92,255,.55);color:#fff}
html{scrollbar-color:#3a3870 #0a0a17;scrollbar-width:thin}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0a0a17}::-webkit-scrollbar-thumb{background:linear-gradient(#5b46d6,#2f5fc4);border-radius:10px;border:2px solid #0a0a17}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,.logo,.price b,.big,.big2,.st b,.fd h3{font-family:"Plus Jakarta Sans",Inter,"Hind Siliguri",sans-serif}
/* ambient background */
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 80% 55% at 50% 0,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 80% 55% at 50% 0,#000 20%,transparent 75%)}
.aur{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.aur i{position:absolute;width:620px;height:620px;border-radius:50%;filter:blur(130px);opacity:.28;animation:aurf 22s ease-in-out infinite alternate}
.aur i:nth-child(1){background:#7c5cff;top:-220px;left:-160px}.aur i:nth-child(2){background:#22d3ee;top:35%;right:-260px;animation-delay:-8s;opacity:.18}.aur i:nth-child(3){background:#f472b6;bottom:-300px;left:30%;animation-delay:-14s;opacity:.14}
@keyframes aurf{to{transform:translate(90px,70px) scale(1.18)}}
.cg{position:fixed;left:0;top:0;width:520px;height:520px;margin:-260px 0 0 -260px;border-radius:50%;pointer-events:none;z-index:-1;background:radial-gradient(circle,rgba(124,92,255,.13),transparent 62%);transition:transform .12s ease-out;will-change:transform}
.spb{position:fixed;top:0;left:0;height:3px;width:100%;z-index:1000;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,#7c5cff,#22d3ee,#f472b6)}
/* header */
header{border-bottom:1px solid transparent!important;background:linear-gradient(rgba(10,10,23,.78),rgba(10,10,23,.78)) padding-box,linear-gradient(90deg,transparent,rgba(124,92,255,.7),rgba(34,211,238,.55),rgba(244,114,182,.5),transparent) border-box!important;backdrop-filter:blur(20px) saturate(1.4)!important;transition:box-shadow .3s}
header.sc{box-shadow:0 14px 40px -18px rgba(0,0,0,.8)}
.logo b{box-shadow:0 8px 22px -6px rgba(124,92,255,.8),inset 0 1px 0 rgba(255,255,255,.3)}
.ann{background:linear-gradient(90deg,#6d4aff,#3b82f6,#6d4aff);background-size:200% 100%;animation:annm 8s linear infinite;letter-spacing:.01em}
@keyframes annm{to{background-position:-200% 0}}
/* hero type */
h1{font-size:clamp(2.5rem,5.6vw,4.4rem)!important;line-height:1.06!important;letter-spacing:-.04em!important;font-weight:800}
.grad{background:linear-gradient(100deg,#a78bfa,#60a5fa,#f472b6,#a78bfa)!important;background-size:250% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;animation:gm 7s linear infinite}
@keyframes gm{to{background-position:250% 0}}
.hero p.l{font-size:1.14rem;line-height:1.7}
.pill{position:relative;background:rgba(124,92,255,.12)!important;border:0!important;box-shadow:inset 0 0 0 1px rgba(124,92,255,.45),0 0 24px -6px rgba(124,92,255,.6)}
/* buttons */
.c-btn{position:relative;overflow:hidden;border-radius:13px;letter-spacing:.01em;box-shadow:0 10px 30px -10px rgba(124,92,255,.8),inset 0 1px 0 rgba(255,255,255,.25)}
.c-btn.c-g{box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)!important;background:rgba(255,255,255,.04)!important;backdrop-filter:blur(8px)}
.c-btn::after{content:"";position:absolute;top:0;left:-120%;width:55%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.32),transparent);transform:skewX(-20deg);transition:left .7s;pointer-events:none}
.c-btn:hover::after{left:150%}.c-btn:hover{transform:translateY(-2px)}.c-btn:active{transform:translateY(0) scale(.98)}
.sb{box-shadow:0 10px 30px -18px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.05)}
.ab{backdrop-filter:blur(10px);background:rgba(255,255,255,.04)!important}.ab:hover{box-shadow:0 0 0 3px rgba(124,92,255,.18)}
/* stats + marquee */
.st{background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.015))!important;backdrop-filter:blur(10px);transition:.3s;box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}
.st:hover{transform:translateY(-4px);border-color:rgba(124,92,255,.5)!important;box-shadow:0 24px 40px -24px rgba(124,92,255,.7),inset 0 1px 0 rgba(255,255,255,.1)}
.st b{background:linear-gradient(180deg,#fff,#a9a6d6);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}
.mqw{margin:-30px 0 64px;text-align:center}.mqw small{display:block;color:#7c7aa6;font-size:.72rem;letter-spacing:.26em;text-transform:uppercase;margin-bottom:14px}
.mq{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}
.mq div{display:flex;gap:54px;width:max-content;animation:mqm 34s linear infinite;color:#6f6d99;font:700 1.15rem "Plus Jakarta Sans",Inter,sans-serif;white-space:nowrap}.mq span:hover{color:#fff}
@keyframes mqm{to{transform:translateX(-50%)}}
/* section heads */
.sh h2,.rel h2{font-size:clamp(1.7rem,3vw,2.3rem)!important;letter-spacing:-.03em;background:linear-gradient(180deg,#fff 30%,#a9a6d6);-webkit-background-clip:text;background-clip:text;color:transparent}
.sh h2 .bi,.rel h2 .bi{stroke:url(#icg);-webkit-text-fill-color:initial;margin-right:6px}
.sh{position:relative;padding-bottom:14px}.sh:after{content:"";position:absolute;left:0;bottom:0;width:64px;height:3px;border-radius:3px;background:linear-gradient(90deg,#7c5cff,#22d3ee)}
.tabs{box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.tabs button.on{background:linear-gradient(100deg,#7c5cff,#3b82f6)!important;box-shadow:0 8px 20px -8px rgba(124,92,255,.8)}
/* product cards */
.pc{--mx:50%;--my:0%;background-color:var(--card);background-image:radial-gradient(420px circle at var(--mx) var(--my),rgba(124,92,255,.14),transparent 60%);box-shadow:0 1px 0 rgba(255,255,255,.05) inset,0 20px 40px -28px rgba(0,0,0,.9)}
.pc::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;pointer-events:none;z-index:6;opacity:0;transition:opacity .35s;background:conic-gradient(from var(--ang),transparent 0 60%,#7c5cff,#22d3ee,#f472b6,transparent);-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 exclude,linear-gradient(#000 0 0);animation:ang 3.5s linear infinite}
.pc:hover::before{opacity:1}@keyframes ang{to{--ang:360deg}}
.pc:hover{box-shadow:0 30px 60px -26px rgba(124,92,255,.65)!important;border-color:transparent!important}
.tm{box-shadow:inset 0 -40px 60px -30px rgba(0,0,0,.35)}
.tm .win{box-shadow:0 14px 30px -14px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.35)}
.bd{box-shadow:0 8px 18px -8px rgba(0,0,0,.6);letter-spacing:.02em}
.pr b,.ft b{font-family:"Plus Jakarta Sans",Inter,sans-serif;letter-spacing:-.02em}
.pcov{background:radial-gradient(circle at 50% 50%,rgba(20,18,48,.78),rgba(6,6,16,.9))!important}
.pcov .dv{box-shadow:0 0 40px -8px rgba(124,92,255,.8);background:rgba(124,92,255,.22)!important;border-color:rgba(167,139,250,.6)!important;letter-spacing:.02em}
/* bundles / panels */
.bk{transition:.35s;background:linear-gradient(170deg,rgba(255,255,255,.05),rgba(255,255,255,.01)),var(--card)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}
.bk:hover{transform:translateY(-8px);box-shadow:0 36px 60px -30px rgba(124,92,255,.7)}
.bk.pop{background:linear-gradient(170deg,rgba(124,92,255,.3),rgba(34,211,238,.06)),var(--card)!important;box-shadow:0 0 0 1px rgba(124,92,255,.7),0 40px 70px -35px rgba(124,92,255,.9)}
.bk .big{background:linear-gradient(180deg,#fff,#b9b5ef);-webkit-background-clip:text;background-clip:text;color:transparent}
.wy div,.rv div,.fe,.steps div,details{transition:.3s}.wy div:hover,.rv div:hover{transform:translateY(-5px);border-color:rgba(124,92,255,.5)}
.wy div,.rv div{background:linear-gradient(170deg,rgba(255,255,255,.05),rgba(255,255,255,.01)),var(--card)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.cta{background:radial-gradient(600px 260px at 50% 0,rgba(124,92,255,.5),transparent),radial-gradient(500px 200px at 90% 100%,rgba(34,211,238,.18),transparent),var(--card)!important;box-shadow:0 40px 80px -40px rgba(124,92,255,.6)}
.fd{box-shadow:0 40px 80px -50px rgba(124,92,255,.7),inset 0 1px 0 rgba(255,255,255,.08)}
.fav{animation:fv 6s ease-in-out infinite}@keyframes fv{50%{box-shadow:0 20px 70px -10px rgba(34,211,238,.6)}}
/* vis cards polish */
.vl{box-shadow:0 40px 70px -26px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.14)!important}
/* product page */
.buy{box-shadow:0 40px 80px -40px rgba(124,92,255,.7),inset 0 1px 0 rgba(255,255,255,.1)}
.price b{background:linear-gradient(180deg,#fff,#b9b5ef);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.03em}
.meetbtn{backdrop-filter:blur(8px)}
.feat div{transition:.25s;background:linear-gradient(170deg,rgba(255,255,255,.05),rgba(255,255,255,.01)),var(--card)!important}.feat div:hover{border-color:rgba(124,92,255,.5);transform:translateX(4px)}
footer{background:linear-gradient(180deg,transparent,rgba(124,92,255,.06))}
/* reveal on scroll */
.rvl{opacity:0;translate:0 34px;transition:opacity .8s ease,translate .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--rd,0s)}
.rvl.rvi{opacity:1;translate:0 0}
.pc.rvl{transition:opacity .8s ease var(--rd,0s),translate .8s cubic-bezier(.2,.7,.2,1) var(--rd,0s),transform .18s ease-out,border-color .25s,box-shadow .25s}
@media(hover:none){.cg{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.rvl{opacity:1;translate:0 0}}
