:root{
  --est:#5B626C; --risk:#B42318; --seg-own:#0E1114; --seg-bank:#5B626C; --seg-owed:#E59A10;
  --studio:#F2F3F5;
  --panel:#FFFFFF;
  --panel-2:#F7F8FA;
  --groove:#E7E9ED;
  --seam:#DDE0E5;
  --seam-2:#C5CAD1;

  --tyre:#0E1114;
  --tyre-2:#454B54;
  --tyre-3:#5B626C;
  --on-tyre:#FFFFFF;

  --indicator:#E59A10;
  --indicator-ink:#8A5A00;
  --indicator-wash:#FBF0DA;

  --floor:#0B0D10;
  --floor-2:#161A1F;
  --floor-3:#232830;
  --spot:#F4F5F7;
  --spot-2:#A9B0BA;

  --whatsapp:#137A43;
  --whatsapp-press:#0F6437;
  --on-whatsapp:#FFFFFF;
  --bad:#B42318;
  --bad-wash:#FBE9E7;
  --good:#1D7A46;
  --good-wash:#E3F3E9;

  --r-xs:6px; --r-s:10px; --r-m:14px; --r-l:20px; --r-xl:28px; --r-pill:999px;

  --sh-s:0 1px 2px rgba(14,17,20,.07);
  --sh-m:0 1px 3px rgba(14,17,20,.06), 0 14px 30px -20px rgba(14,17,20,.55);
  --sh-l:0 2px 6px rgba(14,17,20,.08), 0 30px 60px -30px rgba(14,17,20,.6);
  --sh-bar:0 -1px 0 var(--seam), 0 -16px 30px -24px rgba(14,17,20,.5);
  --sh-sheet:0 -10px 50px -12px rgba(14,17,20,.4);

  --display:'Noto Sans Bengali',system-ui,sans-serif;
  --body:'Noto Sans Bengali',system-ui,sans-serif;

  --ease:cubic-bezier(.2,.8,.2,1);
  --wrap:1240px;
  --gutter:16px;
  --safe-b:env(safe-area-inset-bottom,0px);

  color-scheme:light;
}

@media (min-width:768px){ :root{ --gutter:28px; } }

@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --est:#8C939D; --risk:#F07A6E; --seg-own:#ECEEF1; --seg-bank:#8C939D; --seg-owed:#F0AA2A;
    --studio:#0B0D10;
    --panel:#13161A;
    --panel-2:#181C21;
    --groove:#1F242A;
    --seam:#272D34;
    --seam-2:#353C45;
    --tyre:#ECEEF1;
    --tyre-2:#B3B9C2;
    --tyre-3:#8C939D;
    --on-tyre:#0B0D10;
    --indicator:#F0AA2A;
    --indicator-ink:#F5C060;
    --indicator-wash:#2A2112;
    --floor:#050607;
    --floor-2:#0E1013;
    --floor-3:#1A1E24;
    --whatsapp:#2FBF71;
    --whatsapp-press:#27A862;
    --on-whatsapp:#04140B;
    --bad:#F07A6E;
    --bad-wash:#2C1714;
    --good:#5CCB8C;
    --good-wash:#11261A;
    --sh-s:0 1px 2px rgba(0,0,0,.5);
    --sh-m:0 1px 3px rgba(0,0,0,.45), 0 14px 30px -20px rgba(0,0,0,.9);
    --sh-l:0 2px 6px rgba(0,0,0,.5), 0 30px 60px -30px rgba(0,0,0,.95);
    --sh-bar:0 -1px 0 var(--seam), 0 -16px 30px -24px rgba(0,0,0,.9);
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --est:#8C939D; --risk:#F07A6E; --seg-own:#ECEEF1; --seg-bank:#8C939D; --seg-owed:#F0AA2A;
  --studio:#0B0D10;
  --panel:#13161A;
  --panel-2:#181C21;
  --groove:#1F242A;
  --seam:#272D34;
  --seam-2:#353C45;
  --tyre:#ECEEF1;
  --tyre-2:#B3B9C2;
  --tyre-3:#8C939D;
  --on-tyre:#0B0D10;
  --indicator:#F0AA2A;
  --indicator-ink:#F5C060;
  --indicator-wash:#2A2112;
  --floor:#050607;
  --floor-2:#0E1013;
  --floor-3:#1A1E24;
  --whatsapp:#2FBF71;
  --whatsapp-press:#27A862;
  --on-whatsapp:#04140B;
  --bad:#F07A6E;
  --bad-wash:#2C1714;
  --good:#5CCB8C;
  --good-wash:#11261A;
  --sh-s:0 1px 2px rgba(0,0,0,.5);
  --sh-m:0 1px 3px rgba(0,0,0,.45), 0 14px 30px -20px rgba(0,0,0,.9);
  --sh-l:0 2px 6px rgba(0,0,0,.5), 0 30px 60px -30px rgba(0,0,0,.95);
  --sh-bar:0 -1px 0 var(--seam), 0 -16px 30px -24px rgba(0,0,0,.9);
  color-scheme:dark;
}

*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; text-size-adjust:100%; }
body{
  margin:0; background:var(--studio); color:var(--tyre);
  font:400 .9375rem/1.55 var(--body);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img{ display:block; max-width:100%; }
a{ color:inherit; }
button,input,select,textarea{ font:inherit; color:inherit; }
button{ cursor:pointer; }
h1,h2,h3,h4{ font-family:var(--display); margin:0; text-wrap:balance; }
p{ margin:0; text-wrap:pretty; }
.num{ font-variant-numeric:tabular-nums; }
.sr{ position:absolute!important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
:focus-visible{ outline:2.5px solid var(--tyre); outline-offset:2px; border-radius:var(--r-xs); }
.hero :focus-visible,.foot :focus-visible,.floor-band :focus-visible,.rail :focus-visible,.login :focus-visible,.sr-hero :focus-visible{ outline-color:var(--indicator); }
.ico{ width:22px; height:22px; flex:none; stroke:currentColor; fill:none; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.ico-s{ width:18px; height:18px; }
.ico-xs{ width:15px; height:15px; }

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{ animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; scroll-behavior:auto!important; }
}