/* Home v7 (2026-10-17) — rebuilt for smoothness: no blur/backdrop-filter, no spinning gradients, no marquee;
   every animation is transform/opacity only, below-the-fold sections render lazily (content-visibility).
   Brand: navy #011835 / royal blue #0050ed; gold only for the offer. No letter-spacing on Bangla. */
.v4{--bn:'Anek Bangla','Hind Siliguri',system-ui,sans-serif;--n0:#011835;--b0:#0050ed;--b1:#2f6bff;--b2:#7fb0ff;--gold:#f5b942;--ice:#eef4ff}
:root[data-theme="dark"] .v4{--ice:#0d1a38}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .v4{--ice:#0d1a38}}
.v4 h1,.v4 h2,.v4 h3{font-family:var(--bn);font-weight:700}
.v4 .i{width:18px;height:18px}
.v4 img{max-width:100%}
.v-lazy{content-visibility:auto;contain-intrinsic-size:auto 600px}

/* ---------- hero: photo + video loop, text left ---------- */
.v-hero{position:relative;overflow:hidden;color:#fff;background:#030a1c;min-height:min(90svh,820px);display:flex;align-items:center}
.v-film-bg{position:absolute;inset:0}
.v-film-bg img,.v-film-bg video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:68% 45%}
.v-film-bg video{opacity:0;transition:opacity 1.6s ease}
.v-film-bg video.on{opacity:1}
.v-film-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,10,28,.95) 0%,rgba(3,10,28,.84) 38%,rgba(3,10,28,.4) 64%,rgba(3,10,28,.1) 100%),linear-gradient(0deg,#030a1c 0%,rgba(3,10,28,.3) 30%,transparent 55%)}
.v-hero-in{position:relative;z-index:1;width:100%;max-width:1200px;margin:0 auto;padding:92px 24px 96px}
.v-hero-txt{max-width:700px}
.v-offer{display:inline-flex;align-items:center;gap:10px;padding:5px 14px 5px 5px;border-radius:99px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);font-size:15px;color:#dfe9ff;transition:background .2s}
.v-offer:hover{background:rgba(255,255,255,.16)}
.v-offer span{background:var(--gold);color:#3a2400;font-weight:700;border-radius:99px;padding:2px 12px}
.v-title{margin:22px 0 14px;color:#fff;line-height:1.12;text-wrap:balance}
.v-title .t1{display:block;font-size:clamp(2.6rem,6vw,5.2rem);font-weight:800;animation:vup .7s .05s both cubic-bezier(.16,1,.3,1)}
.v-title .t2{display:block;font-size:clamp(1.3rem,2.5vw,2rem);font-weight:600;color:#c9dbff;margin-top:8px;animation:vup .7s .18s both cubic-bezier(.16,1,.3,1)}
.v-title em{font-style:normal;color:#fff;box-shadow:inset 0 -.38em 0 rgba(47,107,255,.65)}
.v-lead{font-size:1.1rem;color:#c3d3f2;max-width:520px;animation:vup .7s .3s both}
.v-search{display:flex;align-items:center;gap:8px;max-width:480px;margin-top:22px;padding:6px 6px 6px 16px;border-radius:16px;background:#fff;box-shadow:0 18px 40px rgba(0,0,0,.3);animation:vup .7s .4s both}
.v-search .i{color:#6b7aa6;flex:none}
.v-search input{flex:1;min-width:0;border:0;outline:0;background:none;font-size:16px;color:#0b1430;height:42px}
.v-search button{border:0;border-radius:12px;background:var(--b0);color:#fff;font-weight:600;padding:0 20px;height:42px;cursor:pointer;transition:background .2s}
.v-search button:hover{background:#0040b8}
.v-acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;animation:vup .7s .5s both}
.v-btn{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 22px;border-radius:14px;border:0;cursor:pointer;font:inherit;font-weight:600;font-size:16px;background:var(--b0);color:#fff;transition:transform .2s,background .2s}
.v-btn:hover{background:#0040b8;transform:translateY(-2px)}
.v-btn.ghost{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2)}
.v-btn.ghost:hover{background:rgba(255,255,255,.2)}
.v-facts{list-style:none;display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:26px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);color:#9fb6e0;font-size:14.5px;animation:vup .7s .6s both}
.v-facts b{color:#fff;font-family:'Inter',var(--bn);font-size:1.2rem;margin-right:4px}
@keyframes vup{from{opacity:0;transform:translateY(18px)}}

/* ---------- shared ---------- */
.v-sec{padding:72px 0}
.v-sec.soft{background:var(--ice)}
.v-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px}
.v-head.center{justify-content:center;text-align:center}
.v-head h2,.v-cs-head h2,.v-app-txt h2,.v-founder-txt h2,.v-faq-wrap h2{color:var(--ink);font-size:clamp(1.7rem,3.2vw,2.4rem);margin-top:4px}
.v-eye{display:inline-block;font-size:14px;font-weight:600;color:var(--b0)}
.v-eye.light{color:var(--b2)}
.v-link{display:inline-flex;align-items:center;gap:6px;color:var(--b0);font-weight:600;white-space:nowrap}
.v-link .i{transition:transform .2s}.v-link:hover .i{transform:translateX(4px)}
/* reveal: opacity + transform only */
.rv{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s cubic-bezier(.16,1,.3,1)}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.v4 *{animation:none!important}}

/* ---------- courses: bento ---------- */
.v-cs-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.v-ribbon{display:inline-flex;align-items:center;gap:10px;padding:7px 16px 7px 7px;border-radius:99px;background:var(--card);border:1px solid rgba(245,185,66,.5);font-size:14.5px;color:var(--txt)}
.v-ribbon b{background:var(--gold);color:#3a2400;border-radius:99px;padding:3px 12px;font-size:13.5px}
.v-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.v-filter button{border:1px solid var(--line2);background:var(--card);color:var(--mut);border-radius:99px;padding:7px 16px;font:inherit;font-size:14.5px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.v-filter button:hover{color:var(--ink);border-color:var(--b2)}
.v-filter button.on{background:var(--n0);border-color:var(--n0);color:#fff}
.v-bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:230px;grid-auto-flow:dense;gap:16px}
.v-bc{position:relative;display:block;border-radius:22px;overflow:hidden;color:#fff;background:linear-gradient(150deg,var(--c1),var(--c2));transform:translateZ(0);transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s}
.v-bc:hover{transform:translateY(-5px);box-shadow:0 22px 44px -18px rgba(1,24,53,.45)}
.v-bc.xl{grid-column:span 2;grid-row:span 2}.v-bc.tall{grid-row:span 2}
.v-bc.w2{grid-column:span 2}.v-bc.w3{grid-column:span 3}.v-bc.w4{grid-column:span 4}
.v-bc>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.v-bc-ic{position:absolute;inset:0;display:grid;place-items:center;opacity:.5}.v-bc-ic .i{width:64px;height:64px}
.v-bc-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,24,53,.05) 25%,rgba(1,24,53,.55) 55%,rgba(1,24,53,.92))}
.v-bc-top{position:absolute;left:14px;right:14px;top:14px;display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.v-bc-top em{font-style:normal;font-size:12.5px;font-weight:600;padding:5px 11px;border-radius:99px;background:rgba(1,24,53,.72);border:1px solid rgba(255,255,255,.18)}
.v-bc-top em.blank{visibility:hidden}
.v-tix{display:flex;flex-direction:column;align-items:center;line-height:1.1;padding:7px 14px 8px;border-radius:12px;background:#fff;color:#011835;box-shadow:0 10px 24px rgba(0,0,0,.25)}
.v-tix s{font-size:11.5px;color:#8b92ad}.v-tix b{font-family:var(--bn);font-size:19px;color:#0050ed}.v-tix small{font-size:11px;color:#5b6382}
.v-tix.free b,.v-tix.own b{color:#0f9d6b}.v-tix.own b .i{width:18px;height:18px}
.v-bc.xl .v-tix b{font-size:24px}
.v-bc-txt{position:absolute;left:18px;right:18px;bottom:16px;display:flex;flex-direction:column;gap:3px}
.v-bc-txt small{font-size:12.5px;color:#b8c9ec}
.v-bc-txt b{font-family:var(--bn);font-size:19px;line-height:1.3}
.v-bc.xl .v-bc-txt b{font-size:clamp(1.6rem,2.6vw,2.2rem)}.v-bc.tall .v-bc-txt b{font-size:22px}
.v-bc-meta{font-size:13px;color:#dbe6ff}
.v-prog{height:5px;border-radius:9px;background:rgba(255,255,255,.25);overflow:hidden;margin-top:6px}.v-prog i{display:block;height:100%;background:#7fb0ff}
.v-bc-go{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;margin-top:8px;padding:7px 14px;border-radius:99px;background:#fff;color:#011835;font-weight:600;font-size:14px;opacity:0;transform:translateY(6px);transition:opacity .25s,transform .25s}
.v-bc-go .i{width:16px;height:16px}
.v-bc:hover .v-bc-go,.v-bc:focus-visible .v-bc-go,.v-bc.xl .v-bc-go{opacity:1;transform:none}
.v-bc.off{display:none}
.v-bento.filtered .v-bc{grid-column:auto;grid-row:auto}.v-bento.filtered .v-bc.xl .v-bc-txt b{font-size:19px}
.v-cs-foot{display:flex;justify-content:center;margin-top:24px}

/* ---------- features: 3D icons, light cards ---------- */
.v-feats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.v-feat{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:20px;border-radius:20px;background:var(--card);border:1px solid var(--line);transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s}
.v-feat:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.v-feat img{width:84px;height:84px;object-fit:contain;margin-bottom:8px;transition:transform .3s}
.v-feat:hover img{transform:scale(1.08)}
.v-feat b{font-family:var(--bn);font-size:17px;color:var(--ink)}.v-feat span{font-size:14px;color:var(--mut)}

/* ---------- pocket ---------- */
.v-pocket{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.v-pk{display:flex;flex-direction:column;gap:4px}
.v-pk-art{position:relative;aspect-ratio:3/4;border-radius:18px;overflow:hidden;background:var(--soft2);margin-bottom:6px;transform:translateZ(0);transition:transform .3s}
.v-pk:hover .v-pk-art{transform:translateY(-4px)}
.v-pk-art img:first-child{width:100%;height:100%;object-fit:cover}
.v-pk-av{position:absolute;left:10px;bottom:10px;width:40px;height:40px;border-radius:50%;border:2px solid #fff;object-fit:cover}
.v-pk b{font-family:var(--bn);font-size:15px;line-height:1.35;color:var(--ink)}
.v-pk small{display:flex;gap:4px;align-items:center;color:var(--mut);font-size:12.5px}.v-pk small .i{width:13px;height:13px}

/* ---------- map band ---------- */
.v-band{background:linear-gradient(160deg,var(--n0),#062a6b);color:#fff;padding:72px 0}
.v-map-in{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}
.v-map-txt h2{color:#fff;font-size:clamp(1.8rem,3.6vw,2.8rem);line-height:1.25;margin:6px 0 10px}
.v-map-txt p{color:#b8c9ec}
.v-map .m-svg{width:100%;max-width:460px;height:auto;margin:auto;display:block;overflow:visible}
.v-map .m-land{fill:rgba(127,176,255,.14);stroke:url(#mg);stroke-width:3;stroke-linejoin:round}
.v-map .m-line{stroke:var(--gold);stroke-width:2.5;stroke-dasharray:6 8;fill:none;opacity:.7}
.v-map .m-hubdot,.v-map .m-dot{fill:var(--gold);stroke:#fff;stroke-width:3}
.v-map .m-pulse{fill:var(--gold);opacity:.35;transform-origin:center;transform-box:fill-box;animation:vpulse 2.4s ease-out infinite}
@keyframes vpulse{from{transform:scale(1);opacity:.5}to{transform:scale(3);opacity:0}}
.v-map .m-lbl{font-family:var(--bn);font-size:28px;font-weight:700;fill:#fff}
.v-map .m-sub{font-family:var(--bn);font-size:18px;fill:#9fb6e0}
.v-map .m-lbl.r,.v-map .m-sub.r{text-anchor:end}
.v-map .rc{margin-top:22px}
.v-map .rc-count b{background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--gold)}
.v-map .rc-count span,.v-map .rc-note{color:#b8c9ec}
.v-map .rc-chips span.on{background:rgba(127,176,255,.18);box-shadow:none;border:1px solid rgba(127,176,255,.35);animation:none}

/* ---------- app ---------- */
.v-app{display:grid;grid-template-columns:auto 1fr;gap:56px;align-items:center;justify-content:center;max-width:900px}
.v-app-txt p{color:var(--mut);font-size:1.05rem}
.v-phone{width:230px;aspect-ratio:9/18.5;border-radius:36px;padding:10px;background:#0b1430;box-shadow:var(--shadow-lg)}
.v-phone-scr{height:100%;border-radius:28px;background:linear-gradient(170deg,var(--n0),#0a3a9c);padding:22px 14px;display:flex;flex-direction:column;gap:10px}
.v-phone-scr>img{width:110px;margin:0 auto 10px}
.v-ph-card{text-align:left;display:flex;align-items:center;gap:10px;padding:10px;border-radius:14px;background:rgba(255,255,255,.1);color:#fff;font-size:14px}
.v-ph-card img{width:36px;height:36px;object-fit:contain}
.v-stores{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.v-store{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:14px;background:#0b1430;color:#fff}
.v-dl{background:#0050ed;text-decoration:none;transition:transform .15s}.v-dl:hover{transform:translateY(-2px)}.v-dl-note{font-size:13px;opacity:.75;margin-top:10px}.v-dl-note a{color:inherit;text-decoration:underline}
.v-store small{display:block;font-size:11.5px;color:#9fb6e0;line-height:1}.v-store>span{font-weight:600;line-height:1.3}

/* ---------- founder ---------- */
.v-founder{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:center}
.v-founder-pic{position:relative;border-radius:28px;overflow:hidden;aspect-ratio:4/5;background:linear-gradient(160deg,var(--n0),var(--b0));box-shadow:var(--shadow-lg)}
.v-founder-pic img{width:100%;height:100%;object-fit:cover}
.v-founder-badge{position:absolute;left:16px;bottom:16px;display:inline-flex;gap:6px;align-items:center;padding:8px 14px;border-radius:99px;background:rgba(1,24,53,.86);color:#fff;font-size:14px;font-weight:600}
.v-founder-badge .i{color:var(--gold)}
.v-founder-en{font-family:'Inter',sans-serif;font-size:14px;color:var(--b0);font-weight:600;margin-bottom:14px}
.v-founder-txt p{color:var(--mut);font-size:1.05rem;max-width:560px}
.v-vals{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}
.v-vals li{padding:14px;border-radius:16px;background:var(--ice);border:1px solid var(--line)}
.v-vals b{display:block;font-family:'Inter',sans-serif;color:var(--ink);font-size:15px}.v-vals span{font-size:13.5px;color:var(--mut)}

/* ---------- faq + cta ---------- */
.v-faq-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:32px}
.v-faq details{border-bottom:1px solid var(--line);padding:16px 0}
.v-faq summary{display:flex;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;font-weight:600;color:var(--ink);font-size:17px}
.v-faq summary::-webkit-details-marker{display:none}
.v-faq summary .i{transition:transform .25s;flex:none;color:var(--b0)}.v-faq details[open] summary .i{transform:rotate(45deg)}
.v-faq p{margin-top:8px;color:var(--mut)}
.v-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:70px 0;padding:36px 40px;border-radius:26px;color:#fff;background:linear-gradient(120deg,var(--n0),var(--b0))}
.v-cta h2{color:#fff;font-size:clamp(1.5rem,3vw,2.1rem)}.v-cta p{color:#c9dbff}
.v-cta .v-btn{background:#fff;color:var(--n0)}.v-cta .v-btn:hover{background:#e6eeff}

/* ---------- modal ---------- */
.v-modal{border:0;padding:0;border-radius:20px;background:#000;width:min(960px,94vw)}
.v-modal::backdrop{background:rgba(1,24,53,.8)}
.v-modal-top{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;color:#fff;background:#0b1430}
.v-modal-top button{border:0;background:rgba(255,255,255,.1);color:#fff;border-radius:10px;padding:6px;cursor:pointer}
#vbox video{width:100%;display:block;max-height:80vh}

/* ---------- responsive ---------- */
@media (max-width:1000px){
  .v-bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:220px}.v-bc.tall{grid-row:span 1}.v-bc.w2,.v-bc.w3,.v-bc.w4{grid-column:auto}
  .v-feats{grid-template-columns:repeat(2,1fr)}.v-pocket{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:760px){
  .v-hero{min-height:auto}.v-hero-in{padding:60px 16px 64px}
  .v-film-bg img{object-position:62% 40%}
  .v-film-shade{background:linear-gradient(0deg,#030a1c 0%,rgba(3,10,28,.8) 45%,rgba(3,10,28,.55) 100%)}
  .v-sec,.v-band{padding:52px 0}.v-head{margin-bottom:18px}
  .v-bento{grid-template-columns:1fr;grid-auto-rows:210px;gap:12px}.v-bc.xl{grid-column:auto;grid-row:span 1}.v-bc.xl .v-bc-txt b{font-size:22px}
  .v-bc-go{opacity:1;transform:none;padding:6px 12px;font-size:13px}
  .v-filter{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;padding-inline:16px}.v-filter::-webkit-scrollbar{display:none}.v-filter button{flex:none}
  .v-feats{gap:10px}.v-feat{padding:14px}.v-feat img{width:60px;height:60px}.v-feat b{font-size:15px}.v-feat span{font-size:13px}
  .v-pocket{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:6px;scrollbar-width:none}.v-pocket::-webkit-scrollbar{display:none}.v-pk{flex:0 0 44%;scroll-snap-align:start}
  .v-map-in{grid-template-columns:1fr}.v-map-art{max-width:320px;margin:0 auto}
  .v-app{grid-template-columns:1fr;gap:28px;text-align:center;justify-items:center}.v-stores{justify-content:center}.v-phone{width:190px}
  .v-founder{grid-template-columns:1fr;gap:24px}.v-founder-pic{max-width:320px;margin:0 auto;width:100%}.v-vals{grid-template-columns:1fr}
  .v-faq-wrap{grid-template-columns:1fr;gap:10px}
  .v-cta{padding:26px 22px;margin:44px 0}
}
body[data-v4]{overflow-x:clip}

/* app section — real app screenshots in three phone frames (transform-only motion) */
.v-phones{position:relative;width:min(420px,92vw);height:440px;margin:0 auto}
.v-ph{position:absolute;top:24px;width:186px;aspect-ratio:360/780;border-radius:30px;background:#0b1430;padding:7px;box-shadow:0 30px 60px rgba(1,24,53,.35),0 0 0 1px rgba(255,255,255,.08) inset;overflow:hidden}
.v-ph img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;border-radius:24px}
.v-ph::before{content:"";position:absolute;top:13px;left:50%;width:54px;height:15px;margin-left:-27px;border-radius:10px;background:#0b1430;z-index:2}
.v-ph-m{left:50%;margin-left:-93px;top:0;z-index:3;animation:vph 6s ease-in-out infinite}
.v-ph-l{left:0;transform:rotate(-9deg) scale(.86);transform-origin:bottom right;z-index:1;animation:vphl 7s ease-in-out infinite}
.v-ph-r{right:0;transform:rotate(9deg) scale(.86);transform-origin:bottom left;z-index:2;animation:vphr 7.5s ease-in-out infinite}
.v-ph-glow{position:absolute;left:10%;right:10%;bottom:-6px;height:40px;border-radius:50%;background:radial-gradient(rgba(0,80,237,.35),transparent 70%)}
@keyframes vph{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes vphl{0%,100%{transform:rotate(-9deg) scale(.86) translateY(0)}50%{transform:rotate(-9deg) scale(.86) translateY(-6px)}}
@keyframes vphr{0%,100%{transform:rotate(9deg) scale(.86) translateY(0)}50%{transform:rotate(9deg) scale(.86) translateY(-8px)}}
@media (max-width:560px){.v-phones{height:360px}.v-ph{width:150px;border-radius:24px;padding:6px}.v-ph img{border-radius:19px}.v-ph-m{margin-left:-75px}}
@media (prefers-reduced-motion:reduce){.v-ph-m,.v-ph-l,.v-ph-r{animation:none}}