@font-face{font-family:Google Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/GoogleSans-400.woff2) format("woff2")}
@font-face{font-family:Google Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/GoogleSans-500.woff2) format("woff2")}
@font-face{font-family:Google Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/GoogleSans-600.woff2) format("woff2")}
@font-face{font-family:Google Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/GoogleSans-700.woff2) format("woff2")}
@font-face{font-family:Hind Siliguri;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/HindSiliguri-400.woff2) format("woff2")}
@font-face{font-family:Hind Siliguri;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/HindSiliguri-500.woff2) format("woff2")}
@font-face{font-family:Hind Siliguri;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/HindSiliguri-600.woff2) format("woff2")}
@font-face{font-family:Hind Siliguri;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/HindSiliguri-700.woff2) format("woff2")}
@font-face{font-family:GS Fallback;src:local("Arial"),local("Liberation Sans"),local("Roboto"),local("Helvetica Neue");font-weight:400;size-adjust:101.85%;ascent-override:97%;descent-override:29%;line-gap-override:0%}
@font-face{font-family:GS Fallback;src:local("Arial Bold"),local("Arial"),local("Liberation Sans"),local("Roboto"),local("Helvetica Neue");font-weight:700;size-adjust:100.04%;ascent-override:97%;descent-override:29%;line-gap-override:0%}
@font-face{font-family:Noto Sans Bengali;font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(/fonts/NotoSansBengali-var.woff2) format("woff2");unicode-range:U+0951-0952,U+0964-0965,U+0980-09FE,U+1CD0,U+1CD2,U+1CD5-1CD6,U+1CD8,U+1CE1,U+1CEA,U+1CED,U+1CF2,U+1CF5-1CF7,U+200C-200D,U+20B9,U+25CC,U+A8F1}
@font-face{font-family:"Anek Bangla";font-style:normal;font-weight:100 800;font-display:swap;src:url(/fonts/AnekBangla-var.woff2) format("woff2");unicode-range:U+0951-0952,U+0964-0965,U+0980-09FE,U+1CD0,U+1CD2,U+1CD5-1CD6,U+1CD8,U+1CE1,U+1CEA,U+1CED,U+1CF2,U+1CF5-1CF7,U+200C-200D,U+20B9,U+25CC,U+A8F1;size-adjust:106%}
@font-face{font-family:"Noto Sans Bengali Fallback";font-style:normal;font-weight:400;src:local("Nirmala UI");unicode-range:U+0951-0952,U+0964-0965,U+0980-09FE,U+200C-200D,U+20B9,U+25CC;size-adjust:92.68%;ascent-override:98.94%;descent-override:44.02%;line-gap-override:0%}
@font-face{font-family:"Noto Sans Bengali Fallback";font-style:normal;font-weight:700;src:local("Nirmala UI Bold");unicode-range:U+0951-0952,U+0964-0965,U+0980-09FE,U+200C-200D,U+20B9,U+25CC;size-adjust:86.26%;ascent-override:106.31%;descent-override:47.30%;line-gap-override:0%}
@font-face{font-family:"Anek Bangla Fallback";font-style:normal;font-weight:400;src:local("Nirmala UI");unicode-range:U+0951-0952,U+0964-0965,U+0980-09FE,U+200C-200D,U+20B9,U+25CC;size-adjust:99.36%;ascent-override:133.35%;descent-override:65.72%;line-gap-override:0%}
@font-face{font-family:"Anek Bangla Fallback";font-style:normal;font-weight:700;src:local("Nirmala UI Bold");unicode-range:U+0951-0952,U+0964-0965,U+0980-09FE,U+200C-200D,U+20B9,U+25CC;size-adjust:92.86%;ascent-override:142.69%;descent-override:70.32%;line-gap-override:0%}
@font-face{font-family:"Hind Siliguri Fallback";font-style:normal;font-weight:400;src:local("Segoe UI");size-adjust:82.50%;ascent-override:135.27%;descent-override:60.73%;line-gap-override:0%}
@font-face{font-family:"Hind Siliguri Fallback";font-style:normal;font-weight:600;src:local("Segoe UI Semibold");size-adjust:87.67%;ascent-override:127.30%;descent-override:57.15%;line-gap-override:0%}
@font-face{font-family:"Hind Siliguri Fallback";font-style:normal;font-weight:700;src:local("Segoe UI Bold");size-adjust:90.62%;ascent-override:123.15%;descent-override:55.29%;line-gap-override:0%}
@layer v2 {
:root:where(:not(.lv, .lv *)) {
--font: "Google Sans", "GS Fallback", "Product Sans", "Poppins", "Anek Bangla", "Noto Sans Bengali", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
--ground: #ffffff;
--card: #ffffff;
--raised: #f5f5f5;
--hairline: #e2e2e2;
--hairline-strong: #cfcfcf;
--hairline-soft: #ebebeb;
--ink: #0e0e14;
--body: #45454f;
--muted: #74747d;
--muted-on-ground: #64646d;
--field-line: #85858e;
--lead: #45454f;
--accent: #fa641f;
--accent-600: #e5530f;
--accent-700: #bd450c;
--accent-tint: #fff1ea;
--grad: linear-gradient(135deg, #fa641f 0%, #ff9242 100%);
--on-grad: #0a0a0a;
--focus: var(--accent-700);
--cta-bg: #0a0a0a;
--cta-text: #ffffff;
--pill-bg: #0a0a0a;
--pill-text: #ffffff;
--band: #000000;
--on-band: #ffffff;
--on-band-body: #d6d6de;
--on-band-muted: #b4b4be;
--black-tile: #0a0a0a;
--black-tile-ring: transparent;
--sm-ink: #0e0e14;
--bth-ink: #1a1916;
--tile-bg: #0a0a0a;
--tile-ink: #ffffff;
--glass: rgb(255 255 255 / 0.97);
--glass-panel: rgb(255 255 255 / 0.98);
--cmp-ground: #f5f5f5;
--cmp-panel: #ffffff;
--wordmark-dot: #aeaeb4;
--shadow-nav: 0 8px 24px -12px rgb(0 0 0 / 0.18);
--shadow-pop: 0 24px 48px -28px rgb(0 0 0 / 0.22);
--shadow-lift: 0 18px 40px -26px rgb(0 0 0 / 0.26);
--select-arrow: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 256 256'><path fill='%2374747d' d='M216.49,104.49l-80,80a12,12,0,0,1-17,0l-80-80a12,12,0,0,1,17-17L128,159l71.51-71.52a12,12,0,0,1,17,17Z'/></svg>");
--fs-struct: rgb(14 14 20 / 0.3);
--fs-wf: rgb(14 14 20 / 0.08);
--fs-soft-f: rgb(14 14 20 / 0.035);
--fs-soft-s: rgb(14 14 20 / 0.16);
--wrap: 1280px;
--gutter: clamp(20px, 4vw, 48px);
--r-card: 20px;
--r-lg: 28px;
--r-input: 14px;
--nav-h: 64px;
--nav-top: clamp(16px, calc(1vw + 12px), 20px);
--nav-gap: clamp(16px, 2vw, 32px);
--nav-band: calc(var(--nav-h) + var(--nav-top));
--screen: calc(100vh - var(--nav-band));
--sec-pad: 52px;
--ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
--ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
--ease-live: cubic-bezier(0.22, 1, 0.36, 1);
color-scheme: light;
}
@supports (height: 100svh) {
:root:where(:not(.lv, .lv *)) { --screen: calc(100svh - var(--nav-band)); }
}
@media (min-width: 768px) and (min-height: 640px) {
:root:where(:not(.lv, .lv *)) { --sec-pad: clamp(56px, 9vh, 112px); }
@supports (height: 100svh) { :root:where(:not(.lv, .lv *)) { --sec-pad: clamp(56px, 9svh, 112px); } }
}
@media (max-width: 767px) {
:root:where(:not(.lv, .lv *)) { --lead: #33333d; }
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]):where(:not(.lv, .lv *)) {
--ground: #0d0d12;
--card: #0a0a0a;
--raised: #111111;
--hairline: rgb(255 255 255 / 0.08);
--hairline-strong: rgb(255 255 255 / 0.14);
--hairline-soft: rgb(255 255 255 / 0.06);
--ink: #f4f4f7;
--body: #b9b9c4;
--muted: #85858f;
--muted-on-ground: #85858f;
--field-line: #6b6b74;
--lead: #b9b9c4;
--accent-700: #ff9242;
--accent-tint: rgb(250 100 31 / 0.16);
--on-grad: #0a0a0a;
--cta-bg: #fa641f;
--cta-text: #0a0a0a;
--pill-bg: #f4f4f7;
--pill-text: #0a0a0a;
--black-tile: #111111;
--black-tile-ring: rgb(255 255 255 / 0.1);
--sm-ink: #f4f4f7;
--bth-ink: #ffffff;
--tile-bg: #f4f4f7;
--tile-ink: #0e0e14;
--glass: rgb(10 10 10 / 0.97);
--glass-panel: rgb(14 14 14 / 0.98);
--cmp-ground: #0a0a0a;
--cmp-panel: #111111;
--wordmark-dot: #4e4e56;
--shadow-nav: 0 8px 24px -8px rgb(0 0 0 / 0.55);
--shadow-pop: 0 24px 48px -24px rgb(0 0 0 / 0.7);
--shadow-lift: 0 18px 40px -24px rgb(0 0 0 / 0.8);
--select-arrow: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 256 256'><path fill='%2385858f' d='M216.49,104.49l-80,80a12,12,0,0,1-17,0l-80-80a12,12,0,0,1,17-17L128,159l71.51-71.52a12,12,0,0,1,17,17Z'/></svg>");
--fs-struct: rgb(255 255 255 / 0.22);
--fs-wf: rgb(255 255 255 / 0.1);
--fs-soft-f: rgb(255 255 255 / 0.04);
--fs-soft-s: rgb(255 255 255 / 0.14);
color-scheme: dark;
}
}
:root[data-theme="dark"]:where(:not(.lv, .lv *)) {
--ground: #0d0d12;
--card: #0a0a0a;
--raised: #111111;
--hairline: rgb(255 255 255 / 0.08);
--hairline-strong: rgb(255 255 255 / 0.14);
--hairline-soft: rgb(255 255 255 / 0.06);
--ink: #f4f4f7;
--body: #b9b9c4;
--muted: #85858f;
--muted-on-ground: #85858f;
--field-line: #6b6b74;
--lead: #b9b9c4;
--accent-700: #ff9242;
--accent-tint: rgb(250 100 31 / 0.16);
--on-grad: #0a0a0a;
--cta-bg: #fa641f;
--cta-text: #0a0a0a;
--pill-bg: #f4f4f7;
--pill-text: #0a0a0a;
--black-tile: #111111;
--black-tile-ring: rgb(255 255 255 / 0.1);
--sm-ink: #f4f4f7;
--bth-ink: #ffffff;
--tile-bg: #f4f4f7;
--tile-ink: #0e0e14;
--glass: rgb(10 10 10 / 0.97);
--glass-panel: rgb(14 14 14 / 0.98);
--cmp-ground: #0a0a0a;
--cmp-panel: #111111;
--wordmark-dot: #4e4e56;
--shadow-nav: 0 8px 24px -8px rgb(0 0 0 / 0.55);
--shadow-pop: 0 24px 48px -24px rgb(0 0 0 / 0.7);
--shadow-lift: 0 18px 40px -24px rgb(0 0 0 / 0.8);
--select-arrow: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 256 256'><path fill='%2385858f' d='M216.49,104.49l-80,80a12,12,0,0,1-17,0l-80-80a12,12,0,0,1,17-17L128,159l71.51-71.52a12,12,0,0,1,17,17Z'/></svg>");
--fs-struct: rgb(255 255 255 / 0.22);
--fs-wf: rgb(255 255 255 / 0.1);
--fs-soft-f: rgb(255 255 255 / 0.04);
--fs-soft-s: rgb(255 255 255 / 0.14);
color-scheme: dark;
}
@media (max-width: 767px) {
:root[data-theme="dark"]:where(:not(.lv, .lv *)) { --lead: #b9b9c4; }
}
@media (max-width: 767px) and (prefers-color-scheme: dark) {
:root:not([data-theme="light"]):where(:not(.lv, .lv *)) { --lead: #b9b9c4; }
}
*:where(:not(.lv, .lv *)), *:where(:not(.lv, .lv *))::before, *:where(:not(.lv, .lv *))::after { box-sizing: border-box; }
html:where(:not(.lv, .lv *)) {
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
background: var(--ground);
}
body:where(:not(.lv, .lv *)) {
margin: 0;
background: transparent;
color: var(--body);
font-family: var(--font);
font-size: 16px;
font-weight: 400;
line-height: 1.65;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
h1:where(:not(.lv, .lv *)), h2:where(:not(.lv, .lv *)), h3:where(:not(.lv, .lv *)), h4:where(:not(.lv, .lv *)), p:where(:not(.lv, .lv *)), ul:where(:not(.lv, .lv *)), ol:where(:not(.lv, .lv *)), figure:where(:not(.lv, .lv *)), blockquote:where(:not(.lv, .lv *)) { margin: 0; }
ul:where(:not(.lv, .lv *)), ol:where(:not(.lv, .lv *)) { padding: 0; list-style: none; }
h1:where(:not(.lv, .lv *)), h2:where(:not(.lv, .lv *)), h3:where(:not(.lv, .lv *)), h4:where(:not(.lv, .lv *)) { color: var(--ink); line-height: 1.14; letter-spacing: -0.02em; }
a:where(:not(.lv, .lv *)) { color: inherit; text-decoration: none; }
img:where(:not(.lv, .lv *)), svg:where(:not(.lv, .lv *)), canvas:where(:not(.lv, .lv *)), video:where(:not(.lv, .lv *)) { max-width: 100%; }
img:where(:not(.lv, .lv *)) { display: block; height: auto; }
svg:where(:not(.lv, .lv *)) { flex-shrink: 0; }
button:where(:not(.lv, .lv *)), input:where(:not(.lv, .lv *)), select:where(:not(.lv, .lv *)), textarea:where(:not(.lv, .lv *)) { font: inherit; color: inherit; }
button:where(:not(.lv, .lv *)) { cursor: pointer; background: none; border: 0; padding: 0; }
summary:where(:not(.lv, .lv *)) { list-style: none; cursor: pointer; }
summary:where(:not(.lv, .lv *))::-webkit-details-marker { display: none; }
summary:where(:not(.lv, .lv *))::marker { content: ""; }
:where(:not(.lv, .lv *))::selection { background: var(--accent); color: #fff; }
:root:where(:not(.lv, .lv *)) { accent-color: var(--accent); caret-color: var(--accent); }
a:where(:not(.lv, .lv *)), button:where(:not(.lv, .lv *)), summary:where(:not(.lv, .lv *)), [role="button"]:where(:not(.lv, .lv *)) { -webkit-tap-highlight-color: transparent; }
:focus-visible:where(:not(.lv, .lv *)) { outline: 2px solid var(--focus); outline-offset: 2px; }
:is(a[href], button, input, select, textarea, summary, [tabindex="0"]):not(.nav *, .botbar *, .skip):where(:not(.lv, .lv *)) { scroll-margin-top: var(--nav-band); }
@media (max-width: 767px) {
:is(a[href], button, input, select, textarea, summary, [tabindex="0"]):not(.nav *, .botbar *, .skip):where(:not(.lv, .lv *)) { scroll-margin-bottom: calc(69px + env(safe-area-inset-bottom, 0px)); }
}
.ic:where(:not(.lv, .lv *)) { width: 1em; height: 1em; fill: currentColor; flex: none; display: block; }
.tabular:where(:not(.lv, .lv *)) { font-variant-numeric: tabular-nums; }
.vh:where(:not(.lv, .lv *)) {
position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0;
overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
.skip:where(:not(.lv, .lv *)) {
position: absolute; left: 16px; top: -100px; z-index: 300;
padding: 12px 20px; border-radius: 12px;
background: var(--card); color: var(--ink);
border: 1px solid var(--hairline-strong);
font-size: 15px; font-weight: 600;
}
.skip:focus:where(:not(.lv, .lv *)) { top: 16px; }
.wrap:where(:not(.lv, .lv *)) {
width: 100%;
max-width: var(--wrap);
margin-inline: auto;
padding-inline: var(--gutter);
}
.is-off:where(:not(.lv, .lv *)), .is-off *:where(:not(.lv, .lv *)) { animation-play-state: paused !important; }
:root:where(:not(.lv, .lv *)) {
--tile-light: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAACECAYAAABRRIOnAAAFvElEQVR4nOzd3W/TVhjH8WM7dl5Ly0gKBBCR1o2tmjakXE276RUDaVzyV+4SpEnsZhebuIo0DQlpFWOlK80gZZSGvNRO7PkEIuVhtJAsHIfk+5FQUsdRH9qfHzvH7nFKASNSChhBICAQCAgEAgKBgEAgIBAICAQCAoGAQCAgEAgIBAICgYDwfwJhnf7ySi4dtb1DK+c//u12O14WKbOoYco1OGpC5Wo1t2xlV1zbdTO2yqTPnew36/VAGUQN06/BVhM60VrJHve1CdQw/RomDsRBfr9z3NcmUMP0a5h4lxG3pF5qdS2Mwk7Uirz237/+bPwHQQ3Tr8FSwAg+dkIgEBAIBAQCAYFAQJh4HGLGvxcmZKxDlNY3clnHWW373cbe77801WKyytXrE40i7tZu6rGF936OxOguI+1m0vG/84XLVzstv7vXuPfTC7VYIjc4PO2l3Mw4b/J7QTd++FMZkEgbd20nu5LJX6hcvlqJt5icWiDtnt9QY5rkPZOaeOh6XPlSxcukvOXRZY5lu56KVlbKl3J555R/cLDTU3Ou3djyl898krcty32X9XtR1H5090djgZiJAz0nivLZ1Y8qH39x5UKlsjFWO/0QHdrOO/+Cx1l3GhLtEK+zHMcLU9bK6tnP00vZcrC/vzWXHaNZ3wx0V4y3Ru+49fqW1dqu3dpTBs3cR0HXda3IiU6oJa/y6VffnVtfv+GpOdRV1t401pk2xgYSEn+MbOsOcNTr+jW9jjJs5kYqgyCIPNtrqqb/dHPrdlfNsW69vpc/cyZ/1GsqATMViNAPXqgXfmPegzC0u1trrxWvNa2UvTS6POqFTf2aSsBMBEK3R//x08bOzh3jVxslrq0aKj5i+s+yhCR6DBGE/U7Lsh8+qN3aXsgwxO7f/+FQd4Th1/q5XqYSkkiHGARhMYeu3yzuCEE2KOinqY6TWHcYfH9l0GHQPVzwk1tvpDvCxeq3zwfP7ybXHTSTF9nq3VOo8GbV6suh7FrN6B/5vI6rriFwxRQEAgGBQEAgEBAIBAQmDKEGgQlDqEFgwhBqEJgwhBoEJgyhBoGhawh87IRAICAQCAgEAgKBgEAgIBAICAQCAoGAQCAgEAgIBAICgYBAICAQCAgEAgKBgEAgIBAICAQCAoGAQCAgEAgIBAICgYBAICAQCAhMGEINAhOGUIPAhCHUIDBhCDUITBhCDQIThkDgYycEAgGBQEAgEBAIBITk7+yrby00vL0QjmLs95R4h7ioikX9+FCpuoJQvPTNUs7LlDr9/hNTdzBMNBBra9fSPb+//Or5P0ner3KWlNY3CnkvU3RtZzAE3em3lCnJdoicKrkpdzA4FllhKX7YUQusXL2e8/rB6jAISUgsELo7jN7zWj/XyxaxS+ggZFRUdKIwr+yJzyZMRXIdIu4ORyxbmC5x/vzXWe/0qdIgCDMikUCUy9XcaHcYWpQuUalsZJyCV7I9t6Ai09fSHC+RQGTOni0e9YOIMv3V+OEvNYfW1294PbdT8kN/yXbdmTyxaHwcQu8vnSg6skXqrUavo5AI4x1CHzy94zrbas7cu/e9Hz880ruMsKBe7jJmjNFDWr3lp6Oo9Lb14rblZcqftZv1zURvjP6+7O9v9Z49+eMg5xRbdiHn6v/vcet3e8FBu7HlKwOM7jLSYf+tYZhk3Q/Vzs6dzoPare2WZT/sW5a50adjGOsQevQt53pv3V0M2ZblOifPdU1tGUnSnfBZffO57opW2Es7li3O7ZjsEMaOIXIpb+wt/tV7jIzhz4Ld2k399xRbrw9dm2QqEFbgph+PfUDgpgfvVeb/8CVR+kRWI94Qhie3lEFcZPth0Md6oTKAQEDgiikIBAICgYBAICAQCAhMGEINAhOGUIPAhCHUIDBhCDUITBhCDQJD1xD42AmBQEAgEBAIBAQCAYFAQCAQEAgEBAIBgUBAIBAQCAQEAgHhXwAAAP//WPYcywAAAAZJREFUAwBiTtj7PseQrwAAAABJRU5ErkJggg==);
--tile-dark: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAACECAYAAABRRIOnAAAD90lEQVR4nOzdgW7TQBBF0QmkcUUqCv3/b6SAWiCBKuzQteQX0jaOoxnHvkey6jSpurHejr22tV4a0LE0oINAQBAICAIBQSAgCAQEgYAgEBAEAoJAQBAICAIBQSAgBgVit9tdlR/vy/K0WCx+WwLacN42nByI2oDr+vKqvLbojUEbzt+Gd3a65RuvI9AGO28bhgTizxuvI9AGO28bFjYA++/ptWFQIDA9DDshCAQEgYAgEBAEAmLIeYheyrCIEc0FiKwQfkr1pvx8LOPkjc1UPV/QW9T5jehdhv+/27JR/Mt5MLY2P94p+obCt9e9BQjbZezxDfKpBOPzqT3mgj1af6f8zUmyAtHyMHgoPByzOMCtVbFPZdxGVtLsQLRWZbkrobidSTD69Piw6uDGEohWY88V4+OUg1EPEI/p9dvoi2Vj3Og+PPWbPZoSCh+N+MHnk02P9/zVEZ8JNbYKMRtHVIltxqX0MVaIXVm8MvwoGyTjZpNIr1WJ8OrgxhaIdhcx9SD84xWg7habvbc2WTfajCUQXjof5hKEPV4JmgO/S5EdCO8FD1m9YQy8E+xViU1mx8gKxJxPXR/SPZZIqw4uOhCe/Flf3DqkVolf7bolCrsk7Ze/i53hoLJ9/I5pyz7nwj0KENwxBUEgIAgEBIGAIBAQTBhCGwQThtAGwYQhwzFhSMVkHTa9NjBhCG0QnLqGYNgJQSAgCAQEgYAgEBAEAoJAQBAICAIBQSAgCAQEgYAgEBAEAoJAQBAICAIBQSAgCAQEgYAgEBAEAoJAQBAICAIBQSAgCAQEE4bQBsGEIbRBMGHIcEwYUjFZh02vDUwYQhsEE4ZAMOyEIBAQBAKCQEAQCIj0J/v6o4XaxwvhMH88lQUZw6OeP9QFe0oQ/Pnnd2X1yoKk7jLKl/X/f13Xf870Qa7/KdvCH9m4tsAgtLKPIfxLLzrr32zG6tnGG0sIQistELU6dB9x7OVxOccqUYPgHWJlyTIrxPqF382mStRO4RUhPQitlEDUHtEceGsWVaIGwcPf2MhkVYj1G+9NskrU4XUbhFFeWAwfdtbq8FqJbOpnkCDjPMT6TJ+5OP5c77J8L6v3ZdnYCIUG4ojq0FpNuUr4MVJZfLf4pSxbG5HoCtGn50+ySnTVYHy154oximCEBaKefeszvFrVv5k8v+WtE4yUW/BakRXilB4/+SrRVYPhofBwpAQjctj5YDhKCYXvPrZ+ccuCOwU32V4Av/xd7CwAgYDgjikIAgFBICAIBASBgGDCENogmDCENggmDBmOCUMqJuuw6bWBCUNog+DUNQTDTggCAUEgIAgEBIGAIBAQBAKCQEAQCAgCAUEgIAgEBIGA+AsAAP//mqzTPwAAAAZJREFUAwBlVxVQj7fjigAAAABJRU5ErkJggg==);
--ground-tile: var(--tile-light);
}
:root[data-theme="dark"]:where(:not(.lv, .lv *)) { --ground-tile: var(--tile-dark); }
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]):where(:not(.lv, .lv *)) { --ground-tile: var(--tile-dark); }
}
body:where(:not(.lv, .lv *))::before {
content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
background-image: var(--ground-tile); background-repeat: repeat; background-position: center center; background-size: 44px 44px;
}
.sm-brand:where(:not(.lv, .lv *)) { --s: 1; display: inline-flex; align-items: center; gap: calc(11px * var(--s)); text-decoration: none; color: var(--sm-ink); }
.sm-brand__mark:where(:not(.lv, .lv *)) { display: inline-flex; color: var(--sm-ink); transition: transform 0.25s var(--ease-live); }
.sm-brand__mark svg:where(:not(.lv, .lv *)) { width: calc(34px * var(--s)); height: auto; display: block; }
.sm-brand__name:where(:not(.lv, .lv *)) { font-family: "Google Sans", "GS Fallback", "Product Sans", system-ui, sans-serif; font-size: calc(21px * var(--s)); font-weight: 700; letter-spacing: -0.03em; line-height: 1.6; white-space: nowrap; color: var(--sm-ink); }
.sm-brand__name i:where(:not(.lv, .lv *)) { font-style: normal; color: #fa641f; }
@media (hover: hover) and (pointer: fine) {
a.sm-brand:hover .sm-brand__mark:where(:not(.lv, .lv *)) { transform: rotate(-4deg) scale(1.05); }
}
a.sm-brand:active .sm-brand__mark:where(:not(.lv, .lv *)) { transform: scale(0.94); }
.sm-brand:where(:not(.lv, .lv *)) { position: relative; }
a.sm-brand:where(:not(.lv, .lv *))::after {
content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
width: max(100%, 44px); height: 44px;
}
.h2:where(:not(.lv, .lv *)) {
font-size: clamp(28px, 4vw, 43px);
font-weight: 700;
line-height: 1.1;
letter-spacing: -0.02em;
color: var(--ink);
text-wrap: balance;
}
.sub:where(:not(.lv, .lv *)) {
font-size: clamp(15px, 2vw, 17px);
line-height: 1.65;
color: var(--muted-on-ground);
text-wrap: pretty;
}
.badge:where(:not(.lv, .lv *)) {
display: inline-flex; align-items: center; gap: 7px;
max-width: 100%;
padding: 5px 13px 5px 11px;
border-radius: 999px;
border: 1px solid var(--hairline);
background: var(--card);
color: var(--accent-700);
font-size: 13px; font-weight: 600; letter-spacing: 0.01em; line-height: 1.65;
}
.badge .ic:where(:not(.lv, .lv *)) { width: 14px; height: 14px; color: var(--accent); }
@media (max-width: 420px) {
.badge:where(:not(.lv, .lv *)) { white-space: normal; border-radius: 18px; }
}
html[data-lang=bn]:where(:not(.lv, .lv *)) { --font: "Anek Bangla", "Google Sans", "GS Fallback", "Noto Sans Bengali", system-ui, -apple-system, sans-serif; }
html[data-lang=bn].sm-bn-fb:where(:not(.lv, .lv *)) { --font: "Anek Bangla", "Anek Bangla Fallback", "Google Sans", "GS Fallback", "Noto Sans Bengali", system-ui, -apple-system, sans-serif; }
html[data-lang=bn] body:where(:not(.lv, .lv *)) { letter-spacing: 0; }
html[data-lang=bn] h1:where(:not(.lv, .lv *)), html[data-lang=bn] h2:where(:not(.lv, .lv *)), html[data-lang=bn] h3:where(:not(.lv, .lv *)), html[data-lang=bn] h4:where(:not(.lv, .lv *)) { letter-spacing: 0; line-height: 1.28; font-weight: 600; }
html[data-lang=bn] .btn:where(:not(.lv, .lv *)) { font-weight: 600; }
@media (min-width: 1024px) { html[data-lang=bn] .hero .hero__title:where(:not(.lv, .lv *)) { font-size: clamp(34px, 4.15vw, 51px); } }
@media (min-width: 1024px) and (max-height: 860px) {
html[data-lang=bn] .hero .hero__title:where(:not(.lv, .lv *)) { font-size: clamp(30px, 3.5vw, 43px); }
html[data-lang=bn] .hero .hero__lead:where(:not(.lv, .lv *)) { font-size: 16px; }
html[data-lang=bn] .hero .badge:where(:not(.lv, .lv *)) { margin-bottom: 12px; }
}
@media (min-width: 1024px) and (max-height: 720px) { html[data-lang=bn] .hero .hero__title:where(:not(.lv, .lv *)) { font-size: clamp(28px, 3.2vw, 40px); } }
html.sm-bn-boot body:where(:not(.lv, .lv *)) { visibility: hidden; }
html.sm-bn-boot[data-bn-ssr] body.pg:where(:not(.lv, .lv *)) { display: none; }
.fxw:where(:not(.lv, .lv *)) { display: inline; transition: opacity 0.2s cubic-bezier(0.37, 0, 0.63, 1); }
.fxw.fx-out:where(:not(.lv, .lv *)) { opacity: 0; }
.fxword:where(:not(.lv, .lv *)) { display: inline-block; white-space: nowrap; vertical-align: baseline; }
.fxc:where(:not(.lv, .lv *)) { display: inline-block; vertical-align: baseline; will-change: transform; backface-visibility: hidden; }
.fxc.fx-in:where(:not(.lv, .lv *)) { animation: fx-char-in 0.48s linear both; }
@keyframes fx-char-in {
0% { opacity:0;transform:translate(20px) }
4.55% { opacity:.077;transform:translate(18.461px) }
9.09% { opacity:.1996;transform:translate(16.008px) }
13.64% { opacity:.315;transform:translate(13.7px) }
18.18% { opacity:.4155;transform:translate(11.691px) }
22.73% { opacity:.5015;transform:translate(9.97px) }
27.27% { opacity:.575;transform:translate(8.501px) }
31.82% { opacity:.6376;transform:translate(7.248px) }
36.36% { opacity:.691;transform:translate(6.18px) }
40.91% { opacity:.7365;transform:translate(5.269px) }
45.45% { opacity:.7754;transform:translate(4.493px) }
50% { opacity:.8085;transform:translate(3.831px) }
54.55% { opacity:.8367;transform:translate(3.266px) }
59.09% { opacity:.8608;transform:translate(2.785px) }
63.64% { opacity:.8813;transform:translate(2.374px) }
68.18% { opacity:.8988;transform:translate(2.024px) }
72.73% { opacity:.9137;transform:translate(1.726px) }
77.27% { opacity:.9264;transform:translate(1.472px) }
81.82% { opacity:.9373;transform:translate(1.255px) }
86.36% { opacity:.9465;transform:translate(1.07px) }
90.91% { opacity:.9544;transform:translate(.912px) }
95.45% { opacity:.9611;transform:translate(.778px) }
to { opacity:1;transform:translate(0) }
}
@media (prefers-reduced-motion: reduce) { .fxw:where(:not(.lv, .lv *)) { transition: none; } .fxc.fx-in:where(:not(.lv, .lv *)) { animation: none; } }
.cta:where(:not(.lv, .lv *)), .btn:where(:not(.lv, .lv *)) {
position: relative; isolation: isolate; overflow: hidden;
display: inline-flex; align-items: center; justify-content: center; gap: 8px;
min-height: 47px; padding: 11px 24px;
border-radius: 999px; border: 1px solid transparent;
font-size: 15px; font-weight: 700; line-height: 1; white-space: nowrap;
text-decoration: none; cursor: pointer;
}
.cta--lg:where(:not(.lv, .lv *)), .btn--lg:where(:not(.lv, .lv *)) { min-height: 54px; padding: 14px 28px; font-size: 16px; }
.btn--block:where(:not(.lv, .lv *)) { width: 100%; }
.cta:where(:not(.lv, .lv *)), .btn--ink:where(:not(.lv, .lv *)), .btn--grad:where(:not(.lv, .lv *)) { border: 0; }
.cta:where(:not(.lv, .lv *)) {
background: var(--cta-bg); color: var(--cta-text);
box-shadow: 0 8px 20px -8px color-mix(in srgb, var(--cta-bg) 45%, transparent);
transition: transform 0.2s var(--ease-out-quart), box-shadow 0.35s var(--ease-out-quart), background-color 0.42s var(--ease-out-quart), color 0s linear 0.09s;
}
.cta:where(:not(.lv, .lv *))::after {
content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit;
background: var(--grad); opacity: 0;
transition: opacity 0.42s var(--ease-out-quart);
}
@media (hover: hover) and (pointer: fine) {
.cta:hover:not(:disabled):not([aria-disabled="true"]):where(:not(.lv, .lv *)) { box-shadow: 0 14px 34px -8px rgb(250 100 31 / 0.5); background-color: transparent; color: var(--on-grad); transition-delay: 0s, 0s, 0s, 0.045s; }
.cta:hover:not(:disabled):not([aria-disabled="true"]):where(:not(.lv, .lv *))::after { opacity: 1; }
}
.btn--ink:where(:not(.lv, .lv *)) {
background: var(--pill-bg); color: var(--pill-text);
transition: transform 0.2s var(--ease-out-quart), box-shadow 0.35s var(--ease-out-quart), background-color 0.42s var(--ease-out-quart), color 0s linear 0.09s;
}
.btn--ink:where(:not(.lv, .lv *))::after {
content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit;
background: var(--grad); opacity: 0;
transition: opacity 0.42s var(--ease-out-quart);
}
@media (hover: hover) and (pointer: fine) {
.btn--ink:hover:not(:disabled):not([aria-disabled="true"]):where(:not(.lv, .lv *)) { box-shadow: 0 14px 30px -10px rgb(250 100 31 / 0.45); background-color: transparent; color: var(--on-grad); transition-delay: 0s, 0s, 0s, 0.045s; }
.btn--ink:hover:not(:disabled):not([aria-disabled="true"]):where(:not(.lv, .lv *))::after { opacity: 1; }
}
.btn--soft:where(:not(.lv, .lv *)) {
background: var(--card); color: var(--ink);
border-color: var(--hairline-strong);
transition: border-color 0.15s var(--ease-out-quart), transform 0.2s var(--ease-out-quart);
}
.btn--soft .ic:where(:not(.lv, .lv *)) { width: 18px; height: 18px; }
@media (hover: hover) and (pointer: fine) {
.btn--soft:hover:not(:disabled):not([aria-disabled="true"]):where(:not(.lv, .lv *)) { border-color: var(--accent); }
}
.btn--grad:where(:not(.lv, .lv *)) {
background: var(--grad); color: var(--on-grad);
box-shadow: 0 14px 28px -14px rgb(250 100 31 / 0.75);
transition: transform 0.2s var(--ease-out-quart), box-shadow 0.35s var(--ease-out-quart), filter 0.2s var(--ease-out-quart);
}
@media (hover: hover) and (pointer: fine) {
.btn--grad:hover:not(:disabled):not([aria-disabled="true"]):where(:not(.lv, .lv *)) { box-shadow: 0 18px 34px -12px rgb(250 100 31 / 0.85); filter: saturate(1.08); }
}
.cta:active:not(:disabled):not([aria-disabled="true"]):where(:not(.lv, .lv *)), .btn:active:not(:disabled):not([aria-disabled="true"]):where(:not(.lv, .lv *)) { transform: scale(0.98); }
.cta:disabled:where(:not(.lv, .lv *)), .btn:disabled:where(:not(.lv, .lv *)), .cta[aria-disabled="true"]:where(:not(.lv, .lv *)), .btn[aria-disabled="true"]:where(:not(.lv, .lv *)) {
opacity: 0.5; cursor: not-allowed; box-shadow: none;
}
.cta[aria-busy="true"]:where(:not(.lv, .lv *)), .btn[aria-busy="true"]:where(:not(.lv, .lv *)) { cursor: progress; }
.link-arrow:where(:not(.lv, .lv *)) {
display: inline-flex; align-items: center; gap: 8px;
padding-bottom: 3px;
border-bottom: 1px solid var(--hairline-strong);
color: var(--body); font-size: 15px; font-weight: 500; line-height: 1.4;
transition: border-color 0.15s var(--ease-out-quart), gap 0.2s var(--ease-out-quart), color 0.15s var(--ease-out-quart);
}
.link-arrow:where(:not(.lv, .lv *)) { position: relative; }
.link-arrow .ic:where(:not(.lv, .lv *)) { width: 16px; height: 16px; }
@media (pointer: coarse) {
.link-arrow:where(:not(.lv, .lv *))::before { content: ""; position: absolute; inset: -12px -6px; }
}
@media (hover: hover) and (pointer: fine) {
.link-arrow:hover:where(:not(.lv, .lv *)) { border-color: var(--accent); gap: 12px; color: var(--ink); }
}
.link-arrow:active:where(:not(.lv, .lv *)) { color: var(--ink); border-color: var(--accent); }
@media (max-width: 374px) {
.cta:where(:not(.lv, .lv *)), .btn:where(:not(.lv, .lv *)) { white-space: normal; text-align: center; line-height: 1.2; padding-inline: 18px; }
}
.nav:where(:not(.lv, .lv *)) {
position: sticky;
top: calc(var(--nav-top) + env(safe-area-inset-top, 0px));
z-index: 100;
margin-top: var(--nav-top);
margin-bottom: calc(var(--nav-band) * -1);
height: var(--nav-h);
--isl-h: 52px;
--isl-in: 6px;
--isl-bg: #1c1c21;
--isl-ring: rgb(255 255 255 / 0.07);
--isl-ink: #ffffff;
--isl-dim: rgb(255 255 255 / 0.62);
--isl-pill: rgb(255 255 255 / 0.13);
--isl-sep: rgb(255 255 255 / 0.12);
--isl-hover: rgb(255 255 255 / 0.07);
--isl-soft: rgb(255 255 255 / 0.08);
--isl-thumb: rgb(255 255 255 / 0.16);
--isl-shadow: 0 18px 40px -16px rgb(0 0 0 / 0.5), 0 2px 6px -2px rgb(0 0 0 / 0.22);
--spring: cubic-bezier(0.34, 1.36, 0.64, 1);
--glide: cubic-bezier(0.32, 0.72, 0, 1);
}
@supports (transition-timing-function: linear(0, 1)) {
.nav:where(:not(.lv, .lv *)) { --spring: linear(0, 0.009, 0.035 2.1%, 0.141 4.4%, 0.723 12.9%, 0.938 16.7%, 1.017 19.4%, 1.067, 1.099 24.3%, 1.108 26%, 1.1, 1.077 30.4%, 1.006 37.9%, 0.983 41.8%, 0.978 44.6%, 0.98 48.1%, 1.002 61.4%, 1.004 70.3%, 1); }
}
html[data-theme="dark"] .nav:where(:not(.lv, .lv *)) {
--isl-bg: #f4f4f6; --isl-ring: rgb(14 14 20 / 0.06); --isl-ink: #0e0e14; --isl-dim: #5f5f69; --isl-pill: rgb(14 14 20 / 0.08);
--isl-sep: rgb(14 14 20 / 0.14); --isl-hover: rgb(14 14 20 / 0.06); --isl-soft: rgb(14 14 20 / 0.06); --isl-thumb: rgb(14 14 20 / 0.12);
--isl-shadow: 0 18px 40px -18px rgb(0 0 0 / 0.75), 0 2px 6px -2px rgb(0 0 0 / 0.4);
}
.nav__inner:where(:not(.lv, .lv *)) {
width: min(var(--wrap) - 2 * var(--gutter), 100% - 2 * var(--gutter));
height: 100%;
margin-inline: auto;
display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: var(--nav-h); align-items: start; column-gap: 16px;
}
.nav__brand:where(:not(.lv, .lv *)), .nav__slot:where(:not(.lv, .lv *)), .nav__go:where(:not(.lv, .lv *)) { margin-top: calc((var(--nav-h) - var(--isl-h)) / 2); }
.nav__brand:where(:not(.lv, .lv *)) { justify-self: start; display: flex; }
.nav__go:where(:not(.lv, .lv *)) { justify-self: end; display: flex; }
.nav__slot:where(:not(.lv, .lv *)) { justify-self: center; position: relative; height: var(--isl-h); }
.nav__brand:where(:not(.lv, .lv *)), .nav__go:where(:not(.lv, .lv *)) { transition: opacity 0.3s var(--ease-out-quart), transform 0.5s var(--glide); }
.nav.is-folded .nav__brand:where(:not(.lv, .lv *)) { opacity: 0; transform: translateX(-10px); pointer-events: none; }
.nav.is-folded .nav__go:where(:not(.lv, .lv *)) { opacity: 0; transform: translateX(10px); pointer-events: none; }
.nav .sm-brand:where(:not(.lv, .lv *)) {
--s: 1;
height: var(--isl-h);
padding: 0 20px 0 19px;
border-radius: 999px;
background: var(--card);
box-shadow: var(--shadow-nav), inset 0 0 0 1px var(--hairline);
}
@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)) {
.nav .sm-brand:where(:not(.lv, .lv *)) { background: var(--glass); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); }
}
.nav .sm-brand__mark:where(:not(.lv, .lv *)) { width: calc(30px * var(--s)); }
.nav .sm-brand__name:where(:not(.lv, .lv *)) { font-size: calc(19px * var(--s)); }
.cta--nav:where(:not(.lv, .lv *)) { min-height: var(--isl-h); height: var(--isl-h); padding: 0 20px 0 24px; gap: 7px; }
.cta--nav .nv-ic:where(:not(.lv, .lv *)) { width: 16px; height: 16px; stroke-width: 2; transition: transform 0.25s var(--ease-out-quart); }
@media (hover: hover) and (pointer: fine) { .cta--nav:hover .nv-ic:where(:not(.lv, .lv *)) { transform: translate(1px, -1px); } }
.nv-ic:where(:not(.lv, .lv *)) { display: block; flex: none; width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.isl:where(:not(.lv, .lv *)) {
position: relative;
display: flex; align-items: center; flex-wrap: wrap;
height: var(--isl-h); padding: var(--isl-in);
border-radius: 999px;
background: var(--isl-bg);
box-shadow: var(--isl-shadow), inset 0 0 0 1px var(--isl-ring);
color: var(--isl-ink);
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.isl__pill:where(:not(.lv, .lv *)) {
position: absolute; top: var(--isl-in); left: 0;
width: 40px; height: 40px;
border-radius: 999px;
background: var(--isl-pill);
pointer-events: none;
opacity: 0;
}
.js .isl.is-ready .isl__pill:where(:not(.lv, .lv *)) { opacity: 1; }
.isl__items:where(:not(.lv, .lv *)) { display: flex; align-items: center; }
.isl__it:where(:not(.lv, .lv *)) {
position: relative;
display: flex; align-items: center;
height: var(--isl-h); margin-block: calc(var(--isl-in) * -1);
min-width: 40px; padding: 0 10px;
overflow: hidden;
color: var(--isl-dim);
font-size: 15px; font-weight: 600; letter-spacing: -0.01em; line-height: 1; white-space: nowrap;
text-decoration: none; outline: none;
transition: color 0.25s var(--ease-out-quart), opacity 0.25s var(--ease-out-quart);
-webkit-tap-highlight-color: transparent;
}
.isl__it[data-sec="top"]:where(:not(.lv, .lv *)) { --ll: 42px; }
html[data-lang="bn"] .isl__it:where(:not(.lv, .lv *)) { letter-spacing: 0; }
.isl__it:where(:not(.lv, .lv *))::before { content: ""; position: absolute; left: 0; right: 0; top: var(--isl-in); bottom: var(--isl-in); border-radius: 999px; box-shadow: inset 0 0 0 2px var(--isl-ink); opacity: 0; pointer-events: none; }
.isl__it:focus-visible:where(:not(.lv, .lv *))::before { opacity: 1; }
html:not(.js) .isl__it.is-shown:where(:not(.lv, .lv *))::before { opacity: 1; box-shadow: none; background: var(--isl-pill); }
.isl__mark:where(:not(.lv, .lv *)) { display: block; flex: none; width: 22px; height: auto; }
.isl__it > svg:where(:not(.lv, .lv *)) { position: relative; transition: transform 0.5s var(--spring); }
.isl__lbl:where(:not(.lv, .lv *)) { position: absolute; top: 0; bottom: 0; left: var(--ll, 40px); display: flex; align-items: center; opacity: 0; transition: opacity 0.2s var(--ease-out-quart); }
.isl__it.is-shown:where(:not(.lv, .lv *)) { color: var(--isl-ink); }
.isl__it.is-shown > svg:where(:not(.lv, .lv *)) { transform: translateX(2px); }
.isl__it.is-shown .isl__lbl:where(:not(.lv, .lv *)) { opacity: 1; }
@media (hover: hover) and (pointer: fine) { .isl__it:hover:where(:not(.lv, .lv *)) { color: var(--isl-ink); } }
.nav__toggle:where(:not(.lv, .lv *))::after { content: ""; position: absolute; inset: calc(var(--isl-in) * -1) 0; }
.nav__toggle:where(:not(.lv, .lv *)) { position: relative; }
.isl__it.is-hid:where(:not(.lv, .lv *)) { opacity: 0; pointer-events: none; }
.isl__more:where(:not(.lv, .lv *)) {
position: absolute; top: var(--isl-in); left: 0;
display: grid; place-items: center;
width: 40px; height: 40px; padding: 0; border: 0; border-radius: 999px;
background: none; color: var(--isl-dim);
opacity: 0; pointer-events: none;
transform: translateX(var(--ix, 0px)) scale(0.6);
transition: opacity 0.25s var(--ease-out-quart), color 0.2s, transform 0.5s var(--spring);
}
.isl.is-folded .isl__more:where(:not(.lv, .lv *)) { opacity: 1; pointer-events: auto; transform: translateX(var(--ix, 0px)); }
@media (hover: hover) and (pointer: fine) { .isl__more:hover:where(:not(.lv, .lv *)) { color: var(--isl-ink); } }
.isl__sep:where(:not(.lv, .lv *)) { width: 1px; height: 20px; margin: 0 6px; background: var(--isl-sep); flex: none; transition: opacity 0.25s, width 0.5s var(--spring), margin 0.5s var(--spring); }
.nav__tools:where(:not(.lv, .lv *)) { display: flex; align-items: center; overflow: hidden; max-width: 160px; transition: max-width 0.5s var(--spring), opacity 0.25s var(--ease-out-quart); }
.isl.is-folded .isl__sep:where(:not(.lv, .lv *)) { opacity: 0; width: 0; margin: 0; }
.isl.is-folded .nav__tools:where(:not(.lv, .lv *)) { max-width: 0; opacity: 0; pointer-events: none; }
.lang-toggle:where(:not(.lv, .lv *)), .theme-toggle:where(:not(.lv, .lv *)) {
position: relative;
display: inline-flex; align-items: center; justify-content: center;
height: 40px; border: 0; border-radius: 999px;
background: none; color: var(--isl-dim);
transition: color 0.2s var(--ease-out-quart), background-color 0.2s var(--ease-out-quart), transform 0.15s var(--ease-out-quart);
}
.lang-toggle:where(:not(.lv, .lv *)) { padding: 0 12px; font-size: 15px; font-weight: 600; line-height: 1; white-space: nowrap; }
.theme-toggle:where(:not(.lv, .lv *)) { width: 40px; }
.lang-toggle:active:where(:not(.lv, .lv *)), .theme-toggle:active:where(:not(.lv, .lv *)) { transform: scale(0.95); }
.lang-toggle:focus-visible:where(:not(.lv, .lv *)), .theme-toggle:focus-visible:where(:not(.lv, .lv *)), .isl__more:focus-visible:where(:not(.lv, .lv *)), .nav__toggle:focus-visible:where(:not(.lv, .lv *)) { outline: 2px solid var(--isl-ink); outline-offset: -2px; }
@media (hover: hover) and (pointer: fine) { .lang-toggle:hover:where(:not(.lv, .lv *)), .theme-toggle:hover:where(:not(.lv, .lv *)) { color: var(--isl-ink); background: var(--isl-hover); } }
.theme-toggle .nv-ic:where(:not(.lv, .lv *)) { position: absolute; width: 19px; height: 19px; transition: opacity 0.15s var(--ease-out-quart), transform 0.2s var(--ease-out-quart); }
.theme-toggle .ic-moon:where(:not(.lv, .lv *)) { opacity: 0; transform: scale(0.8) rotate(20deg); }
.theme-toggle .ic-sun:where(:not(.lv, .lv *)) { opacity: 1; transform: none; }
.theme-toggle[aria-pressed="true"] .ic-sun:where(:not(.lv, .lv *)) { opacity: 0; transform: scale(0.8) rotate(-20deg); }
.theme-toggle[aria-pressed="true"] .ic-moon:where(:not(.lv, .lv *)) { opacity: 1; transform: none; }
.isl--live:where(:not(.lv, .lv *)) { position: absolute; top: 0; left: 0; width: var(--w); transform: translateX(var(--x)); transition: width 0.5s var(--spring), transform 0.5s var(--spring), border-radius 0.45s var(--glide); }
.isl--live .nav__tools:where(:not(.lv, .lv *)), .isl--live .nav__toggle:where(:not(.lv, .lv *)) { position: absolute; top: var(--isl-in); left: 0; transform: translateX(var(--ix, 0px)); }
.isl--live .isl__it:where(:not(.lv, .lv *)) { position: absolute; top: 0; left: 0; margin: 0; width: var(--iw, 40px); min-width: 0; transform: translateX(var(--ix, 0px)); transition: color 0.25s var(--ease-out-quart), opacity 0.25s var(--ease-out-quart), width 0.5s var(--spring), transform 0.5s var(--spring); }
.isl--live .isl__it.is-hid:where(:not(.lv, .lv *)) { transform: translateX(var(--ix, 0px)) scale(0.8); }
.isl--live .isl__sep:where(:not(.lv, .lv *)) { position: absolute; top: calc((var(--isl-h) - 20px) / 2); left: 0; margin: 0; transform: translateX(var(--ix, 0px)); }
.isl--live .isl__sep:where(:not(.lv, .lv *)) { transition: opacity 0.25s, transform 0.5s var(--spring); }
.isl--live.is-folded .isl__sep:where(:not(.lv, .lv *)) { width: 1px; }
.isl--live .nav__tools:where(:not(.lv, .lv *)) { transform-origin: left center; transition: opacity 0.25s var(--ease-out-quart), transform 0.5s var(--spring); }
.isl--live.is-folded .nav__tools:where(:not(.lv, .lv *)) { max-width: none; transform: translateX(var(--ix, 0px)) scale(0.92); }
.nav__tools > *:where(:not(.lv, .lv *)) { flex: none; }
.isl--live .nav__toggle:where(:not(.lv, .lv *)) { transition: transform 0.5s var(--spring); }
.isl--live .isl__pill:where(:not(.lv, .lv *)) { transition: transform 0.5s var(--spring), width 0.5s var(--spring), opacity 0.25s var(--ease-out-quart); }
.isl--live.is-sizing:where(:not(.lv, .lv *)) { transition: transform 0.42s var(--glide), border-radius 0.42s var(--glide); }
.isl--live.is-sizing.is-closing:where(:not(.lv, .lv *)) { transition-duration: 0.26s; }
.isl--still:where(:not(.lv, .lv *)), .isl--still *:where(:not(.lv, .lv *)) { transition: none !important; }
.isl--live.is-open .nav__tools:where(:not(.lv, .lv *)), .isl--live.is-open .nav__toggle:where(:not(.lv, .lv *)) { position: relative; top: auto; transform: none; }
.nav__toggle:where(:not(.lv, .lv *)) {
display: none; place-items: center;
width: 40px; height: 40px; padding: 0; border: 0; border-radius: 999px;
background: none; color: var(--isl-ink);
}
.nav__toggle .nv-ic--close:where(:not(.lv, .lv *)) { display: none; }
.nav__toggle[aria-expanded="true"] .nv-ic--open:where(:not(.lv, .lv *)) { display: none; }
.nav__toggle[aria-expanded="true"] .nv-ic--close:where(:not(.lv, .lv *)) { display: block; }
.nav__toggle:active:where(:not(.lv, .lv *)) { transform: scale(0.95); }
.isl__head:where(:not(.lv, .lv *)) { display: none; }
.nav__panel:where(:not(.lv, .lv *)) { flex: 0 0 100%; order: 3; }
.nav__panel[hidden]:where(:not(.lv, .lv *)) { display: none; }
@media (max-width: 1179px) {
.nav__inner:where(:not(.lv, .lv *)) { grid-template-columns: auto 1fr; }
.nav__go:where(:not(.lv, .lv *)) { display: none; }
.nav__slot:where(:not(.lv, .lv *)) { justify-self: end; }
}
@media (max-width: 999px) {
.nav .sm-brand:where(:not(.lv, .lv *)) { --s: 0.9; }
.isl__items .isl__it:not(.is-shown):where(:not(.lv, .lv *)), .isl__more:where(:not(.lv, .lv *)), .isl__sep:where(:not(.lv, .lv *)) { display: none; }
.isl__items:not(:has(.is-shown)) .isl__it[data-sec="top"]:where(:not(.lv, .lv *)) { display: flex; }
.nav__toggle:where(:not(.lv, .lv *)) { display: grid; order: 2; }
.isl__items:where(:not(.lv, .lv *)) { order: 1; }
.nav__tools:where(:not(.lv, .lv *)) { display: none; order: 4; }
.isl:where(:not(.lv, .lv *)) { max-width: calc(100vw - 2 * var(--gutter)); }
.js .isl.is-open .isl__pill:where(:not(.lv, .lv *)) { opacity: 0; }
.isl.is-open:where(:not(.lv, .lv *)) { width: min(400px, calc(100vw - 2 * var(--gutter))); border-radius: 26px; height: auto; align-content: flex-start; }
.isl.is-sizing:where(:not(.lv, .lv *)) { overflow: hidden; }
.isl.is-open .isl__items:where(:not(.lv, .lv *)) { display: none; }
.isl.is-open .isl__head:where(:not(.lv, .lv *)) { display: flex; align-items: center; gap: 10px; order: 1; height: 40px; padding: 0 10px 0 20px; color: var(--isl-ink); }
.isl__head .isl__mark:where(:not(.lv, .lv *)) { width: 26px; }
.isl__head b:where(:not(.lv, .lv *)) { font-size: 17px; font-weight: 700; letter-spacing: -0.03em; line-height: 1; }
.isl__head b i:where(:not(.lv, .lv *)) { font-style: normal; color: #fa641f; }
.isl.is-open .nav__toggle:where(:not(.lv, .lv *)) { margin-left: auto; margin-right: 8px; }
.isl.is-open .nav__tools:where(:not(.lv, .lv *)) { display: flex; flex: 0 0 100%; gap: 8px; max-width: none; padding: 8px 4px 4px; }
.isl.is-open .lang-toggle:where(:not(.lv, .lv *)), .isl.is-open .theme-toggle:where(:not(.lv, .lv *)) { height: 48px; background: var(--isl-soft); color: var(--isl-ink); }
.isl.is-open .lang-toggle:where(:not(.lv, .lv *)) { flex: 1 1 auto; font-size: 16px; }
.isl.is-open .theme-toggle:where(:not(.lv, .lv *)) { width: 48px; }
.isl.is-open .theme-toggle:only-child:where(:not(.lv, .lv *)) { flex: 1 1 auto; width: auto; }
.isl.is-open .theme-toggle:only-child:where(:not(.lv, .lv *))::before {
content: ""; position: absolute; top: 4px; bottom: 4px; left: 4px; width: calc(50% - 4px);
border-radius: 999px; background: var(--isl-thumb);
transition: transform 0.28s var(--ease-out-expo);
}
.isl.is-open .theme-toggle:only-child[aria-pressed="true"]:where(:not(.lv, .lv *))::before { transform: translateX(100%); }
.isl.is-open .theme-toggle:only-child .nv-ic:where(:not(.lv, .lv *)) { top: 50%; margin: -10px 0 0 -10px; opacity: 0.5; transform: none; }
.isl.is-open .theme-toggle:only-child .ic-sun:where(:not(.lv, .lv *)) { left: 25%; }
.isl.is-open .theme-toggle:only-child .ic-moon:where(:not(.lv, .lv *)) { left: 75%; }
.isl.is-open .theme-toggle:only-child .ic-sun:where(:not(.lv, .lv *)), .isl.is-open .theme-toggle:only-child[aria-pressed="true"] .ic-moon:where(:not(.lv, .lv *)) { opacity: 1; }
.isl.is-open .theme-toggle:only-child[aria-pressed="true"] .ic-sun:where(:not(.lv, .lv *)) { opacity: 0.5; }
.nav__panel:where(:not(.lv, .lv *)) {
padding: 8px 4px 0;
max-height: calc(100dvh - var(--nav-top) - 148px); overflow-y: auto; overscroll-behavior: contain;
}
}
@media (max-width: 599px) {
.nav__inner:where(:not(.lv, .lv *)) { grid-template-columns: 1fr; }
.nav__brand:where(:not(.lv, .lv *)) { display: none; }
.nav__slot:where(:not(.lv, .lv *)) { justify-self: center; }
}
.nav__links:where(:not(.lv, .lv *)) { display: flex; flex-direction: column; gap: 2px; }
.nav__links a:where(:not(.lv, .lv *)) {
position: relative;
display: flex; align-items: center; gap: 12px;
height: 48px; padding: 0 14px;
border-radius: 16px;
color: var(--isl-ink);
font-size: 17px; font-weight: 600; letter-spacing: -0.01em; line-height: 1;
text-decoration: none;
transition: background-color 0.15s var(--ease-out-quart);
}
.nav__links a:where(:not(.lv, .lv *))::before {
content: ""; flex: none; width: 20px; height: 20px;
background: var(--isl-dim);
-webkit-mask: var(--nv-i) center / 20px 20px no-repeat; mask: var(--nv-i) center / 20px 20px no-repeat;
}
.nav__links a[href$="services"]:where(:not(.lv, .lv *)) { --nv-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7'%3E%3Crect x='4' y='4' width='6.5' height='6.5' rx='1.8'/%3E%3Crect x='13.5' y='4' width='6.5' height='6.5' rx='1.8'/%3E%3Crect x='4' y='13.5' width='6.5' height='6.5' rx='1.8'/%3E%3Crect x='13.5' y='13.5' width='6.5' height='6.5' rx='1.8'/%3E%3C/svg%3E"); }
.nav__links a[href$="plans"]:where(:not(.lv, .lv *)) { --nv-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linejoin='round'%3E%3Cpath d='M3.5 11.6V4.8c0-.7.6-1.3 1.3-1.3h6.8c.4 0 .7.1.9.4l8.1 8.1c.5.5.5 1.3 0 1.8l-6.8 6.8c-.5.5-1.3.5-1.8 0l-8.1-8.1c-.3-.2-.4-.5-.4-.9z'/%3E%3Ccircle cx='8.2' cy='8.2' r='1.3'/%3E%3C/svg%3E"); }
.nav__links a[href$="comparison"]:where(:not(.lv, .lv *)) { --nv-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round'%3E%3Cpath d='M5 19.5v-8M12 19.5v-15M19 19.5v-5'/%3E%3C/svg%3E"); }
.nav__links a[href$="process"]:where(:not(.lv, .lv *)) { --nv-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8l1.6 1.6L8.8 6.5M4 16l1.6 1.6 3.2-3.1M12.5 8.5h7.5M12.5 16.5h7.5'/%3E%3C/svg%3E"); }
.nav__links a[href$="projects"]:where(:not(.lv, .lv *)) { --nv-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round'%3E%3Crect x='3' y='7' width='18' height='13' rx='2.5'/%3E%3Cpath d='M8.5 7V5.6c0-.9.7-1.6 1.6-1.6h3.8c.9 0 1.6.7 1.6 1.6V7M3 12.5h18'/%3E%3C/svg%3E"); }
.nav__links a[href$="insights"]:where(:not(.lv, .lv *)) { --nv-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15.7 4.8a2.3 2.3 0 0 1 3.3 3.3L8.2 18.9 3.5 20l1.1-4.7z'/%3E%3Cpath d='M13.8 6.7l3.3 3.3'/%3E%3C/svg%3E"); }
.nav__links a[href$="contact"]:where(:not(.lv, .lv *)) { --nv-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2.5'/%3E%3Cpath d='M3.8 7.2l8.2 5.8 8.2-5.8'/%3E%3C/svg%3E"); }
.nav__links a.is-cur:where(:not(.lv, .lv *)), .nav__links a[aria-current="page"]:where(:not(.lv, .lv *)) { background: var(--isl-pill); }
.nav__links a.is-cur:where(:not(.lv, .lv *))::before, .nav__links a[aria-current="page"]:where(:not(.lv, .lv *))::before { background: var(--isl-ink); }
.nav__links a:focus-visible:where(:not(.lv, .lv *)) { outline: 2px solid var(--isl-ink); outline-offset: -2px; }
@media (hover: hover) and (pointer: fine) { .nav__links a:hover:where(:not(.lv, .lv *)) { background: var(--isl-hover); } }
.cta--panel:where(:not(.lv, .lv *)) { width: 100%; margin: 8px 0 0; min-height: 48px; background: var(--isl-ink); color: var(--isl-bg); box-shadow: none; }
.nav__toggle--nojs:where(:not(.lv, .lv *)), .nav__close:where(:not(.lv, .lv *)) { display: none; }
@media (max-width: 999px) {
html:not([data-theme]):not(.js) #menuButton:where(:not(.lv, .lv *)) { display: none; }
html:not([data-theme]):not(.js) .nav__toggle--nojs:where(:not(.lv, .lv *)) { display: grid; order: 2; }
html:not([data-theme]):not(.js) #menuPanel:target:where(:not(.lv, .lv *)) { display: block; }
html:not([data-theme]):not(.js) .isl:has(#menuPanel:target):where(:not(.lv, .lv *)) { border-radius: 26px; height: auto; width: calc(100vw - 2 * var(--gutter)); }
html:not([data-theme]):not(.js) #menuPanel:where(:not(.lv, .lv *)) { scroll-margin-top: calc(var(--nav-top) + env(safe-area-inset-top, 0px) + var(--nav-h)); }
html:not([data-theme]):not(.js) #menu:where(:not(.lv, .lv *)) { scroll-margin-top: calc(var(--nav-top) + env(safe-area-inset-top, 0px) + (var(--nav-h) - var(--isl-h)) / 2); }
html:not([data-theme]):not(.js) .nav__close:where(:not(.lv, .lv *)) {
display: flex; align-items: center; justify-content: center;
height: 48px; margin: 8px 0 4px;
border-radius: 999px;
background: var(--isl-soft);
color: var(--isl-ink);
font-size: 16px; font-weight: 600; line-height: 1;
}
}
@media (max-width: 767px) and (pointer: coarse) {
html.menu-open:where(:not(.lv, .lv *)) { overflow: hidden; }
}
@media (prefers-reduced-motion: reduce) {
.isl:where(:not(.lv, .lv *)), .isl *:where(:not(.lv, .lv *)), .nav__brand:where(:not(.lv, .lv *)), .nav__go:where(:not(.lv, .lv *)) { transition-duration: 0.01ms !important; }
}
main:where(:not(.lv, .lv *)) { scroll-margin-top: var(--nav-band); }
main:focus-visible:where(:not(.lv, .lv *)) { outline: none; }
.sec:where(:not(.lv, .lv *)) { position: relative; padding-block: var(--sec-pad); scroll-margin-top: var(--nav-band); }
@media (min-width: 768px) and (min-height: 640px) {
.screen:where(:not(.lv, .lv *)) { box-sizing: border-box; min-height: var(--screen); display: flex; flex-direction: column; justify-content: center; padding-block: var(--sec-pad); }
}
.sec__head:where(:not(.lv, .lv *)) {
display: flex; flex-direction: column; align-items: center; gap: 14px;
max-width: 780px; margin: 0 auto clamp(32px, 5vw, 56px);
text-align: center;
}
.sec__head .sub:where(:not(.lv, .lv *)) { max-width: 62ch; }
.dots:where(:not(.lv, .lv *)) { display: none; }
.card:where(:not(.lv, .lv *)) {
position: relative; isolation: isolate;
border-radius: var(--r-card);
border: 1px solid var(--hairline);
background: var(--card);
color: var(--body);
}
.card--lg:where(:not(.lv, .lv *)) { border-radius: var(--r-lg); }
.card[data-spot]:where(:not(.lv, .lv *))::after {
content: ""; position: absolute; inset: -1px; z-index: 2;
border-radius: inherit; padding: 1px; pointer-events: none;
background: radial-gradient(200px circle at var(--spot-x, 50%) var(--spot-y, 50%), var(--accent), transparent 70%);
-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, linear-gradient(#000 0 0);
mask-composite: exclude;
opacity: 0; transition: opacity 0.2s var(--ease-out-quart);
}
@media (hover: hover) and (pointer: fine) {
.card[data-spot]:where(:not(.lv, .lv *)) { transition: transform 0.18s var(--ease-out-quart), border-color 0.18s var(--ease-out-quart), scale 0.14s var(--ease-out-quart); }
.card[data-spot]:hover:where(:not(.lv, .lv *)) { transform: translateY(-2px); border-color: var(--hairline-strong); }
.card[data-spot]:hover:where(:not(.lv, .lv *))::after { opacity: 1; }
}
.hero:where(:not(.lv, .lv *)) { --hk: 1; position: relative; overflow: hidden; padding: calc(var(--nav-band) + 24px) 0 var(--sec-pad); scroll-margin-top: var(--nav-band); }
@media (min-width: 768px) and (min-height: 640px) {
.hero:where(:not(.lv, .lv *)) { box-sizing: border-box; min-height: 100vh; min-height: 100svh; display: flex; flex-direction: column; padding-top: calc(var(--nav-band) + 24px * (0.5 + var(--hk) / 2)); padding-bottom: calc(var(--sec-pad) / 2 * (0.5 + var(--hk) / 2)); }
.hero__frame:where(:not(.lv, .lv *)) { flex: 1 1 auto; width: 100%; grid-template-rows: auto auto minmax(0, 1fr) auto; }
.hero__copy:where(:not(.lv, .lv *)) { align-self: center; }
}
.hero__glow:where(:not(.lv, .lv *)) {
position: absolute; z-index: 0; pointer-events: none;
right: -12%; top: 8%; width: min(820px, 70vw); aspect-ratio: 1;
background: radial-gradient(closest-side, rgb(250 100 31 / 0.08), transparent 72%);
}
.hero__frame:where(:not(.lv, .lv *)) {
position: relative; z-index: 1; scroll-margin-top: calc(var(--nav-band) + 24px);
display: grid;
grid-template-columns: minmax(0, 1fr);
grid-template-areas: "object" "ticker" "copy" "clients";
align-items: start;
}
.hero__object:where(:not(.lv, .lv *)) { grid-area: object; justify-self: center; width: 100%; display: flex; justify-content: center; margin-bottom: 8px; }
.ticker:where(:not(.lv, .lv *)) { grid-area: ticker; }
.hero__copy:where(:not(.lv, .lv *)) { grid-area: copy; min-width: 0; }
.clients:where(:not(.lv, .lv *)) { grid-area: clients; min-width: 0; }
@media (min-width: 1024px) {
.hero__frame:where(:not(.lv, .lv *)) {
--mark-w: clamp(420px, 44vw, 640px);
--gap-top: calc(clamp(20px, 3vw, 30px) * var(--hk));
--gap-bottom: calc(clamp(36px, 5vw, 56px) * var(--hk));
grid-template-columns: minmax(0, 1fr) var(--mark-w);
grid-template-areas:
"ticker  ticker"
"gaptop  gaptop"
"badge   ."
"title   object"
"lead    object"
"actions ."
"more    ."
"gapbot  gapbot"
"clients clients";
grid-template-rows: auto minmax(var(--gap-top), 1fr) auto auto auto auto auto minmax(var(--gap-bottom), 1fr) auto;
}
.hero__copy:where(:not(.lv, .lv *)) { display: contents; }
.hero__copy > .badge:where(:not(.lv, .lv *)) { grid-area: badge; justify-self: start; }
.hero__title:where(:not(.lv, .lv *)) { grid-area: title; }
.hero__lead:where(:not(.lv, .lv *)) { grid-area: lead; }
.hero__actions:where(:not(.lv, .lv *)) { grid-area: actions; }
.hero__more:where(:not(.lv, .lv *)) { grid-area: more; }
.hero__object:where(:not(.lv, .lv *)) { justify-self: stretch; align-self: center; width: auto; height: 0; margin-bottom: 0; align-items: center; justify-content: flex-end; }
}
.ticker:where(:not(.lv, .lv *)) {
overflow: hidden;
margin-bottom: calc(clamp(20px, 3vw, 30px) * var(--hk));
-webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
.ticker__row:where(:not(.lv, .lv *)) { display: flex; width: max-content; animation: ticker-drift 48s linear infinite; }
.ticker__track:where(:not(.lv, .lv *)) { display: flex; flex: none; gap: 8px; padding-inline-end: 8px; }
.ticker__track li:where(:not(.lv, .lv *)) {
display: inline-flex; align-items: center;
padding: 8px 14px; border-radius: 999px;
border: 1px solid var(--hairline); background: var(--card);
color: var(--ink); font-size: 13.5px; font-weight: 500; line-height: 1.65; white-space: nowrap;
}
@media (max-width: 767px) { .ticker__track li:where(:not(.lv, .lv *)) { font-size: 13px; } }
@keyframes ticker-drift { to { transform: translateX(-50%); } }
.hero__copy .badge:where(:not(.lv, .lv *)) { margin-bottom: calc(18px * var(--hk)); }
.hero__title:where(:not(.lv, .lv *)) {
font-size: clamp(36px, 5.4vw, 60px);
font-weight: 700;
letter-spacing: -0.035em;
line-height: 1.02;
color: var(--ink);
text-wrap: balance;
}
@media (min-width: 1024px) { .hero__title:where(:not(.lv, .lv *)) { font-size: clamp(40px, 4.7vw, 60px); } }
@media (max-width: 767px) { .hero__title:where(:not(.lv, .lv *)) { font-size: clamp(27px, 7.4vw, 36px); line-height: 1.1; } }
.hero__lead:where(:not(.lv, .lv *)) {
margin-top: calc(22px * var(--hk)); max-width: 560px;
font-size: clamp(16px, 2vw, 19px);
line-height: 1.65;
color: var(--lead);
text-wrap: pretty;
}
@media (max-width: 767px) { .hero__lead:where(:not(.lv, .lv *)) { line-height: 1.55; } }
.hero__actions:where(:not(.lv, .lv *)) { margin-top: calc(30px * var(--hk)); display: flex; flex-wrap: wrap; align-items: center; gap: 14px; }
.hero__more:where(:not(.lv, .lv *)) { margin-top: calc(28px * var(--hk)); }
.lqlogo:where(:not(.lv, .lv *)) { position: relative; z-index: 1; color: var(--sm-ink); width: 100%; max-width: 640px; }
.lqlogo__fallback:where(:not(.lv, .lv *)) { display: block; width: 100%; height: auto; transition: opacity 0.3s var(--ease-live); }
.lqlogo canvas:where(:not(.lv, .lv *)) { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.lqlogo.is-live .lqlogo__fallback:where(:not(.lv, .lv *)) { opacity: 0; }
@media (max-width: 1023px) { .lqlogo:where(:not(.lv, .lv *)) { max-width: min(74vw, 440px); } }
@media (max-width: 767px) { .lqlogo:where(:not(.lv, .lv *)) { max-width: min(74vw, 360px); } }
.clients:where(:not(.lv, .lv *)) { margin-top: calc(clamp(36px, 5vw, 56px) * var(--hk)); }
@media (min-width: 1024px) { .ticker:where(:not(.lv, .lv *)) { margin-bottom: 0; } .clients:where(:not(.lv, .lv *)) { margin-top: 0; } }
.clients__label:where(:not(.lv, .lv *)) {
margin-bottom: calc(16px * var(--hk));
font-size: 14px; font-weight: 500; letter-spacing: -0.01em; line-height: 1.65;
color: var(--ink);
}
@media (max-width: 767px) { .clients__label:where(:not(.lv, .lv *)) { font-size: 13px; } }
.marquee:where(:not(.lv, .lv *)) {
overflow: hidden;
-webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
.marquee__track:where(:not(.lv, .lv *)) { display: flex; width: max-content; animation: marquee-run 70s linear infinite; }
@media (hover: hover) and (pointer: fine) {
.ticker:hover .ticker__row:where(:not(.lv, .lv *)), .marquee:hover .marquee__track:where(:not(.lv, .lv *)) { animation-play-state: paused; }
}
.marquee__list:where(:not(.lv, .lv *)) {
display: flex; align-items: center; flex: none;
gap: clamp(40px, 5vw, 72px); padding-inline-end: clamp(40px, 5vw, 72px);
}
.marquee__item:where(:not(.lv, .lv *)) { display: flex; align-items: center; height: 44px; }
@keyframes marquee-run { to { transform: translateX(-50%); } }
.lg:where(:not(.lv, .lv *)) {
display: block;
width: calc(var(--lg-w) * var(--lg-k, 1)); height: calc(var(--lg-h) * var(--lg-k, 1));
max-height: 100%;
background: var(--lg-src) center / contain no-repeat;
}
:root:where(:not(.lv, .lv *)) {
--lg-mi: url("/img/logo-mi-light.5def540205.webp");
--lg-ec: url("/img/logo-ec-light.78ae373f1f.webp");
--lg-sd: url("/img/logo-sd-light.e563ebfe6d.webp");
--lg-bb: url("/img/logo-bb-light.988c9bcee5.webp");
--lg-bu: url("/img/logo-bu-light.04688b3f26.webp");
--lg-nk: url("/img/logo-nk-light.df1555c95e.webp");
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]):where(:not(.lv, .lv *)) {
--lg-mi: url("/img/logo-mi-dark.3265e5c7d3.webp");
--lg-ec: url("/img/logo-ec-dark.6f50bf8942.webp");
--lg-sd: url("/img/logo-sd-dark.5d259efb05.webp");
}
}
:root[data-theme="dark"]:where(:not(.lv, .lv *)) {
--lg-mi: url("/img/logo-mi-dark.3265e5c7d3.webp");
--lg-ec: url("/img/logo-ec-dark.6f50bf8942.webp");
--lg-sd: url("/img/logo-sd-dark.5d259efb05.webp");
}
.lg--mi:where(:not(.lv, .lv *)) { --lg-src: var(--lg-mi); --lg-w: 40px; --lg-h: 38.4px; }
.lg--ec:where(:not(.lv, .lv *)) { --lg-src: var(--lg-ec); --lg-w: 34px; --lg-h: 39px; }
.lg--sd:where(:not(.lv, .lv *)) { --lg-src: var(--lg-sd); --lg-w: 90px; --lg-h: 26px; }
.lg--bb:where(:not(.lv, .lv *)) { --lg-src: var(--lg-bb); --lg-w: 40px; --lg-h: 40px; }
.lg--bu:where(:not(.lv, .lv *)) { --lg-src: var(--lg-bu); --lg-w: 40px; --lg-h: 40px; }
.lg--nk:where(:not(.lv, .lv *)) { --lg-src: var(--lg-nk); --lg-w: 82px; --lg-h: 26px; }
.bth-lockup:where(:not(.lv, .lv *)) { display: block; height: 20px; width: auto; }
@media (max-width: 767px) {
.lg:where(:not(.lv, .lv *)) { --lg-k: 0.8; }
.bth-lockup:where(:not(.lv, .lv *)) { height: 16px; }
.marquee__item:where(:not(.lv, .lv *)) { height: 36px; }
}
.bth-q__ink:where(:not(.lv, .lv *)) { fill: var(--bth-ink); }
.bth-q__accent:where(:not(.lv, .lv *)) { fill: #ff4d17; }
@media (min-width: 1024px) and (max-height: 720px) {
.hero .hero__title:where(:not(.lv, .lv *)) { font-size: clamp(36px, 4.1vw, 52px); }
.hero .hero__lead:where(:not(.lv, .lv *)) { font-size: 16.5px; }
}
@media (min-width: 768px) and (min-height: 640px) and (max-height: 900px) {
.hero:where(:not(.lv, .lv *)) { --hk: 0.72; }
.marquee__item:where(:not(.lv, .lv *)) { height: 38px; }
}
@media (min-width: 768px) and (min-height: 640px) and (max-height: 870px) { .hero:where(:not(.lv, .lv *)) { --hk: 0.6; } }
@media (min-width: 768px) and (min-height: 640px) and (max-height: 820px) { .hero:where(:not(.lv, .lv *)) { --hk: 0.5; } }
@media (min-width: 768px) and (min-height: 640px) and (max-height: 739px) { .hero:where(:not(.lv, .lv *)) { --hk: 0.34; } .marquee__item:where(:not(.lv, .lv *)) { height: 34px; } }
@media (min-width: 768px) and (min-height: 640px) and (max-height: 1100px) { [data-lang="bn"] .hero:where(:not(.lv, .lv *)) { --hk: 0.6; } }
@media (min-width: 768px) and (min-height: 640px) and (max-height: 980px) { [data-lang="bn"] .hero:where(:not(.lv, .lv *)) { --hk: 0.45; } }
@media (min-width: 768px) and (min-height: 640px) and (max-height: 900px) { [data-lang="bn"] .hero:where(:not(.lv, .lv *)) { --hk: 0.3; } }
@media (min-width: 1024px) and (max-height: 879.98px) {
.ticker:where(:not(.lv, .lv *)) { display: none; }
.hero__copy .badge:where(:not(.lv, .lv *)), html[data-lang="bn"] .hero .badge:where(:not(.lv, .lv *)) { margin-bottom: 20px; }
.hero__lead:where(:not(.lv, .lv *)) { margin-top: 24px; }
.hero__actions:where(:not(.lv, .lv *)) { margin-top: 28px; }
.hero__more:where(:not(.lv, .lv *)) { margin-top: calc(28px * 0.72); }
.hero:where(:not(.lv, .lv *)) { padding-top: calc(var(--nav-band) + 16px); padding-bottom: 18px; }
.hero__frame:where(:not(.lv, .lv *)) { --gap-top: 0px; --gap-bottom: 14px; }
.clients__label:where(:not(.lv, .lv *)) { margin-bottom: 8px; }
.marquee__item:where(:not(.lv, .lv *)) { height: 34px; }
}
@media (min-width: 1024px) and (max-height: 919.98px) {
html[data-lang="bn"] .ticker:where(:not(.lv, .lv *)) { display: none; }
html[data-lang="bn"] .hero .badge:where(:not(.lv, .lv *)) { margin-bottom: 20px; }
html[data-lang="bn"] .hero__lead:where(:not(.lv, .lv *)) { margin-top: 24px; }
html[data-lang="bn"] .hero__actions:where(:not(.lv, .lv *)) { margin-top: 28px; }
html[data-lang="bn"] .hero__more:where(:not(.lv, .lv *)) { margin-top: calc(28px * 0.72); }
html[data-lang="bn"] .hero:where(:not(.lv, .lv *)) { padding-top: calc(var(--nav-band) + 16px); padding-bottom: 18px; }
html[data-lang="bn"] .hero__frame:where(:not(.lv, .lv *)) { --gap-top: 0px; --gap-bottom: 14px; }
html[data-lang="bn"] .clients__label:where(:not(.lv, .lv *)) { margin-bottom: 8px; }
html[data-lang="bn"] .marquee__item:where(:not(.lv, .lv *)) { height: 34px; }
}
@media (min-width: 1024px) and (max-height: 879.98px) {
html[data-lang="bn"] .hero:where(:not(.lv, .lv *)) { padding-top: calc(var(--nav-band) + 12px); }
html[data-lang="bn"] .hero__frame:where(:not(.lv, .lv *)) { --gap-bottom: 6px; }
html[data-lang="bn"] .clients__label:where(:not(.lv, .lv *)) { margin-bottom: 6px; }
}
@media (min-width: 1024px) and (max-height: 839.98px) {
html[data-lang="bn"] .hero:where(:not(.lv, .lv *)) { padding-top: calc(var(--nav-band) + 16px); }
html[data-lang="bn"] .hero__frame:where(:not(.lv, .lv *)) { --gap-bottom: 14px; }
html[data-lang="bn"] .clients__label:where(:not(.lv, .lv *)) { margin-bottom: 8px; }
}
.foot:where(:not(.lv, .lv *)) { position: relative; overflow: hidden; container-type: inline-size; background: var(--card); border-top: 1px solid var(--hairline); scroll-margin-top: var(--nav-band); }
.foot__inner:where(:not(.lv, .lv *)) { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr); gap: 40px; padding-block: var(--sec-pad) 40px; }
@media (min-width: 768px) and (min-height: 640px) {
.foot:where(:not(.lv, .lv *)) { box-sizing: border-box; min-height: var(--screen); display: flex; flex-direction: column; }
.foot__inner:where(:not(.lv, .lv *)) { flex: 1 0 auto; width: 100%; align-content: center; }
}
.foot__brand .sm-brand:where(:not(.lv, .lv *)) { --s: 1.05; }
.foot__tag:where(:not(.lv, .lv *)) { margin-top: 16px; max-width: 32ch; font-size: 14px; line-height: 1.65; color: var(--body); text-wrap: pretty; }
.foot__h:where(:not(.lv, .lv *)) { margin-bottom: 16px; font-size: 15px; font-weight: 700; line-height: 1.14; letter-spacing: -0.02em; color: var(--ink); }
.foot__list:where(:not(.lv, .lv *)) { display: flex; flex-direction: column; gap: 10px; }
.foot__list a:where(:not(.lv, .lv *)) {
display: inline-flex; align-items: center; gap: 10px;
font-size: 14px; line-height: 1.65; color: var(--body);
transition: color 0.15s var(--ease-out-quart);
}
.foot__list .footer__loc:where(:not(.lv, .lv *)) {
display: flex; align-items: flex-start; gap: 10px;
margin: 0; font-size: 14px; line-height: 1.65; color: var(--body);
transition: color 0.15s var(--ease-out-quart);
}
.foot__list .footer__loc .ic:where(:not(.lv, .lv *)) { width: 18px; height: 18px; margin-top: 2.5px; color: var(--muted); transition: color 0.15s var(--ease-out-quart); }
.foot__list .footer__loc .ic > svg:where(:not(.lv, .lv *)) { display: block; width: 100%; height: 100%; }
.foot__list .footer__loc > span:not(.ic):where(:not(.lv, .lv *)) { min-width: 0; }
@media (hover: hover) and (pointer: fine) {
.foot__list a:hover:where(:not(.lv, .lv *)), .foot__list a.footer__loc:hover:where(:not(.lv, .lv *)) { color: var(--accent-700); }
.foot__list a.footer__loc:hover .ic:where(:not(.lv, .lv *)) { color: var(--accent-700); }
}
.foot__list a:active:where(:not(.lv, .lv *)), .foot__endorse:active:where(:not(.lv, .lv *)) { color: var(--ink); }
@media (pointer: coarse) {
.foot__list:where(:not(.lv, .lv *)) { gap: 0; }
.foot__list a:where(:not(.lv, .lv *)) { min-height: 44px; }
.foot__list a.footer__loc:where(:not(.lv, .lv *)) { align-items: center; }
.foot__list a.footer__loc .ic:where(:not(.lv, .lv *)) { margin-top: 0; }
.foot__links-grid:where(:not(.lv, .lv *)) { gap: 0 24px; }
}
.foot__links-grid:where(:not(.lv, .lv *)) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 24px; }
.foot__talk p:where(:not(.lv, .lv *)) { max-width: 30ch; font-size: 14px; line-height: 1.65; color: var(--body); }
.foot__talk .btn:where(:not(.lv, .lv *)) { margin-top: 18px; }
.foot__contact:where(:not(.lv, .lv *)) { min-width: 0; }
.foot__bottom:where(:not(.lv, .lv *)) { position: relative; z-index: 1; }
.foot__row:where(:not(.lv, .lv *)) {
display: flex; flex-direction: column; gap: 10px;
padding-block: 22px; border-top: 1px solid var(--hairline);
font-size: 13px; line-height: 1.65; color: var(--muted);
}
.foot__endorse:where(:not(.lv, .lv *)) { display: inline-flex; align-items: center; gap: 9px; color: var(--muted); transition: color 0.15s var(--ease-out-quart); }
.foot__endorse svg:where(:not(.lv, .lv *)) { width: 17px; height: 17px; }
.foot__endorse .bth-q__ink:where(:not(.lv, .lv *)) { fill: var(--bth-ink); }
.foot__endorse .bth-q__accent:where(:not(.lv, .lv *)) { fill: #ff4d17; }
@media (hover: hover) and (pointer: fine) {
.foot__endorse:hover:where(:not(.lv, .lv *)) { color: var(--ink); }
}
@media (pointer: coarse) { .foot__endorse:where(:not(.lv, .lv *)) { min-height: 44px; } }
.foot__meta:where(:not(.lv, .lv *)) { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 24px; }
@media (min-width: 720px) {
.foot__row:where(:not(.lv, .lv *)) { flex-direction: row; align-items: center; justify-content: space-between; }
}
.foot__list .footer__loc:where(:not(.lv, .lv *)) { max-width: 366px; }
@media (min-width: 760px) {
.foot__inner:where(:not(.lv, .lv *)) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1280px) {
.foot__inner:where(:not(.lv, .lv *)) { grid-template-columns: minmax(200px, 1fr) minmax(326px, 1.4fr) minmax(264px, 1.1fr) minmax(220px, 1fr); gap: 48px; }
}
.dotmark:where(:not(.lv, .lv *)) {
position: relative; pointer-events: none;
margin-top: clamp(16px, 4vw, 40px);
height: var(--mark-h, 0.734em);
font-family: var(--font); font-weight: 700; letter-spacing: -0.02em;
font-size: var(--mark-size, calc((min(100cqi, 1280px) - 2 * var(--gutter)) / 7));
color: var(--wordmark-dot);
}
.dotmark__text:where(:not(.lv, .lv *)) {
position: absolute; left: 0; right: 0; bottom: 0; margin: 0;
font: inherit; letter-spacing: inherit; line-height: 1;
color: var(--ink); opacity: 0.12; white-space: nowrap; text-align: center;
transform: translate(-0.035em, 0.163em);
}
.dotmark[data-dots] .dotmark__text:where(:not(.lv, .lv *)) { visibility: hidden; }
.dotmark__canvas:where(:not(.lv, .lv *)) { position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 200%; }
.botbar:where(:not(.lv, .lv *)) { display: none; }
@media (max-width: 767px) {
.botbar:where(:not(.lv, .lv *)) {
display: flex; align-items: stretch; gap: clamp(8px, calc(5vw - 8px), 10px);
position: fixed; left: 0; right: 0; bottom: 0; z-index: 90;
padding: 10px clamp(12px, calc(20vw - 52px), var(--gutter)) calc(10px + env(safe-area-inset-bottom, 0px));
background: var(--glass-panel);
border-top: 1px solid var(--hairline);
box-shadow: 0 -10px 28px -16px rgb(0 0 0 / 0.22);
visibility: hidden;
transform: translateY(110%);
transition: transform 0.22s var(--ease-out-expo), visibility 0s linear 0.22s;
}
.botbar.is-show:where(:not(.lv, .lv *)) { visibility: visible; transform: none; transition: transform 0.34s var(--ease-out-expo), visibility 0s; }
.botbar__btn:where(:not(.lv, .lv *)) { min-height: 48px; padding: 12px clamp(9px, calc(15.7vw - 43px), 20px); white-space: nowrap; line-height: 1; }
.botbar__btn--primary:where(:not(.lv, .lv *)) { flex: 1 1 auto; min-width: min-content; }
.botbar__btn--wa:where(:not(.lv, .lv *)) { flex: 0 0 auto; }
}
@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)) {
.botbar:where(:not(.lv, .lv *)) { -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); }
}
.js.mo .rv:where(:not(.lv, .lv *)) { transition: opacity 0.9s var(--ease-out-expo), transform 0.9s var(--ease-out-expo); transition-delay: calc(var(--d, 0) * 70ms); }
.js.mo .rv--wait:where(:not(.lv, .lv *)) { opacity: 0; transform: translateY(18px); }
@media (prefers-reduced-motion: reduce) {
.ticker__row:where(:not(.lv, .lv *)), .marquee__track:where(:not(.lv, .lv *)), .arc__ring:where(:not(.lv, .lv *)) { animation: none; }
.ticker:where(:not(.lv, .lv *)), .marquee:where(:not(.lv, .lv *)) { -webkit-mask-image: none; mask-image: none; }
.ticker__row:where(:not(.lv, .lv *)) { width: auto; }
.ticker__track:where(:not(.lv, .lv *)) { flex-wrap: wrap; }
.ticker__track[aria-hidden="true"]:where(:not(.lv, .lv *)), .ticker__track li[aria-hidden="true"]:where(:not(.lv, .lv *)) { display: none; }
.marquee__track:where(:not(.lv, .lv *)) { width: auto; }
.marquee__list:where(:not(.lv, .lv *)) { flex-wrap: wrap; gap: 20px 40px; padding-inline-end: 0; }
.marquee__list[aria-hidden="true"]:where(:not(.lv, .lv *)), .marquee__item[aria-hidden="true"]:where(:not(.lv, .lv *)) { display: none; }
.card[data-spot]:where(:not(.lv, .lv *))::after { display: none; }
.rv:where(:not(.lv, .lv *)), .rv--wait:where(:not(.lv, .lv *)) { opacity: 1 !important; transform: none !important; transition: none !important; }
*:where(:not(.lv, .lv *)), *:where(:not(.lv, .lv *))::before, *:where(:not(.lv, .lv *))::after {
animation-delay: 0s !important; animation-iteration-count: 1 !important;
transition-duration: 0.001ms !important; transition-delay: 0s !important;
}
}
@media (prefers-reduced-transparency: reduce) {
.nav__glass:where(:not(.lv, .lv *)), .nav__panel:where(:not(.lv, .lv *)), .botbar:where(:not(.lv, .lv *)) { background: var(--card); -webkit-backdrop-filter: none; backdrop-filter: none; }
}
.nav__links a[aria-current="page"]:where(:not(.lv, .lv *)) { color: var(--ink); }
.nav__links a[aria-current="page"]:where(:not(.lv, .lv *))::before {
content: ""; position: absolute; right: 10px; top: 50%; width: 6px; height: 6px; margin-top: -3px;
border-radius: 50%; background: var(--accent);
}
.foot__list a[aria-current="page"]:where(:not(.lv, .lv *)) { color: var(--ink); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px; text-decoration-color: var(--accent); }
.pghd:where(:not(.lv, .lv *)) { position: relative; overflow: hidden; padding: calc(var(--nav-band) + 40px) 0 var(--sec-pad); }
.pghd:where(:not(.lv, .lv *))::before {
content: ""; position: absolute; z-index: 0; pointer-events: none;
right: -12%; top: 6%; width: min(820px, 70vw); aspect-ratio: 1;
background: radial-gradient(closest-side, rgb(250 100 31 / 0.08), transparent 72%);
}
.pghd__in:where(:not(.lv, .lv *)) { position: relative; z-index: 1; }
@media (min-width: 768px) and (min-height: 640px) {
.pghd:not(.pghd--flow):not(.pghd--read):where(:not(.lv, .lv *)) {
box-sizing: border-box; min-height: 100vh; min-height: 100svh;
display: flex; flex-direction: column; justify-content: center;
padding: calc(var(--nav-band) + 24px) 0 var(--sec-pad);
}
.pghd:not(.pghd--flow):not(.pghd--read) .pghd__in:where(:not(.lv, .lv *)) { width: 100%; }
}
.pghd--flow:where(:not(.lv, .lv *)), .pghd--read:where(:not(.lv, .lv *)) { padding-bottom: clamp(32px, 5vw, 56px); }
.pghd--flow:where(:not(.lv, .lv *))::before, .pghd--read:where(:not(.lv, .lv *))::before { display: none; }
.pghd--read .pghd__in > .crumbs:where(:not(.lv, .lv *)), .pghd--read .pghd__in > .pghd__body:where(:not(.lv, .lv *)) { max-width: var(--measure, 36rem); margin-inline: auto; }
.pghd__body:where(:not(.lv, .lv *)) { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; }
.pghd__title:where(:not(.lv, .lv *)) {
margin-top: 18px; max-width: 24ch;
font-size: clamp(36px, 5.4vw, 60px); font-weight: 700; letter-spacing: -0.035em; line-height: 1.02;
color: var(--ink); text-wrap: balance; overflow-wrap: break-word;
}
@media (min-width: 1024px) { .pghd__title:where(:not(.lv, .lv *)) { font-size: clamp(40px, 4.7vw, 60px); } }
@media (max-width: 767px) { .pghd__title:where(:not(.lv, .lv *)) { margin-top: 14px; font-size: clamp(27px, 7.4vw, 36px); line-height: 1.1; } }
.pghd--read .pghd__title:where(:not(.lv, .lv *)) { max-width: none; font-size: clamp(30px, 4.4vw, 46px); line-height: 1.1; letter-spacing: -0.03em; }
@media (max-width: 767px) { .pghd--read .pghd__title:where(:not(.lv, .lv *)) { font-size: clamp(27px, 7.4vw, 34px); } }
html[data-lang=bn] .pghd__title:where(:not(.lv, .lv *)) { font-size: clamp(28px, 4.2vw, 52px); }
html[data-lang=bn] .pghd--read .pghd__title:where(:not(.lv, .lv *)) { font-size: clamp(26px, 3.6vw, 40px); }
.pghd__lead:where(:not(.lv, .lv *)) {
margin-top: 22px; max-width: 560px;
font-size: clamp(16px, 2vw, 19px); line-height: 1.65; color: var(--lead); text-wrap: pretty;
}
@media (max-width: 767px) { .pghd__lead:where(:not(.lv, .lv *)) { margin-top: 16px; line-height: 1.55; } }
.pghd__actions:where(:not(.lv, .lv *)) { margin-top: 30px; display: flex; flex-wrap: wrap; align-items: center; gap: 14px; }
@media (max-width: 767px) { .pghd__actions:where(:not(.lv, .lv *)) { margin-top: 24px; } }
.pghd .badge:where(:not(.lv, .lv *)) { margin: 0; }
.pghd__body .meta:where(:not(.lv, .lv *)) { margin-top: 20px; }
.crumbs:where(:not(.lv, .lv *)) { margin-bottom: clamp(20px, 3vw, 32px); }
.crumbs ol:where(:not(.lv, .lv *)) { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 0; font-size: 13.5px; line-height: 1.65; color: var(--muted-on-ground); }
.crumbs li:where(:not(.lv, .lv *)) { display: inline-flex; align-items: center; min-width: 0; }
.crumbs li + li:where(:not(.lv, .lv *))::before { content: "/"; margin-inline: 9px; color: var(--hairline-strong); }
.crumbs a:where(:not(.lv, .lv *)) { transition: color 0.15s var(--ease-out-quart); }
.crumbs [aria-current="page"]:where(:not(.lv, .lv *)) { color: var(--ink); overflow-wrap: anywhere; }
@media (hover: hover) and (pointer: fine) { .crumbs a:hover:where(:not(.lv, .lv *)) { color: var(--accent-700); } }
@media (pointer: coarse) { .crumbs a:where(:not(.lv, .lv *)) { display: inline-flex; align-items: center; min-height: 44px; } .crumbs ol:where(:not(.lv, .lv *)) { gap: 0; } }
.pgrid:where(:not(.lv, .lv *)) { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr)); gap: 20px; align-items: stretch; }
.pgrid--2:where(:not(.lv, .lv *)) { grid-template-columns: repeat(auto-fill, minmax(min(100%, 480px), 1fr)); gap: 24px; }
@media (max-width: 767px) { .pgrid:where(:not(.lv, .lv *)), .pgrid--2:where(:not(.lv, .lv *)) { gap: 16px; } }
.pcard:where(:not(.lv, .lv *)) { display: flex; flex-direction: column; min-width: 0; overflow: hidden; }
.pcard__media:where(:not(.lv, .lv *)) { position: relative; aspect-ratio: 16 / 10; overflow: hidden; background: var(--raised); border-bottom: 1px solid var(--hairline); }
.pcard__media img:where(:not(.lv, .lv *)), .pcard__media svg:where(:not(.lv, .lv *)) { display: block; width: 100%; height: 100%; object-fit: cover; }
.pcard__body:where(:not(.lv, .lv *)) { flex: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding: 22px 22px 24px; min-width: 0; }
.pcard--compact .pcard__body:where(:not(.lv, .lv *)) { padding: 20px 22px 22px; }
.pcard__title:where(:not(.lv, .lv *)) { font-size: 20px; font-weight: 600; line-height: 1.2; letter-spacing: -0.015em; color: var(--ink); text-wrap: balance; overflow-wrap: break-word; }
.pcard__title a:where(:not(.lv, .lv *)) { transition: color 0.15s var(--ease-out-quart); }
.pcard__title a:where(:not(.lv, .lv *))::after { content: ""; position: absolute; inset: 0; z-index: 3; }
.pcard__title a:focus-visible:where(:not(.lv, .lv *)) { outline: none; }
.pcard__title a:focus-visible:where(:not(.lv, .lv *))::after { outline: 2px solid var(--focus); outline-offset: -2px; border-radius: var(--r-card); }
.pcard__text:where(:not(.lv, .lv *)) { font-size: 15px; line-height: 1.65; color: var(--body); text-wrap: pretty; overflow-wrap: break-word;
display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.pcard__meta:where(:not(.lv, .lv *)) { margin-top: auto; padding-top: 4px; display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: 13px; line-height: 1.65; color: var(--muted); }
@media (hover: hover) and (pointer: fine) { .pcard:hover .pcard__title a:where(:not(.lv, .lv *)) { color: var(--accent-700); } }
@media (max-width: 479px) { .pcard__body:where(:not(.lv, .lv *)), .pcard--compact .pcard__body:where(:not(.lv, .lv *)) { padding: 18px 18px 20px; } }
.tag:where(:not(.lv, .lv *)) {
display: inline-flex; align-items: center; max-width: 100%;
padding: 4px 11px; border-radius: 999px;
background: var(--accent-tint); color: var(--accent-700);
font-size: 12.5px; font-weight: 600; letter-spacing: 0.01em; line-height: 1.65; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.fchips:where(:not(.lv, .lv *)) { display: flex; flex-wrap: wrap; gap: 8px; }
.fchip:where(:not(.lv, .lv *)) {
display: inline-flex; align-items: center; justify-content: center; max-width: 100%;
min-height: 40px; padding: 0 16px; border-radius: 999px;
border: 1px solid var(--hairline); background: var(--card); color: var(--ink);
font-size: 14px; font-weight: 500; line-height: 1; white-space: nowrap;
transition: border-color 0.15s var(--ease-out-quart), background-color 0.15s var(--ease-out-quart), color 0.15s var(--ease-out-quart), transform 0.15s var(--ease-out-quart);
}
.fchip:active:where(:not(.lv, .lv *)) { transform: scale(0.97); }
.fchip[aria-pressed="true"]:where(:not(.lv, .lv *)), .fchip[aria-current="true"]:where(:not(.lv, .lv *)), .fchip.is-on:where(:not(.lv, .lv *)) { background: var(--pill-bg); border-color: transparent; color: var(--pill-text); }
@media (hover: hover) and (pointer: fine) { .fchip:not(.is-on):not([aria-pressed="true"]):hover:where(:not(.lv, .lv *)) { border-color: var(--accent); } }
@media (pointer: coarse) { .fchip:where(:not(.lv, .lv *)) { min-height: 44px; } }
.meta:where(:not(.lv, .lv *)) { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 16px; font-size: 13.5px; line-height: 1.65; color: var(--muted-on-ground); }
.meta > *:where(:not(.lv, .lv *)) { display: inline-flex; align-items: center; gap: 7px; }
.meta .ic:where(:not(.lv, .lv *)) { width: 15px; height: 15px; }
.pempty:where(:not(.lv, .lv *)) { max-width: 560px; margin-inline: auto; padding: clamp(32px, 6vw, 56px) clamp(22px, 5vw, 44px); text-align: center; display: flex; flex-direction: column; align-items: center; gap: 12px; }
.pempty__title:where(:not(.lv, .lv *)) { font-size: clamp(20px, 3vw, 24px); font-weight: 700; line-height: 1.2; letter-spacing: -0.02em; color: var(--ink); text-wrap: balance; }
.pempty p:where(:not(.lv, .lv *)) { max-width: 42ch; font-size: 15px; line-height: 1.65; color: var(--body); text-wrap: pretty; }
.pempty .link-arrow:where(:not(.lv, .lv *)) { margin-top: 8px; }
:root:where(:not(.lv, .lv *)) { --measure: 36rem; }
.read:where(:not(.lv, .lv *)) { position: relative; padding-block: 8px var(--sec-pad); }
.prose:where(:not(.lv, .lv *)) {
max-width: var(--measure); margin-inline: auto;
font-size: 18px; line-height: 1.72; color: var(--body);
overflow-wrap: break-word; hyphens: manual;
}
@media (max-width: 767px) { .prose:where(:not(.lv, .lv *)) { font-size: 16.5px; } }
.prose > :first-child:where(:not(.lv, .lv *)) { margin-top: 0; }
.prose > :last-child:where(:not(.lv, .lv *)) { margin-bottom: 0; }
.prose p:where(:not(.lv, .lv *)) { margin: 0 0 1.1em; }
.prose h2:where(:not(.lv, .lv *)) { margin: 1.8em 0 0.5em; font-size: 27px; line-height: 1.26; letter-spacing: -0.024em; color: var(--ink); text-wrap: balance; scroll-margin-top: var(--nav-band); }
.prose h3:where(:not(.lv, .lv *)) { margin: 1.55em 0 0.45em; font-size: 21px; line-height: 1.35; letter-spacing: -0.017em; color: var(--ink); text-wrap: balance; scroll-margin-top: var(--nav-band); }
@media (max-width: 767px) { .prose h2:where(:not(.lv, .lv *)) { font-size: 22.5px; margin-top: 1.7em; } .prose h3:where(:not(.lv, .lv *)) { font-size: 19px; } }
.prose > h2:first-child:where(:not(.lv, .lv *)), .prose > h3:first-child:where(:not(.lv, .lv *)) { margin-top: 0; }
.prose ul:where(:not(.lv, .lv *)), .prose ol:where(:not(.lv, .lv *)) { margin: 0 0 1.2em; padding-left: 1.4em; }
.prose ul:where(:not(.lv, .lv *)) { list-style: disc; }
.prose ol:where(:not(.lv, .lv *)) { list-style: decimal; }
.prose li:where(:not(.lv, .lv *)) { margin: 0 0 0.4em; padding-left: 0.2em; }
.prose li:where(:not(.lv, .lv *))::marker { color: var(--accent); }
.prose ul ul:where(:not(.lv, .lv *)), .prose ul ol:where(:not(.lv, .lv *)), .prose ol ul:where(:not(.lv, .lv *)), .prose ol ol:where(:not(.lv, .lv *)) { margin: 0.45em 0 0.1em; }
.prose strong:where(:not(.lv, .lv *)) { font-weight: 600; color: var(--ink); }
.prose em:where(:not(.lv, .lv *)) { font-style: italic; }
.prose u:where(:not(.lv, .lv *)) { text-underline-offset: 3px; }
.prose a:where(:not(.lv, .lv *)) {
color: var(--accent-700);
text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px;
text-decoration-color: color-mix(in srgb, var(--accent) 45%, transparent);
transition: text-decoration-color 0.16s var(--ease-out-quart), color 0.16s var(--ease-out-quart);
}
@media (hover: hover) and (pointer: fine) { .prose a:hover:where(:not(.lv, .lv *)) { text-decoration-color: currentColor; } }
.prose blockquote:where(:not(.lv, .lv *)) { margin: 1.5em 0; padding: 4px 0 4px 20px; border-left: 1px solid var(--accent); color: var(--muted-on-ground); font-style: italic; }
.prose blockquote p:last-child:where(:not(.lv, .lv *)) { margin-bottom: 0; }
.prose hr:where(:not(.lv, .lv *)) { margin: 2em 0; border: 0; border-top: 1px solid var(--hairline); }
.prose img:where(:not(.lv, .lv *)), .prose video:where(:not(.lv, .lv *)) { display: block; max-width: 100%; height: auto; margin: 1.6em 0; border-radius: 16px; background: var(--raised); }
.prose figure:where(:not(.lv, .lv *)) { margin: 1.6em 0; }
.prose figure img:where(:not(.lv, .lv *)) { margin: 0; }
.prose figcaption:where(:not(.lv, .lv *)) { margin-top: 10px; font-size: 0.84em; line-height: 1.5; color: var(--muted-on-ground); }
.prose table:where(:not(.lv, .lv *)) { display: block; max-width: 100%; overflow-x: auto; margin: 1.5em 0; border-collapse: collapse; font-size: 0.9em; line-height: 1.5; }
.prose th:where(:not(.lv, .lv *)), .prose td:where(:not(.lv, .lv *)) { padding: 10px 14px; border-bottom: 1px solid var(--hairline); text-align: left; vertical-align: top; min-width: 96px; }
.prose th:where(:not(.lv, .lv *)) { font-weight: 600; color: var(--ink); white-space: nowrap; }
.prose pre:where(:not(.lv, .lv *)) { max-width: 100%; overflow-x: auto; margin: 1.5em 0; padding: 16px 20px; border-radius: 14px; background: var(--raised); border: 1px solid var(--hairline); font-size: 0.86em; line-height: 1.6; }
.prose code:where(:not(.lv, .lv *)) { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 0.88em; }
.prose :not(pre) > code:where(:not(.lv, .lv *)) { padding: 0.1em 0.4em; border-radius: 6px; background: var(--raised); }
.band:where(:not(.lv, .lv *)) { position: relative; overflow: hidden; background: var(--band); color: var(--on-band-body); --focus: #ff9242; }
.band__in:where(:not(.lv, .lv *)) { display: flex; flex-direction: column; align-items: center; gap: clamp(28px, 4vw, 40px); text-align: center; }
.band__copy:where(:not(.lv, .lv *)) { min-width: 0; display: flex; flex-direction: column; align-items: center; }
.band .band__title:where(:not(.lv, .lv *)) { max-width: 18ch; color: var(--on-band); }
.band__lead:where(:not(.lv, .lv *)) { margin-top: 16px; max-width: 46ch; font-size: 16px; line-height: 1.65; color: var(--on-band-body); text-wrap: pretty; }
.band__side:where(:not(.lv, .lv *)) { min-width: 0; display: flex; flex-direction: column; align-items: center; gap: clamp(24px, 3.5vw, 32px); }
.band__actions:where(:not(.lv, .lv *)) { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 14px; }
.band .btn--grad:where(:not(.lv, .lv *)) { color: #0a0a0a; }
.band .btn--soft:where(:not(.lv, .lv *)) { background: #ffffff; color: #0a0a0a; border-color: transparent; }
@media (hover: hover) and (pointer: fine) { .band .btn--soft:hover:not(:disabled):where(:not(.lv, .lv *)) { box-shadow: 0 0 0 2px var(--accent); } }
.band__facts:where(:not(.lv, .lv *)) { display: flex; flex-wrap: wrap; justify-content: center; gap: 2px 28px; font-size: 14.5px; line-height: 1.65; color: var(--on-band-body); }
.band__facts a:where(:not(.lv, .lv *)) { color: var(--on-band); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; text-decoration-color: rgb(255 255 255 / 0.3); transition: text-decoration-color 0.15s var(--ease-out-quart); }
@media (hover: hover) and (pointer: fine) { .band__facts a:hover:where(:not(.lv, .lv *)) { text-decoration-color: var(--accent); } }
@media (pointer: coarse) { .band__facts a:where(:not(.lv, .lv *)) { display: inline-block; padding-block: 11px; } .band__facts:where(:not(.lv, .lv *)) { gap: 0 28px; } }
.pg main .cta--lg:where(:not(.lv, .lv *)), .pg main .btn--lg:where(:not(.lv, .lv *)) { font-size: 15px; }
@media (max-width: 374px) { html:not([data-lang=bn]) .pg main .cta:where(:not(.lv, .lv *)), html:not([data-lang=bn]) .pg main .btn:where(:not(.lv, .lv *)) { line-height: 1; } }
.crumbs ol:where(:not(.lv, .lv *)) { font-size: 13px; }
.crumbs [aria-current="page"]:where(:not(.lv, .lv *)) { font-weight: 600; }
.tag:where(:not(.lv, .lv *)) { letter-spacing: 0; }
html:not([data-lang=bn]) .pg-list .pghd__title:where(:not(.lv, .lv *)) { font-size: clamp(32px, 5.2vw, 52px); line-height: 1.06; letter-spacing: -0.035em; }
html:not([data-lang=bn]) .pg-project .pghd__title:where(:not(.lv, .lv *)) { font-size: clamp(26px, 1.11rem + 2.1vw, 48px); font-weight: 500; line-height: 1.2; letter-spacing: -0.02em; }
html:not([data-lang=bn]) .pg-service .pghd__title:where(:not(.lv, .lv *)) { font-size: clamp(31px, 5vw, 50px); line-height: 1.07; letter-spacing: -0.034em; }
html:not([data-lang=bn]) .pg-404 .pghd__title:where(:not(.lv, .lv *)) { font-size: clamp(26px, 4.4vw, 34px); line-height: 1.14; letter-spacing: -0.03em; }
html:not([data-lang=bn]) .pg-list .pghd__lead:where(:not(.lv, .lv *)) { font-size: 16.5px; line-height: 1.6; }
html:not([data-lang=bn]) .pg-service .pghd__lead:where(:not(.lv, .lv *)) { font-size: 18px; line-height: 1.62; }
html:not([data-lang=bn]) .pg-404 .pghd__lead:where(:not(.lv, .lv *)) { font-size: 16px; line-height: 1.65; }
.pg-404 .pghd__lead:where(:not(.lv, .lv *)) { max-width: 560px; text-wrap: pretty; }
@media (max-width: 767px) {
html:not([data-lang=bn]) .pg-list .pghd__lead:where(:not(.lv, .lv *)) { font-size: 15px; }
html:not([data-lang=bn]) .pg-service .pghd__lead:where(:not(.lv, .lv *)) { font-size: 16.5px; }
}
html:not([data-lang=bn]) .pg-insights .pcard__title:where(:not(.lv, .lv *)) { font-size: 18px; line-height: 1.34; letter-spacing: -0.018em; }
html:not([data-lang=bn]) .pg-insights .pcard__text:where(:not(.lv, .lv *)) { font-size: 14px; line-height: 1.55; }
html:not([data-lang=bn]) .pg-insights .pcard__meta:where(:not(.lv, .lv *)) { font-size: 12.5px; }
html:not([data-lang=bn]) .pg-insights .pcard__meta > :first-child:where(:not(.lv, .lv *)) { font-weight: 600; color: var(--ink); }
html:not([data-lang=bn]) .pg-projects .pcard__title:where(:not(.lv, .lv *)), html:not([data-lang=bn]) .pg-service .pcard__title:where(:not(.lv, .lv *)) { font-size: 20px; line-height: 24px; letter-spacing: -0.02em; }
html:not([data-lang=bn]) .pg-projects .tag:where(:not(.lv, .lv *)) { font-size: 16px; font-weight: 500; line-height: 24px; letter-spacing: -0.02em; }
html:not([data-lang=bn]) .pg-service .tag:where(:not(.lv, .lv *)) { font-size: 13.5px; font-weight: 500; line-height: 18px; letter-spacing: -0.02em; }
html:not([data-lang=bn]) .pg-project .tag:where(:not(.lv, .lv *)) { font-size: clamp(16px, 0.906rem + 0.381vw, 20px); font-weight: 500; line-height: 1.2; letter-spacing: -0.02em; }
@media (max-width: 767px) {
html:not([data-lang=bn]) .pg-insights .pcard__title:where(:not(.lv, .lv *)) { font-size: 14.5px; line-height: 1.32; }
html:not([data-lang=bn]) .pg-projects .pcard__title:where(:not(.lv, .lv *)), html:not([data-lang=bn]) .pg-service .pcard__title:where(:not(.lv, .lv *)) { font-size: 16px; line-height: 20px; }
html:not([data-lang=bn]) .pg-projects .tag:where(:not(.lv, .lv *)) { font-size: 14px; line-height: 20px; }
}
html:not([data-lang=bn]) .pg-service .band__title:where(:not(.lv, .lv *)) { font-size: clamp(24px, 2.8vw, 32px); line-height: 1.16; letter-spacing: -0.028em; }
html:not([data-lang=bn]) .pg-service .band__lead:where(:not(.lv, .lv *)) { font-size: 16.5px; line-height: 1.6; }
html:not([data-lang=bn]) .pg-service .band__facts:where(:not(.lv, .lv *)) { line-height: 1.45; }
:root:where(:not(.lv, .lv *)) {
--c-purple: #7b5cff; --c-blue: #3b82f6; --c-teal: #10b3a3; --c-pink: #ff5d8f; --c-amber: #f7a823; --c-green: #22c55e;
--wk-art-base: var(--raised);
}
.pgl__copy:where(:not(.lv, .lv *)) { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; }
@media (min-width: 1024px) {
.pgl--index .pghd__body:where(:not(.lv, .lv *)) {
display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
align-items: center; column-gap: clamp(48px, 6vw, 104px);
}
}
.pidx:where(:not(.lv, .lv *)) { display: none; }
@media (min-width: 1024px) {
.pidx:where(:not(.lv, .lv *)) { display: block; border-top: 1px solid var(--hairline-strong); }
.pidx li:where(:not(.lv, .lv *)) { border-bottom: 1px solid var(--hairline); }
}
.pidx__a:where(:not(.lv, .lv *)) {
display: flex; align-items: center; gap: 18px; padding: 21px 2px;
transition: color 0.15s var(--ease-out-quart);
}
.pidx__t:where(:not(.lv, .lv *)) {
flex: 1 1 auto; min-width: 0;
font-size: clamp(18px, 1.55vw, 22px); font-weight: 600; line-height: 1.25; letter-spacing: -0.015em;
color: var(--ink); overflow-wrap: break-word; transition: color 0.15s var(--ease-out-quart);
}
.pidx__c:where(:not(.lv, .lv *)) { flex: 0 1 auto; max-width: 42%; font-size: 14px; line-height: 1.4; color: var(--muted-on-ground); text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pidx__a .ic:where(:not(.lv, .lv *)) { width: 18px; height: 18px; color: var(--muted); transition: transform 0.2s var(--ease-out-quart), color 0.15s var(--ease-out-quart); }
@media (min-width: 1024px) and (max-width: 1199px) {
.pidx__a:where(:not(.lv, .lv *)) { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 18px; row-gap: 2px; }
.pidx__t:where(:not(.lv, .lv *)), .pidx__c:where(:not(.lv, .lv *)) { grid-column: 1; max-width: none; text-align: left; }
.pidx__a .ic:where(:not(.lv, .lv *)) { grid-column: 2; grid-row: 1 / span 2; }
}
.pidx__a:focus-visible:where(:not(.lv, .lv *)) { outline-offset: -2px; border-radius: 6px; }
.pidx__a:active .pidx__t:where(:not(.lv, .lv *)) { color: var(--accent-700); }
.pidx__a:active .ic:where(:not(.lv, .lv *)) { transform: translateX(4px); color: var(--accent-700); }
@media (hover: hover) and (pointer: fine) {
.pidx__a:hover .pidx__t:where(:not(.lv, .lv *)) { color: var(--accent-700); }
.pidx__a:hover .ic:where(:not(.lv, .lv *)) { transform: translateX(4px); color: var(--accent); }
}
.pgl__grid .pgrid:where(:not(.lv, .lv *)) { align-items: stretch; grid-template-columns: repeat(auto-fill, minmax(min(100%, 420px), 1fr)); }
.pcard--work .pcard__body:where(:not(.lv, .lv *)) { gap: 12px; padding: 22px 24px 26px; }
.pcard__row:where(:not(.lv, .lv *)) { width: 100%; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 16px; }
.pcard__row .pcard__title:where(:not(.lv, .lv *)) { flex: 1 1 auto; min-width: 0; font-size: 21px; letter-spacing: -0.02em; }
.pcard__row .tag:where(:not(.lv, .lv *)) { flex: 0 1 auto; }
@media (max-width: 479px) { .pcard--work .pcard__body:where(:not(.lv, .lv *)) { padding: 18px 18px 22px; } }
.pcard--wide:where(:not(.lv, .lv *)) { grid-column: 1 / -1; }
@media (min-width: 900px) {
.pcard--wide:where(:not(.lv, .lv *)) { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); }
.pcard--wide .pcard__media:where(:not(.lv, .lv *)) { border-bottom: 0; border-right: 1px solid var(--hairline); }
.pcard--wide .pcard__body:where(:not(.lv, .lv *)) { justify-content: center; gap: 16px; padding: clamp(28px, 3.4vw, 52px); }
.pcard--wide .pcard__row:where(:not(.lv, .lv *)) { flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 14px; }
.pcard--wide .tag:where(:not(.lv, .lv *)) { order: -1; }
.pcard--wide .pcard__row .pcard__title:where(:not(.lv, .lv *)) { flex: none; font-size: clamp(26px, 2.6vw, 36px); line-height: 1.1; }
.pcard--wide .pcard__text:where(:not(.lv, .lv *)) { font-size: 16px; -webkit-line-clamp: 5; }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
.pcard__media img:where(:not(.lv, .lv *)), .pcard__media svg:where(:not(.lv, .lv *)) { transition: transform 0.4s var(--ease-out-quart); }
.pcard--work:hover .pcard__media img:where(:not(.lv, .lv *)), .pcard--work:hover .pcard__media svg:where(:not(.lv, .lv *)) { transform: scale(1.03); }
}
.pgp__copy:where(:not(.lv, .lv *)) { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; }
.pgp__copy > .pghd__title:first-child:where(:not(.lv, .lv *)) { margin-top: 0; }
@media (min-width: 768px) { .pgp .pghd__title:where(:not(.lv, .lv *)), html[data-lang=bn] .pgp .pghd__title:where(:not(.lv, .lv *)) { max-width: none; font-size: clamp(32px, 3.9vw, 54px); } }
.pgp .pghd__body:where(:not(.lv, .lv *)) { gap: clamp(28px, 4vw, 40px); }
@media (min-width: 1024px) {
.pgp .pghd__body:where(:not(.lv, .lv *)) {
display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
align-items: center; gap: clamp(40px, 5vw, 72px);
}
}
.pfig:where(:not(.lv, .lv *)) { position: relative; margin: 0; overflow: hidden; border-radius: var(--r-card); border: 1px solid var(--hairline); background: var(--raised); aspect-ratio: 4 / 3; }
.pfig--frame:where(:not(.lv, .lv *)) { aspect-ratio: 16 / 10; }
.pfig--hero:where(:not(.lv, .lv *)) { border-radius: var(--r-lg); }
.pfig img:where(:not(.lv, .lv *)), .pfig svg:where(:not(.lv, .lv *)) { display: block; width: 100%; height: 100%; object-fit: cover; }
.pfacts:where(:not(.lv, .lv *)) { margin-top: clamp(24px, 3vw, 36px); width: 100%; max-width: 440px; border-top: 1px solid var(--hairline-strong); }
.pfacts__row:where(:not(.lv, .lv *)) { display: grid; grid-template-columns: 92px minmax(0, 1fr); gap: 0 16px; align-items: baseline; padding: 14px 0; border-bottom: 1px solid var(--hairline); }
.pfacts dt:where(:not(.lv, .lv *)), .pfacts dd:where(:not(.lv, .lv *)), .pbrief__text:where(:not(.lv, .lv *)), .pcase__k:where(:not(.lv, .lv *)), .pcase__v:where(:not(.lv, .lv *)) {
margin: 0; font-size: clamp(14px, 0.829rem + 0.19vw, 16px); font-weight: 500; line-height: 1.4; letter-spacing: -0.02em;
}
html[data-lang=bn] .pfacts dt:where(:not(.lv, .lv *)), html[data-lang=bn] .pfacts dd:where(:not(.lv, .lv *)), html[data-lang=bn] .pbrief__text:where(:not(.lv, .lv *)), html[data-lang=bn] .pcase__k:where(:not(.lv, .lv *)), html[data-lang=bn] .pcase__v:where(:not(.lv, .lv *)) { line-height: 1.6; }
.pfacts dt:where(:not(.lv, .lv *)) { color: var(--muted-on-ground); }
.pfacts dd:where(:not(.lv, .lv *)) { color: var(--ink); overflow-wrap: anywhere; }
.pbrief__text:where(:not(.lv, .lv *)) { max-width: 62ch; color: var(--body); text-wrap: pretty; overflow-wrap: break-word; }
.pgal:where(:not(.lv, .lv *)) { display: grid; gap: clamp(20px, 2.4vw, 32px); }
.pgal + .pgal:where(:not(.lv, .lv *)) { margin-top: clamp(20px, 2.4vw, 32px); }
@media (min-width: 768px) { .pgal--pair:where(:not(.lv, .lv *)) { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.pcase__row:where(:not(.lv, .lv *)) {
display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 14px clamp(32px, 5vw, 72px);
padding-block: clamp(28px, 4vw, 48px); border-top: 1px solid var(--hairline-strong);
}
.pcase__row:last-child:where(:not(.lv, .lv *)) { border-bottom: 1px solid var(--hairline); }
.pcase__k:where(:not(.lv, .lv *)) { color: var(--ink); }
.pcase__v:where(:not(.lv, .lv *)) { max-width: 62ch; color: var(--body); overflow-wrap: break-word; text-wrap: pretty; }
@media (max-width: 767px) { .pcase__row:where(:not(.lv, .lv *)) { grid-template-columns: minmax(0, 1fr); } }
.ppager:where(:not(.lv, .lv *)) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.ppager__l:where(:not(.lv, .lv *)) { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; min-width: 0; padding: clamp(22px, 3vw, 36px); }
.ppager__l .ppager__w:where(:not(.lv, .lv *)) { margin-bottom: 8px; }
.ppager__l--prev:where(:not(.lv, .lv *)) { grid-column: 1; }
.ppager__l--next:where(:not(.lv, .lv *)) { grid-column: 2; align-items: flex-end; text-align: right; }
.ppager__w:where(:not(.lv, .lv *)) { display: inline-flex; align-items: center; gap: 16px; font-size: clamp(40px, 1.571rem + 3.81vw, 80px); font-weight: 500; line-height: 1.2; letter-spacing: -0.02em; text-transform: uppercase; color: var(--ink); }
.ppager__w .ic:where(:not(.lv, .lv *)) { width: 0.9em; height: 0.9em; flex: none; transition: transform 0.2s var(--ease-out-quart); }
.ppager__l--prev .ppager__w .ic:where(:not(.lv, .lv *)) { transform: scaleX(-1); }
.ppager__t:where(:not(.lv, .lv *)) { font-size: clamp(18px, 1.7vw, 22px); font-weight: 700; line-height: 1.15; letter-spacing: -0.02em; color: var(--ink); overflow-wrap: anywhere; text-wrap: balance; }
.ppager__c:where(:not(.lv, .lv *)) { font-size: 14px; line-height: 1.5; color: var(--muted-on-ground); }
.ppager__l--next:active .ppager__w .ic:where(:not(.lv, .lv *)) { transform: translateX(4px); }
.ppager__l--prev:active .ppager__w .ic:where(:not(.lv, .lv *)) { transform: scaleX(-1) translateX(4px); }
@media (hover: hover) and (pointer: fine) {
.ppager__l--next:hover .ppager__w .ic:where(:not(.lv, .lv *)) { transform: translateX(4px); }
.ppager__l--prev:hover .ppager__w .ic:where(:not(.lv, .lv *)) { transform: scaleX(-1) translateX(4px); }
}
@media (max-width: 767px) {
.ppager:where(:not(.lv, .lv *)) { grid-template-columns: minmax(0, 1fr); gap: 16px; }
.ppager__l--prev:where(:not(.lv, .lv *)), .ppager__l--next:where(:not(.lv, .lv *)) { grid-column: 1; }
.ppager__l--next:where(:not(.lv, .lv *)) { align-items: flex-start; text-align: left; }
}
.ppager__back:where(:not(.lv, .lv *)), .ppager__back .link-arrow:where(:not(.lv, .lv *)) { font-size: 14px; font-weight: 600; line-height: 1.65; }
.ppager__back:where(:not(.lv, .lv *)) { display: flex; justify-content: center; }
.ppager + .ppager__back:where(:not(.lv, .lv *)) { margin-top: clamp(28px, 4vw, 44px); }
.link-arrow--back .ic:where(:not(.lv, .lv *)) { transform: scaleX(-1); }
.pcard:where(:not(.lv, .lv *)) { transition: scale 0.14s var(--ease-out-quart); }
.pcard:has(.pcard__title a:active):where(:not(.lv, .lv *)) { scale: 0.985; }
a.tag:active:where(:not(.lv, .lv *)) { background: color-mix(in srgb, var(--accent) 12%, var(--card)); }
:root:where(:not(.lv, .lv *)) {
--c-amber: #f7a823;
--c-blue: #3b82f6;
--c-green: #22c55e;
--c-pink: #ff5d8f;
--c-purple: #7b5cff;
--c-teal: #10b3a3;
--ins-cover-base: var(--raised);
}
.ins-card[hidden]:where(:not(.lv, .lv *)) { display: none; }
.ins-listing .pgrid:where(:not(.lv, .lv *)) { align-items: stretch; }
.ins-search:where(:not(.lv, .lv *)) { display: flex; align-items: center; gap: 10px; flex: none; width: min(560px, calc(100vw - 2 * var(--gutter))); }
.ins-search__field:where(:not(.lv, .lv *)) { position: relative; display: block; flex: 1 1 auto; min-width: 0; }
.ins-search__ic:where(:not(.lv, .lv *)) { position: absolute; left: 20px; top: 50%; width: 18px; height: 18px; margin-top: -9px; color: var(--muted); pointer-events: none; }
.ins-search__ic svg:where(:not(.lv, .lv *)) { display: block; width: 100%; height: 100%; }
.ins-search__in:where(:not(.lv, .lv *)) {
-webkit-appearance: none; appearance: none;
width: 100%; min-width: 0; min-height: 54px; padding: 12px 20px 12px 50px;
border-radius: 999px; border: 1px solid var(--field-line);
background: var(--card); color: var(--ink);
font-size: 15px; font-weight: 400; line-height: 1.4;
transition: border-color 0.15s var(--ease-out-quart), box-shadow 0.15s var(--ease-out-quart);
}
.ins-search__in:where(:not(.lv, .lv *))::placeholder { color: var(--muted-on-ground); opacity: 1; }
.ins-search__in:where(:not(.lv, .lv *))::-webkit-search-cancel-button, .ins-search__in:where(:not(.lv, .lv *))::-webkit-search-decoration { -webkit-appearance: none; appearance: none; }
@media (hover: hover) and (pointer: fine) { .ins-search__in:hover:where(:not(.lv, .lv *)) { border-color: var(--body); } }
.ins-search__in:focus-visible:where(:not(.lv, .lv *)) { border-color: var(--focus); }
.ins-search__btn:where(:not(.lv, .lv *)) { flex: 0 0 auto; }
@media (max-width: 479px) {
.ins-search:where(:not(.lv, .lv *)) { gap: 8px; }
.ins-search__ic:where(:not(.lv, .lv *)) { left: 16px; }
.ins-search__in:where(:not(.lv, .lv *)) { padding-left: 44px; padding-right: 14px; }
.ins-search__btn:where(:not(.lv, .lv *)) { padding-inline: 20px; }
}
.ins-found:where(:not(.lv, .lv *)) { flex: 1 1 100%; max-width: 560px; margin: 2px 0 0; font-size: 14.5px; line-height: 1.65; color: var(--muted-on-ground); }
.ins-found[hidden]:where(:not(.lv, .lv *)) { display: none; }
.ins-found__clear:where(:not(.lv, .lv *)) {
display: inline-block; margin-left: 6px; color: var(--accent-700);
text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px;
text-decoration-color: color-mix(in srgb, var(--accent) 45%, transparent);
}
@media (hover: hover) and (pointer: fine) { .ins-found__clear:hover:where(:not(.lv, .lv *)) { text-decoration-color: currentColor; } }
@media (pointer: coarse) { .ins-found__clear:where(:not(.lv, .lv *)) { padding-block: 11px; } }
.ins-empty[hidden]:where(:not(.lv, .lv *)), .ins-empty > [hidden]:where(:not(.lv, .lv *)), .ins-more[hidden]:where(:not(.lv, .lv *)) { display: none; }
.ins-more:where(:not(.lv, .lv *)) { display: flex; justify-content: center; margin-top: clamp(32px, 5vw, 48px); }
.ins-hd__copy:where(:not(.lv, .lv *)) { display: contents; }
.ins-feat:where(:not(.lv, .lv *)) { display: none; }
@media (min-width: 1024px) {
.ins-hd--feat .pghd__body:where(:not(.lv, .lv *)) {
display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
align-items: center; column-gap: clamp(48px, 6vw, 104px);
}
.ins-hd__copy:where(:not(.lv, .lv *)) { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; }
.ins-feat:where(:not(.lv, .lv *)) { display: flex; width: 100%; }
.ins-hd--feat .pghd__actions:where(:not(.lv, .lv *)) { width: 100%; }
.ins-hd--feat .ins-search:where(:not(.lv, .lv *)) { width: min(560px, 100%); }
}
.ins-feat .pcard__body:where(:not(.lv, .lv *)) { gap: 12px; }
.ins-feat__row:where(:not(.lv, .lv *)) { width: 100%; min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 8px 16px; }
.ins-feat__row .tag:where(:not(.lv, .lv *)) { flex: 0 1 auto; min-width: 0; }
.ins-feat__row .pcard__meta:where(:not(.lv, .lv *)) { flex: none; margin: 0; padding: 0; white-space: nowrap; }
.ins-feat .pcard__title:where(:not(.lv, .lv *)) {
max-width: 100%;
display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.ins-hd--solo .pghd__in:where(:not(.lv, .lv *)) { text-align: center; }
.ins-hd--solo .crumbs ol:where(:not(.lv, .lv *)) { justify-content: center; }
.ins-hd--solo .pghd__body:where(:not(.lv, .lv *)) { align-items: center; }
.ins-hd--solo .pghd__actions:where(:not(.lv, .lv *)) { justify-content: center; }
body.ins-art:where(:not(.lv, .lv *)) { --measure: 35rem; }
body.ins-art .pghd--read .pghd__title:where(:not(.lv, .lv *)) { font-size: clamp(30px, 5vw, 44px); line-height: 1.1; letter-spacing: -0.034em; }
.ins-meta__who:where(:not(.lv, .lv *)) { display: inline-flex; align-items: center; gap: 9px; color: var(--ink); font-weight: 600; }
.ins-av:where(:not(.lv, .lv *)) {
display: inline-grid; place-items: center; flex: none;
width: 30px; height: 30px; padding: 7px; border-radius: 50%;
background: var(--card); border: 1px solid var(--hairline); color: var(--ink);
}
.ins-av svg:where(:not(.lv, .lv *)) { display: block; width: 100%; height: auto; }
.ins-meta__i:where(:not(.lv, .lv *)) { display: inline-flex; align-items: center; gap: 7px; }
.ic > svg:where(:not(.lv, .lv *)) { display: block; width: 100%; height: 100%; }
a.tag:where(:not(.lv, .lv *)) { position: relative; transition: background-color 0.15s var(--ease-out-quart); }
@media (hover: hover) and (pointer: fine) { a.tag:hover:where(:not(.lv, .lv *)) { background: color-mix(in srgb, var(--accent) 12%, var(--card)); } }
@media (pointer: coarse) { a.tag:where(:not(.lv, .lv *)) { overflow: visible; } a.tag:where(:not(.lv, .lv *))::before { content: ""; position: absolute; left: -4px; right: -4px; top: 50%; height: 44px; transform: translateY(-50%); } }
.ins-cover:where(:not(.lv, .lv *)) { max-width: calc(1040px + 2 * var(--gutter)); margin-bottom: clamp(28px, 4vw, 48px); }
.ins-cover__box:where(:not(.lv, .lv *)) { position: relative; aspect-ratio: 2 / 1; overflow: hidden; border-radius: var(--r-lg); background: var(--raised); border: 1px solid var(--hairline); }
.ins-cover__box img:where(:not(.lv, .lv *)), .ins-cover__box svg:where(:not(.lv, .lv *)) { display: block; width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 767px) { .ins-cover__box:where(:not(.lv, .lv *)) { aspect-ratio: 16 / 10; border-radius: var(--r-card); } }
.ins-article .ins-tw:where(:not(.lv, .lv *)) { display: inline; }
@media print { .ins-article .ins-tc:where(:not(.lv, .lv *)) { opacity: 1 !important; } }
.ins-end:where(:not(.lv, .lv *)) { padding-block: 0 var(--sec-pad); }
.ins-end__in:where(:not(.lv, .lv *)) { max-width: var(--measure); margin-inline: auto; padding-top: clamp(24px, 4vw, 36px); border-top: 1px solid var(--hairline); display: flex; flex-direction: column; gap: clamp(24px, 3.5vw, 32px); }
.ins-end__h:where(:not(.lv, .lv *)), .ins-news__h:where(:not(.lv, .lv *)), .ins-related .sec__head .h2:where(:not(.lv, .lv *)) { font-size: 14.5px; font-weight: 600; line-height: 1.14; letter-spacing: -0.01em; color: var(--ink); }
.ins-end__h:where(:not(.lv, .lv *)) { margin-bottom: 12px; }
.ins-tags:where(:not(.lv, .lv *)) { display: flex; flex-wrap: wrap; gap: 8px; }
.ins-tag > span:where(:not(.lv, .lv *)) { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.ins-tag:where(:not(.lv, .lv *)) {
position: relative; display: inline-flex; align-items: center; max-width: 100%;
min-height: 36px; padding: 0 14px; border-radius: 999px;
border: 1px solid var(--hairline-strong); background: var(--card); color: var(--ink);
font-size: 12.5px; font-weight: 500; line-height: 1.65; white-space: nowrap;
transition: border-color 0.15s var(--ease-out-quart);
}
@media (hover: hover) and (pointer: fine) { .ins-tag:hover:where(:not(.lv, .lv *)) { border-color: var(--accent); } }
@media (pointer: coarse) { .ins-tag:where(:not(.lv, .lv *))::after { content: ""; position: absolute; inset: -5px -2px; } .ins-tags:where(:not(.lv, .lv *)) { gap: 12px 8px; } }
.ins-share:where(:not(.lv, .lv *)) { display: flex; flex-wrap: wrap; gap: 10px; }
.ins-sh:where(:not(.lv, .lv *)) {
display: inline-flex; align-items: center; justify-content: center; flex: none;
width: 44px; height: 44px; border-radius: 50%;
border: 1px solid var(--hairline-strong); background: var(--card); color: var(--ink);
transition: border-color 0.15s var(--ease-out-quart), color 0.15s var(--ease-out-quart), transform 0.15s var(--ease-out-quart);
}
.ins-sh .ic:where(:not(.lv, .lv *)) { width: 18px; height: 18px; }
.ins-sh:active:where(:not(.lv, .lv *)) { transform: scale(0.96); }
@media (hover: hover) and (pointer: fine) { .ins-sh:hover:where(:not(.lv, .lv *)) { border-color: var(--accent); color: var(--accent-700); } }
.ins-news:where(:not(.lv, .lv *)) { padding: clamp(22px, 4vw, 32px); display: flex; flex-direction: column; gap: 18px; }
.ins-news__p:where(:not(.lv, .lv *)) { margin-top: 6px; font-size: 13.5px; line-height: 1.6; color: var(--body); text-wrap: pretty; }
.ins-news__form:where(:not(.lv, .lv *)) { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.ins-news__field:where(:not(.lv, .lv *)) { flex: 1 1 220px; min-width: 0; display: block; }
.ins-news__in:where(:not(.lv, .lv *)) {
-webkit-appearance: none; appearance: none;
width: 100%; min-width: 0; min-height: 50px; padding: 12px 20px;
border-radius: 999px; border: 1px solid var(--field-line);
background: var(--raised); color: var(--ink);
font-size: 15px; font-weight: 400; line-height: 1.4;
transition: border-color 0.15s var(--ease-out-quart), background-color 0.15s var(--ease-out-quart), box-shadow 0.15s var(--ease-out-quart);
}
.ins-news__in:where(:not(.lv, .lv *))::placeholder { color: var(--muted-on-ground); opacity: 1; }
@media (hover: hover) and (pointer: fine) { .ins-news__in:hover:where(:not(.lv, .lv *)) { border-color: var(--body); } }
.ins-news__in:focus-visible:where(:not(.lv, .lv *)) { border-color: var(--focus); background: var(--card); }
.ins-news__in:user-invalid:where(:not(.lv, .lv *)) { border-color: var(--accent-700); }
@media (max-width: 479px) { .ins-news__form .cta:where(:not(.lv, .lv *)) { flex: 1 1 100%; } }
.ins-news__msg:where(:not(.lv, .lv *)) { flex: 1 1 100%; font-size: 14px; line-height: 1.5; color: var(--muted-on-ground); }
.ins-news__msg[hidden]:where(:not(.lv, .lv *)) { display: none; }
.ins-news__msg.is-err:where(:not(.lv, .lv *)) { color: #b3361b; }
:root[data-theme="dark"] .ins-news__msg.is-err:where(:not(.lv, .lv *)) { color: #ff8f78; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .ins-news__msg.is-err:where(:not(.lv, .lv *)) { color: #ff8f78; } }
.ins-news__done:where(:not(.lv, .lv *)) { display: flex; align-items: center; gap: 10px; font-size: 16px; font-weight: 600; line-height: 1.4; color: var(--ink); }
.ins-news__tick:where(:not(.lv, .lv *)) { display: inline-grid; place-items: center; flex: none; width: 26px; height: 26px; border-radius: 50%; background: var(--accent-tint); color: var(--accent-700); font-size: 13px; }
.ins-hp:where(:not(.lv, .lv *)) { position: absolute; left: -9999px; width: 1px; height: 0; opacity: 0; pointer-events: none; }
.ins-offscreen:where(:not(.lv, .lv *)) { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.ins-related__grid:where(:not(.lv, .lv *)) { grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 380px)); justify-content: center; }
.ins-related .sec__head:where(:not(.lv, .lv *)) { margin-bottom: clamp(20px, 3vw, 32px); }
.ins-related .pcard__title:where(:not(.lv, .lv *)) { font-size: 14px; line-height: 1.36; letter-spacing: 0; }
.ins-related .pcard__meta:where(:not(.lv, .lv *)) { font-size: 12.5px; line-height: 1.65; }
.ins-related .pcard__media:where(:not(.lv, .lv *)) { aspect-ratio: 2 / 1; }
.ins-toast:where(:not(.lv, .lv *)) {
position: fixed; left: 50%; bottom: 26px; z-index: 200;
max-width: calc(100vw - 32px); padding: 12px 20px; border-radius: 999px;
background: var(--ink); color: var(--ground);
font-size: 14px; font-weight: 600; line-height: 1.4; text-align: center;
box-shadow: var(--shadow-pop);
opacity: 0; pointer-events: none; transform: translate(-50%, 14px);
transition: opacity 0.16s var(--ease-out-quart), transform 0.16s var(--ease-out-quart);
}
.ins-toast.is-on:where(:not(.lv, .lv *)) { opacity: 1; transform: translate(-50%, 0); transition-duration: 0.24s; }
@media (max-width: 767px) { .ins-toast:where(:not(.lv, .lv *)) { bottom: 92px; } }
html[data-lang=bn] [data-store]:where(:not(.lv, .lv *)) { font-family: "Google Sans", "GS Fallback", "Product Sans", "Poppins", "Anek Bangla", "Noto Sans Bengali", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
html[data-lang=bn] .ins-search__in:where(:not(.lv, .lv *)), html[data-lang=bn] .ins-news__in:where(:not(.lv, .lv *)) { font-size: 16px; }
html:not([data-theme]):not(.js) .ins-news:where(:not(.lv, .lv *)) { display: none; }
@media (pointer: coarse) {
.field input:where(:not(.lv, .lv *)), .field select:where(:not(.lv, .lv *)), .field textarea:where(:not(.lv, .lv *)),
.rvw__f input[type="text"]:where(:not(.lv, .lv *)), .rvw__f input[type="url"]:where(:not(.lv, .lv *)), .rvw__f textarea:where(:not(.lv, .lv *)),
.dchk__input:where(:not(.lv, .lv *)), .ins-search__in:where(:not(.lv, .lv *)), .ins-news__in:where(:not(.lv, .lv *)) { font-size: 16px; }
.field textarea:where(:not(.lv, .lv *)), .rvw__f textarea:where(:not(.lv, .lv *)) { line-height: 22.5px; }
}
.sv__in:where(:not(.lv, .lv *)) { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(24px, 4vw, 44px); }
.sv--wide .sv__in:where(:not(.lv, .lv *)) { gap: clamp(32px, 5vw, 56px); }
@media (min-width: 1200px) {
.sv:not(.sv--wide) .sv__in:where(:not(.lv, .lv *)) { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); column-gap: clamp(56px, 7vw, 112px); align-items: start; }
}
.sv__head:where(:not(.lv, .lv *)), .sv__body:where(:not(.lv, .lv *)) { min-width: 0; }
@media (min-width: 1200px) and (min-height: 640px) {
.sv:not(.sv--wide) .sv__head:where(:not(.lv, .lv *)) { position: sticky; top: calc(var(--nav-band) + 24px); }
}
.sv__h:where(:not(.lv, .lv *)) { font-size: clamp(23px, 2.6vw, 30px); font-weight: 700; line-height: 1.2; letter-spacing: -0.026em; color: var(--ink); text-wrap: balance; overflow-wrap: break-word; }
.sv__ans:where(:not(.lv, .lv *)) { max-width: 720px; font-size: 18px; font-weight: 500; line-height: 1.58; letter-spacing: 0; color: var(--ink); text-wrap: pretty; overflow-wrap: break-word; }
.sv--wide .sv__ans:where(:not(.lv, .lv *)) { margin-top: 14px; }
@media (max-width: 767px) { .sv__ans:where(:not(.lv, .lv *)) { font-size: 17px; } }
.sv__p:where(:not(.lv, .lv *)) { max-width: 720px; margin-top: 16px; font-size: 16.5px; line-height: 1.7; color: var(--body); text-wrap: pretty; overflow-wrap: break-word; }
.sv__ans + .sv__p:where(:not(.lv, .lv *)) { margin-top: 18px; }
.sv__p--after:where(:not(.lv, .lv *)) { margin-top: 32px; }
.sv__p a:where(:not(.lv, .lv *)) {
color: var(--accent-700);
text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px;
text-decoration-color: color-mix(in srgb, var(--accent) 45%, transparent);
transition: text-decoration-color 0.16s var(--ease-out-quart), color 0.16s var(--ease-out-quart);
}
@media (hover: hover) and (pointer: fine) { .sv__p a:hover:where(:not(.lv, .lv *)) { text-decoration-color: currentColor; } }
@media (max-width: 767px) { .sv__p:where(:not(.lv, .lv *)) { font-size: 16px; } }
.sv-table:where(:not(.lv, .lv *)) { margin-top: 28px; padding: 0; overflow: hidden; }
.sv-table table:where(:not(.lv, .lv *)) { width: 100%; border-collapse: collapse; }
.sv-table caption:where(:not(.lv, .lv *)) { caption-side: bottom; padding: 14px 24px 16px; text-align: left; font-size: 13px; font-weight: 400; line-height: 1.5; color: var(--muted-on-ground); border-top: 1px solid var(--hairline-soft); }
.sv-table th:where(:not(.lv, .lv *)), .sv-table td:where(:not(.lv, .lv *)) { padding: 16px 24px; text-align: left; vertical-align: middle; }
.sv-table thead th:where(:not(.lv, .lv *)) { white-space: nowrap; padding-block: 14px; font-size: 12.5px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: var(--muted-on-ground); }
.sv-table tbody th:where(:not(.lv, .lv *)) { font-size: 16px; font-weight: 600; color: var(--ink); }
.sv-table tbody tr + tr > *:where(:not(.lv, .lv *)) { border-top: 1px solid var(--hairline-soft); }
.sv-table tbody tr:first-child > *:where(:not(.lv, .lv *)) { border-top: 1px solid var(--hairline); }
.sv-table td:where(:not(.lv, .lv *)) { font-size: 16px; color: var(--body); }
.sv-table td .tabular:where(:not(.lv, .lv *)) { white-space: nowrap; }
.sv-table__lab:where(:not(.lv, .lv *)) { display: none; }
.sv-table__ours:where(:not(.lv, .lv *)) { background: var(--accent-tint); color: var(--ink); font-weight: 700; font-size: 16px; }
.sv-table thead .sv-table__ours-h:where(:not(.lv, .lv *)) { background: var(--grad); color: #0a0a0a; }
@media (max-width: 1099px) and (min-width: 640px) { .sv-table th:where(:not(.lv, .lv *)), .sv-table td:where(:not(.lv, .lv *)) { padding-inline: 18px; } .sv-table td .tabular:where(:not(.lv, .lv *)) { white-space: normal; } }
@media (max-width: 767px) {
.sv-table th:where(:not(.lv, .lv *)), .sv-table td:where(:not(.lv, .lv *)), .sv-table tbody th:where(:not(.lv, .lv *)), .sv-table__ours:where(:not(.lv, .lv *)) { font-size: 14.5px; }
.sv-table thead th:where(:not(.lv, .lv *)) { font-size: 11.5px; letter-spacing: 0.03em; }
}
@media (max-width: 639px) {
.sv-table caption:where(:not(.lv, .lv *)) { display: block; padding: 14px 20px 16px; }
.sv-table table:where(:not(.lv, .lv *)), .sv-table tbody:where(:not(.lv, .lv *)), .sv-table tr:where(:not(.lv, .lv *)), .sv-table th:where(:not(.lv, .lv *)), .sv-table td:where(:not(.lv, .lv *)) { display: block; }
.sv-table thead:where(:not(.lv, .lv *)) { position: absolute; width: 1px; height: 1px; overflow: hidden; visibility: hidden; }
.sv-table tbody tr:where(:not(.lv, .lv *)) { padding: 18px 20px 20px; }
.sv-table tbody tr + tr:where(:not(.lv, .lv *)) { border-top: 1px solid var(--hairline-soft); }
.sv-table tbody tr:first-child:where(:not(.lv, .lv *)) { border-top: 1px solid var(--hairline); }
.sv-table tbody tr > *:where(:not(.lv, .lv *)), .sv-table tbody tr + tr > *:where(:not(.lv, .lv *)), .sv-table tbody tr:first-child > *:where(:not(.lv, .lv *)) { border-top: 0; }
.sv-table th:where(:not(.lv, .lv *)), .sv-table td:where(:not(.lv, .lv *)) { padding: 0; }
.sv-table td:where(:not(.lv, .lv *)) { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-top: 8px; }
.sv-table tbody th + td:where(:not(.lv, .lv *)) { margin-top: 12px; }
.sv-table td .tabular:where(:not(.lv, .lv *)), .sv-table td > span:last-child:where(:not(.lv, .lv *)) { text-align: right; }
.sv-table td .tabular:where(:not(.lv, .lv *)) { white-space: normal; }
.sv-table__lab:where(:not(.lv, .lv *)) { display: block; flex: none; max-width: 52%; font-size: 13px; font-weight: 500; line-height: 1.45; color: var(--muted-on-ground); text-align: left; }
.sv-table__ours:where(:not(.lv, .lv *)) { margin-top: 8px; padding: 12px 14px; border-radius: 12px; }
.sv-table__ours .sv-table__lab:where(:not(.lv, .lv *)) { color: var(--accent-700); font-weight: 600; }
}
.sv-incl:where(:not(.lv, .lv *)) { margin-top: 28px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 32px; }
.sv-incl li:where(:not(.lv, .lv *)) { display: flex; align-items: flex-start; gap: 14px; padding: 18px 0; border-top: 1px solid var(--hairline); min-width: 0; }
.sv-incl__t:where(:not(.lv, .lv *)) { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.sv-incl b:where(:not(.lv, .lv *)) { font-size: 16px; font-weight: 600; letter-spacing: -0.008em; color: var(--ink); }
.sv-incl__t > span:where(:not(.lv, .lv *)) { font-size: 15px; line-height: 1.55; color: var(--body); }
.sv-tick:where(:not(.lv, .lv *)) { flex: none; display: grid; place-items: center; width: 22px; height: 22px; margin-top: 1px; border-radius: 50%; background: var(--accent-tint); color: var(--accent-700); }
.sv-tick .ic:where(:not(.lv, .lv *)) { width: 12px; height: 12px; }
.sv-incl + .sv__p:where(:not(.lv, .lv *)) { margin-top: 28px; }
@media (max-width: 639px) { .sv-incl:where(:not(.lv, .lv *)) { grid-template-columns: minmax(0, 1fr); } }
.sv-steps:where(:not(.lv, .lv *)) { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; align-items: stretch; }
.sv-steps li:where(:not(.lv, .lv *)) { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; padding: 28px 28px 30px; min-width: 0; }
.sv-steps__n:where(:not(.lv, .lv *)) {
display: grid; place-items: center; width: 40px; height: 40px; margin-bottom: 14px; border-radius: 50%;
background: var(--accent-tint); color: var(--accent-700); font-size: 17px; font-weight: 700; line-height: 1;
}
.sv-steps b:where(:not(.lv, .lv *)) { font-size: 16.5px; font-weight: 600; letter-spacing: -0.008em; color: var(--ink); text-wrap: balance; }
.sv-steps li > span:last-child:where(:not(.lv, .lv *)) { font-size: 16px; line-height: 1.6; color: var(--body); text-wrap: pretty; }
@media (max-width: 959px) { .sv-steps:where(:not(.lv, .lv *)) { grid-template-columns: minmax(0, 1fr); max-width: 560px; } .sv-steps li:where(:not(.lv, .lv *)) { padding: 24px 24px 26px; } }
@media (max-width: 479px) { .sv-steps li:where(:not(.lv, .lv *)) { padding: 22px 20px 24px; } }
.sv--wide .sv__p--after:where(:not(.lv, .lv *)) { max-width: 62ch; }
.sv-work:where(:not(.lv, .lv *)) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 1023px) { .sv-work:where(:not(.lv, .lv *)) { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 639px) { .sv-work:where(:not(.lv, .lv *)) { grid-template-columns: minmax(0, 1fr); } }
.sv-nocover:where(:not(.lv, .lv *)) { display: block; width: 100%; height: 100%; background: var(--raised); }
.sv__more .link-arrow:where(:not(.lv, .lv *)) { font-size: 16px; font-weight: 600; line-height: 1.65; }
.sv__more:where(:not(.lv, .lv *)) { margin-top: clamp(24px, 3vw, 32px); }
.sv-check:where(:not(.lv, .lv *)) { margin-top: 28px; }
.sv-check li:where(:not(.lv, .lv *)) { position: relative; padding: 15px 0 15px 26px; border-top: 1px solid var(--hairline); font-size: 16.5px; line-height: 1.6; color: var(--body); text-wrap: pretty; overflow-wrap: break-word; }
.sv-check li:where(:not(.lv, .lv *))::before { content: ""; position: absolute; left: 3px; top: 25px; width: 8px; height: 8px; border-radius: 50%; background: var(--accent); }
.sv-check + .sv__p:where(:not(.lv, .lv *)) { margin-top: 28px; }
@media (max-width: 767px) { .sv-check li:where(:not(.lv, .lv *)) { font-size: 16px; padding-block: 14px; } .sv-check li:where(:not(.lv, .lv *))::before { top: 23px; } }
.sv-qa:where(:not(.lv, .lv *)) { display: flex; flex-direction: column; margin-top: 28px; }
.sv-qa__i:where(:not(.lv, .lv *)) { padding: 24px 0; border-top: 1px solid var(--hairline); }
.sv-qa__i:last-child:where(:not(.lv, .lv *)) { border-bottom: 1px solid var(--hairline); }
.sv-qa h3:where(:not(.lv, .lv *)) { font-size: 20px; font-weight: 600; line-height: 1.3; letter-spacing: -0.018em; color: var(--ink); text-wrap: balance; }
.sv-qa p:where(:not(.lv, .lv *)) { margin-top: 10px; max-width: 62ch; font-size: 16px; line-height: 1.65; color: var(--body); text-wrap: pretty; overflow-wrap: break-word; }
.sv-qa + .sv__p:where(:not(.lv, .lv *)) { margin-top: 28px; }
@media (max-width: 767px) { .sv-qa__i:where(:not(.lv, .lv *)) { padding: 20px 0; } }
.sv-fact:where(:not(.lv, .lv *)) { display: inline-flex; align-items: flex-start; gap: 9px; max-width: 100%; text-align: left; min-width: 0; }
.sv-fact .ic:where(:not(.lv, .lv *)) { width: 16px; height: 16px; margin-top: 4px; color: var(--accent); }
.sv-fact span:where(:not(.lv, .lv *)), .sv-fact a:where(:not(.lv, .lv *)) { min-width: 0; overflow-wrap: anywhere; }
#svNotFound .pghd__actions:where(:not(.lv, .lv *)) { gap: 14px 22px; }
.svh__copy:where(:not(.lv, .lv *)) { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; }
.svh__aside:where(:not(.lv, .lv *)) { display: none; }
@media (min-width: 1024px) {
.svh--aside .svh__body:where(:not(.lv, .lv *)) { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); align-items: center; column-gap: clamp(48px, 6vw, 104px); }
.svh__aside:where(:not(.lv, .lv *)) { display: block; min-width: 0; }
}
.svf:where(:not(.lv, .lv *)) { padding: 28px 28px 24px; max-width: 460px; margin-inline-start: auto; }
.svf__h:where(:not(.lv, .lv *)) { font-size: 12.5px; font-weight: 600; letter-spacing: 0.09em; text-transform: uppercase; line-height: 1.65; color: var(--muted); }
.svf__list:where(:not(.lv, .lv *)) { margin-top: 6px; }
.svf__list li:where(:not(.lv, .lv *)) { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 20px; align-items: baseline; padding: 16px 0; border-top: 1px solid var(--hairline); }
.svf__list li:first-child:where(:not(.lv, .lv *)) { margin-top: 8px; }
.svf__n:where(:not(.lv, .lv *)) { font-size: 16px; font-weight: 600; line-height: 1.35; color: var(--ink); }
.svf__p:where(:not(.lv, .lv *)) { font-size: 16px; font-weight: 700; line-height: 1.35; color: var(--ink); text-align: right; }
.svf__t:where(:not(.lv, .lv *)) { grid-column: 1 / -1; margin-top: 3px; font-size: 14px; line-height: 1.5; color: var(--muted-on-ground); }
.svf__wa:where(:not(.lv, .lv *)) {
display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 12px 0; border-top: 1px solid var(--hairline);
font-size: 15px; font-weight: 600; line-height: 1.3; color: var(--ink);
}
.svf__wa .ic:where(:not(.lv, .lv *)) { width: 18px; height: 18px; color: var(--accent); }
.svf__wa .ic:last-child:where(:not(.lv, .lv *)) { margin-inline-start: auto; color: var(--muted); transition: transform 0.2s var(--ease-out-quart), color 0.15s var(--ease-out-quart); }
@media (hover: hover) and (pointer: fine) { .svf__wa:hover .ic:last-child:where(:not(.lv, .lv *)) { transform: translateX(4px); color: var(--accent); } }
.svf__addr:where(:not(.lv, .lv *)) { display: flex; align-items: flex-start; gap: 10px; padding-top: 14px; border-top: 1px solid var(--hairline); font-size: 13.5px; line-height: 1.55; color: var(--muted-on-ground); }
.svf__addr .ic:where(:not(.lv, .lv *)) { width: 16px; height: 16px; margin-top: 3px; color: var(--accent); }
.svf__addr span:where(:not(.lv, .lv *)) { min-width: 0; overflow-wrap: anywhere; }
.svt:where(:not(.lv, .lv *)) { display: grid; width: 100%; max-width: 480px; margin-inline-start: auto; --step-x: 12%; --step-y: 16%; }
.svt--n1:where(:not(.lv, .lv *)) { --n: 1; } .svt--n2:where(:not(.lv, .lv *)) { --n: 2; } .svt--n3:where(:not(.lv, .lv *)) { --n: 3; }
.svt__i:nth-child(1):where(:not(.lv, .lv *)) { --i: 0; } .svt__i:nth-child(2):where(:not(.lv, .lv *)) { --i: 1; } .svt__i:nth-child(3):where(:not(.lv, .lv *)) { --i: 2; }
.svt__i:where(:not(.lv, .lv *)) {
grid-area: 1 / 1; display: block; position: relative; z-index: calc(var(--i) + 1);
width: calc(100% - (var(--n) - 1) * var(--step-x)); margin-left: calc(var(--i) * var(--step-x)); margin-top: calc(var(--i) * var(--step-y));
aspect-ratio: 16 / 10; overflow: hidden; border-radius: 16px; background: var(--raised);
box-shadow: 0 0 0 1px var(--hairline), var(--shadow-lift);
transition: transform 0.2s var(--ease-out-quart), scale 0.14s var(--ease-out-quart);
}
.svt__i:active:where(:not(.lv, .lv *)) { scale: 0.985; }
.svt__i img:where(:not(.lv, .lv *)), .svt__i .sv-nocover:where(:not(.lv, .lv *)) { display: block; width: 100%; height: 100%; object-fit: cover; }
.svt__i:focus-visible:where(:not(.lv, .lv *)) { outline: 2px solid var(--focus); outline-offset: 3px; }
@media (hover: hover) and (pointer: fine) { .svt__i:hover:where(:not(.lv, .lv *)) { transform: translateY(-6px); } }
}