body{margin:0;background:#0A0912;color:#F2F0F7;font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
html[lang=bn] body{font-family:'Hind Siliguri',system-ui,sans-serif}
a{color:#7FCBF2;text-decoration:none}a:hover{color:#B9E3FA}
.grid4{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.navlinks{display:flex;flex-wrap:wrap;gap:28px;align-items:center}
@media (max-width:760px){.navlinks{display:none}.hero-h{font-size:44px !important}.sec-h{font-size:34px !important}.feat{flex-direction:column !important}}

html{scroll-behavior:smooth}
[id]{scroll-margin-top:84px}
img{max-width:100%}
a:focus-visible,button:focus-visible{outline:2px solid #7FCBF2;outline-offset:3px;border-radius:8px}
.menu-btn{display:none;width:44px;height:44px;border-radius:12px;border:1px solid #3A3550;background:transparent;color:#F2F0F7;align-items:center;justify-content:center;cursor:pointer}
.hero-reel{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.lb{position:fixed;inset:0;z-index:100;background:rgba(5,4,10,.92);display:none;align-items:center;justify-content:center;padding:24px}
.lb.open{display:flex}
.lb-inner{position:relative;width:min(1200px,100%);aspect-ratio:16/9;background:#000;border-radius:14px;overflow:hidden}
.lb-inner video,.lb-inner iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
.lb{flex-direction:column;gap:14px}
.lb-hint{color:#C9C5D8;font-size:15px;text-align:center;line-height:1.6;max-width:900px}
.lb-hint a{color:#7FCBF2;font-weight:600}
.lb-hint a.yt360{display:inline-flex;align-items:center;min-height:44px;margin-left:10px;padding:0 20px;border-radius:999px;background:#2BA6E6;color:#06121A}
.lb-hint kbd{display:inline-block;min-width:22px;padding:1px 6px;border:1px solid #3A3550;border-radius:6px;background:#14121F;font:inherit;font-size:13px}
.lb-close{position:absolute;top:16px;right:16px;width:48px;height:48px;border-radius:50%;border:1px solid #3A3550;background:#14121F;color:#F2F0F7;font-size:26px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
a[data-video],a[data-youtube]{cursor:pointer}
a[data-video] img,a[data-youtube] img{transition:transform .5s ease}
a[data-video]:hover img,a[data-youtube]:hover img{transform:scale(1.03)}
@media (max-width:760px){
 .menu-btn{display:inline-flex}
 header nav.navlinks{display:none !important}
 header.nav-open nav.navlinks{display:flex !important;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:#0A0912;border-bottom:1px solid #1E1B2C;padding:8px 16px 16px}
 header.nav-open nav.navlinks a{padding:14px 4px;border-bottom:1px solid #1E1B2C;font-size:17px}
 .cta-top{display:none !important}
 div[style*="width: 200px; height: 112px"]{width:calc(50% - 8px) !important;height:96px !important;padding:10px 16px !important}
 .feat > *{flex-basis:auto !important}
 .feat > a{min-height:0 !important;aspect-ratio:16/9}
 .feat > div{padding:28px 22px !important}
 header > div{padding:12px 16px !important;gap:12px !important}
 header img{height:28px !important}
 section{padding-left:16px !important;padding-right:16px !important}
 #contact > div{padding:48px 22px !important}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}a[data-video] img,a[data-youtube] img{transition:none}}