/* v6: images + heavy motion (auto-lightened on phones / reduced-motion) */
.sc{background:var(--n);overflow:hidden}
.sc::before,.sc::after{content:"";position:absolute;width:55vmax;height:55vmax;border-radius:50%;opacity:.5;will-change:transform;animation:au 18s ease-in-out infinite alternate;pointer-events:none}
.sc::before{background:radial-gradient(closest-side,#2563EB,transparent);top:-20vmax;left:-15vmax}.sc::after{background:radial-gradient(closest-side,#7C3AED,transparent);bottom:-25vmax;right:-15vmax;animation-delay:-9s}
@keyframes au{to{transform:translate(12vmax,8vmax) scale(1.25) rotate(40deg)}}
.gal{display:grid;gap:clamp(12px,1.6vw,22px);grid-template-columns:repeat(6,1fr);margin-top:clamp(36px,6vw,64px);position:relative;z-index:1}
.gal figure{grid-column:span 2;border-radius:var(--r);overflow:hidden;position:relative;aspect-ratio:6/5;transform-style:preserve-3d;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .25s var(--e);border:1px solid rgba(255,255,255,.12)}
.gal figure:nth-child(4),.gal figure:nth-child(5){grid-column:span 3;aspect-ratio:12/7}
.gal img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--e)}.gal figure:hover img{transform:scale(1.12)}
.gal figure::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.28) 50%,transparent 65%);transform:translateX(-120%);animation:sh 5s ease-in-out infinite}
.gal figure:nth-child(2)::after{animation-delay:.8s}.gal figure:nth-child(3)::after{animation-delay:1.6s}.gal figure:nth-child(4)::after{animation-delay:2.4s}.gal figure:nth-child(5)::after{animation-delay:3.2s}
@keyframes sh{60%,100%{transform:translateX(120%)}}
.gal figcaption{position:absolute;left:18px;bottom:16px;z-index:2;font:800 clamp(18px,2vw,26px) var(--f);letter-spacing:-.02em;text-shadow:0 2px 20px #000}
.stt{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:clamp(36px,6vw,64px);position:relative;z-index:1;text-align:center}
.stt b{display:block;font:800 clamp(34px,6vw,72px)/1 var(--f);background:linear-gradient(120deg,#60A5FA,#A78BFA,#F472B6,#60A5FA);-webkit-background-clip:text;background-clip:text;color:transparent}
@keyframes gs{to{background-position:300% 0}}.stt span{color:var(--m);font-size:14px}
.hero-old::before{content:"";position:absolute;inset:-20%;background:conic-gradient(from 0deg at 50% 50%,rgba(37,99,235,.25),rgba(236,72,153,.15),rgba(124,58,237,.25),rgba(6,182,212,.15),rgba(37,99,235,.25));filter:blur(80px);animation:sp 40s linear infinite;pointer-events:none}
.hero>*{position:relative}
.bt.p{background-image:linear-gradient(120deg,#2563EB,#7C3AED,#EC4899)}
.pn .gm{animation:fl 6s ease-in-out infinite}
@media(max-width:820px){.gal{grid-template-columns:1fr 1fr}.gal figure,.gal figure:nth-child(4),.gal figure:nth-child(5){grid-column:span 1;aspect-ratio:1}.gal figure:last-child{grid-column:span 2;aspect-ratio:2/1}.stt{grid-template-columns:1fr 1fr}.sc::before,.sc::after{filter:blur(60px);animation-duration:30s}}
@media(max-width:480px){.gal{grid-template-columns:1fr}.gal figure,.gal figure:last-child{grid-column:auto;aspect-ratio:4/3}}
@media(prefers-reduced-motion:reduce){.sc::before,.sc::after,.hero::before,.gal figure::after,.stt b,.bt.p,.pn .gm{animation:none}}

.lg{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.lg span{padding:12px 22px;border-radius:99px;border:1px solid rgba(128,128,128,.3);font:700 15px var(--f);transition:transform .4s var(--e),background .3s}.lg span:hover{transform:translateY(-4px);background:rgba(124,58,237,.18)}
.tg{display:inline-flex;gap:6px;padding:6px;border-radius:99px;background:rgba(255,255,255,.08);margin:28px 0 8px}.tg button{padding:10px 20px;border-radius:99px;font:700 14px var(--f)}.tg .on{background:linear-gradient(135deg,var(--b),var(--p));color:#fff}.tg small{opacity:.8}
.pg{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:24px}.pg .tl{gap:18px}.pg .ft{outline:2px solid #7C3AED;transform:scale(1.03)}.pr b{font:800 40px var(--f)}.pg .ck{list-style:none;display:grid;gap:8px}.pg .ck li::before{content:"✓ ";color:#60A5FA}
.ts{position:relative;min-height:190px;margin-top:28px}.ts blockquote{position:absolute;inset:0;opacity:0;transform:translateY(20px);transition:.8s var(--e);font:700 clamp(22px,3.4vw,40px)/1.25 var(--f);letter-spacing:-.02em;max-width:26em}.ts blockquote.on{opacity:1;transform:none}.ts cite{display:block;font:500 15px Inter;color:var(--m);margin-top:14px}
.nl{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.nl input{flex:1;min-width:220px;min-height:48px;padding:0 20px;border-radius:99px;border:1px solid rgba(128,128,128,.4);background:transparent;color:inherit;font:inherit}
.fx{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:50;display:grid;gap:10px}.fx a,.fx button{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:22px;background:#25D366;color:#fff;box-shadow:0 10px 30px -8px rgba(0,0,0,.6);animation:pu 2.4s infinite}.fx button{background:#2563EB;opacity:0;pointer-events:none;transition:.3s;animation:none}.fx button.s{opacity:1;pointer-events:auto}@keyframes pu{50%{transform:scale(1.1)}}
#pg{position:fixed;top:0;left:0;height:3px;width:0;z-index:99;background:linear-gradient(90deg,#2563EB,#EC4899)}
#ck{position:fixed;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));flex-wrap:wrap;font-size:14px;z-index:90;display:flex;gap:14px;align-items:center;justify-content:space-between;padding:14px 18px;border-radius:20px;background:#12172a;color:#fff;max-width:640px}#ck[hidden]{display:none}
#an{position:relative;z-index:70;overflow:hidden;display:flex;justify-content:center;gap:12px;padding:8px 44px 8px 16px;background:linear-gradient(90deg,#2563EB,#7C3AED,#EC4899);color:#fff;font:600 14px var(--f);text-align:center}#an a{text-decoration:underline}#an button{position:absolute;right:12px;top:4px;font-size:22px}
.fo2{display:flex;flex-wrap:wrap;gap:8px 22px;justify-content:center;padding:28px 20px calc(28px + env(safe-area-inset-bottom));background:var(--n);color:var(--m);font-size:14px}

/* v8 — clean hero rebuild, flow-based top bar, compositor-only motion */
.lead,.fl{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans Devanagari",sans-serif}
#an::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 70%);transform:translate3d(-100%,0,0);animation:bs 5s ease-in-out infinite;pointer-events:none}
@keyframes bs{60%,100%{transform:translate3d(100%,0,0)}}
#an.x{position:fixed;top:0;left:0;right:0;transition:transform .6s var(--e),opacity .5s;transform:translate3d(0,-105%,0);opacity:0;pointer-events:none}
#hd{transform:translate3d(0,var(--bo,0px),0);will-change:transform}#hd.fl2{transition:transform .6s var(--e),background .4s,border-color .4s}
.hero{position:relative;min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr);align-content:center;align-items:center;justify-items:center;gap:clamp(20px,4vh,48px);text-align:center;padding:calc(var(--h) + clamp(28px,6vh,72px)) clamp(20px,4vw,48px) clamp(40px,8vh,88px);overflow:hidden;isolation:isolate;background:var(--n)}
.hero>canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.hero .au{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.hero .au i{position:absolute;width:62vmax;height:62vmax;border-radius:50%;will-change:transform;animation:ab 20s ease-in-out infinite alternate}
.hero .au i:nth-child(1){left:-22vmax;top:-26vmax;background:radial-gradient(closest-side,rgba(37,99,235,.55),transparent)}
.hero .au i:nth-child(2){right:-24vmax;top:6vmax;background:radial-gradient(closest-side,rgba(124,58,237,.5),transparent);animation-delay:-7s}
.hero .au i:nth-child(3){left:18vmax;bottom:-34vmax;background:radial-gradient(closest-side,rgba(236,72,153,.32),transparent);animation-delay:-13s}
@keyframes ab{to{transform:translate3d(9vmax,6vmax,0) scale(1.18)}}
.hero .au::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(128,140,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(128,140,255,.09) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000,transparent);mask-image:radial-gradient(70% 60% at 50% 40%,#000,transparent)}
.hero>.w{position:relative;z-index:2;width:100%;max-width:760px;margin:0}
.hero h1{font-size:clamp(38px,10.5vw,60px)}
.hero .lead{margin:22px auto 30px;text-align:center;max-width:34ch}.hero .cr{justify-content:center}
.hero .rv,.js .hero .rv{opacity:1;transform:none;transition:none;animation:hi .9s var(--e) both}
.hero .rv:nth-child(2){animation-delay:.1s}.hero .rv:nth-child(3){animation-delay:.2s}.hero .cr.rv{animation-delay:.3s}
@keyframes hi{from{opacity:0;transform:translate3d(0,26px,0)}}
.hero h1 .gr{display:inline-block;background-size:200% 100%}
.hm{--hs:min(74vw,420px,44svh);position:relative;z-index:1;width:var(--hs);height:var(--hs);aspect-ratio:auto;margin:0;transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .3s var(--e);will-change:transform}
.hm::before{inset:-8%}.hm svg{width:100%;height:100%;filter:none}
.hm::after{content:"";position:absolute;inset:6%;border-radius:50%;background:radial-gradient(closest-side,rgba(37,99,235,.6),transparent);z-index:-1;animation:pu2 5s ease-in-out infinite}
@keyframes pu2{50%{transform:scale(1.12);opacity:.75}}
.ch{position:absolute;left:50%;top:50%;margin:-17px 0 0 -38px;width:76px;height:34px;display:grid;place-items:center;border-radius:99px;font:700 12.5px var(--f);color:#fff;background:rgba(20,26,50,.72);border:1px solid rgba(255,255,255,.18);animation:orb 18s linear infinite;animation-delay:calc(var(--a)*-4.5s);will-change:transform}
@keyframes orb{from{transform:rotate(0) translateX(calc(var(--hs)*.62)) rotate(0)}to{transform:rotate(360deg) translateX(calc(var(--hs)*.62)) rotate(-360deg)}}
@media(min-width:960px){.hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);justify-items:start;text-align:left;padding-inline:max(clamp(20px,4vw,48px),calc((100% - 1240px)/2))}
.hero h1{font-size:clamp(40px,min(5.2vw,9.5svh),84px);text-wrap:balance}.hero .lead{margin-left:0;text-align:left}.hero .cr{justify-content:flex-start}.hm{--hs:min(36vw,500px,64svh);justify-self:center}}
@media(max-height:620px) and (min-width:960px){.hero h1{font-size:clamp(40px,5vw,64px)}}
@media(max-width:959px) and (max-height:700px){.hm{--hs:min(60vw,36svh)}}
.hero-old{}
@media(prefers-reduced-motion:reduce){.hero .au i,.hm::after,.ch,#an::after{animation:none}.hero .rv{animation:none}}
.paused *,.paused *::before,.paused *::after{animation-play-state:paused!important}
[data-perf=mid] .hero .au::after,[data-perf=mid] .gal figure::after,[data-perf=mid] #cr2,[data-perf=mid] canvas{display:none}
[data-perf=mid] .hero .au i:nth-child(3),[data-perf=mid] .ch:nth-of-type(n+3){display:none}
[data-perf=low] *,[data-perf=low] *::before,[data-perf=low] *::after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important}
[data-perf=low] .hero .au i,[data-perf=low] .sc::before,[data-perf=low] .sc::after,[data-perf=low] .gal figure::after,[data-perf=low] .ch,[data-perf=low] canvas,[data-perf=low] #an::after{animation:none!important;display:none!important}
#ck{animation:ai2 .6s var(--e) 2.5s both}@keyframes ai2{from{opacity:0;transform:translate3d(0,30px,0)}}#ck .bt{min-height:38px;padding:0 18px;font-size:14px}.hero h1{text-wrap:balance}@media(max-width:600px){#an{font-size:12.5px;padding-left:12px}}
/* ===== LEAN PERFORMANCE LAYER (v9) — no animated blur, no backdrop blur, fewer infinite repaints ===== */
.hero .au i{animation:none;will-change:auto}
.sc::before,.sc::after,.hero .au::after,.gal figure::after,#an::after,.hm::after{display:none!important}
.hm svg{filter:none;animation:none}
.bw b,.bw u{animation:none}
#hd.s,#ov,#up,#kp{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
#hd.s{background:rgba(var(--nr),.94)}#ov{background:rgba(0,0,0,.7)}#kp{background:rgba(0,0,0,.65)}
#pg{transform-origin:0 50%;width:100%;transform:scaleX(0)}
.paused,.paused *,.paused *::before,.paused *::after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition-duration:.01ms!important}}
[data-perf=mid] .ch:nth-of-type(n+3),[data-perf=mid] .hero .au i:nth-child(3){display:none}