*{box-sizing:border-box;margin:0}
:root{--p:#ab47bc;--bg:#0b0b14;--fg:#ecebf5;--mut:#9b99b5}
html{scroll-behavior:smooth}
body{font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans Devanagari",sans-serif;background:var(--bg);color:var(--fg);overflow-x:hidden}
a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,.slider:focus-visible{outline:2px solid var(--p);outline-offset:3px}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;color:#000;padding:8px;z-index:9}
.wrap{width:min(1120px,92%);margin:auto}
header{position:sticky;top:0;z-index:5;backdrop-filter:blur(14px);background:#0b0b14b3;border-bottom:1px solid #ffffff12}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
header img{display:block;height:22px;width:auto}
nav{display:flex;gap:4px}nav a{padding:6px 11px;border-radius:99px;font-size:.8rem;color:var(--mut);transition:.25s}nav a:hover,nav a.on{color:#fff;background:#ffffff14}
.hero{position:relative;padding:15vh 0 12vh;text-align:center;overflow:hidden;isolation:isolate}
.hero::before,.hero::after{content:"";position:absolute;width:60vmax;height:60vmax;border-radius:50%;filter:blur(90px);opacity:.33;z-index:-1;animation:drift 18s ease-in-out infinite alternate}
.hero::before{background:var(--p);left:-22vmax;top:-32vmax}.hero::after{background:#4a6cf7;right:-26vmax;bottom:-38vmax;animation-delay:-9s}
@keyframes drift{to{transform:translate(8vmax,6vmax) scale(1.15)}}
.kick{letter-spacing:.3em;text-transform:uppercase;font-size:.8rem;color:var(--mut);margin-bottom:1rem}
h1{font-size:clamp(2.8rem,10vw,6.4rem);line-height:1.02;letter-spacing:-.045em;font-weight:800}
h1 em{font-style:normal;background:linear-gradient(90deg,var(--p),#7c8cff,var(--p));background-size:200%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 6s linear infinite}
@keyframes shine{to{background-position:200%}}
.sub{max-width:36rem;margin:1.2rem auto 2rem;color:var(--mut);font-size:1.12rem}.sub.left{margin-left:0}
.btn{display:inline-block;padding:14px 30px;border-radius:99px;background:var(--p);color:#fff;font-weight:600;box-shadow:0 8px 30px #ab47bc55;transition:transform .25s,box-shadow .25s}
.btn:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 14px 40px #ab47bc88}
section{padding:9vh 0}h2{font-size:clamp(1.6rem,4vw,2.4rem);letter-spacing:-.02em}
.row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.4rem}
.slider{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 4px 24px;scrollbar-width:none;cursor:grab;overscroll-behavior-x:contain}
.slider::-webkit-scrollbar{display:none}.slider.drag{scroll-snap-type:none;cursor:grabbing;user-select:none}
.card{flex:0 0 min(340px,82%);scroll-snap-align:start;padding:28px;border-radius:20px;background:linear-gradient(160deg,#1c1c33,#12121f);border:1px solid #ffffff14;transition:transform .35s,border-color .35s}
.card:hover{transform:translateY(-8px);border-color:var(--p)}
.card i{display:block;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--p),#7c8cff);margin-bottom:18px}
.card h3{margin-bottom:.4rem}.card p{color:var(--mut)}
.ctrl{display:flex;gap:10px}.ctrl button{width:44px;height:44px;border-radius:50%;border:1px solid #ffffff22;background:none;color:#fff;font-size:1.1rem;cursor:pointer;transition:.2s}.ctrl button:hover{background:var(--p);border-color:var(--p)}
.r{color:var(--p)}
footer{padding:40px 0;border-top:1px solid #ffffff12;color:var(--mut);font-size:.88rem;text-align:center}footer a:hover{color:#fff}
.js .rv{opacity:0;transform:translateY(28px);transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1)}.js .rv.in{opacity:1;transform:none}
.d1{transition-delay:.12s}.d2{transition-delay:.24s}.d3{transition-delay:.36s}
@media (prefers-reduced-motion:reduce){*,::before,::after{animation:none!important;transition:none!important}.js .rv{opacity:1;transform:none}html{scroll-behavior:auto}}