@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, lv-reset;
@layer lv-reset {
.lv { all: initial; display: block; }
}
.lv{position:relative;clip-path:inset(0);background:var(--bg)}
.lv:has(+ .lv){clip-path:inset(0 0 -1px 0);box-shadow:0 1px 0 0 var(--bg)}
.lv:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image: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==);background-repeat:repeat;background-position:center center;background-size:44px 44px}
html[data-theme=dark] .lv:before{background-image: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==)}
@media (prefers-color-scheme: dark){html:not([data-theme=light]) .lv:before{background-image: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==)}}
.lv>section{contain:layout style paint}
.lv.lv-pre .reveal{opacity:1!important;transform:none!important;transition:none!important}
.lv{--ac:initial;--acc:initial;--acc-glow:initial;--acc-line:initial;--d:initial;--fb-card-bd:initial;--fb-card-bg:initial;--fb-card-sh:initial;--fb-card-sh-h:initial;--fb-sub:initial;--fs-fillw:initial;--fs-ink:initial;--fs-soft-f:initial;--fs-soft-s:initial;--fs-struct:initial}
.lv{--orange:#fa641f;--orange-600:#e5530f;--orange-700:#c0470d;--orange-tint:#fff1ea;--ink:#0e0e14;--black:#0b0b10;--body:#45454f;--muted:#74747d;--bg:#ffffff;--bg-soft:#fbfbfc;--line:#ededf1;--line-soft:#f3f3f6;--card:#ffffff;--c-purple:#7b5cff;--c-purple-bg:#f1ecff;--c-blue:#3b82f6;--c-blue-bg:#e8f1ff;--c-teal:#10b3a3;--c-teal-bg:#e1f7f3;--c-pink:#ff5d8f;--c-pink-bg:#ffe9f0;--c-amber:#f7a823;--c-amber-bg:#fff4e0;--c-green:#22c55e;--c-green-bg:#e6f9ee;--grad-accent:linear-gradient(135deg, #fa641f 0%, #ff9242 100%);--grad-text:linear-gradient(100deg, #fa641f 0%, #ff9242 100%);--shadow-xs:0 1px 2px rgba(17, 17, 34, .05), 0 1px 1px rgba(17, 17, 34, .04);--shadow-sm:0 4px 14px rgba(17, 17, 34, .05), 0 1px 3px rgba(17, 17, 34, .04);--shadow:0 14px 36px rgba(17, 17, 34, .08), 0 4px 10px rgba(17, 17, 34, .04);--shadow-lg:0 32px 70px rgba(17, 17, 34, .12), 0 10px 24px rgba(17, 17, 34, .06);--shadow-orange:0 12px 28px rgba(250, 100, 31, .28);--radius:14px;--radius-lg:22px;--radius-xl:28px;--radius-pill:999px;--ease:cubic-bezier(.22, 1, .36, 1);--font:"Google Sans", "GS Fallback", "Product Sans", "Poppins", "Anek Bangla", "Noto Sans Bengali", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}
.lv *{box-sizing:border-box}
.lv{font-family:var(--font);color:var(--body);background:var(--bg);line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.lv h1,.lv h2,.lv h3,.lv h4{color:var(--ink);line-height:1.14;margin:0;letter-spacing:-.02em}
.lv p{margin:0}
.lv img{max-width:100%;display:block}
.lv button{font-family:inherit}
.lv a{color:inherit;text-decoration:none}
.lv ::selection{background:var(--orange);color:#fff}
.lv .container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}
.lv svg{width:1em;height:1em;flex-shrink:0}
.lv .ic{display:inline-flex;line-height:0}
.lv .ic svg{display:block}
.lv a:focus-visible,.lv button:focus-visible,.lv input:focus-visible,.lv select:focus-visible,.lv textarea:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.lv .fxw{display:inline;transition:opacity .2s cubic-bezier(.37,0,.63,1)}
.lv .fxw.fx-out{opacity:0}
.lv .fxword{display:inline-block;white-space:nowrap;vertical-align:baseline}
.lv .fxc{display:inline-block;vertical-align:baseline;will-change:transform;backface-visibility:hidden}
.lv .fxc.fx-in{animation:lv-fx-char-in .48s linear both}
@keyframes lv-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){
.lv .fxw{transition:none}
.lv .fxc.fx-in{animation:none}
}
.lv .section{padding:84px 0;scroll-margin-top:80px}
.lv .section__head{max-width:720px;margin:0 auto 52px;text-align:center}
.lv .section__title{font-size:clamp(28px,4vw,43px);font-weight:700;line-height:1.1;text-align:center;max-width:780px;margin:0 auto 48px}
.lv .section__head .section__title{margin:14px auto 0}
.lv .section__sub{font-size:clamp(15px,2vw,17px);color:var(--muted);margin-top:14px}
.lv .icon-badge{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:15px;font-size:23px;margin-bottom:18px;background:var(--orange-tint);color:var(--orange);transition:transform .3s var(--ease)}
.lv .price-compare__col--market{background:var(--bg-soft);border:1px solid var(--line)}
.lv .price-compare__col--market h3{color:var(--muted)}
.lv .price-compare__col--market li{color:var(--muted);border-bottom:1px dashed var(--line)}
.lv .price-compare__col--market li b{font-weight:600;color:#8c8a93}
.lv .price-compare__col--ours{position:relative;color:#fff;background:radial-gradient(420px 200px at 80% -10%,rgba(255,255,255,.16),transparent 70%),linear-gradient(150deg,#15151c,#24242e);box-shadow:var(--shadow-lg)}
.lv .price-compare__col--ours h3{color:#fff}
.lv .price-compare__col--ours li{color:#d6d6de;border-bottom:1px solid rgba(255,255,255,.1)}
.lv .price-compare__col--ours li b{font-weight:700;color:#fff}
.lv .price-compare__col--ours:after{content:"Best value";position:absolute;top:18px;right:18px;font-size:11px;font-weight:700;color:var(--orange);background:var(--orange-tint);padding:5px 11px;border-radius:999px}
.lv[data-lv=solutions]>.section{padding-top:52px}
.lv .reveal{opacity:0;transform:translateY(48px);transition:opacity 1s cubic-bezier(.22,1,.36,1),transform 1s cubic-bezier(.22,1,.36,1)}
.lv .reveal.is-in{opacity:1;transform:none}
.lv .section__title.reveal,.lv .section__head.reveal,.lv .feat-sub.reveal{transition:opacity 1s cubic-bezier(.22,1,.36,1),transform 1s cubic-bezier(.22,1,.36,1),filter 1s cubic-bezier(.22,1,.36,1)}
.lv .reveal.reveal--instant{transition:none!important}
.lv .price-compare__col--ours{transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.lv .price-compare__col--ours:hover{transform:translateY(-5px);box-shadow:0 44px 90px #0e0e1438,0 0 0 1px #fa641f59}
@media (max-width: 1024px){
.lv .section{padding:72px 0}
}
@media (max-width: 920px){
.lv .hero__copy{text-align:center}
}
@media (max-width: 600px){
.lv .section{padding:56px 0}
.lv .container{padding:0 18px}
.lv .section__head{margin-bottom:38px}
}
@media (prefers-reduced-motion: reduce){
.lv *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
.lv .reveal{opacity:1;transform:none;filter:none}
}
.lv .hubmap{position:relative;margin-top:20px;height:clamp(480px,43vw,600px);background:var(--card);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}
.lv .hubmap:before{content:"";position:absolute;inset:-12px;z-index:0;pointer-events:none;background-image:radial-gradient(circle,rgba(17,17,34,.055) 1px,transparent 1.6px);background-size:22px 22px;background-position:center;-webkit-mask-image:radial-gradient(ellipse 74% 68% at 50% 37%,#000 48%,transparent 100%);mask-image:radial-gradient(ellipse 74% 68% at 50% 37%,#000 48%,transparent 100%)}
.lv .hubmap__lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:visible}
.lv .hubmap__lines>path,.lv .hubmap__lines>line{stroke:#d7dae3;stroke-width:1.5;fill:none}
.lv .hubmap__hub{position:absolute;left:50%;top:41%;transform:translate(-50%,-50%);z-index:3}
.lv .hubmap__hub i{color:var(--orange);font-style:normal}
.lv .hub-ic{width:92px;height:92px;display:grid;place-items:center;border-radius:19px;background:var(--ink);color:var(--bg);box-shadow:0 22px 48px #0b0b0f42,0 6px 16px #0b0b0f29;transition:transform .3s var(--ease)}
.lv .hub-ic svg{width:48px;height:auto;display:block}
.lv .feat3{margin-top:60px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.lv .featc{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-xl);padding:24px 22px;box-shadow:var(--shadow-sm);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.lv .featc:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.lv .featc__head{display:flex;align-items:center;gap:11px;margin-bottom:6px}
.lv .featc__head .icon-badge{width:38px;height:38px;margin:0;flex:none}
.lv .featc h3{font-size:16.5px;font-weight:600}
.lv .featc__sub{font-size:13.25px;color:var(--body);line-height:1.55;margin-bottom:18px}
.lv .featc__mock{margin-top:auto;background:var(--bg-soft);border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:inset 0 1px #fff}
.lv .featc--a .icon-badge{background:var(--orange-tint);color:var(--orange)}
.lv .featc--b .icon-badge{background:var(--c-purple-bg);color:var(--c-purple)}
.lv .featc--c .icon-badge{background:var(--c-green-bg);color:var(--c-green)}
.lv .mk1__bar{display:flex;gap:5px;margin-bottom:11px}
.lv .mk1__bar span{width:8px;height:8px;border-radius:50%;background:#d3d7e0}
.lv .mk1__bar span:nth-child(1){background:#ff5f57}
.lv .mk1__bar span:nth-child(2){background:#febc2e}
.lv .mk1__bar span:nth-child(3){background:#28c840}
.lv .mk1__hi{font-size:12px;font-weight:600;color:var(--ink);margin-bottom:11px}
.lv .mk1__tiles{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:11px}
.lv .mk1__tile{background:#fff;border:1px solid var(--line);border-radius:9px;padding:9px 10px}
.lv .mk1__k{display:block;font-size:9.5px;color:var(--muted);margin-bottom:3px}
.lv .mk1__v{font-size:17px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.lv .mk1__v small{font-size:10px;font-weight:600;color:var(--muted)}
.lv .mk1__rows{display:flex;flex-direction:column;gap:6px}
.lv .mk1__rows i{height:7px;border-radius:4px;background:#e6e8ef}
.lv .mk1__rows i:nth-child(1){width:90%}
.lv .mk1__rows i:nth-child(2){width:72%}
.lv .mk1__rows i:nth-child(3){width:81%}
.lv .mk2__t{font-size:11px;font-weight:600;color:var(--muted);margin-bottom:11px}
.lv .mk2__row{display:grid;grid-template-columns:54px 1fr;align-items:center;gap:10px;margin-bottom:9px}
.lv .mk2__row span{font-size:11px;font-weight:600;color:var(--ink)}
.lv .mk2__bar{height:8px;border-radius:5px;background:#e6e8ef;overflow:hidden}
.lv .mk2__bar b{display:block;height:100%;border-radius:5px}
.lv .mk2__row:nth-child(2) .mk2__bar b{background:var(--c-teal)}
.lv .mk2__row:nth-child(3) .mk2__bar b{background:var(--c-blue)}
.lv .mk2__row:nth-child(4) .mk2__bar b{background:var(--c-purple)}
.lv .mk2__row:nth-child(5) .mk2__bar b{background:var(--orange)}
.lv .mk3__t{font-size:11px;font-weight:600;color:var(--muted);margin-bottom:11px}
.lv .mk3__li,.lv .mk3__total{display:flex;justify-content:space-between;align-items:center;font-size:12.5px}
.lv .mk3__li{padding:7px 0;border-bottom:1px dashed var(--line);color:var(--body)}
.lv .mk3__li span:last-child{font-weight:700;color:var(--ink)}
.lv .mk3__total{padding-top:11px;font-weight:800;color:var(--ink)}
.lv .mk3__total span:last-child{color:var(--orange);font-size:15px}
.lv .mk1__bar span{transition:transform .32s var(--ease)}
.lv .mk1__hi{transition:opacity .4s var(--ease),transform .4s var(--ease)}
.lv .mk1__tile{transition:opacity .42s var(--ease),transform .42s var(--ease)}
.lv .mk1__rows i{transition:transform .5s var(--ease)}
.lv .mk2__bar b{transition:width .7s var(--ease)}
.lv .mk3__li,.lv .mk3__total{transition:opacity .4s var(--ease),transform .4s var(--ease)}
.lv .featc__mock.is-anim .mk1__bar span{transform:scale(0)}
.lv .featc__mock.is-anim .mk1__bar span.show{transform:scale(1)}
.lv .featc__mock.is-anim .mk1__hi{opacity:0;transform:translateY(6px)}
.lv .featc__mock.is-anim .mk1__hi.show{opacity:1;transform:none}
.lv .featc__mock.is-anim .mk1__tile{opacity:0;transform:translateY(9px)}
.lv .featc__mock.is-anim .mk1__tile.show{opacity:1;transform:none}
.lv .featc__mock.is-anim .mk1__rows i{transform:scaleX(0);transform-origin:left}
.lv .featc__mock.is-anim .mk1__rows i.show{transform:scaleX(1)}
.lv .featc__mock.is-anim .mk3__li{opacity:0;transform:translateY(8px)}
.lv .featc__mock.is-anim .mk3__li.show{opacity:1;transform:none}
.lv .featc__mock.is-anim .mk3__total{opacity:0;transform:translateY(8px)}
.lv .featc__mock.is-anim .mk3__total.show{opacity:1;transform:none}
.lv .featc__mock.is-anim .mk3__total.pop span:last-child{animation:lv-featcPop .55s var(--ease)}
@keyframes lv-featcPop{0%{transform:scale(.72)}55%{transform:scale(1.13)}to{transform:scale(1)}}
@media (max-width: 920px){
.lv .feat3{grid-template-columns:1fr;max-width:420px;margin-left:auto;margin-right:auto;gap:18px}
}
.lv .hubmap:hover .hub-ic{transform:scale(1.03)}
.lv .bento{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;margin-top:16px}
.lv .bento__panel{position:relative;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-xl);padding:28px 28px 26px;box-shadow:var(--shadow-sm);overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease)}
.lv .bento__panel:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--line-soft)}
.lv .bento__panel--w{grid-column:span 3}
.lv .bento__panel--n{grid-column:span 2}
.lv .bento__panel h3{font-size:21px;line-height:1.22;font-weight:600;letter-spacing:-.02em;color:var(--ink)}
.lv .bento__panel--n h3{font-size:19px}
.lv .bento__panel>p{margin-top:9px;font-size:14.5px;line-height:1.55;color:var(--body);max-width:48ch}
.lv .bento__panel em{font-style:normal;color:var(--ac);position:relative;white-space:nowrap}
.lv .bento__panel--c1{--ac:var(--c-blue)}
.lv .bento__panel--c2{--ac:var(--c-purple)}
.lv .bento__panel--c3{--ac:var(--c-teal)}
.lv .bento__panel--c4{--ac:var(--orange)}
.lv .bento__panel--c5{--ac:var(--c-pink)}
.lv .bento__mock{margin-top:auto;padding-top:22px}
.lv .mkc{display:flex;flex-direction:column;gap:10px}
.lv .mkc__line{display:flex;align-items:flex-end;gap:9px}
.lv .mkc__line--out{flex-direction:row-reverse}
.lv .mkc__av{flex:none;width:26px;height:26px;border-radius:50%;background:var(--c-blue);color:#fff;font-size:11px;font-weight:600;display:grid;place-items:center}
.lv .mkc__line p{font-size:12.5px;line-height:1.45;padding:9px 13px;border-radius:14px;max-width:80%}
.lv .mkc__line--in p{background:var(--line-soft);color:var(--ink);border-bottom-left-radius:5px}
.lv .mkc__line--out p{background:var(--ink);color:#fff;border-bottom-right-radius:5px}
.lv .mkc__chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px;justify-content:center}
.lv .mkc__chips span{font-size:11px;font-weight:500;color:var(--c-blue);background:var(--c-blue-bg);border-radius:999px;padding:5px 11px}
.lv .mkc--anim .mkc__line{opacity:0;transform:translateY(10px);transition:opacity .42s ease,transform .5s cubic-bezier(.2,.85,.25,1)}
.lv .mkc--anim .mkc__line.show{opacity:1;transform:none}
.lv .mkc--anim .mkc__chips span{opacity:0;transform:translateY(12px) scale(.62);transition:opacity .34s ease,transform .52s cubic-bezier(.34,1.56,.64,1)}
.lv .mkc--anim .mkc__chips span.show{opacity:1;transform:none}
.lv .mkc__line--out p.pop{animation:lv-mkcPop .42s cubic-bezier(.34,1.56,.64,1)}
@keyframes lv-mkcPop{0%{transform:scale(.86);opacity:.5}to{transform:scale(1);opacity:1}}
.lv .mkc__typing{display:inline-flex;gap:4px;align-items:center;padding:2px 0}
.lv .mkc__typing i{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.45;animation:lv-mkcDot 1.1s infinite ease-in-out}
.lv .mkc__typing i:nth-child(2){animation-delay:.16s}
.lv .mkc__typing i:nth-child(3){animation-delay:.32s}
@keyframes lv-mkcDot{0%,65%,to{transform:translateY(0);opacity:.35}32%{transform:translateY(-4px);opacity:.95}}
.lv .mkc__caret{display:inline-block;width:2px;height:1.05em;background:currentColor;margin-left:1px;vertical-align:-2px;animation:lv-mkcCaret .8s step-end infinite}
@keyframes lv-mkcCaret{0%,to{opacity:1}50%{opacity:0}}
@media (prefers-reduced-motion: reduce){
.lv .mkc--anim .mkc__line,.lv .mkc--anim .mkc__chips span{opacity:1!important;transform:none!important;transition:none!important}
}
.lv .mkd{display:flex;flex-direction:column;gap:12px}
.lv .mkd__win{border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-xs);background:#fff}
.lv .mkd__bar{display:flex;align-items:center;gap:6px;padding:9px 12px;background:var(--line-soft);border-bottom:1px solid var(--line)}
.lv .mkd__bar i{width:8px;height:8px;border-radius:50%;background:#cfcfd8}
.lv .mkd__bar b{margin-left:8px;font-size:11px;font-weight:500;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:999px;padding:3px 12px}
.lv .mkd__body{padding:18px;background:linear-gradient(160deg,#f7f3ff,#fff 72%)}
.lv .mkd__hero{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.lv .mkd__hero strong{font-size:17px;font-weight:700;color:var(--ink);letter-spacing:-.02em}
.lv .mkd__hero span{font-size:12px;color:var(--body)}
.lv .mkd__btn{margin-top:6px;font-size:11px;font-weight:600;color:#fff;background:var(--c-purple);border-radius:999px;padding:6px 14px;transition:background .38s var(--ease),color .38s var(--ease),box-shadow .38s var(--ease)}
.lv .mkd__row{display:flex;gap:8px;margin-top:14px}
.lv .mkd__row u{flex:1;height:34px;border-radius:8px;background:#fff;border:1px solid var(--line)}
.lv .mkd__sw{display:flex;gap:9px;align-items:center}
.lv .mkd__sw span{width:26px;height:26px;border-radius:8px;box-shadow:inset 0 0 0 1px #0000000f}
.lv .mkd__sw-ink{background:#1e1e28}
html[data-theme=dark] .lv .mkd__sw-ink{background:#fff}
@media (prefers-color-scheme: dark){html:not([data-theme=light]) .lv .mkd__sw-ink{background:#fff}}
.lv .pa-cursor{position:absolute;left:0;top:0;width:23px;height:23px;z-index:7;pointer-events:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.32));will-change:transform,opacity}
.lv .pa-cursor svg{width:100%;height:100%;display:block}
.lv .pa-ghost{z-index:6!important;pointer-events:none;box-shadow:0 10px 20px #7b5cff73;will-change:transform,opacity}
.lv .pa-ripple{position:absolute;z-index:6;border-radius:50%;border:2px solid var(--c-purple);pointer-events:none;animation:lv-paRipple .5s ease-out forwards}
@keyframes lv-paRipple{0%{transform:scale(.3);opacity:.55}to{transform:scale(2.1);opacity:0}}
.lv .mkd__btn.pa-pop{animation:lv-paPop .42s cubic-bezier(.34,1.56,.64,1)}
@keyframes lv-paPop{0%{transform:scale(1)}25%{transform:scale(.93)}60%{transform:scale(1.07)}to{transform:scale(1)}}
.lv .mkd__btn.pa-blank{background:#f0f0f5;color:#9a9aa5;box-shadow:inset 0 0 0 1px #dadae3,0 8px 16px #0000001a}
.lv .mkd__sw span.pa-swpick{animation:lv-paSwPick .5s cubic-bezier(.34,1.56,.64,1)}
@keyframes lv-paSwPick{0%{transform:scale(1);box-shadow:inset 0 0 0 1px #0000000f,0 0 #7b5cff8c}30%{transform:scale(.88)}60%{transform:scale(1.14);box-shadow:inset 0 0 0 1px #0000000f,0 0 0 7px #7b5cff00}to{transform:scale(1);box-shadow:inset 0 0 0 1px #0000000f,0 0 0 7px #7b5cff00}}
.lv .mks--anim .mks__top{opacity:0;transform:translateY(14px);transition:opacity .4s ease,transform .44s cubic-bezier(.2,.85,.25,1)}
.lv .mks--anim .mks__top.show{opacity:1;transform:none}
.lv .mks--anim .mks__chips>span{opacity:0;transform:translateY(10px) scale(.7);transition:opacity .3s ease,transform .5s cubic-bezier(.34,1.56,.64,1)}
.lv .mks--anim .mks__chips>span.show{opacity:1;transform:none}
.lv .mks__chip.mks-bump{animation:lv-paPop .42s cubic-bezier(.34,1.56,.64,1)}
.lv .mks__top.mks-lock{animation:lv-mksLock .6s ease-out}
@keyframes lv-mksLock{0%{box-shadow:0 0 #fa641f00}30%{box-shadow:0 0 0 4px #fa641f38,0 6px 16px #fa641f2e}to{box-shadow:0 0 #fa641f00}}
.lv .mkp--anim .mkp__msg{opacity:0;transform:translateY(9px);transition:opacity .4s ease,transform .46s cubic-bezier(.2,.85,.25,1)}
.lv .mkp--anim .mkp__msg.show{opacity:1;transform:none}
.lv .mkp__msg--out p.pop{animation:lv-paPop .42s cubic-bezier(.34,1.56,.64,1)}
.lv .mkp--anim .mkp__status small{opacity:0;transition:opacity .3s ease}
.lv .mkp__status small.mkp-pop{animation:lv-paPop .42s cubic-bezier(.34,1.56,.64,1)}
.lv .mkp__dot{transition:background .45s ease}
.lv .mkp__status.is-issue .mkp__dot{background:#f5a623;box-shadow:0 0 0 3px #f5a6231a;position:relative}
.lv .mkp__status.is-issue .mkp__dot:after{content:"";position:absolute;inset:-5px;border-radius:50%;background:#f5a62329;animation:lv-mkpWarn 1.4s ease-in-out infinite}
@keyframes lv-mkpWarn{0%,to{opacity:.4;transform:scale(.72)}50%{opacity:1;transform:scale(1)}}
.lv .mkp__status.is-good .mkp__dot{animation:lv-mkpResolve .62s ease-out}
@keyframes lv-mkpResolve{0%{box-shadow:0 0 #19c37d80}70%{box-shadow:0 0 0 11px #19c37d00}to{box-shadow:0 0 0 4px #19c37d26}}
.lv .mke{display:flex;align-items:flex-end;justify-content:center;gap:14px;padding:6px 0 2px}
.lv .mke__desk,.lv .mke__tab,.lv .mke__phone{background:#fff;border:2px solid var(--ink);overflow:hidden}
.lv .mke__desk{width:138px;height:88px;border-radius:9px;padding:8px}
.lv .mke__tab{width:64px;height:82px;border-radius:8px;padding:7px}
.lv .mke__phone{width:36px;height:72px;border-radius:9px;padding:6px 5px}
.lv .mke__hd{display:flex;align-items:center;gap:4px;margin-bottom:7px}
.lv .mke__phone .mke__hd{gap:3px;margin-bottom:5px}
.lv .mke__dot{width:6px;height:6px;border-radius:50%;background:var(--c-teal);flex:none}
.lv .mke__phone .mke__dot{width:5px;height:5px}
.lv .mke__bar{flex:1;height:4px;border-radius:3px;background:var(--c-teal-bg)}
.lv .mke__phone .mke__bar{height:3px}
.lv .mke__grid{display:grid;gap:6px}
.lv .mke__grid--3{grid-template-columns:repeat(3,1fr)}
.lv .mke__grid--2{grid-template-columns:repeat(2,1fr);gap:5px}
.lv .mke__grid--1{grid-template-columns:1fr;gap:4px}
.lv .mke__tile{background:var(--c-teal-bg);border-radius:4px;overflow:hidden}
.lv .mke__tile:before{content:"";display:block;background:var(--c-teal)}
.lv .mke__desk .mke__tile{height:38px}
.lv .mke__desk .mke__tile:before{height:14px}
.lv .mke__tab .mke__tile{height:22px}
.lv .mke__tab .mke__tile:before{height:9px}
.lv .mke__phone .mke__tile{height:12px}
.lv .mke__phone .mke__tile:before{height:5px}
.lv .mke--anim .mke__hd,.lv .mke--anim .mke__tile{opacity:0;transform:translateY(6px) scale(.96);transition:opacity .4s ease,transform .44s cubic-bezier(.2,.7,.3,1)}
.lv .mke--anim .mke__hd.in,.lv .mke--anim .mke__tile.in{opacity:1;transform:none}
.lv .mke__caps{list-style:none;padding:0;margin:13px 0 0;display:flex;flex-direction:column;gap:9px}
.lv .mke__caps li{display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:500;color:var(--body)}
.lv .mke__caps li svg{width:18px;height:18px;padding:3px;flex-shrink:0;color:var(--c-teal);background:var(--c-teal-bg);border-radius:50%}
.lv .anim-snap,.lv .anim-snap *{transition:none!important;animation:none!important}
.lv .mks{display:flex;flex-direction:column;gap:10px}
.lv .mks__bar{display:flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid var(--line);border-radius:999px;box-shadow:var(--shadow-xs);font-size:12.5px;color:var(--ink);background:#fff}
.lv .mks__mag{width:15px;height:15px;color:var(--muted);flex:none}
.lv .mks__top{border:1px solid var(--line);border-left:3px solid var(--orange);border-radius:10px;padding:11px 13px;background:var(--orange-tint);display:flex;flex-direction:column;gap:3px}
.lv .mks__top b{font-size:12.5px;font-weight:600;color:var(--orange-700)}
.lv .mks__top small{font-size:11px;color:var(--muted)}
.lv .mks__chips{display:flex;gap:8px;flex-wrap:wrap}
.lv .mks__chip{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:500;color:var(--ink);background:var(--line-soft);border-radius:999px;padding:6px 12px}
.lv .mks__dot{width:7px;height:7px;border-radius:50%;background:#19c37d}
.lv .mkp{display:flex;flex-direction:column;gap:12px}
.lv .mkp__status{display:flex;align-items:center;gap:9px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow-xs)}
.lv .mkp__dot{width:9px;height:9px;border-radius:50%;background:#19c37d;box-shadow:0 0 0 4px #19c37d26;flex:none}
.lv .mkp__status b{font-size:13px;font-weight:600;color:var(--ink)}
.lv .mkp__status small{margin-left:auto;font-size:11px;color:var(--muted)}
.lv .mkp__chat{display:flex;flex-direction:column;gap:9px}
.lv .mkc__av.mkp__av{background:var(--c-pink)}
.lv .mkp__msg{display:flex;align-items:flex-end;gap:9px}
.lv .mkp__msg--out{flex-direction:row-reverse}
.lv .mkp__msg p{font-size:12.5px;line-height:1.45;padding:9px 13px;border-radius:14px;max-width:82%}
.lv .mkp__msg--in p{background:var(--c-pink-bg);color:var(--ink);border-bottom-left-radius:5px}
.lv .mkp__msg--out p{background:var(--ink);color:#fff;border-bottom-right-radius:5px}
@media (max-width: 980px){
.lv .bento{grid-template-columns:repeat(2,1fr)}
.lv .bento__panel--w,.lv .bento__panel--n{grid-column:span 1}
}
@media (max-width: 600px){
.lv .bento{grid-template-columns:1fr;gap:16px}
.lv .bento__panel{padding:24px 22px 22px}
.lv .bento__panel--w,.lv .bento__panel--n{grid-column:span 1}
}
.lv .hubnode{position:absolute;transform:translate(-50%,-50%);z-index:2}
.lv .hubnode--lt{left:15%;top:13%}
.lv .hubnode--lb{left:15%;top:67%}
.lv .hubnode--rt{left:85%;top:13%}
.lv .hubnode--rb{left:85%;top:67%}
.lv .hubnode--bc{left:50%;top:79%}
.lv .hubnode__circle{position:relative;width:78px;height:78px;border-radius:50%;background:var(--card);border:1px solid var(--line);box-shadow:0 12px 28px #1111221a,0 3px 8px #1111220f;display:grid;place-items:center;transition:transform .32s var(--ease),box-shadow .32s var(--ease)}
.lv .hubnode:hover .hubnode__circle{transform:translateY(-4px);box-shadow:0 20px 42px #11112229}
.lv .hubnode__circle .icon-badge{width:auto;height:auto;font-size:30px;background:none;margin:0;border-radius:0}
.lv .hubnode:hover .icon-badge{transform:scale(1.08)}
.lv .hubnode__n{position:absolute;top:-5px;right:-5px;width:23px;height:23px;border-radius:50%;background:var(--ink);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center;box-shadow:0 2px 7px #00000038}
.lv .hubnode__cap{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);width:max-content;text-align:center}
.lv .hubnode__cap b{display:block;font-size:15px;font-weight:600;color:var(--ink);letter-spacing:-.01em}
.lv .hubnode__cap span{display:block;margin-top:2px;font-size:11.5px;color:var(--muted)}
.lv .hubnode--c1 .icon-badge{color:var(--orange)}
.lv .hubnode--c2 .icon-badge{color:var(--c-blue)}
.lv .hubnode--c3 .icon-badge{color:var(--c-purple)}
.lv .hubnode--c4 .icon-badge{color:var(--c-teal)}
.lv .hubnode--c5 .icon-badge{color:var(--c-pink)}
@media (max-width: 920px){
.lv .hubmap{height:clamp(505px,126vw,522px);margin-top:16px}
.lv .hub-ic{width:74px;height:74px;border-radius:16px}
.lv .hub-ic svg{width:40px}
.lv .hubnode__circle{width:60px;height:60px}
.lv .hubnode__circle .icon-badge{font-size:24px}
.lv .hubnode__n{width:19px;height:19px;font-size:10px;top:-4px;right:-4px}
.lv .hubnode__cap{top:calc(100% + 6px)}
.lv .hubnode__cap b{font-size:12.5px}
.lv .hubnode__cap span{font-size:10px}
}
.lv .hubmap__comets{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:visible}
.lv .hubmap__comets canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
@media (prefers-reduced-motion: reduce){
.lv .hubmap__comets{display:none}
}
@media (min-width: 1081px){
.lv .process-split{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(0,1fr);gap:48px;align-items:stretch;margin-top:26px}
.lv .process-split .hubmap{height:auto;min-height:500px;margin-top:0;align-self:stretch}
.lv .process-split .feat3{display:flex;flex-direction:column;justify-content:center;gap:18px;margin:0;max-width:none}
}
@media (min-width: 1081px){
.lv #process.section{padding:46px 0}
.lv #process .section__head{margin-bottom:20px}
.lv #process .section__head .section__title{margin-top:8px;font-size:clamp(26px,3.2vw,36px)}
.lv #process .section__sub{margin-top:9px}
.lv .process-split{gap:40px;margin-top:0;align-items:stretch}
.lv .process-split .hubmap{min-height:340px;height:auto;margin-top:0}
.lv .process-split .feat3{gap:12px}
.lv .process-split .featc{padding:12px 15px}
.lv .process-split .featc__head{gap:9px;margin-bottom:0}
.lv .process-split .featc__head .icon-badge{width:29px;height:29px;font-size:15px}
.lv .process-split .featc h3{font-size:14px}
.lv .process-split .featc__sub{display:none}
.lv .process-split .featc__mock{margin-top:9px;padding:10px;border-radius:10px}
.lv .process-split .mk1__bar{margin-bottom:6px}
.lv .process-split .mk1__hi{font-size:10.5px;margin-bottom:6px}
.lv .process-split .mk1__tiles{gap:6px;margin-bottom:6px}
.lv .process-split .mk1__tile{padding:5px 8px}
.lv .process-split .mk1__k{font-size:8.5px;margin-bottom:1px}
.lv .process-split .mk1__v{font-size:12.5px}
.lv .process-split .mk1__v small{font-size:8.5px}
.lv .process-split .mk1__rows{gap:3px}
.lv .process-split .mk1__rows i{height:4px}
.lv .process-split .mk1__rows i:nth-child(3){display:none}
.lv .process-split .mk2__t{margin-bottom:6px}
.lv .process-split .mk2__row{margin-bottom:5px;gap:8px;grid-template-columns:44px 1fr}
.lv .process-split .mk2__row span{font-size:10px}
.lv .process-split .mk2__bar{height:6px}
.lv .process-split .mk3__t{margin-bottom:5px}
.lv .process-split .mk3__li{padding:4px 0;font-size:11px}
.lv .process-split .mk3__total{padding-top:6px;font-size:11px}
.lv .process-split .mk3__total span:last-child{font-size:12.5px}
}
html[data-theme=dark] .lv .mk1__bar span:nth-child(1){background:#ff5f57}
@media (prefers-color-scheme: dark){html:not([data-theme=light]) .lv .mk1__bar span:nth-child(1){background:#ff5f57}}
html[data-theme=dark] .lv .mk1__bar span:nth-child(2){background:#febc2e}
@media (prefers-color-scheme: dark){html:not([data-theme=light]) .lv .mk1__bar span:nth-child(2){background:#febc2e}}
html[data-theme=dark] .lv .mk1__bar span:nth-child(3){background:#28c840}
@media (prefers-color-scheme: dark){html:not([data-theme=light]) .lv .mk1__bar span:nth-child(3){background:#28c840}}
html[data-lang=bn] .lv{--font:"Anek Bangla", "Google Sans", "GS Fallback", "Noto Sans Bengali", system-ui, -apple-system, sans-serif}
html[data-lang=bn] .lv{letter-spacing:0}
html[data-lang=bn] .lv h1,html[data-lang=bn] .lv h2,html[data-lang=bn] .lv h3,html[data-lang=bn] .lv h4{letter-spacing:0;line-height:1.28;font-weight:600}
html[data-lang=bn] .lv .btn{font-weight:600}
.lv .price-card--featured{border:1.5px solid rgba(250,100,31,.55);box-shadow:0 6px 16px #fa641f24,0 24px 48px #fa641f12}
.lv .reveal:not(.section__title):not(.section__head):not(.feat-sub):not(.reviews__head){opacity:1!important;transform:none!important;transition:none!important}
html[data-theme=dark] .lv{color-scheme:dark;--ink:#f4f4f7;--body:#b9b9c4;--muted:#85858f;--bg:#0d0d12;--bg-soft:#0d0d12;--line:#2a2a35;--line-soft:#20202b;--card:#16161d;--orange-tint:rgba(250, 100, 31, .16);--c-purple-bg:rgba(123, 92, 255, .18);--c-blue-bg:rgba(59, 130, 246, .18);--c-teal-bg:rgba(16, 179, 163, .18);--c-pink-bg:rgba(255, 93, 143, .18);--c-amber-bg:rgba(247, 168, 35, .18);--c-green-bg:rgba(34, 197, 94, .18);--shadow-xs:0 1px 2px rgba(0, 0, 0, .5);--shadow-sm:0 4px 14px rgba(0, 0, 0, .4);--shadow:0 16px 38px rgba(0, 0, 0, .5);--shadow-lg:0 34px 72px rgba(0, 0, 0, .62)}
@media (prefers-color-scheme: dark){html:not([data-theme=light]) .lv{color-scheme:dark;--ink:#f4f4f7;--body:#b9b9c4;--muted:#85858f;--bg:#0d0d12;--bg-soft:#0d0d12;--line:#2a2a35;--line-soft:#20202b;--card:#16161d;--orange-tint:rgba(250, 100, 31, .16);--c-purple-bg:rgba(123, 92, 255, .18);--c-blue-bg:rgba(59, 130, 246, .18);--c-teal-bg:rgba(16, 179, 163, .18);--c-pink-bg:rgba(255, 93, 143, .18);--c-amber-bg:rgba(247, 168, 35, .18);--c-green-bg:rgba(34, 197, 94, .18);--shadow-xs:0 1px 2px rgba(0, 0, 0, .5);--shadow-sm:0 4px 14px rgba(0, 0, 0, .4);--shadow:0 16px 38px rgba(0, 0, 0, .5);--shadow-lg:0 34px 72px rgba(0, 0, 0, .62)}}
html[data-theme=dark] .lv{background:var(--bg)}
@media (prefers-color-scheme: dark){html:not([data-theme=light]) .lv{background:var(--bg)}}
html[data-theme=dark] .lv .featc,html[data-theme=dark] .lv .bento__panel,html[data-theme=dark] .lv .hubmap{background:radial-gradient(420px 200px at 80% -10%,rgba(255,255,255,.16),transparent 70%),linear-gradient(150deg,#15151c,#24242e)}
@media (prefers-color-scheme: dark){html:not([data-theme=light]) .lv .featc,html:not([data-theme=light]) .lv .bento__panel,html:not([data-theme=light]) .lv .hubmap{background:radial-gradient(420px 200px at 80% -10%,rgba(255,255,255,.16),transparent 70%),linear-gradient(150deg,#15151c,#24242e)}}
html[data-theme=dark] .lv .mk1__tile,html[data-theme=dark] .lv .mkd__win,html[data-theme=dark] .lv .mkd__row u,html[data-theme=dark] .lv .mks__bar,html[data-theme=dark] .lv .mkp__status{background:#16161d;border-color:#2a2a35}
@media (prefers-color-scheme: dark){html:not([data-theme=light]) .lv .mk1__tile,html:not([data-theme=light]) .lv .mkd__win,html:not([data-theme=light]) .lv .mkd__row u,html:not([data-theme=light]) .lv .mks__bar,html:not([data-theme=light]) .lv .mkp__status{background:#16161d;border-color:#2a2a35}}
html[data-theme=dark] .lv .mks__top{background:#221a15;border-color:#322821;border-left-color:var(--orange)}
@media (prefers-color-scheme: dark){html:not([data-theme=light]) .lv .mks__top{background:#221a15;border-color:#322821;border-left-color:var(--orange)}}
html[data-theme=dark] .lv .mks__top b{color:#ff9e63}
@media (prefers-color-scheme: dark){html:not([data-theme=light]) .lv .mks__top b{color:#ff9e63}}
html[data-theme=dark] .lv .mkp__msg--in p{background:#241a20;color:#f4f4f7}
@media (prefers-color-scheme: dark){html:not([data-theme=light]) .lv .mkp__msg--in p{background:#241a20;color:#f4f4f7}}
html[data-theme=dark] .lv .mkp__msg--out p{background:#fff;color:#15151c}
@media (prefers-color-scheme: dark){html:not([data-theme=light]) .lv .mkp__msg--out p{background:#fff;color:#15151c}}
html[data-theme=dark] .lv .mkd__bar b{background:#121217;border-color:#2a2a35}
@media (prefers-color-scheme: dark){html:not([data-theme=light]) .lv .mkd__bar b{background:#121217;border-color:#2a2a35}}
html[data-theme=dark] .lv .mke__desk,html[data-theme=dark] .lv .mke__tab,html[data-theme=dark] .lv .mke__phone{background:#16161d;border-color:#4a4a58}
@media (prefers-color-scheme: dark){html:not([data-theme=light]) .lv .mke__desk,html:not([data-theme=light]) .lv .mke__tab,html:not([data-theme=light]) .lv .mke__phone{background:#16161d;border-color:#4a4a58}}
html[data-theme=dark] .lv .mk1__rows i{background:#2e2e38}
@media (prefers-color-scheme: dark){html:not([data-theme=light]) .lv .mk1__rows i{background:#2e2e38}}
html[data-theme=dark] .lv .mk2__bar{background:#26262f}
@media (prefers-color-scheme: dark){html:not([data-theme=light]) .lv .mk2__bar{background:#26262f}}
html[data-theme=dark] .lv .mk1__bar span{background:#3a3a44}
@media (prefers-color-scheme: dark){html:not([data-theme=light]) .lv .mk1__bar span{background:#3a3a44}}
html[data-theme=dark] .lv .featc__mock{box-shadow:inset 0 1px #ffffff0a}
@media (prefers-color-scheme: dark){html:not([data-theme=light]) .lv .featc__mock{box-shadow:inset 0 1px #ffffff0a}}
html[data-theme=dark] .lv .mkc__line--out p{background:#fff;color:#15151c}
@media (prefers-color-scheme: dark){html:not([data-theme=light]) .lv .mkc__line--out p{background:#fff;color:#15151c}}
html[data-theme=dark] .lv .mkc__chips span{background:var(--orange);color:#fff}
@media (prefers-color-scheme: dark){html:not([data-theme=light]) .lv .mkc__chips span{background:var(--orange);color:#fff}}
html[data-theme=dark] .lv .hubnode__n{background:#2f2f3a;color:#f4f4f7}
@media (prefers-color-scheme: dark){html:not([data-theme=light]) .lv .hubnode__n{background:#2f2f3a;color:#f4f4f7}}
html[data-theme=dark] .lv .mkd__body{background:linear-gradient(160deg,#1b1726,#131318 72%)}
@media (prefers-color-scheme: dark){html:not([data-theme=light]) .lv .mkd__body{background:linear-gradient(160deg,#1b1726,#131318 72%)}}
html[data-theme=dark] .lv .mkd__row u{background:#22222c;border-color:#2e2e38}
@media (prefers-color-scheme: dark){html:not([data-theme=light]) .lv .mkd__row u{background:#22222c;border-color:#2e2e38}}
html[data-theme=dark] .lv .hubmap:before{background-image:radial-gradient(circle,rgba(255,255,255,.05) 1px,transparent 1.6px)}
@media (prefers-color-scheme: dark){html:not([data-theme=light]) .lv .hubmap:before{background-image:radial-gradient(circle,rgba(255,255,255,.05) 1px,transparent 1.6px)}}
html[data-theme=dark] .lv .hubmap__lines>path{stroke:#2c2c36}
@media (prefers-color-scheme: dark){html:not([data-theme=light]) .lv .hubmap__lines>path{stroke:#2c2c36}}
.lv .section--feat{position:relative;overflow:hidden;isolation:isolate;--fb-card-bg:var(--card);--fb-card-bd:var(--line);--fb-card-sh:0 16px 38px -26px rgba(20,22,55,.22);--fb-card-sh-h:0 26px 50px -28px rgba(20,22,55,.3);--fb-sub:var(--muted);--fb-grid:rgba(20,22,50,.05);--fs-struct:rgba(22,22,34,.3);--fs-fillw:rgba(22,22,34,.07);--fs-soft-f:rgba(22,22,34,.035);--fs-soft-s:rgba(22,22,34,.16);--fs-ink:#15151c}
html[data-theme=dark] .lv .section--feat{--fb-card-bg:var(--card);--fb-card-bd:var(--line);--fb-card-sh:inset 0 1px 0 rgba(255,255,255,.05), 0 26px 50px -34px rgba(0,0,0,.95);--fb-card-sh-h:0 30px 54px -28px rgba(0,0,0,.92);--fb-sub:rgba(245,245,250,.55);--fb-grid:rgba(255,255,255,.04);--fs-struct:rgba(255,255,255,.18);--fs-fillw:rgba(255,255,255,.09);--fs-soft-f:rgba(255,255,255,.04);--fs-soft-s:rgba(255,255,255,.12);--fs-ink:#f1f2f7}
@media (prefers-color-scheme: dark){html:not([data-theme=light]) .lv .section--feat{--fb-card-bg:var(--card);--fb-card-bd:var(--line);--fb-card-sh:inset 0 1px 0 rgba(255,255,255,.05), 0 26px 50px -34px rgba(0,0,0,.95);--fb-card-sh-h:0 30px 54px -28px rgba(0,0,0,.92);--fb-sub:rgba(245,245,250,.55);--fb-grid:rgba(255,255,255,.04);--fs-struct:rgba(255,255,255,.18);--fs-fillw:rgba(255,255,255,.09);--fs-soft-f:rgba(255,255,255,.04);--fs-soft-s:rgba(255,255,255,.12);--fs-ink:#f1f2f7}}
.lv .section--feat>.container{position:relative;z-index:1}
.lv .section--feat .section__title{color:var(--ink);margin-bottom:14px}
.lv .feat-sub{max-width:540px;margin:0 auto 36px;text-align:center;font-size:16px;line-height:1.55;color:var(--fb-sub)}
.lv .feat-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.lv .feat-grid .fbcard{min-height:250px;padding:20px 18px 22px;border-radius:22px}
.lv .fb-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:6;display:flex;align-items:center;justify-content:center;pointer-events:none}
.lv .fb-logo:before{content:"";position:absolute;left:calc(50% - 78px);top:calc(50% - 78px);width:71px;height:71px;border-top:1px solid var(--line);border-left:1px solid var(--line);border-top-left-radius:46px;pointer-events:none;z-index:5}
.lv .fb-logo:after{content:"";position:absolute;left:calc(50% + 7px);top:calc(50% - 78px);width:71px;height:71px;border-top:1px solid var(--line);border-right:1px solid var(--line);border-top-right-radius:46px;pointer-events:none;z-index:5}
.lv .fb-logo__mark:before{content:"";position:absolute;left:calc(50% - 78px);top:calc(50% + 7px);width:71px;height:71px;border-bottom:1px solid var(--line);border-left:1px solid var(--line);border-bottom-left-radius:46px;pointer-events:none;z-index:5}
.lv .fb-logo__mark:after{content:"";position:absolute;left:calc(50% + 7px);top:calc(50% + 7px);width:71px;height:71px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);border-bottom-right-radius:46px;pointer-events:none;z-index:5}
.lv .fb-logo__mark{display:inline-flex;align-items:center;justify-content:center;width:124px;height:124px;border-radius:30px;background:linear-gradient(158deg,#1c1820,#0f0c13);border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 40px -16px #100c1a8c,inset 0 1px #ffffff1a}
.lv .fb-logo__mark svg{width:56px;height:auto;display:block;color:#fff;filter:drop-shadow(0 4px 12px rgba(250,100,31,.4))}
html[data-theme=dark] .lv .fb-logo__mark{background:linear-gradient(158deg,#fff,#f0eef4);border:1px solid rgba(0,0,0,.06);box-shadow:0 18px 40px -16px #0000008c,inset 0 1px #ffffffe6}
@media (prefers-color-scheme: dark){html:not([data-theme=light]) .lv .fb-logo__mark{background:linear-gradient(158deg,#fff,#f0eef4);border:1px solid rgba(0,0,0,.06);box-shadow:0 18px 40px -16px #0000008c,inset 0 1px #ffffffe6}}
html[data-theme=dark] .lv .fb-logo__mark svg{color:#15151c;filter:none}
@media (prefers-color-scheme: dark){html:not([data-theme=light]) .lv .fb-logo__mark svg{color:#15151c;filter:none}}
.lv .fb-logo__name,.lv .fb-logo__tag{display:none}
.lv .feat-grid .fbcard:nth-child(2),.lv .feat-grid .fbcard:nth-child(3),.lv .feat-grid .fbcard:nth-child(7),.lv .feat-grid .fbcard:nth-child(8){-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc4MDAnIGhlaWdodD0nODAwJyB2aWV3Qm94PScwIDAgODAwIDgwMCc+PHBhdGggZmlsbD0nI2ZmZicgZmlsbC1ydWxlPSdldmVub2RkJyBkPSdNMCAwIEg4MDAgVjgwMCBIMCBaIE0zNjggMzIyIEg0MzIgQTQ2IDQ2IDAgMCAxIDQ3OCAzNjggVjQzMiBBNDYgNDYgMCAwIDEgNDMyIDQ3OCBIMzY4IEE0NiA0NiAwIDAgMSAzMjIgNDMyIFYzNjggQTQ2IDQ2IDAgMCAxIDM2OCAzMjIgWicvPjwvc3ZnPg==);mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc4MDAnIGhlaWdodD0nODAwJyB2aWV3Qm94PScwIDAgODAwIDgwMCc+PHBhdGggZmlsbD0nI2ZmZicgZmlsbC1ydWxlPSdldmVub2RkJyBkPSdNMCAwIEg4MDAgVjgwMCBIMCBaIE0zNjggMzIyIEg0MzIgQTQ2IDQ2IDAgMCAxIDQ3OCAzNjggVjQzMiBBNDYgNDYgMCAwIDEgNDMyIDQ3OCBIMzY4IEE0NiA0NiAwIDAgMSAzMjIgNDMyIFYzNjggQTQ2IDQ2IDAgMCAxIDM2OCAzMjIgWicvPjwvc3ZnPg==);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:800px 800px;mask-size:800px 800px}
.lv .feat-grid .fbcard:nth-child(2){-webkit-mask-position:right -407px bottom -407px;mask-position:right -407px bottom -407px}
.lv .feat-grid .fbcard:nth-child(3){-webkit-mask-position:left -407px bottom -407px;mask-position:left -407px bottom -407px}
.lv .feat-grid .fbcard:nth-child(7){-webkit-mask-position:right -407px top -407px;mask-position:right -407px top -407px}
.lv .feat-grid .fbcard:nth-child(8){-webkit-mask-position:left -407px top -407px;mask-position:left -407px top -407px}
.lv .fbcard{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;min-height:314px;padding:25px 24px 0;border-radius:20px;background:var(--fb-card-bg);border:1px solid var(--fb-card-bd);box-shadow:var(--fb-card-sh);transition:transform .32s var(--ease),border-color .32s var(--ease),box-shadow .32s var(--ease)}
.lv .fbcard h3{font-size:18.5px;font-weight:650;letter-spacing:-.01em;color:var(--ink);margin:0 0 7px}
.lv .fbcard p{font-size:13.7px;line-height:1.5;color:var(--fb-sub);margin:0;max-width:30ch}
.lv .fbcard:hover{transform:translateY(-5px);border-color:var(--acc-line);box-shadow:var(--fb-card-sh-h),0 22px 60px -30px var(--acc-glow)}
.lv .fbcard--c1{--acc:#fa641f;--acc-line:rgba(250,100,31,.5);--acc-glow:rgba(250,100,31,.42)}
.lv .fbcard--c2{--acc:#7b5cff;--acc-line:rgba(123,92,255,.5);--acc-glow:rgba(123,92,255,.42)}
.lv .fbcard--c3{--acc:#3b82f6;--acc-line:rgba(59,130,246,.5);--acc-glow:rgba(59,130,246,.42)}
.lv .fbcard--c4{--acc:#10b3a3;--acc-line:rgba(16,179,163,.5);--acc-glow:rgba(16,179,163,.42)}
.lv .fbcard--c5{--acc:#ff5d8f;--acc-line:rgba(255,93,143,.5);--acc-glow:rgba(255,93,143,.42)}
.lv .sv2{--k-surf:#fff;--k-out:rgba(22,22,34,.8);--k-blk:#ececf2;--k-blk2:#dcdce6;--k-ink:#16161d;--k-code:#16161e;--k-code-out:transparent;--k-wabg:#efeae2;--k-wain:#fff;--k-waout:#d9fdd3;--k-wabar:rgba(17,27,33,.17);--shine:rgba(255,255,255,.42)}
html[data-theme=dark] .lv .sv2{--k-surf:#20202a;--k-out:rgba(255,255,255,.3);--k-blk:rgba(255,255,255,.1);--k-blk2:rgba(255,255,255,.19);--k-ink:#f2f2f7;--k-code:#0c0c11;--k-code-out:rgba(255,255,255,.13);--k-wabg:#0b141a;--k-wain:#202c33;--k-waout:#005c4b;--k-wabar:rgba(255,255,255,.5)}
@media (prefers-color-scheme: dark){html:not([data-theme=light]) .lv .sv2{--k-surf:#20202a;--k-out:rgba(255,255,255,.3);--k-blk:rgba(255,255,255,.1);--k-blk2:rgba(255,255,255,.19);--k-ink:#f2f2f7;--k-code:#0c0c11;--k-code-out:rgba(255,255,255,.13);--k-wabg:#0b141a;--k-wain:#202c33;--k-waout:#005c4b;--k-wabar:rgba(255,255,255,.5)}}
.lv .sv2 .sv-c1{--acc:#fa641f;--acc-soft:#ffede3;--acc-line:rgba(250,100,31,.5);--acc-glow:rgba(250,100,31,.36)}
.lv .sv2 .sv-c2{--acc:#7b5cff;--acc-soft:#eeeaff;--acc-line:rgba(123,92,255,.5);--acc-glow:rgba(123,92,255,.36)}
.lv .sv2 .sv-c3{--acc:#3b82f6;--acc-soft:#e6efff;--acc-line:rgba(59,130,246,.5);--acc-glow:rgba(59,130,246,.36)}
.lv .sv2 .sv-c4{--acc:#10b3a3;--acc-soft:#dcf5f1;--acc-line:rgba(16,179,163,.5);--acc-glow:rgba(16,179,163,.36)}
.lv .sv2 .sv-c5{--acc:#ff5d8f;--acc-soft:#ffe7ee;--acc-line:rgba(255,93,143,.5);--acc-glow:rgba(255,93,143,.36)}
html[data-theme=dark] .lv .sv2 .sv-c1{--acc-soft:rgba(250,100,31,.17)}
html[data-theme=dark] .lv .sv2 .sv-c2{--acc-soft:rgba(123,92,255,.2)}
html[data-theme=dark] .lv .sv2 .sv-c3{--acc-soft:rgba(59,130,246,.2)}
html[data-theme=dark] .lv .sv2 .sv-c4{--acc-soft:rgba(16,179,163,.2)}
html[data-theme=dark] .lv .sv2 .sv-c5{--acc-soft:rgba(255,93,143,.2)}
@media (prefers-color-scheme: dark){html:not([data-theme=light]) .lv .sv2 .sv-c1{--acc-soft:rgba(250,100,31,.17)}html:not([data-theme=light]) .lv .sv2 .sv-c2{--acc-soft:rgba(123,92,255,.2)}html:not([data-theme=light]) .lv .sv2 .sv-c3{--acc-soft:rgba(59,130,246,.2)}html:not([data-theme=light]) .lv .sv2 .sv-c4{--acc-soft:rgba(16,179,163,.2)}html:not([data-theme=light]) .lv .sv2 .sv-c5{--acc-soft:rgba(255,93,143,.2)}}
.lv .sv2 .sv-scene{position:relative;display:block;width:100%;height:128px;color:var(--acc)}
.lv .sv2 .sv-scene>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.lv .sv2 .sv-scene:before{content:"";position:absolute;left:50%;top:55%;width:68%;height:70%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,var(--acc-glow),transparent 72%);opacity:.26;filter:blur(14px);pointer-events:none;transition:opacity .34s var(--ease)}
.lv .sv2 .sv-card:hover .sv-scene:before{opacity:.46}
.lv .sv2 .k-surf{fill:var(--k-surf);stroke:var(--k-out);stroke-width:1.5}
.lv .sv2 .k-thick{stroke-width:1.9}
.lv .sv2 .k-blk{fill:var(--k-blk)}
.lv .sv2 .k-blk2{fill:var(--k-blk2)}
.lv .sv2 .k-ink{fill:var(--k-ink)}
.lv .sv2 .k-acc{fill:var(--acc)}
.lv .sv2 .k-soft{fill:var(--acc-soft)}
.lv .sv2 .k-wht{fill:#fff}
.lv .sv2 .k-line{fill:none;stroke:var(--k-blk2);stroke-width:1.3}
.lv .sv2 .k-accline{stroke:var(--acc);stroke-width:1.3}
.lv .sv2 .k-inks{fill:none;stroke:var(--k-ink);stroke-width:1.8;stroke-linecap:round}
.lv .sv2 .k-whts{fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.lv .sv2 .k-thin{stroke-width:1.4}
.lv .sv2 .k-guide{stroke:#ff5d8f;stroke-width:1;stroke-dasharray:3 3;opacity:0}
.lv .sv2 .k-sel{fill:none;stroke:var(--acc);stroke-width:1.4}
.lv .sv2 .k-handle{fill:#fff;stroke:var(--acc);stroke-width:1.4}
.lv .sv2 .k-cursor{fill:var(--k-ink);stroke:var(--k-surf);stroke-width:1.2;stroke-linejoin:round}
.lv .sv2 .k-code{fill:var(--k-code);stroke:var(--k-code-out);stroke-width:1}
.lv .sv2 .k-tick{stroke:var(--k-blk2);stroke-width:2;stroke-linecap:round}
.lv .sv2 .k-streak line{stroke:var(--acc);stroke-width:2.4;stroke-linecap:round}
.lv .sv2 .k-needle{stroke:var(--k-ink);stroke-width:3.4;stroke-linecap:round}
.lv .sv2 .k-glow{filter:drop-shadow(0 4px 9px var(--acc-glow))}
.lv .sv2 .k-ring{fill:none;stroke:var(--acc);stroke-width:1.2}
.lv .sv2 .k-check{fill:none;stroke:#fff;stroke-width:4.2;stroke-linecap:round;stroke-linejoin:round}
.lv .sv2 .a-draw{stroke-dasharray:1 2;stroke-dashoffset:0}
.lv .sv2 .k-wabg{fill:var(--k-wabg)}
.lv .sv2 .k-wain{fill:var(--k-wain)}
.lv .sv2 .k-waout{fill:var(--k-waout)}
.lv .sv2 .k-wabar{fill:var(--k-wabar)}
.lv .sv2 .k-wamark{fill:#25d366;filter:drop-shadow(0 5px 10px rgba(37,211,102,.38))}
.lv .sv2 .k-typing{opacity:0}
.lv .sv2 .sv-scene [class*="a-"],.lv .sv2 .sv-scene [class*="i-"]{transform-box:fill-box;transform-origin:center}
.lv .sv2 .sv-scene .a-needle{transform-box:view-box;transform-origin:130px 103px;transform:rotate(58deg)}
.lv .sv2 .sv-scene .i-flicker{transform-origin:50% 0}
.lv .sv2--armed .sv-scene .a-rise,.lv .sv2--armed .sv-scene .a-in,.lv .sv2--armed .sv-scene .a-fade,.lv .sv2--armed .sv-scene .a-wipe,.lv .sv2--armed .sv-scene .a-pop,.lv .sv2--armed .sv-scene .a-slide,.lv .sv2--armed .sv-scene .a-cursor,.lv .sv2--armed .sv-scene .a-launch,.lv .sv2--armed .sv-scene .a-puff,.lv .sv2--armed .sv-scene .a-streak,.lv .sv2--armed .sv-scene .a-ring{opacity:0}
.lv .sv2--armed .sv-scene .a-wipe{clip-path:inset(0 100% 0 0)}
.lv .sv2--armed .sv-scene .a-draw{stroke-dashoffset:1.05}
.lv .sv2--armed .sv-scene .a-needle{transform:rotate(-78deg)}
.lv .sv2 .sv-scene.is-play .a-rise{animation:sv-rise .6s var(--ease) var(--d,0s) both}
.lv .sv2 .sv-scene.is-play .a-in{animation:sv-in .6s var(--ease) var(--d,0s) both}
.lv .sv2 .sv-scene.is-play .a-fade{animation:sv-fade .5s var(--ease) var(--d,0s) both}
.lv .sv2 .sv-scene.is-play .a-pop{animation:sv-pop .52s var(--ease) var(--d,0s) both}
.lv .sv2 .sv-scene.is-play .a-wipe{animation:sv-wipe .55s var(--ease) var(--d,0s) both}
.lv .sv2 .sv-scene.is-play .a-slide{animation:sv-slide .62s var(--ease) var(--d,0s) both}
.lv .sv2 .sv-scene.is-play .a-cursor{animation:sv-cursor .7s var(--ease) var(--d,0s) both}
.lv .sv2 .sv-scene.is-play .a-flash{animation:sv-flash .8s var(--ease) var(--d,0s) both}
.lv .sv2 .sv-scene.is-play .a-up{animation:sv-up .78s var(--ease) var(--d,0s) both}
.lv .sv2 .sv-scene.is-play .a-down{animation:sv-down .78s var(--ease) var(--d,0s) both}
.lv .sv2 .sv-scene.is-play .a-needle{animation:sv-needle 1.05s var(--ease) var(--d,0s) both}
.lv .sv2 .sv-scene.is-play .a-streak{animation:sv-streak .5s var(--ease) var(--d,0s) both}
.lv .sv2 .sv-scene.is-play .a-shackle{animation:sv-shackle .42s var(--ease) var(--d,0s) both}
.lv .sv2 .sv-scene.is-play .a-ring{animation:sv-ring 1.1s var(--ease) var(--d,0s) both}
.lv .sv2 .sv-scene.is-play .a-draw{animation:sv-draw .6s var(--ease) var(--d,0s) both}
.lv .sv2 .sv-scene.is-play .a-launch{animation:sv-launch .85s var(--ease) var(--d,0s) both}
.lv .sv2 .sv-scene.is-play .a-puff{animation:sv-puff .7s var(--ease) var(--d,0s) both}
.lv .sv2 .sv-scene.is-play .a-typing{animation:sv-typing .74s linear var(--d,0s) both}
.lv .sv2 .sv-scene.is-play .a-dot{animation:sv-dot .42s ease-in-out var(--d,0s) 2}
.lv .sv2 .sv-scene.is-play .i-blink{animation:sv-blink 1.1s steps(1,end) 1.6s infinite}
.lv .sv2 .sv-scene.is-play .i-float{animation:sv-float 4.2s ease-in-out 1.4s infinite}
.lv .sv2 .sv-scene.is-play .i-flicker{animation:sv-flicker .46s ease-in-out infinite}
.lv .sv2--armed:not(.sv2--live) .sv-scene .i-blink,.lv .sv2--armed:not(.sv2--live) .sv-scene .i-float,.lv .sv2--armed:not(.sv2--live) .sv-scene .i-flicker{animation-play-state:paused}
@keyframes sv-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes sv-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
@keyframes sv-fade{0%{opacity:0}to{opacity:1}}
@keyframes sv-pop{0%{opacity:0;transform:scale(.3)}62%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}
@keyframes sv-wipe{0%{opacity:0;clip-path:inset(0 100% 0 0)}10%{opacity:1}to{opacity:1;clip-path:inset(0 0 0 0)}}
@keyframes sv-slide{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}
@keyframes sv-cursor{0%{opacity:0;transform:translate(24px,14px)}25%{opacity:1}to{opacity:1;transform:none}}
@keyframes sv-flash{0%{opacity:0}30%{opacity:.9}70%{opacity:.9}to{opacity:0}}
@keyframes sv-up{0%{transform:translateY(60px)}to{transform:none}}
@keyframes sv-down{0%{transform:translateY(-30px)}to{transform:none}}
@keyframes sv-needle{0%{transform:rotate(-78deg);animation-timing-function:ease-in-out}66%{transform:rotate(67deg)}84%{transform:rotate(55deg)}to{transform:rotate(58deg)}}
@keyframes sv-streak{0%{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:none}}
@keyframes sv-shackle{0%{transform:translateY(-3.5px)}70%{transform:translateY(.6px)}to{transform:none}}
@keyframes sv-ring{0%{opacity:0;transform:scale(.6)}55%{opacity:.5}to{opacity:1;transform:scale(1)}}
@keyframes sv-draw{0%{stroke-dashoffset:1.05}to{stroke-dashoffset:0}}
@keyframes sv-launch{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes sv-puff{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}
@keyframes sv-typing{0%{opacity:0}12%{opacity:1}84%{opacity:1}to{opacity:0}}
@keyframes sv-dot{0%,60%,to{transform:none}30%{transform:translateY(-2.5px)}}
@keyframes sv-blink{0%{opacity:1}50%{opacity:0}}
@keyframes sv-float{0%,to{transform:none}50%{transform:translateY(-3px)}}
@keyframes sv-flicker{0%,to{transform:scaleY(1)}50%{transform:scaleY(.8)}}
@media (prefers-reduced-motion: reduce){.lv .sv2 .sv-scene *{animation:none!important}}
.lv .sv2 .sv-glint{position:relative}
.lv .sv2 .sv-shine{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none}
.lv .sv2 .sv-shine:before{content:"";position:absolute;top:-25%;bottom:-25%;left:-55%;width:42%;background:linear-gradient(100deg,transparent,var(--shine),transparent);transform:skewX(-14deg);opacity:0}
.lv .sv2 .sv-glint.is-glint .sv-shine:before{animation:sv-glint 1.2s var(--ease) both}
@keyframes sv-glint{0%{opacity:0;transform:translateX(0) skewX(-14deg)}14%{opacity:1}to{opacity:0;transform:translateX(430%) skewX(-14deg)}}
html[data-theme=dark] .lv .sv2 .fb-logo__mark{--shine:rgba(250,100,31,.22)}
@media (prefers-color-scheme: dark){html:not([data-theme=light]) .lv .sv2 .fb-logo__mark{--shine:rgba(250,100,31,.22)}}
.lv .sv2--ring .feat-grid .fbcard{min-height:0;padding:20px}
.lv .sv2--ring .feat-grid .fbcard:hover{transform:none}
.lv .sv2--ring .fbcard p{margin-bottom:16px}
.lv .sv2--ring .sv-scene{margin-top:auto}
.lv .sv2--ring .feat-grid .fb-logo~.fbcard p{margin-bottom:0}
.lv .sv2--ring .feat-grid .fb-logo~.fbcard .sv-scene{order:-1;margin:0 0 16px}
.lv .sv2--ring .feat-grid .fb-logo~.fbcard h3{margin-top:0}
@media (min-width: 921px){.lv .sv2--ring .feat-grid{grid-auto-rows:1fr}}
@media (min-width: 921px){.lv .sv2--ring .feat-grid .fbcard:nth-child(2) .sv-scene{transform:translateX(-26px)}.lv .sv2--ring .feat-grid .fbcard:nth-child(3) .sv-scene{transform:translateX(28px)}.lv .sv2--ring .feat-grid .fbcard:nth-child(8) .sv-scene{transform:translateX(20px)}}
@media (max-width: 920px){.lv .sv2--ring .sv-scene{height:auto;aspect-ratio:260 / 128}.lv .sv2--ring .feat-grid .fb-logo~.fbcard .sv-scene{order:0;margin:auto 0 0}.lv .sv2--ring .feat-grid .fb-logo~.fbcard p{margin-bottom:16px}}
@media (max-width: 767px){
.lv #services.sv2--ring .fbcard{padding:14px 12px 14px}
.lv #services.sv2--ring .sv-scene,.lv #services.sv2--ring .feat-grid .fb-logo~.fbcard .sv-scene{order:-1;margin:0 0 12px}
.lv #services.sv2--ring .fbcard p,.lv #services.sv2--ring .feat-grid .fb-logo~.fbcard p{margin-bottom:0}
}
@media (max-width: 920px){
.lv .feat-grid{grid-template-columns:repeat(2,1fr)}
.lv .fb-logo{position:static;transform:none;grid-column:1 / -1;padding:8px 0;pointer-events:auto}
.lv .feat-grid .fbcard:nth-child(2),.lv .feat-grid .fbcard:nth-child(3),.lv .feat-grid .fbcard:nth-child(7),.lv .feat-grid .fbcard:nth-child(8){-webkit-mask:none;mask:none}
.lv .fb-logo:before,.lv .fb-logo:after,.lv .fb-logo__mark:before,.lv .fb-logo__mark:after{display:none}
}
@media (max-width: 560px){
.lv .feat-grid{grid-template-columns:1fr;max-width:420px;margin-left:auto;margin-right:auto}
.lv .fb-logo__mark{width:100%}
}
.lv .mkp__status small,.lv .mks__top small,.lv .mk3__total span,.lv .fbcard p,.lv .mk2__t,.lv .mk3__t,.lv .mk1__k,.lv .mk1__v small,.lv .mkd__bar b,.lv .bento__panel h3 em,.lv .mkc__chips span,.lv .mkd__btn{background-image:linear-gradient(#fff0,#fff0)!important}
.lv .mkc__chips span,.lv .mkd__bar b,.lv .mkd__btn{position:relative}
.lv .bento__see{display:none}
.lv .bento__demo{display:contents}
@media (max-width: 767px){
.lv .container{padding:0 20px}
.lv .section{padding:56px 0}
.lv .hero__copy{text-align:center}
.lv #services .feat-grid{grid-template-columns:repeat(2,1fr);gap:10px;max-width:none;margin:0}
.lv #services .fb-logo{display:none}
.lv #services .feat-grid .fbcard:nth-child(2),.lv #services .feat-grid .fbcard:nth-child(3),.lv #services .feat-grid .fbcard:nth-child(7),.lv #services .feat-grid .fbcard:nth-child(8){-webkit-mask:none;mask:none}
.lv #services .fbcard{min-height:0;padding:15px 14px;border-radius:16px}
.lv #services .feat-grid .fb-logo~.fbcard h3{margin-top:0}
.lv #services .fbcard h3{font-size:14.5px;margin:0 0 3px}
.lv #services .fbcard p{font-size:12.5px;line-height:1.4;max-width:none}
.lv #services .feat-sub{margin-bottom:24px;font-size:15px}
.lv #solutions .bento{grid-template-columns:1fr;gap:14px;margin-top:8px}
.lv #solutions .bento__panel{padding:20px 20px 18px}
.lv #solutions .bento__panel h3,.lv #solutions .bento__panel--n h3{font-size:18px}
.lv #solutions .bento__panel>p{font-size:14px;max-width:none;margin-top:6px}
.lv #solutions .bento__panel--c3 .mke__caps{display:none}
.lv #solutions .bento__see{display:flex;align-items:center;justify-content:flex-end;width:100%;min-height:44px;margin:-8px 0 -10px;padding:0 2px;background:none;border:0;cursor:pointer;color:var(--orange-700);-webkit-tap-highlight-color:transparent;transition:color .25s var(--ease)}
.lv #solutions .bento__see:hover{color:var(--orange-600)}
.lv #solutions .bento__see-ic{position:relative;flex:none;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;border-radius:1px;transform:translateY(-2px) rotate(45deg);transition:transform .3s var(--ease)}
.lv #solutions .bento__panel.is-open .bento__see-ic{transform:translateY(1px) rotate(-135deg)}
.lv #solutions .bento__demo{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--ease)}
.lv #solutions .bento__panel.is-open .bento__demo{grid-template-rows:1fr}
.lv #solutions .bento__demo>.bento__mock{min-height:0;overflow:hidden;margin-top:0;padding-top:0;opacity:0;transition:opacity .4s var(--ease)}
.lv #solutions .bento__panel.is-open .bento__demo>.bento__mock{opacity:1}
.lv #process .section__head{margin-bottom:22px}
.lv #process .hubmap{height:340px;margin-top:14px}
.lv #process .hub-ic{width:58px;height:58px;border-radius:14px}
.lv #process .hub-ic svg{width:30px}
.lv #process .hubnode__circle{width:46px;height:46px}
.lv #process .hubnode__circle .icon-badge svg{width:19px;height:19px}
.lv #process .hubnode__n{width:19px;height:19px;font-size:12.5px;top:-4px;right:-4px}
.lv #process .hubnode__cap{top:calc(100% + 4px);max-width:96px}
.lv #process .hubnode__cap b{font-size:13px;line-height:1.15}
.lv #process .hubnode__cap span{font-size:12.5px;line-height:1.25;margin-top:1px}
.lv #process .feat3{margin-top:40px;gap:14px}
.lv #process .featc{padding:16px 16px 16px;border-radius:20px}
.lv #process .featc__head{gap:10px;margin-bottom:5px}
.lv #process .featc__head .icon-badge{width:32px;height:32px}
.lv #process .featc__head .icon-badge svg{width:17px;height:17px}
.lv #process .featc h3{font-size:15px}
.lv #process .featc__sub{font-size:12.75px;line-height:1.45;margin-bottom:10px}
.lv #process .featc__mock{padding:9px;border-radius:14px;line-height:1.35}
.lv #process .mk1__bar{margin-bottom:6px}
.lv #process .mk1__hi{margin-bottom:6px}
.lv #process .mk1__tiles{gap:7px;margin-bottom:8px}
.lv #process .mk1__tile{padding:5px 8px}
.lv #process .mk1__rows{gap:3px}
.lv #process .mk1__rows i{height:5px}
.lv #process .mk2__t{margin-bottom:8px}
.lv #process .mk2__row{margin-bottom:6px}
.lv #process .mk2__bar{height:5px}
.lv #process .mk3__t{margin-bottom:8px}
.lv #process .mk3__li{padding:4px 0}
.lv #process .mk3__total{padding-top:6px;font-size:13px}
.lv .mk1__hi{font-size:12.5px}
.lv .mk1__k{font-size:12.5px}
.lv .mk1__v small{font-size:12.5px}
.lv .mk2__t,.lv .mk2__row span{font-size:12.5px}
.lv .mk3__t{font-size:12.5px}
.lv .mkc__chips span{font-size:12.5px}
}
@media (max-width: 366px){
.lv #process .hubnode__cap{max-width:80px}
}
.lv #home{isolation:isolate;--card-top:6px;--card-x:6px;--card-r:25px}
@media (max-width: 920px){
.lv #home{--card-top:2px;--card-x:2px;--card-r:20px}
}
.lv #home::before{background:none}
.lv[data-lv=solutions]>.section{padding-top:0}
.lv{--maxw-wide:1520px}
.lv .container--wide{max-width:var(--maxw-wide)}
@media (min-width: 1201px){
.lv .container--wide{padding-left:clamp(24px, calc(24px + (100vw - 1200px) * .1), 64px);padding-right:clamp(24px, calc(24px + (100vw - 1200px) * .1), 64px)}
}
.lv .container--wide .section__sub,.lv .container--wide .feat-sub{max-width:720px}
.lv .container--wide .bento__panel p{max-width:46ch}
.lv{--edge-fade:linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent)}
.lv{--blur-reach:150px}
@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);
container-type: inline-size;
}
.nav__inner:where(:not(.lv, .lv *)) {
position: relative; isolation: isolate;
width: min(var(--wrap), calc(100% - 2 * var(--nav-gap)));
height: 100%;
margin-inline: auto;
display: flex; align-items: center; justify-content: space-between; gap: 16px;
padding-inline: 16px;
}
@media (min-width: 768px) {
.nav__inner:where(:not(.lv, .lv *)) {
padding-inline: calc(
max(var(--gutter), (100cqw - var(--wrap)) / 2 + var(--gutter)) -
max(var(--nav-gap), (100cqw - var(--wrap)) / 2)
);
}
}
.nav__glass:where(:not(.lv, .lv *)) {
position: absolute; inset: 0; z-index: -1;
border-radius: 999px;
background: var(--card);
border: 1px solid var(--hairline);
box-shadow: var(--shadow-nav);
pointer-events: none;
}
@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)) {
.nav__glass:where(:not(.lv, .lv *)) {
background: var(--glass);
-webkit-backdrop-filter: blur(18px);
backdrop-filter: blur(18px);
}
}
.nav .sm-brand:where(:not(.lv, .lv *)) { --s: 1; }
@media (max-width: 767px) { .nav .sm-brand:where(:not(.lv, .lv *)) { --s: 0.8; } }
.nav__menu:where(:not(.lv, .lv *)) { margin-left: auto; }
.nav__toggle:where(:not(.lv, .lv *)) {
display: inline-flex; align-items: center; gap: 7px;
height: 44px; padding: 0 16px 0 18px;
border-radius: 999px;
border: 1px solid var(--hairline);
background: var(--card);
color: var(--ink);
font-size: 15px; font-weight: 500; line-height: 1;
transition: border-color 0.15s var(--ease-out-quart), transform 0.15s var(--ease-out-quart);
}
.nav__toggle .ic:where(:not(.lv, .lv *)) { width: 14px; height: 14px; transition: transform 0.2s var(--ease-out-quart); }
.nav__toggle[aria-expanded="true"]:where(:not(.lv, .lv *)) { border-color: var(--hairline-strong); }
.nav__toggle[aria-expanded="true"] .ic:where(:not(.lv, .lv *)) { transform: rotate(180deg); }
.nav__toggle:active:where(:not(.lv, .lv *)) { transform: scale(0.97); }
@media (hover: hover) and (pointer: fine) {
.nav__toggle:hover:where(:not(.lv, .lv *)) { border-color: var(--accent); }
}
.nav__panel:where(:not(.lv, .lv *)) {
position: absolute; right: 0; top: calc(var(--nav-h) + 12px);
width: min(304px, calc(100vw - 2 * var(--nav-gap)));
display: flex; flex-direction: column; gap: 4px;
padding: 18px 12px 20px;
border-radius: var(--r-card);
background: var(--card);
border: 1px solid var(--hairline);
box-shadow: var(--shadow-pop);
transform-origin: top right;
max-height: calc(100vh - var(--nav-h) - var(--nav-top) - 28px);
max-height: calc(100dvh - var(--nav-h) - var(--nav-top) - 28px);
overflow-y: auto; overscroll-behavior: contain;
}
.nav__panel[hidden]:where(:not(.lv, .lv *)) { display: none; }
@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)) {
.nav__panel:where(:not(.lv, .lv *)) {
background: var(--glass-panel);
-webkit-backdrop-filter: blur(22px);
backdrop-filter: blur(22px);
}
}
.nav__links:where(:not(.lv, .lv *)) { display: flex; flex-direction: column; }
.nav__links a:where(:not(.lv, .lv *)) {
position: relative;
padding: 12px 8px 13px;
border-radius: 10px;
color: var(--body); font-size: 15px; font-weight: 500; line-height: 1.4;
transition: color 0.15s var(--ease-out-quart);
}
.nav__links a:where(:not(.lv, .lv *))::after {
content: ""; position: absolute; left: 8px; right: 8px; bottom: 0; height: 1px; background: var(--hairline);
}
.nav__links a:focus-visible:where(:not(.lv, .lv *)) { outline-offset: -2px; }
.nav__links a:active:where(:not(.lv, .lv *)) { color: var(--ink); background: var(--raised); }
@media (hover: hover) and (pointer: fine) {
.nav__links a:hover:where(:not(.lv, .lv *)) { color: var(--ink); }
}
.cta--panel:where(:not(.lv, .lv *)) { width: calc(100% - 16px); margin: 14px 8px 0; padding-inline: 20px; }
.nav__tools:where(:not(.lv, .lv *)) { display: flex; gap: 12px; padding: 14px 8px 0; }
.lang-toggle:where(:not(.lv, .lv *)) {
flex: 1 1 auto;
display: inline-flex; align-items: center; justify-content: center;
height: 44px; padding: 0 16px;
border-radius: 999px;
background: var(--raised);
border: 1px solid var(--hairline);
color: var(--ink);
font-size: 15px; font-weight: 500; line-height: 1;
transition: border-color 0.15s var(--ease-out-quart), transform 0.15s var(--ease-out-quart);
}
.lang-toggle:active:where(:not(.lv, .lv *)) { transform: scale(0.97); }
@media (hover: hover) and (pointer: fine) {
.lang-toggle:hover:where(:not(.lv, .lv *)) { border-color: var(--accent); }
}
.theme-toggle:where(:not(.lv, .lv *)) {
position: relative;
display: inline-flex; align-items: center; justify-content: center;
width: 44px; height: 44px;
border-radius: 50%;
background: var(--raised);
border: 1px solid var(--hairline);
color: var(--ink);
transition: border-color 0.15s var(--ease-out-quart), transform 0.15s var(--ease-out-quart);
}
.theme-toggle:active:where(:not(.lv, .lv *)) { transform: scale(0.97); }
.theme-toggle:only-child:where(:not(.lv, .lv *)) { flex: 1 1 auto; width: auto; border-radius: 999px; }
.theme-toggle:only-child:where(:not(.lv, .lv *))::before {
content: ""; position: absolute; top: 3px; bottom: 3px; left: 3px; width: calc(50% - 3px);
border-radius: 999px; background: var(--card);
box-shadow: 0 1px 3px rgb(0 0 0 / 0.14), 0 0 0 1px var(--hairline);
transition: transform 0.28s var(--ease-out-expo);
}
.theme-toggle:only-child[aria-pressed="true"]:where(:not(.lv, .lv *))::before { transform: translateX(100%); }
.theme-toggle:only-child .ic:where(:not(.lv, .lv *)) { top: 50%; margin: -10px 0 0 -10px; opacity: 0.45; transform: none; }
.theme-toggle:only-child .ic-sun:where(:not(.lv, .lv *)) { left: 25%; }
.theme-toggle:only-child .ic-moon:where(:not(.lv, .lv *)) { left: 75%; }
.theme-toggle:only-child .ic-sun:where(:not(.lv, .lv *)), .theme-toggle:only-child[aria-pressed="true"] .ic-moon:where(:not(.lv, .lv *)) { opacity: 1; }
.theme-toggle:only-child[aria-pressed="true"] .ic-sun:where(:not(.lv, .lv *)) { opacity: 0.45; transform: none; }
@media (hover: hover) and (pointer: fine) {
.theme-toggle:hover:where(:not(.lv, .lv *)) { border-color: var(--accent); }
}
.theme-toggle .ic:where(:not(.lv, .lv *)) {
position: absolute; width: 20px; height: 20px;
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; }
.nav__toggle--nojs:where(:not(.lv, .lv *)), .nav__close:where(:not(.lv, .lv *)) { display: none; }
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: inline-flex; }
html:not([data-theme]):not(.js) #menuPanel:target:where(:not(.lv, .lv *)) { display: flex; }
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) + 12px); }
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) - 44px) / 2); }
html:not([data-theme]):not(.js) .nav__menu:has(#menuPanel:target) .nav__toggle--nojs:where(:not(.lv, .lv *)) { border-color: var(--hairline-strong); }
html:not([data-theme]):not(.js) .nav__menu:has(#menuPanel:target) .nav__toggle--nojs .ic:where(:not(.lv, .lv *)) { transform: rotate(180deg); }
html:not([data-theme]):not(.js) .nav__tools:where(:not(.lv, .lv *)) { display: none; }
html:not([data-theme]):not(.js) .nav__close:where(:not(.lv, .lv *)) {
display: inline-flex; align-items: center; justify-content: center;
height: 44px; margin: 14px 8px 0; padding: 0 16px;
border-radius: 999px;
background: var(--raised);
border: 1px solid var(--hairline);
color: var(--ink);
font-size: 15px; font-weight: 500; line-height: 1;
}
html:not([data-theme]):not(.js) .nav__close:active:where(:not(.lv, .lv *)) { transform: scale(0.97); }
@media (hover: hover) and (pointer: fine) {
html:not([data-theme]):not(.js) .nav__close:hover:where(:not(.lv, .lv *)) { border-color: var(--accent); }
}
@media (max-width: 767px) and (pointer: coarse) {
html.menu-open:where(:not(.lv, .lv *)) { overflow: hidden; }
}
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 60s 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));
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-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--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; }
}
.statement:where(:not(.lv, .lv *)) { text-align: center; overflow: hidden; }
.statement__frame:where(:not(.lv, .lv *)) { position: relative; z-index: 1; }
.statement__frame > .lit:where(:not(.lv, .lv *)) { max-width: calc(960px - 2 * var(--gutter)); margin-inline: auto; }
.lit:where(:not(.lv, .lv *)) {
position: relative;
font-size: clamp(28px, 4vw, 43px);
font-weight: 700;
line-height: 1.1;
letter-spacing: -0.02em;
color: var(--ink);
text-wrap: balance;
}
.lit__w:where(:not(.lv, .lv *)) { opacity: 1; }
.lit.is-split .lit__src:where(:not(.lv, .lv *)) { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
[data-lang="bn"] .lit:where(:not(.lv, .lv *)) { letter-spacing: -0.01em; line-height: 1.28; }
.lit.is-lit-on .lit__w:where(:not(.lv, .lv *)) { opacity: clamp(0.2, calc(0.2 + (var(--lit, 1.1) - var(--i, 0)) * 9), 1); }
.plans:where(:not(.lv, .lv *)) { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; align-items: stretch; }
.plan:where(:not(.lv, .lv *)) { display: flex; flex-direction: column; padding: 32px 28px 28px; }
.plan--featured:where(:not(.lv, .lv *)) {
border-color: transparent;
box-shadow: 0 0 0 1.5px var(--accent), var(--shadow-lift);
}
.plan__badge:where(:not(.lv, .lv *)) {
position: absolute; top: 20px; right: 20px;
padding: 6px 13px; border-radius: 999px;
background: var(--grad); color: var(--on-grad);
font-size: 11.5px; font-weight: 700; letter-spacing: 0.02em; line-height: 1.65;
box-shadow: 0 12px 28px -8px rgb(250 100 31 / 0.4);
}
@media (max-width: 767px) { .plan__badge:where(:not(.lv, .lv *)) { font-size: 12.5px; } }
.plan__name:where(:not(.lv, .lv *)) { font-size: 18px; font-weight: 600; line-height: 1.14; letter-spacing: -0.01em; color: var(--ink); padding-right: 96px; }
.plan:not(.plan--featured) .plan__name:where(:not(.lv, .lv *)) { padding-right: 0; }
.plan__desc:where(:not(.lv, .lv *)) { margin-top: 8px; min-height: 48px; font-size: 14.5px; line-height: 1.65; color: var(--body); }
.plan__price:where(:not(.lv, .lv *)) {
display: flex; flex-direction: column; gap: 4px;
margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--hairline);
}
.plan__note:where(:not(.lv, .lv *)) {
font-size: 11.5px; font-weight: 600; letter-spacing: 0.09em; text-transform: uppercase; line-height: 1.65;
color: var(--muted);
}
@media (max-width: 767px) { .plan__note:where(:not(.lv, .lv *)) { font-size: 12.5px; letter-spacing: 0.09em; } }
.plan__amount:where(:not(.lv, .lv *)) { font-size: 36px; font-weight: 700; line-height: 1.05; letter-spacing: -0.035em; color: var(--ink); }
.plan__list:where(:not(.lv, .lv *)) { flex: 1; display: flex; flex-direction: column; gap: 11px; margin: 22px 0 28px; }
.plan__list li:where(:not(.lv, .lv *)) { display: flex; align-items: flex-start; gap: 10px; font-size: 14px; line-height: 1.65; color: var(--body); }
.plan__list .tick:where(:not(.lv, .lv *)) {
flex: none; display: grid; place-items: center;
width: 20px; height: 20px; margin-top: 1.5px; border-radius: 50%;
background: var(--accent-tint); color: var(--accent-700);
}
.plan__list .tick .ic:where(:not(.lv, .lv *)) { width: 11px; height: 11px; }
.plan__list .more:where(:not(.lv, .lv *)) { color: var(--muted); padding-left: 30px; }
.plan__care:where(:not(.lv, .lv *)) { font-size: 14.5px; line-height: 1.65; color: var(--body); }
@media (min-width: 960px) { .plan__price:where(:not(.lv, .lv *)) { min-height: 110px; } }
.care:where(:not(.lv, .lv *)) { display: flex; align-items: center; gap: 16px 32px; margin-top: 20px; padding: 24px 28px; }
.care__copy:where(:not(.lv, .lv *)) { flex: 1; min-width: 0; }
.care .plan__name:where(:not(.lv, .lv *)) { padding-right: 0; }
.care__desc:where(:not(.lv, .lv *)) { margin-top: 6px; font-size: 14.5px; line-height: 1.65; color: var(--body); }
.care__price:where(:not(.lv, .lv *)) { display: flex; align-items: baseline; gap: 8px; white-space: nowrap; }
.care .btn:where(:not(.lv, .lv *)) { flex: none; }
@media (max-width: 959px) {
.plans:where(:not(.lv, .lv *)) { grid-template-columns: minmax(0, 1fr); max-width: 560px; margin-inline: auto; }
.plan__desc:where(:not(.lv, .lv *)) { min-height: 0; }
.care:where(:not(.lv, .lv *)) { flex-wrap: wrap; max-width: 560px; margin-inline: auto; }
.care__copy:where(:not(.lv, .lv *)) { flex-basis: 100%; }
.care .btn:where(:not(.lv, .lv *)) { margin-left: auto; }
}
@media (max-width: 479px) {
.plan:where(:not(.lv, .lv *)) { padding-inline: 22px; }
.care:where(:not(.lv, .lv *)) { padding-inline: 22px; }
.care .btn:where(:not(.lv, .lv *)) { width: 100%; margin-left: 0; }
}
.cmp-stage:where(:not(.lv, .lv *)) { max-width: 1040px; margin-inline: auto; }
.cmp:where(:not(.lv, .lv *)) {
--cmp-inset: 6px; --cmp-ring: 1px; --cmp-head-pad: 18px;
position: relative;
display: grid;
grid-template-columns: 0.9fr 1.15fr 1.35fr;
grid-template-rows: repeat(var(--rows), auto);
background: var(--cmp-ground);
border: 1px solid var(--hairline);
border-radius: var(--r-lg);
}
.cmp__rail:where(:not(.lv, .lv *)) {
grid-column: 3; grid-row: 1 / -1;
margin: var(--cmp-inset);
background: var(--cmp-panel);
border: var(--cmp-ring) solid var(--hairline);
border-radius: calc(var(--r-lg) - var(--cmp-inset));
box-shadow: 0 4px 14px rgb(17 17 34 / 0.05), 0 1px 3px rgb(17 17 34 / 0.04);
pointer-events: none;
}
:root[data-theme="dark"] .cmp__rail:where(:not(.lv, .lv *)) { box-shadow: none; border-color: var(--hairline-strong); }
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) .cmp__rail:where(:not(.lv, .lv *)) { box-shadow: none; border-color: var(--hairline-strong); }
}
.cmp__row:where(:not(.lv, .lv *)) { display: contents; }
.cmp__h:where(:not(.lv, .lv *)), .cmp__feature:where(:not(.lv, .lv *)), .cmp__market:where(:not(.lv, .lv *)), .cmp__ours:where(:not(.lv, .lv *)) {
position: relative; z-index: 1;
display: flex; align-items: center;
padding: 15px 18px;
}
.cmp__h:where(:not(.lv, .lv *)) {
grid-row: 1;
padding-top: calc(var(--cmp-head-pad) + var(--cmp-inset) + var(--cmp-ring));
padding-bottom: var(--cmp-head-pad);
font-size: 13.5px; font-weight: 700; line-height: 1.65; color: var(--muted-on-ground);
}
.cmp__h--feature:where(:not(.lv, .lv *)) { grid-column: 1; }
.cmp__h--market:where(:not(.lv, .lv *)) { grid-column: 2; justify-content: center; }
.cmp__h--ours:where(:not(.lv, .lv *)) { grid-column: 3; justify-content: center; }
.cmp__h--ours:where(:not(.lv, .lv *))::before {
content: ""; position: absolute; z-index: -1;
left: calc(var(--cmp-inset) + var(--cmp-ring));
right: calc(var(--cmp-inset) + var(--cmp-ring));
top: calc(var(--cmp-inset) + var(--cmp-ring));
bottom: 0;
background: var(--grad);
border-radius: calc(var(--r-lg) - var(--cmp-inset) - var(--cmp-ring)) calc(var(--r-lg) - var(--cmp-inset) - var(--cmp-ring)) 0 0;
}
.cmp__feature:where(:not(.lv, .lv *)) {
grid-column: 1; grid-row: var(--r);
font-size: 16px; font-weight: 600; line-height: 1.65; color: var(--ink);
border-top: 1px solid var(--hairline-soft);
}
.cmp__market:where(:not(.lv, .lv *)) {
grid-column: 2; grid-row: var(--r);
gap: 8px;
font-size: 16px; font-weight: 400; line-height: 1.65; color: var(--muted-on-ground);
border-top: 1px solid var(--hairline-soft);
}
.cmp__ours:where(:not(.lv, .lv *)) {
grid-column: 3; grid-row: var(--r);
gap: 9px; padding-left: 24px; padding-right: 24px;
font-size: 16px; font-weight: 600; line-height: 1.65; color: var(--ink);
}
.cmp__ours:where(:not(.lv, .lv *))::before {
content: ""; position: absolute; left: var(--cmp-inset); right: var(--cmp-inset); top: 0;
height: 1px; background: var(--hairline-soft);
}
.cmp__market .ic:where(:not(.lv, .lv *)) { color: var(--muted); opacity: 0.55; width: 17px; height: 17px; }
.cmp__ours .ic:where(:not(.lv, .lv *)) { color: var(--accent); width: 18px; height: 18px; }
.cmp__brand:where(:not(.lv, .lv *)) { display: inline-flex; align-items: center; gap: 8px; }
.cmp__brand-mark:where(:not(.lv, .lv *)) { height: 15.75px; width: auto; display: block; color: #0b0b10; }
.cmp__brand-accent:where(:not(.lv, .lv *)) { fill: #ffffff; }
.cmp__brand-word:where(:not(.lv, .lv *)) { font-size: 15.75px; font-weight: 700; letter-spacing: -0.02em; line-height: 1.65; color: #0b0b10; white-space: nowrap; }
.cmp__brand-word i:where(:not(.lv, .lv *)) { font-style: normal; color: #ffffff; }
.pcmp:where(:not(.lv, .lv *)) { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin-top: 26px; }
.pcmp__col:where(:not(.lv, .lv *)) { position: relative; border-radius: var(--r-lg); padding: 26px 28px 28px; }
.pcmp__col h3:where(:not(.lv, .lv *)) { font-size: 16px; font-weight: 700; line-height: 1.14; letter-spacing: -0.02em; margin-bottom: 8px; }
.pcmp__col li:where(:not(.lv, .lv *)) {
display: flex; justify-content: space-between; align-items: center; gap: 12px;
padding: 12px 0; font-size: 14px; line-height: 1.65;
}
.pcmp__col--market:where(:not(.lv, .lv *)) { background: var(--raised); border: 1px solid var(--hairline); }
.pcmp__col--market h3:where(:not(.lv, .lv *)) { color: var(--muted-on-ground); }
.pcmp__col--market li:where(:not(.lv, .lv *)) { color: var(--muted-on-ground); border-bottom: 1px dashed var(--hairline-strong); }
.pcmp__col--market li b:where(:not(.lv, .lv *)) { font-weight: 600; color: var(--muted-on-ground); }
.pcmp__col--ours:where(:not(.lv, .lv *)) {
color: var(--on-band);
background:
radial-gradient(420px 200px at 80% -10%, rgb(255 255 255 / 0.16), transparent 70%),
linear-gradient(150deg, var(--black-tile), #1c1c23);
background-color: var(--black-tile);
box-shadow: inset 0 0 0 1px var(--black-tile-ring), var(--shadow-lift);
}
.pcmp__col--ours h3:where(:not(.lv, .lv *)) { color: var(--on-band); }
.pcmp__col--ours li:where(:not(.lv, .lv *)) { color: var(--on-band-body); border-bottom: 1px solid rgb(255 255 255 / 0.1); }
.pcmp__col--ours li b:where(:not(.lv, .lv *)) { font-weight: 700; color: var(--on-band); }
.pcmp__col--ours .btn:where(:not(.lv, .lv *)) { margin-top: 22px; }
.pcmp__chip:where(:not(.lv, .lv *)) {
position: absolute; top: 18px; right: 18px;
padding: 5px 11px; border-radius: 999px;
background: var(--accent-tint); color: var(--accent-700);
font-size: 11px; font-weight: 700; line-height: 1.65;
}
@media (max-width: 759px) {
.cmp:where(:not(.lv, .lv *)) { display: block; background: none; border: 0; border-radius: 0; }
.cmp__rail:where(:not(.lv, .lv *)) { display: none; }
.cmp__row:where(:not(.lv, .lv *)) { display: grid; gap: 10px; margin-top: 12px; padding: 18px 18px 16px; background: var(--card); border: 1px solid var(--hairline); border-radius: var(--r-card); }
.cmp__row--head:where(:not(.lv, .lv *)) { display: block; margin: 0; padding: 0; background: none; border: 0; border-radius: 0; }
.cmp__h--feature:where(:not(.lv, .lv *)), .cmp__h--market:where(:not(.lv, .lv *)) { display: none; }
.cmp__h--ours:where(:not(.lv, .lv *)) {
justify-content: flex-start; padding: 16px 18px;
background: var(--grad); border-radius: var(--r-card);
}
.cmp__h--ours:where(:not(.lv, .lv *))::before { display: none; }
.cmp__h:where(:not(.lv, .lv *)) { font-size: 12.5px; }
.cmp__feature:where(:not(.lv, .lv *)) { padding: 0; border: 0; }
.cmp__market:where(:not(.lv, .lv *)), .cmp__ours:where(:not(.lv, .lv *)) { grid-column: auto; grid-row: auto; padding: 0; border: 0; align-items: flex-start; font-size: 14px; line-height: 1.4; gap: 9px; }
.cmp__market:where(:not(.lv, .lv *)) { color: var(--muted); }
.cmp__feature:where(:not(.lv, .lv *)) { grid-column: auto; grid-row: auto; }
.cmp__ours:where(:not(.lv, .lv *))::before { display: none; }
.cmp__market .ic:where(:not(.lv, .lv *)), .cmp__ours .ic:where(:not(.lv, .lv *)) { width: 18px; height: 18px; margin-top: 1px; }
.pcmp:where(:not(.lv, .lv *)) { grid-template-columns: minmax(0, 1fr); gap: 14px; }
}
.cmp__sr:where(:not(.lv, .lv *)) { display: none; }
@media (max-width: 759px) {
.cmp__sr:where(:not(.lv, .lv *)) {
display: inline; position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0;
overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
}
.arc:where(:not(.lv, .lv *)) {
--arc-u: clamp(6.5px, 1vw, 15.5px);
--arc-size: min(300px, calc(22.6 * var(--arc-u)));
--arc-r: calc(67 * var(--arc-u));
--arc-top: var(--sec-pad);
--arc-step: 24deg;
position: relative; overflow: hidden;
padding-top: 0; padding-bottom: var(--sec-pad);
}
@media (min-width: 768px) and (min-height: 640px) {
.arc:where(:not(.lv, .lv *)) { justify-content: flex-start; }
.arc__frame:where(:not(.lv, .lv *)) { flex: 1 0 auto; justify-content: center; }
}
.arc__stage:where(:not(.lv, .lv *)) {
position: absolute; inset: 0; z-index: 0; overflow: hidden; pointer-events: none;
-webkit-mask-image: linear-gradient(180deg, #000 0, #000 70%, transparent 97%);
mask-image: linear-gradient(180deg, #000 0, #000 70%, transparent 97%);
}
.arc__wheel:where(:not(.lv, .lv *)) {
position: absolute; left: 50%; z-index: 0; width: 0; height: 0;
top: calc(var(--arc-top) + var(--arc-size) / 2 + var(--arc-r));
}
.arc__ring:where(:not(.lv, .lv *)) { position: absolute; left: 0; top: 0; width: 0; height: 0; animation: arc-spin 240s linear infinite reverse; will-change: transform; }
@keyframes arc-spin { to { transform: rotate(360deg); } }
.arc__slot:where(:not(.lv, .lv *)) {
position: absolute; overflow: hidden;
left: calc(var(--arc-size) / -2); top: calc(var(--arc-size) / -2);
width: var(--arc-size); height: var(--arc-size);
border-radius: calc(var(--arc-size) * 0.1);
background: var(--raised);
transform: rotate(calc(var(--k) * var(--arc-step))) translateY(calc(-1 * var(--arc-r)));
box-shadow: 0 40px 60px -30px rgb(0 0 0 / 0.28), 0 10px 24px -12px rgb(0 0 0 / 0.12);
}
.arc__slot img:where(:not(.lv, .lv *)) { width: 100%; height: 100%; object-fit: cover; object-position: top left; }
.arc__frame:where(:not(.lv, .lv *)) {
position: relative; z-index: 1;
display: flex; flex-direction: column; align-items: center; gap: 18px; text-align: center;
padding-top: calc(var(--arc-top) + var(--arc-size) + clamp(72px, 7vw, 120px));
}
.arc__frame .h2:where(:not(.lv, .lv *)) { max-width: 20ch; }
.chips:where(:not(.lv, .lv *)) { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 10px; max-width: 880px; }
.chip:where(:not(.lv, .lv *)) {
display: inline-flex; align-items: center; gap: 8px;
padding: 12px 21px; border-radius: 999px;
background: var(--card); border: 1px solid var(--hairline);
font-size: 14.5px; font-weight: 600; line-height: 1.65; color: var(--ink);
transition: border-color 0.15s var(--ease-out-quart), transform 0.2s var(--ease-out-quart);
}
.chip .ic:where(:not(.lv, .lv *)) { width: 14px; height: 14px; color: var(--accent); transition: transform 0.2s var(--ease-out-quart); }
@media (hover: hover) and (pointer: fine) {
.chip:hover:where(:not(.lv, .lv *)) { border-color: var(--accent); }
.chip:hover .ic:where(:not(.lv, .lv *)) { transform: translateX(2px); }
}
.chip:active:where(:not(.lv, .lv *)) { transform: scale(0.98); }
.arc__cta:where(:not(.lv, .lv *)) { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 14px 28px; margin-top: 8px; }
.arc:has(.chips:empty):where(:not(.lv, .lv *)) { display: none; }
.arc:has(.arc__ring:empty) .arc__stage:where(:not(.lv, .lv *)) { display: none; }
.arc:has(.arc__ring:empty) .arc__frame:where(:not(.lv, .lv *)) { padding-top: var(--sec-pad); }
.aud:where(:not(.lv, .lv *)) { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.aud__card:where(:not(.lv, .lv *)) { display: flex; flex-direction: column; gap: 14px; padding: 26px 24px 28px; }
.aud__chip:where(:not(.lv, .lv *)) {
display: grid; place-items: center; width: 46px; height: 46px; border-radius: 14px;
background: var(--accent-tint); color: var(--accent);
}
.aud__chip .ic:where(:not(.lv, .lv *)) { width: 22px; height: 22px; }
.aud__card h3:where(:not(.lv, .lv *)) { font-size: 18px; font-weight: 600; line-height: 1.14; letter-spacing: -0.01em; color: var(--ink); }
.aud__card p:where(:not(.lv, .lv *)) { margin-top: -6px; font-size: 14.5px; line-height: 1.65; color: var(--body); }
@media (max-width: 767px) {
.aud__card h3:where(:not(.lv, .lv *)) { font-size: 15px; }
.aud__card p:where(:not(.lv, .lv *)) { font-size: 12.75px; line-height: 1.45; }
}
@media (max-width: 1099px) { .aud:where(:not(.lv, .lv *)) { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 559px) { .aud:where(:not(.lv, .lv *)) { grid-template-columns: minmax(0, 1fr); } }
.rev__title:where(:not(.lv, .lv *)) {
font-size: clamp(30px, 4.4vw, 46px);
font-weight: 700; line-height: 1.14; letter-spacing: -0.03em; color: var(--ink); text-wrap: balance;
}
.rev:where(:not(.lv, .lv *)) { display: grid; grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr); gap: 26px; align-items: stretch; }
.rev__sub:where(:not(.lv, .lv *)) { font-size: 15px; line-height: 1.65; }
.rev__tile:where(:not(.lv, .lv *)) {
display: flex; flex-direction: column; justify-content: space-between; gap: 34px;
padding: 36px; border-radius: var(--r-lg);
color: var(--on-band-body);
background:
radial-gradient(440px 240px at 82% -10%, rgb(255 255 255 / 0.12), transparent 70%),
var(--black-tile);
box-shadow: inset 0 0 0 1px var(--black-tile-ring), var(--shadow-lift);
}
.stars:where(:not(.lv, .lv *)) { display: inline-flex; gap: 4px; color: var(--accent); }
.stars .ic:where(:not(.lv, .lv *)) { width: 19px; height: 19px; }
.stars .ic.star--off:where(:not(.lv, .lv *)) { opacity: 0.28; }
.rev__tile .stars:where(:not(.lv, .lv *)) { margin-bottom: 18px; }
.rev__score:where(:not(.lv, .lv *)) { display: flex; align-items: baseline; gap: 6px; color: var(--on-band); }
.rev__score b:where(:not(.lv, .lv *)) { font-size: clamp(56px, 4.6vw, 68px); font-weight: 800; line-height: 1; letter-spacing: -0.035em; }
.rev__score span:where(:not(.lv, .lv *)) { font-size: 22px; font-weight: 600; line-height: 1; color: var(--on-band-muted); }
.rev__count b:where(:not(.lv, .lv *)) { font-weight: inherit; }
.rev__count:where(:not(.lv, .lv *)) { margin-top: 12px; font-size: 13.5px; font-weight: 500; letter-spacing: 0.01em; line-height: 1.65; color: var(--on-band-muted); }
.rev__foot h3:where(:not(.lv, .lv *)) { margin-bottom: 16px; font-size: 21px; font-weight: 700; line-height: 1.14; letter-spacing: -0.02em; color: var(--on-band); }
.rev__logos:where(:not(.lv, .lv *)) { display: grid; grid-template-columns: repeat(3, max-content); justify-content: start; gap: 8px; }
.rev__logo:where(:not(.lv, .lv *)) {
flex: none; display: grid; place-items: center; overflow: hidden;
width: 44px; height: 44px; border-radius: 999px;
background: #ffffff; --bth-ink: #1a1916;
}
.rev__logo img:where(:not(.lv, .lv *)) { width: 100%; height: 100%; object-fit: contain; }
.rev__logo--pad img:where(:not(.lv, .lv *)) { padding: 7px; }
.rev__logo--wide:where(:not(.lv, .lv *)) { width: auto; padding-inline: 14px; }
.rev__logo--wide img:where(:not(.lv, .lv *)) { width: auto; height: 22px; }
.rev__logo svg:where(:not(.lv, .lv *)) { width: 24px; height: 24px; }
.rev__leave:where(:not(.lv, .lv *)) {
margin-top: 22px; border: 0; background: #ffffff; color: #0e0e14;
transition: transform 0.2s var(--ease-out-quart), box-shadow 0.35s var(--ease-out-quart), color 0.3s var(--ease-out-quart);
}
.rev__leave: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) {
.rev__leave:hover:where(:not(.lv, .lv *)) { box-shadow: 0 14px 30px -10px rgb(250 100 31 / 0.45); color: var(--on-grad); }
.rev__leave:hover:where(:not(.lv, .lv *))::after { opacity: 1; }
}
@media (min-width: 1200px) {
.rev__logos:where(:not(.lv, .lv *)) { grid-template-columns: repeat(6, max-content); gap: 6px; }
.rev__logo:where(:not(.lv, .lv *)) { width: 36px; height: 36px; }
.rev__logo--pad img:where(:not(.lv, .lv *)) { padding: 6px; }
.rev__logo--wide:where(:not(.lv, .lv *)) { width: auto; padding-inline: 11px; }
.rev__logo--wide img:where(:not(.lv, .lv *)) { height: 18px; }
.rev__logo svg:where(:not(.lv, .lv *)) { width: 20px; height: 20px; }
}
.deck:where(:not(.lv, .lv *)) { min-width: 0; display: flex; flex-direction: column; gap: 18px; justify-content: flex-start; }
.deck__track:where(:not(.lv, .lv *)) {
flex: 1 1 auto;
display: flex; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none;
-webkit-overflow-scrolling: touch;
padding-block: 6px; margin-block: -6px; border-radius: var(--r-lg);
}
.deck__track:where(:not(.lv, .lv *))::-webkit-scrollbar { display: none; }
.deck__track:focus-visible:where(:not(.lv, .lv *)) { outline-offset: 4px; }
.rcard:where(:not(.lv, .lv *)) { flex: 0 0 min(600px, 88%); scroll-snap-align: start; display: flex; flex-direction: column; gap: 18px; padding: 28px; }
.rcard__top:where(:not(.lv, .lv *)) { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.rcard__q:where(:not(.lv, .lv *)) { width: 30px; height: 30px; color: var(--accent); }
.rcard .stars .ic:where(:not(.lv, .lv *)) { width: 15px; height: 15px; }
.rcard blockquote:where(:not(.lv, .lv *)) { font-size: 16.5px; font-weight: 400; line-height: 1.68; color: var(--body); text-wrap: pretty; overflow-wrap: anywhere; }
.rcard__person:where(:not(.lv, .lv *)) { display: flex; align-items: center; gap: 13px; margin-top: auto; padding-top: 18px; border-top: 1px solid var(--hairline); }
.rcard__logo:where(:not(.lv, .lv *)) {
flex: none; display: grid; place-items: center; overflow: hidden;
width: 46px; height: 46px; border-radius: 50%;
background: #ffffff; border: 1px solid var(--hairline); --bth-ink: #1a1916;
}
.rcard__logo img:where(:not(.lv, .lv *)) { width: 100%; height: 100%; object-fit: contain; }
.rcard__logo--pad img:where(:not(.lv, .lv *)) { padding: 6px; }
.rcard__logo--dark:where(:not(.lv, .lv *)) { background: #1c1c23; }
.rcard__logo--dark img:where(:not(.lv, .lv *)) { padding: 5px; }
.rcard__logo svg:where(:not(.lv, .lv *)) { width: 26px; height: 26px; }
.rcard__logo--txt:where(:not(.lv, .lv *)) { border-color: transparent; background: var(--accent-tint); color: var(--accent-700); font-size: 14px; font-weight: 700; line-height: 1; letter-spacing: 0.02em; }
.rcard__who:where(:not(.lv, .lv *)) { min-width: 0; overflow-wrap: anywhere; }
.rcard__who b:where(:not(.lv, .lv *)) { display: block; font-size: 14px; font-weight: 700; line-height: 1.3; color: var(--ink); }
.rcard__who small:where(:not(.lv, .lv *)) { display: block; font-size: 12.5px; font-weight: 400; line-height: 1.65; color: var(--muted); }
.rcard__meta:where(:not(.lv, .lv *)) { display: flex !important; flex-wrap: wrap; gap: 0 14px; }
.rcard__who a:where(:not(.lv, .lv *)) { color: var(--accent-700); text-decoration: underline; text-decoration-color: var(--hairline-strong); text-underline-offset: 3px; }
@media (hover: hover) and (pointer: fine) {
.rcard__who a:hover:where(:not(.lv, .lv *)) { text-decoration-color: var(--accent); }
}
.deck__bar:where(:not(.lv, .lv *)) { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 16px; }
.deck__bar[hidden]:where(:not(.lv, .lv *)) { display: none; }
.deck__btns:where(:not(.lv, .lv *)) { display: flex; gap: 8px; }
.deck__btn:where(:not(.lv, .lv *)) {
display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%;
background: var(--card); border: 1px solid var(--hairline-strong); color: var(--ink);
transition: border-color 0.15s var(--ease-out-quart), opacity 0.15s var(--ease-out-quart), transform 0.15s var(--ease-out-quart);
}
.deck__btn .ic:where(:not(.lv, .lv *)) { width: 16px; height: 16px; }
.deck__btn:active:not([disabled]):where(:not(.lv, .lv *)) { transform: scale(0.96); }
.deck__btn[disabled]:where(:not(.lv, .lv *)) { opacity: 0.4; cursor: default; }
@media (hover: hover) and (pointer: fine) {
.deck__btn:hover:not([disabled]):where(:not(.lv, .lv *)) { border-color: var(--accent); }
}
.deck__dots:where(:not(.lv, .lv *)) { margin-inline-start: auto; display: flex; gap: 8px; padding: 0 12px; height: 32px; align-items: center; border-radius: 999px; background: var(--raised); }
:root[data-theme="dark"] .deck__dots:where(:not(.lv, .lv *)) { padding: 0 11px; border: 1px solid var(--hairline); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .deck__dots:where(:not(.lv, .lv *)) { padding: 0 11px; border: 1px solid var(--hairline); } }
.deck__dot:where(:not(.lv, .lv *)) { position: relative; width: 24px; height: 24px; margin: 0 -8px; padding: 0; }
.deck__dot:where(:not(.lv, .lv *))::before {
content: ""; position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; margin: -4px 0 0 -4px; border-radius: 50%;
background: var(--hairline-strong);
transition: background-color 0.15s var(--ease-out-quart), transform 0.2s var(--ease-out-quart);
}
.deck__dot.is-active:where(:not(.lv, .lv *))::before { background: var(--grad); transform: scale(1.4); }
.deck__dot:not(.is-active):active:where(:not(.lv, .lv *))::before { transform: scale(0.8); }
.deck__dot:focus-visible:where(:not(.lv, .lv *)) { outline-offset: -4px; border-radius: 50%; }
@media (max-width: 919px) {
.rev:where(:not(.lv, .lv *)) { grid-template-columns: minmax(0, 1fr); }
.rev__tile:where(:not(.lv, .lv *)) { padding: 30px; }
}
@media (min-width: 600px) and (max-width: 919px) {
.rev__tile:where(:not(.lv, .lv *)) { flex-direction: row; align-items: flex-end; justify-content: space-between; }
.rev__foot:where(:not(.lv, .lv *)) { max-width: 360px; }
}
@media (max-width: 599px) {
.rev__tile:where(:not(.lv, .lv *)) { padding: 26px; }
.rev__score b:where(:not(.lv, .lv *)) { font-size: 56px; }
.rcard:where(:not(.lv, .lv *)) { padding: 22px 20px; }
}
html.rvw-lock:where(:not(.lv, .lv *)) { overflow: hidden; scrollbar-gutter: stable; }
.rvw:where(:not(.lv, .lv *)) { position: fixed; inset: 0; z-index: 200; display: grid; place-items: center; padding: 16px; }
.rvw[hidden]:where(:not(.lv, .lv *)) { display: none; }
.rvw [hidden]:where(:not(.lv, .lv *)) { display: none !important; }
.rvw__overlay:where(:not(.lv, .lv *)) {
position: absolute; inset: 0;
background: rgb(0 0 0 / 0.55);
-webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
}
.rvw__dialog:where(:not(.lv, .lv *)) {
position: relative; width: min(560px, 100%);
max-height: 92vh; max-height: min(92svh, 800px);
overflow-y: auto; overscroll-behavior: contain;
padding: clamp(22px, 4vw, 34px);
border-radius: var(--r-lg);
background: var(--card); border: 1px solid var(--hairline);
box-shadow: var(--shadow-pop);
color: var(--body);
}
@keyframes rvw-fade { from { opacity: 0; } }
@keyframes rvw-rise { from { opacity: 0; transform: translateY(10px) scale(0.97); } }
.rvw:not([hidden]) .rvw__overlay:where(:not(.lv, .lv *)) { animation: rvw-fade 0.22s var(--ease-out-quart); }
.rvw:not([hidden]) .rvw__dialog:where(:not(.lv, .lv *)) { animation: rvw-rise 0.3s var(--ease-out-expo); }
.rvw__x:where(:not(.lv, .lv *)) {
position: absolute; top: 16px; right: 16px;
display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%;
background: var(--card); border: 1px solid var(--hairline-strong); color: var(--ink);
transition: border-color 0.15s var(--ease-out-quart), transform 0.15s var(--ease-out-quart);
}
.rvw__x .ic:where(:not(.lv, .lv *)) { width: 15px; height: 15px; }
.rvw__x:active:where(:not(.lv, .lv *)) { transform: scale(0.94); }
@media (hover: hover) and (pointer: fine) {
.rvw__x:hover:where(:not(.lv, .lv *)) { border-color: var(--accent); }
}
.rvw__title:where(:not(.lv, .lv *)) { margin-right: 52px; font-size: clamp(23px, 3vw, 27px); font-weight: 700; line-height: 1.14; letter-spacing: -0.02em; color: var(--ink); }
.rvw__sub:where(:not(.lv, .lv *)) { margin: 8px 0 22px; font-size: 15px; line-height: 1.65; color: var(--muted-on-ground); }
.rvw__grid:where(:not(.lv, .lv *)) { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0 14px; }
@media (min-width: 560px) {
.rvw__grid:where(:not(.lv, .lv *)) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.rvw__f:where(:not(.lv, .lv *)) { display: flex; flex-direction: column; min-width: 0; margin-bottom: 16px; }
.rvw__f > label:where(:not(.lv, .lv *)) { margin-bottom: 7px; font-size: 13.5px; font-weight: 600; line-height: 1.65; color: var(--ink); }
.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 *)) {
width: 100%; min-width: 0; min-height: 50px; padding: 12px 16px;
border-radius: var(--r-input); 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);
}
.rvw__f textarea:where(:not(.lv, .lv *)) { resize: vertical; min-height: 116px; line-height: 1.5; }
@supports (-webkit-touch-callout: none) {
.rvw__f input:where(:not(.lv, .lv *)), .rvw__f textarea:where(:not(.lv, .lv *)) { -webkit-appearance: none; appearance: none; }
}
.rvw__f input:where(:not(.lv, .lv *))::placeholder, .rvw__f textarea:where(:not(.lv, .lv *))::placeholder { color: var(--muted-on-ground); opacity: 1; }
@media (hover: hover) and (pointer: fine) {
.rvw__f input:hover:where(:not(.lv, .lv *)), .rvw__f textarea:hover:where(:not(.lv, .lv *)) { border-color: var(--body); }
}
.rvw__f input:focus-visible:where(:not(.lv, .lv *)), .rvw__f textarea:focus-visible:where(:not(.lv, .lv *)) {
border-color: var(--focus); background: var(--card);
}
.rvw__stars:where(:not(.lv, .lv *)) { display: inline-flex; gap: 4px; margin-left: -8px; }
.rvw__star:where(:not(.lv, .lv *)) {
display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px;
color: var(--hairline-strong);
transition: color 0.15s var(--ease-out-quart), transform 0.15s var(--ease-out-quart);
}
.rvw__star svg:where(:not(.lv, .lv *)) { width: 28px; height: 28px; display: block; }
.rvw__star.on:where(:not(.lv, .lv *)) { color: var(--accent); }
.rvw__star:active:where(:not(.lv, .lv *)) { transform: scale(0.94); }
@media (hover: hover) and (pointer: fine) {
.rvw__star:hover:where(:not(.lv, .lv *)) { transform: scale(1.08); }
}
.rvw__logoRow:where(:not(.lv, .lv *)) { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.rvw__logoRow .btn:where(:not(.lv, .lv *)) { min-height: 44px; padding: 9px 20px; font-size: 14px; }
.rvw__logoPrev:where(:not(.lv, .lv *)) { flex: none; width: 52px; height: 52px; border-radius: 14px; overflow: hidden; background: #ffffff; border: 1px solid var(--hairline); }
.rvw__logoPrev img:where(:not(.lv, .lv *)) { width: 100%; height: 100%; object-fit: cover; }
.rvw__ghost:where(:not(.lv, .lv *)) {
min-height: 44px; padding: 0 10px; border-radius: 10px;
font-size: 14px; font-weight: 600; color: var(--muted);
transition: color 0.15s var(--ease-out-quart);
}
@media (hover: hover) and (pointer: fine) {
.rvw__ghost:hover:where(:not(.lv, .lv *)) { color: var(--accent-700); }
}
.rvw__hp:where(:not(.lv, .lv *)) { position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.rvw__err:where(:not(.lv, .lv *)) {
margin-bottom: 14px; padding: 11px 15px; border-radius: 12px;
background: var(--accent-tint); color: var(--accent-700);
font-size: 14.5px; font-weight: 600; line-height: 1.5;
}
.rvw__submit:where(:not(.lv, .lv *)) { width: 100%; margin-top: 4px; }
.rvw__submit[disabled]:where(:not(.lv, .lv *)) { opacity: 0.6; cursor: default; }
.rvw__done:where(:not(.lv, .lv *)) { padding: 18px 4px 4px; text-align: center; }
.rvw__check:where(:not(.lv, .lv *)) {
display: grid; place-items: center; width: 56px; height: 56px; margin: 0 auto 16px; border-radius: 50%;
background: var(--accent-tint); color: var(--accent);
}
.rvw__check .ic:where(:not(.lv, .lv *)) { width: 26px; height: 26px; }
.rvw__done b:where(:not(.lv, .lv *)) { display: block; font-size: 21px; font-weight: 700; line-height: 1.14; letter-spacing: -0.02em; color: var(--ink); }
.rvw__done p:where(:not(.lv, .lv *)) { margin: 8px 0 22px; font-size: 15px; line-height: 1.65; color: var(--muted-on-ground); }
.rvw__done .btn:where(:not(.lv, .lv *)) { min-width: 140px; }
.rvw__dialog:has(.rvw__done:not([hidden])) :is(.rvw__title, .rvw__sub):where(:not(.lv, .lv *)) { display: none; }
.rvw__dialog:has(.rvw__done:not([hidden])) .rvw__done:where(:not(.lv, .lv *)) { padding-top: 26px; }
@media (max-width: 479px) {
.rvw:where(:not(.lv, .lv *)) { padding: 12px; }
.rvw__dialog:where(:not(.lv, .lv *)) { padding: 22px 18px; }
.rvw__x:where(:not(.lv, .lv *)) { top: 12px; right: 12px; }
}
@media (prefers-reduced-motion: reduce) {
.rvw:not([hidden]) .rvw__overlay:where(:not(.lv, .lv *)), .rvw:not([hidden]) .rvw__dialog:where(:not(.lv, .lv *)) { animation: none; }
}
@media (prefers-reduced-transparency: reduce) {
.rvw__overlay:where(:not(.lv, .lv *)) { -webkit-backdrop-filter: none; backdrop-filter: none; background: rgb(0 0 0 / 0.72); }
}
.faq__card:where(:not(.lv, .lv *)) {
max-width: 720px; margin-inline: auto;
padding: clamp(24px, 5vw, 44px);
border-radius: var(--r-lg);
box-shadow: 0 24px 48px -32px rgb(0 0 0 / 0.2);
}
.faq__head:where(:not(.lv, .lv *)) { display: flex; flex-direction: column; align-items: center; gap: 14px; margin-bottom: 28px; text-align: center; }
.faq__card .sub:where(:not(.lv, .lv *)) { color: var(--muted); }
.faq__contact:where(:not(.lv, .lv *)) {
display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 16px;
margin-bottom: 22px; padding: 14px 16px 14px 20px;
border-radius: var(--r-card); background: var(--raised);
}
.faq__email:where(:not(.lv, .lv *)) { display: inline-flex; align-items: center; gap: 9px; min-width: 0; font-size: 14px; font-weight: 500; line-height: 1.65; color: var(--ink); overflow-wrap: anywhere; }
.faq__email .ic:where(:not(.lv, .lv *)) { width: 16px; height: 16px; color: var(--accent); }
@media (hover: hover) and (pointer: fine) {
.faq__email:hover:where(:not(.lv, .lv *)) { color: var(--accent-700); }
}
.faq__contact .cta:where(:not(.lv, .lv *)) { min-height: 40px; padding: 9px 18px; font-size: 14px; }
.faq__list:where(:not(.lv, .lv *)) { display: flex; flex-direction: column; gap: 10px; }
.faq__item:where(:not(.lv, .lv *)) { border-radius: var(--r-card); background: var(--raised); }
.faq__q:where(:not(.lv, .lv *)) {
width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 18px;
padding: 18px 22px; text-align: left;
font-size: clamp(15.5px, 1.9vw, 18px); font-weight: 600; line-height: 1.4; color: var(--ink);
border-radius: var(--r-card);
transition: background-color 0.12s var(--ease-out-quart);
}
.faq__q:active:where(:not(.lv, .lv *)) { background-color: color-mix(in srgb, var(--ink) 5%, transparent); }
.faq__h:where(:not(.lv, .lv *)) { margin: 0; font: inherit; letter-spacing: normal; line-height: inherit; color: inherit; }
.faq__q:focus-visible:where(:not(.lv, .lv *)) { outline-offset: -3px; }
.faq__icon:where(:not(.lv, .lv *)) { flex: none; width: 18px; height: 18px; color: var(--accent); transition: transform 0.28s var(--ease-out-quart); }
.faq__item.is-open .faq__icon:where(:not(.lv, .lv *)) { transform: rotate(45deg); }
.faq__a:where(:not(.lv, .lv *)) { display: grid; grid-template-rows: 1fr; transition: grid-template-rows 0.3s var(--ease-out-expo); }
.faq__a-inner:where(:not(.lv, .lv *)) { overflow: hidden; min-height: 0; }
.faq__a p:where(:not(.lv, .lv *)) { padding: 0 56px 22px 22px; font-size: clamp(14.5px, 1.7vw, 16px); line-height: 1.62; color: var(--body); text-wrap: pretty; }
.js .faq__item:not(.is-open) .faq__a:where(:not(.lv, .lv *)) { grid-template-rows: 0fr; }
.js .faq__item:not(.is-open) .faq__a-inner:where(:not(.lv, .lv *)) { visibility: hidden; transition: visibility 0s linear 0.3s; }
.js .faq__item.is-open .faq__a-inner:where(:not(.lv, .lv *)) { visibility: visible; }
@media (max-width: 599px) {
.faq__q:where(:not(.lv, .lv *)) { padding: 16px 18px; }
.faq__a p:where(:not(.lv, .lv *)) { padding: 0 18px 20px; }
}
.contact:where(:not(.lv, .lv *)) {
position: relative; overflow: hidden;
background: var(--band); color: var(--on-band-body);
}
.contact__frame:where(:not(.lv, .lv *)) { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(32px, 5vw, 56px); align-items: center; }
.contact__intro:where(:not(.lv, .lv *)) { max-width: 44ch; }
.contact__intro .h2:where(:not(.lv, .lv *)) { color: var(--on-band); }
.contact__lead:where(:not(.lv, .lv *)) { margin-top: 16px; font-size: 16px; line-height: 1.65; color: var(--on-band-body); }
.contact__perks:where(:not(.lv, .lv *)) { display: flex; flex-direction: column; gap: 12px; margin-top: 24px; }
.contact__perks li:where(:not(.lv, .lv *)) { display: flex; align-items: center; gap: 11px; font-size: 14.5px; line-height: 1.65; color: var(--on-band); }
.contact__perks .tick:where(:not(.lv, .lv *)) {
flex: none; display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%;
background: rgb(250 100 31 / 0.18); color: #ff9242;
}
.contact__perks .tick .ic:where(:not(.lv, .lv *)) { width: 12px; height: 12px; }
.order:where(:not(.lv, .lv *)) {
width: 100%; max-width: 540px; margin-inline: auto;
padding: clamp(22px, 4vw, 34px);
border-radius: var(--r-lg);
background: var(--card); border: 1px solid rgb(255 255 255 / 0.1);
color: var(--body);
}
.order__form:where(:not(.lv, .lv *)) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 14px; }
.field:where(:not(.lv, .lv *)) { display: flex; flex-direction: column; min-width: 0; }
.field--full:where(:not(.lv, .lv *)) { grid-column: 1 / -1; }
.field label:where(:not(.lv, .lv *)) {
display: flex; align-items: baseline; justify-content: space-between; gap: 12px;
margin-bottom: 7px; font-size: 13.5px; font-weight: 600; line-height: 1.65; color: var(--ink);
}
.field .req:where(:not(.lv, .lv *)) { font-size: 11.5px; font-weight: 600; letter-spacing: 0.09em; text-transform: uppercase; line-height: 1.65; color: var(--muted); }
.field input:where(:not(.lv, .lv *)), .field select:where(:not(.lv, .lv *)), .field textarea:where(:not(.lv, .lv *)) {
width: 100%; min-width: 0; min-height: 50px; padding: 12px 16px;
border-radius: var(--r-input); 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);
}
.field textarea:where(:not(.lv, .lv *)) { resize: vertical; min-height: 116px; line-height: 1.5; }
html:has(textarea:focus):where(:not(.lv, .lv *)) { scroll-padding-top: var(--nav-band); }
@media (max-width: 767px) { html:has(textarea:focus):where(:not(.lv, .lv *)) { scroll-padding-bottom: calc(69px + env(safe-area-inset-bottom, 0px)); } }
.field select:where(:not(.lv, .lv *)) {
appearance: none; -webkit-appearance: none;
background-image: var(--select-arrow); background-repeat: no-repeat; background-position: right 16px center;
padding-right: 44px; cursor: pointer;
}
@supports (-webkit-touch-callout: none) {
.field input:where(:not(.lv, .lv *)), .field textarea:where(:not(.lv, .lv *)), .dchk__input:where(:not(.lv, .lv *)) { -webkit-appearance: none; appearance: none; }
}
.field input:where(:not(.lv, .lv *))::placeholder, .field textarea:where(:not(.lv, .lv *))::placeholder { color: var(--muted-on-ground); opacity: 1; }
.field select:has(option[value=""]:checked):where(:not(.lv, .lv *)) { color: var(--muted-on-ground); }
.field select option:where(:not(.lv, .lv *)) { color: var(--ink); background: var(--card); }
@media (hover: hover) and (pointer: fine) {
.field input:hover:where(:not(.lv, .lv *)), .field select:hover:where(:not(.lv, .lv *)), .field textarea:hover:where(:not(.lv, .lv *)) { border-color: var(--body); }
}
.field input:focus-visible:where(:not(.lv, .lv *)), .field select:focus-visible:where(:not(.lv, .lv *)), .field textarea:focus-visible:where(:not(.lv, .lv *)) {
border-color: var(--focus); background: var(--card);
}
.field input:user-invalid:where(:not(.lv, .lv *)), .field select:user-invalid:where(:not(.lv, .lv *)), .field textarea:user-invalid:where(:not(.lv, .lv *)) { border-color: var(--accent-700); }
.order__submit:where(:not(.lv, .lv *)) { grid-column: 1 / -1; min-height: 54px; margin-top: 4px; }
.order__submit:disabled:where(:not(.lv, .lv *)) { opacity: 0.65; cursor: progress; box-shadow: none; filter: none; transform: none; }
.order:where(:not(.lv, .lv *)) { --state-ok: #1f9d55; --state-warn: #c77700; --state-bad: #d8462b; }
:root[data-theme="dark"] .order:where(:not(.lv, .lv *)) { --state-ok: #34c77b; --state-warn: #f5a524; --state-bad: #ef6a4a; }
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) .order:where(:not(.lv, .lv *)) { --state-ok: #34c77b; --state-warn: #f5a524; --state-bad: #ef6a4a; }
}
.order__status:where(:not(.lv, .lv *)) {
grid-column: 1 / -1; display: none;
grid-template-columns: auto minmax(0, 1fr); column-gap: 12px; row-gap: 2px; align-items: start;
padding: 14px 16px; border-radius: var(--r-input); background: var(--raised);
text-align: left; font-size: 14.5px; line-height: 1.5; color: var(--ink);
}
.order__status.is-show:where(:not(.lv, .lv *)) { display: grid; }
.order__status-dot:where(:not(.lv, .lv *)), .order__status-spin:where(:not(.lv, .lv *)) { display: block; width: 16px; height: 16px; margin-top: 3px; }
.order__status-dot:where(:not(.lv, .lv *))::before {
content: ""; display: block; width: 9px; height: 9px; margin: 3.5px;
border-radius: 50%; background: var(--muted);
}
.order__status--ok .order__status-dot:where(:not(.lv, .lv *))::before { background: var(--state-ok); box-shadow: 0 0 0 4px color-mix(in srgb, var(--state-ok) 20%, transparent); }
.order__status--err .order__status-dot:where(:not(.lv, .lv *))::before { background: var(--state-warn); box-shadow: 0 0 0 4px color-mix(in srgb, var(--state-warn) 20%, transparent); }
.order__status-spin:where(:not(.lv, .lv *)), .dchk__spin:where(:not(.lv, .lv *)) {
border: 2px solid color-mix(in srgb, var(--accent) 26%, transparent); border-top-color: var(--accent);
border-radius: 50%; animation: dchk-spin 0.62s linear infinite;
}
.order__status-msg:where(:not(.lv, .lv *)) { min-width: 0; overflow-wrap: anywhere; }
.order__status-link:where(:not(.lv, .lv *)) {
position: relative; grid-column: 2; justify-self: start; margin-top: 4px;
font-size: 15px; font-weight: 700; line-height: 1.4; color: var(--accent-700);
text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 4px;
transition: color 0.16s var(--ease-out-quart);
}
.order__status-link:where(:not(.lv, .lv *))::after { content: ""; position: absolute; left: -8px; right: -8px; top: 50%; height: 44px; transform: translateY(-50%); }
@media (hover: hover) and (pointer: fine) {
.order__status-link:hover:where(:not(.lv, .lv *)) { color: var(--accent-600); }
}
.order__status.is-show ~ .order__hint:where(:not(.lv, .lv *)) { display: none; }
.order__hint:where(:not(.lv, .lv *)) { display: none; }
.order__hint:where(:not(.lv, .lv *)) { grid-column: 1 / -1; text-align: center; font-size: 14.5px; line-height: 1.65; color: var(--body); margin-top: -4px; }
.order__alt:where(:not(.lv, .lv *)) { margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--hairline); }
.order__alt .btn:where(:not(.lv, .lv *)) { width: 100%; }
@media (min-width: 960px) {
.contact__frame:where(:not(.lv, .lv *)) { grid-template-columns: minmax(0, 1fr) minmax(0, 540px); align-items: start; }
.contact__intro:where(:not(.lv, .lv *)) { padding-top: 4px; }
}
@media (max-width: 479px) {
.order__form:where(:not(.lv, .lv *)) { grid-template-columns: minmax(0, 1fr); }
}
.dchk:where(:not(.lv, .lv *)) { margin-top: 32px; color: var(--on-band-body); }
.dchk__box:where(:not(.lv, .lv *)) {
padding: 22px;
border-radius: var(--r-card);
background: rgb(255 255 255 / 0.05); border: 1px solid rgb(255 255 255 / 0.1);
}
.dchk__title:where(:not(.lv, .lv *)) { font-size: 18px; font-weight: 600; line-height: 1.14; letter-spacing: -0.01em; color: var(--on-band); }
.dchk__sub:where(:not(.lv, .lv *)) { margin-top: 6px; font-size: 14.5px; line-height: 1.65; color: var(--on-band-body); }
.dchk__group:where(:not(.lv, .lv *)) { display: flex; gap: 10px; margin-top: 16px; }
.dchk__input:where(:not(.lv, .lv *)) {
flex: 1; min-width: 0; width: 100%; min-height: 50px; padding: 12px 16px;
border-radius: var(--r-input); border: 1px solid #74747d;
background: rgb(255 255 255 / 0.07); color: var(--on-band);
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);
}
.dchk__input:where(:not(.lv, .lv *))::placeholder { color: #a0a0ab; opacity: 1; }
@media (hover: hover) and (pointer: fine) {
.dchk__input:hover:where(:not(.lv, .lv *)) { border-color: #a0a0ab; }
}
.dchk__input:focus-visible:where(:not(.lv, .lv *)) {
border-color: #ff9242; background: rgb(255 255 255 / 0.1);
outline: 2px solid #ff9242; outline-offset: 2px;
}
.dchk__btn:where(:not(.lv, .lv *)) {
position: relative; isolation: isolate; overflow: hidden; flex: none;
display: inline-flex; align-items: center; justify-content: center;
min-height: 50px; padding: 0 26px; border-radius: 999px;
background: #ffffff; color: #0a0a0a;
font-size: 15px; font-weight: 700; line-height: 1; white-space: nowrap;
transition: transform 0.2s var(--ease-out-quart), box-shadow 0.35s var(--ease-out-quart);
}
.dchk__btn: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) {
.dchk__btn:hover:not(:disabled):where(:not(.lv, .lv *)) { box-shadow: 0 14px 30px -10px rgb(250 100 31 / 0.55); }
.dchk__btn:hover:not(:disabled):where(:not(.lv, .lv *))::after { opacity: 1; }
}
.dchk__btn:active:not(:disabled):where(:not(.lv, .lv *)) { transform: scale(0.98); }
.dchk__btn:disabled:where(:not(.lv, .lv *)) { opacity: 0.6; cursor: progress; }
.dchk__result:where(:not(.lv, .lv *)) {
display: flex; align-items: flex-start; gap: 10px;
min-height: 40px; padding: 14px 4px 0;
font-size: 14.5px; line-height: 1.5; color: var(--on-band);
}
.dchk__dot:where(:not(.lv, .lv *)), .dchk__spin:where(:not(.lv, .lv *)) { display: block; flex: none; width: 16px; height: 16px; margin-top: 2px; }
.dchk__dot:where(:not(.lv, .lv *))::before {
content: ""; display: block; width: 9px; height: 9px; margin: 3.5px;
border-radius: 50%; background: var(--on-band-muted);
}
.dchk__result--ok .dchk__dot:where(:not(.lv, .lv *))::before { background: #34c77b; box-shadow: 0 0 0 4px rgb(52 199 123 / 0.2); }
.dchk__result--no .dchk__dot:where(:not(.lv, .lv *))::before { background: #ef6a4a; box-shadow: 0 0 0 4px rgb(239 106 74 / 0.2); }
.dchk__result--err .dchk__dot:where(:not(.lv, .lv *))::before { background: #f5a524; box-shadow: 0 0 0 4px rgb(245 165 36 / 0.2); }
.dchk__msg:where(:not(.lv, .lv *)) { min-width: 0; overflow-wrap: anywhere; }
.dchk__msg b:where(:not(.lv, .lv *)) { font-weight: 600; }
@keyframes dchk-spin { to { transform: rotate(360deg); } }
@media (max-width: 419px) {
.dchk__box:where(:not(.lv, .lv *)) { padding: 20px 18px; }
.dchk__group:where(:not(.lv, .lv *)) { flex-direction: column; }
.dchk__btn:where(:not(.lv, .lv *)) { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
.order__status-spin:where(:not(.lv, .lv *)), .dchk__spin:where(:not(.lv, .lv *)) { animation: none; }
}
html:not(.js) .dchk:where(:not(.lv, .lv *)) { display: none; }
html:not([data-theme]):not(.js) .order:where(:not(.lv, .lv *)) { display: none; }
html:not([data-theme]):not(.js) .dchk:where(:not(.lv, .lv *)) { display: none; }
.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; }
}
: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; }
}
}
.lv[data-lv="solutions"] { --jn-top: 70px; --jn-bot: 0px; --jn-in-top: 10px; --jn-in-bot: 84px; }
.lv[data-lv="services"] { --jn-top: 0px; --jn-bot: 40px; --jn-in-top: 80px; --jn-in-bot: 84px; }
.lv[data-lv="process"] { --jn-top: 30px; --jn-bot: 38px; --jn-in-top: 51px; --jn-in-bot: 46px; }
@media (max-width: 1080px) { .lv[data-lv="process"] { --jn-top: 32px; --jn-bot: 32px; --jn-in-top: 82px; --jn-in-bot: 72px; } }
@media (max-width: 1024px) { .lv[data-lv="solutions"] { --jn-top: 58px; --jn-in-bot: 72px; } .lv[data-lv="services"] { --jn-bot: 32px; --jn-in-top: 68px; --jn-in-bot: 72px; } }
@media (max-width: 767px) { .lv[data-lv="solutions"] { --jn-top: 42px; --jn-in-bot: 56px; } .lv[data-lv="services"] { --jn-in-top: 53px; --jn-in-bot: 56px; } .lv[data-lv="process"] { --jn-in-top: 67px; --jn-in-bot: 56px; } }
.lv[data-lv] {
--jn-pt: max(var(--jn-top), calc(var(--sec-pad, 52px) - var(--jn-in-top)));
--jn-pb: max(var(--jn-bot), calc(var(--sec-pad, 52px) - var(--jn-in-bot)));
padding-block: var(--jn-pt) var(--jn-pb);
}
@media (min-width: 768px) and (min-height: 640px) {
.lv[data-lv] { box-sizing: border-box; min-height: var(--screen, calc(100vh - 84px)); display: flex; flex-direction: column; justify-content: center; }
}
@media not all and (min-width: 768px) and (min-height: 640px) {
.lv[data-lv] {
margin-top: calc(-1 * max(0px, var(--jn-top) - max(0px, var(--sec-pad, 52px) - var(--jn-in-top))));
margin-bottom: calc(-1 * max(0px, var(--jn-bot) - max(0px, var(--sec-pad, 52px) - var(--jn-in-bot))));
}
}
.lv > section[id] { scroll-margin-top: calc(var(--nav-band, 84px) + var(--jn-d, var(--jn-pt))); }
html .lv[data-lv] { background: none; box-shadow: none; }
.lv[data-lv="services"] { border-bottom: 1px solid transparent; }
.lv[data-lv]::before { display: none; }
.lv .reveal.lv-nt { transition: none !important; }
.lv > section[tabindex="-1"]:focus-visible { outline: none; box-shadow: inset 0 2px 0 #fa641f, inset 0 -2px 0 #fa641f; }
html .lv .container,
html .lv .container--wide {
max-width: var(--wrap);
padding-left: var(--gutter);
padding-right: var(--gutter);
}