/* 1111bt.info — "Tuned to 1111": a contemporary mint transistor radio / portable speaker as a guide.
   Dial-glass tuning scale nav with a red needle, preset push-keys, perforated grille, rotary knobs, rating plate. */
:root{
  --paper:#EDEFE9;--paper-2:#E3E7E0;--card:#FAFAF6;--dial:#F5EEDB;--dial-2:#EDE3C9;
  --shell:#B9D3C5;--shell-2:#A6C6B5;--shell-3:#7FA893;--pine:#1E3A31;--pine-2:#152A23;
  --ink:#181D1B;--ink-2:#2E3632;--muted:#505A55;--line:#C9CFC8;--line-2:#B3BBB3;
  --grille:#262A28;--grille-2:#1B1E1D;--needle:#D23F2A;--needle-d:#B8321F;--red-t:#A42D1B;
  --chrome:#CBCFCA;--chrome-2:#9EA59F;--focus:#2B4C8C;--go:#1F7550;
  --font-disp:"Krona One","Baloo Da 2","Hind Siliguri",system-ui,sans-serif;
  --font-head:"Baloo Da 2","Hind Siliguri",system-ui,sans-serif;
  --font-body:"Hind Siliguri","Noto Sans Bengali",system-ui,sans-serif;
  /* game runtime tokens */
  --surface:#FBF7EC;--surface-2:#F1E9D3;--border:rgba(30,58,49,.2);--heading:#181D1B;--text:#181D1B;
  --primary:#D23F2A;--primary-contrast:#fff;--accent:#1F7550;
  --r:18px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:16px}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.8 var(--font-body);overflow-x:hidden;text-rendering:optimizeLegibility}
html:lang(en) body{line-height:1.68}
img,svg{max-width:100%}
a{color:var(--red-t);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--needle-d);text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:6px}
h1,h2,h3{font-family:var(--font-head);color:var(--ink);font-weight:800;line-height:1.35;margin:0}
html:lang(en) h1,html:lang(en) h2,html:lang(en) h3{line-height:1.18;letter-spacing:-.01em}
p{margin:0 0 1em}
.wrap{max-width:1220px;margin-inline:auto;padding-inline:16px}
@media (min-width:700px){.wrap{padding-inline:28px}}
.skip{position:absolute;left:12px;top:-60px;z-index:50;background:var(--pine);color:#fff;padding:12px 16px;border-radius:10px;font-weight:700;text-decoration:none}
.skip:focus{top:12px;color:#fff}

/* ---------- push keys ---------- */
.key{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 20px;border-radius:12px;
  font:700 16px/1.2 var(--font-head);text-decoration:none;color:var(--ink);text-align:center;
  background:linear-gradient(#FDFDFA,#E4E7E1);border:1px solid var(--line-2);box-shadow:0 4px 0 #9AA39B,0 6px 14px -8px rgba(21,42,35,.5);
  transition:transform .12s,box-shadow .12s,filter .15s}
.key:hover{color:var(--ink);filter:brightness(1.03)}
.key:active{transform:translateY(3px);box-shadow:0 1px 0 #9AA39B}
.key-red{background:linear-gradient(#DC4A33,#C43923);color:#fff;border-color:#9E2C1A;box-shadow:0 4px 0 #8E2615,0 8px 18px -8px rgba(142,38,21,.6)}
.key-red:hover{color:#fff}
.key-red:active{box-shadow:0 1px 0 #8E2615}

.led{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--needle);box-shadow:0 0 0 2px rgba(210,63,42,.18),0 0 8px rgba(210,63,42,.7);flex:none}

/* ---------- header: brand bar ---------- */
.hd{position:relative;z-index:20;background:linear-gradient(180deg,#C6DCD0 0%,var(--shell) 60%,var(--shell-2) 100%);border-bottom:1px solid var(--shell-3)}
.hd::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:rgba(255,255,255,.7)}
.hd-bar{display:flex;align-items:center;gap:12px;min-height:70px}
.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--pine);min-height:44px;margin-right:auto}
.brand:hover{color:var(--pine)}
.wm{display:inline-flex;align-items:center;gap:5px}
.wm-n{font:400 22px/1 var(--font-disp);letter-spacing:.02em;color:var(--pine)}
.wm-b{font:800 17px/1 var(--font-head);background:var(--needle);color:#fff;padding:5px 8px 4px;border-radius:999px;box-shadow:inset 0 -2px 0 rgba(0,0,0,.18)}
.brand-s{display:none;align-items:center;gap:7px;font:600 14px/1 var(--font-body);color:var(--pine);padding:6px 11px;border-radius:999px;background:rgba(255,255,255,.45);border:1px solid rgba(30,58,49,.18)}
@media (min-width:560px){.brand-s{display:inline-flex}.wm-n{font-size:25px}}

.hd-tools{display:flex;align-items:center;gap:10px}
.band{display:inline-flex;padding:3px;border-radius:12px;background:var(--pine);box-shadow:inset 0 2px 4px rgba(0,0,0,.35)}
.band a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;min-width:44px;padding:0 11px;border-radius:9px;color:#D5E4DB;text-decoration:none;font:600 15px/1 var(--font-body)}
.band a[aria-current]{background:linear-gradient(#FDFDFA,#E4E7E1);color:var(--ink);box-shadow:0 2px 0 #7E877F}
.band a:hover{color:#fff}.band a[aria-current]:hover{color:var(--ink)}
.hd-play{display:none}
.tg{display:inline-flex;align-items:center;gap:9px;min-height:46px;min-width:48px;padding:0 13px;border-radius:12px;cursor:pointer;
  background:linear-gradient(#FDFDFA,#E4E7E1);border:1px solid var(--line-2);box-shadow:0 3px 0 #8E978F;color:var(--ink);font:700 15px/1 var(--font-head)}
.tg:active{transform:translateY(2px);box-shadow:0 1px 0 #8E978F}
.tg-i{display:grid;gap:4px;width:20px}
.tg-i i{display:block;height:2px;border-radius:2px;background:var(--pine);transition:transform .2s,opacity .2s}
.hd.open .tg-i i:nth-child(1){transform:translateY(6px) rotate(45deg)}
.hd.open .tg-i i:nth-child(2){opacity:0}
.hd.open .tg-i i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.tg-l{display:none}
@media (min-width:420px){.tg-l{display:inline}}
@media (max-width:419px){.hd-bar{gap:8px}.band a{padding:0 8px}}

/* ---------- dial glass (tuning scale nav) ---------- */
.dial{position:relative;background:linear-gradient(180deg,var(--dial-2),var(--dial) 18%,var(--dial) 82%,var(--dial-2));
  border-top:3px solid var(--chrome);border-bottom:3px solid var(--chrome-2);box-shadow:inset 0 6px 10px -6px rgba(0,0,0,.25),inset 0 -6px 10px -6px rgba(0,0,0,.18)}
.dial::before{content:"";position:absolute;inset:0 0 auto;height:14px;pointer-events:none;opacity:.55;
  background:repeating-linear-gradient(90deg,var(--pine) 0 1px,transparent 1px 12px) 0 0/100% 7px no-repeat,
             repeating-linear-gradient(90deg,var(--pine) 0 2px,transparent 2px 60px) 0 0/100% 14px no-repeat}
.dial-nav ol{list-style:none;margin:0;padding:0}
.dial-nav a{position:relative;display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font:600 17px/1.3 var(--font-head)}
.st-k{font:400 11px/1 var(--font-disp);color:#5E8C79;min-width:14px}
html:lang(bn) .st-k{font:700 14px/1 var(--font-head)}
.dial-nav a[aria-current] .st-l{color:var(--red-t)}
.dial-nav a[aria-current] .st-k{color:var(--needle)}
.dial-nav a:hover .st-l{color:var(--red-t)}
.dial-extra{display:flex;gap:10px;flex-wrap:wrap;padding:14px 0 18px}
.dial-extra .key{flex:1}

@media (max-width:979.98px){
  .dial{display:none}
  .hd.open .dial{display:block;position:absolute;left:0;right:0;top:100%;box-shadow:0 24px 40px -18px rgba(21,42,35,.55),inset 0 6px 10px -6px rgba(0,0,0,.25);max-height:calc(100vh - 72px);overflow-y:auto}
  .dial-nav ol{padding-top:14px;border-left:0}
  .dial-nav li{border-bottom:1px dashed rgba(30,58,49,.22)}
  .dial-nav a{min-height:54px;padding:8px 6px 8px 18px}
  .dial-nav a::before{content:"";position:absolute;left:0;top:50%;width:10px;height:1px;background:var(--pine);opacity:.5}
  .dial-nav a[aria-current]::after{content:"";position:absolute;left:0;top:6px;bottom:6px;width:4px;border-radius:2px;background:var(--needle);box-shadow:0 0 10px rgba(210,63,42,.55)}
}
@media (min-width:980px){
  .hd-play{display:inline-flex;min-height:46px;padding:8px 18px;font-size:15px}
  .tg,.dial-extra{display:none}
  .dial-nav ol{display:flex;justify-content:space-between;gap:6px;overflow-x:auto;scrollbar-width:none}
  .dial-nav ol::-webkit-scrollbar{display:none}
  .dial-nav li{flex:0 1 auto}
  .dial-nav a{flex-direction:column;align-items:center;gap:5px;padding:20px 12px 13px;min-height:74px;white-space:nowrap;font-size:16px}
  .dial-nav a::before{content:"";position:absolute;top:0;left:50%;width:2px;height:16px;background:var(--pine);opacity:.75;transform:translateX(-50%)}
  .dial-nav a[aria-current]::after{content:"";position:absolute;top:-3px;bottom:-3px;left:50%;width:3px;margin-left:-1.5px;border-radius:2px;background:var(--needle);box-shadow:0 0 12px rgba(210,63,42,.6);z-index:0;opacity:.9}
  .dial-nav a .st-l,.dial-nav a .st-k{position:relative;z-index:1}
  .dial-nav a[aria-current] .st-l,.dial-nav a[aria-current] .st-k{background:var(--dial);padding:0 5px}
  .dial-nav a:hover::before{background:var(--needle);opacity:1}
}
@media (min-width:980px) and (prefers-reduced-motion:no-preference){
  .dial-nav a[aria-current]::after{animation:sweep .9s cubic-bezier(.2,.8,.2,1) both}
  @keyframes sweep{from{transform:translateX(-60px)}to{transform:none}}
}

/* ---------- tick scale separator ---------- */
.scale{height:22px;background:
  repeating-linear-gradient(90deg,rgba(30,58,49,.55) 0 1px,transparent 1px 10px) 0 100%/100% 8px no-repeat,
  repeating-linear-gradient(90deg,rgba(30,58,49,.8) 0 2px,transparent 2px 50px) 0 100%/100% 16px no-repeat;
  border-bottom:1px solid rgba(30,58,49,.35)}

/* ---------- home hero ---------- */
.hero{background:radial-gradient(120% 90% at 100% 0%,#DCE8E0 0%,transparent 60%),var(--paper)}
.hero-g{display:grid;gap:34px;padding-block:32px 36px;align-items:start}
.indep{display:inline-flex;align-items:center;gap:9px;margin:0 0 16px;padding:7px 13px;border-radius:999px;background:var(--card);border:1px solid var(--line);font:600 15px/1.35 var(--font-body);color:var(--pine)}
.hero h1{font-size:clamp(30px,5.6vw,52px);color:var(--pine);margin-bottom:18px;text-wrap:balance}
html:lang(bn) .hero h1{line-height:1.38}
.lead{font-size:clamp(17px,1.9vw,19px);color:var(--ink-2)}
.lead p{margin:0 0 .8em}
.acts{display:flex;flex-wrap:wrap;gap:14px;margin:24px 0 22px}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}
.chips li{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:8px;background:var(--pine);color:#E6EFE9;font:500 15px/1.4 var(--font-body)}
.chips li::before{content:"";width:7px;height:7px;border-radius:2px;background:#7FD9A8;box-shadow:0 0 6px #7FD9A8}
@media (min-width:980px){.hero-g{grid-template-columns:minmax(0,1fr) minmax(400px,520px);gap:56px;padding-block:52px 56px}.hero-copy{padding-top:26px}}

/* the radio set holding the game */
.set{position:relative;container-type:inline-size}
.set-handle{width:58%;height:30px;margin:0 auto -4px;border:9px solid var(--pine);border-bottom:0;border-radius:30px 30px 0 0;position:relative;z-index:0}
.set-handle::after{content:"";position:absolute;inset:-9px -9px auto;height:3px;border-radius:20px;background:rgba(255,255,255,.18)}
.set-body{position:relative;background:linear-gradient(165deg,#CCE0D5 0%,var(--shell) 45%,var(--shell-2) 100%);border:1px solid var(--shell-3);border-radius:28px;padding:14px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75),inset 0 -3px 0 rgba(30,58,49,.12),0 28px 50px -28px rgba(21,42,35,.6)}
.set-top{display:flex;align-items:center;gap:12px;padding:4px 6px 12px}
.set-grl{flex:1;height:26px;border-radius:13px;background:radial-gradient(circle,var(--grille) 1.6px,transparent 2.1px) 0 0/8px 8px,#9DBFAD;box-shadow:inset 0 1px 3px rgba(0,0,0,.35);max-width:160px}
.set-t{font:700 16px/1.3 var(--font-head);color:var(--pine);order:-1}
.onair{width:14px;height:14px;border-radius:50%;background:#6B7D73;box-shadow:inset 0 1px 2px rgba(0,0,0,.5);transition:background .2s,box-shadow .2s}
.set.live .onair{background:var(--needle);box-shadow:0 0 0 3px rgba(210,63,42,.2),0 0 12px var(--needle)}
.set-screen{border-radius:18px;border:4px solid var(--chrome);box-shadow:0 0 0 1px var(--chrome-2),inset 0 2px 6px rgba(0,0,0,.2);overflow:hidden;background:var(--surface)}
.set-foot{padding:14px 6px 4px}
.steps{list-style:none;margin:0;padding:0;display:grid;gap:8px;counter-reset:st}
.steps li{counter-increment:st;display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start;font:500 16px/1.55 var(--font-body);color:var(--pine-2)}
.steps li::before{content:counter(st);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--pine);color:#fff;font:400 12px/1 var(--font-disp);box-shadow:0 2px 0 #0D1C17}
html:lang(bn) .steps li::before{content:counter(st,bengali);font:700 15px/1 var(--font-head)}
@container (min-width:460px){.steps{grid-template-columns:repeat(3,1fr)}.steps li{grid-template-columns:1fr;font-size:16px}}
@media (max-width:519.98px){
  .set{margin-inline:-16px}
  .set-handle{width:52%}
  .set-body{border-radius:22px 22px 0 0;padding:10px 6px 12px;border-inline:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}
  .set-screen{border-width:2px;border-radius:14px}
}

/* ---------- inner page hero ---------- */
.phero{background:linear-gradient(180deg,var(--paper-2),var(--paper))}
.phero-g{display:grid;gap:26px;padding-block:22px 30px}
.bc ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;margin:0 0 14px;padding:0;font:500 15px/1.3 var(--font-body)}
.bc li{display:inline-flex;align-items:center}
.bc li+li::before{content:"";width:18px;height:12px;margin:0 6px;background:repeating-linear-gradient(90deg,var(--pine) 0 1px,transparent 1px 4px);opacity:.5}
.bc a{display:inline-flex;align-items:center;min-height:36px;min-width:40px;color:var(--pine);font-weight:600}
.bc [aria-current]{color:var(--muted)}
.phero h1{font-size:clamp(28px,4.6vw,46px);color:var(--pine);margin-bottom:14px;text-wrap:balance;max-width:24ch}
html:lang(en) .phero h1{max-width:22ch}
.mini{display:grid;grid-template-columns:76px 1fr;gap:16px;align-items:center;padding:16px;border-radius:22px;text-decoration:none;color:var(--ink);align-self:end;
  background:linear-gradient(165deg,#CCE0D5,var(--shell-2));border:1px solid var(--shell-3);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 18px 34px -24px rgba(21,42,35,.6)}
.mini:hover{color:var(--ink)}
.mini-g{width:76px;height:76px;border-radius:50%;background:radial-gradient(circle,var(--grille) 1.5px,transparent 2px) 0 0/7px 7px,#9DBFAD;border:4px solid var(--chrome);box-shadow:0 0 0 1px var(--chrome-2),inset 0 2px 5px rgba(0,0,0,.35)}
.mini-c{display:grid;gap:4px}
.mini-c strong{font:800 18px/1.3 var(--font-head);color:var(--pine)}
.mini-c span{font-size:16px;line-height:1.5;color:var(--ink-2)}
.mini-c .mini-go{font-weight:700;color:var(--red-t)}
.mini:hover .mini-go{text-decoration:underline}
@media (min-width:980px){.phero-g{grid-template-columns:minmax(0,1fr) 340px;gap:56px;padding-block:34px 44px}}

/* ---------- body: preset keys + document ---------- */
.body{padding-block:30px 56px}
.body-g{display:grid;gap:26px}
.side{min-width:0}
.presets-h{margin:0 0 10px;font:700 15px/1.3 var(--font-head);color:var(--muted)}
html:lang(en) .presets-h{text-transform:uppercase;letter-spacing:.08em;font-size:13px}
.presets ol{list-style:none;margin:0;padding:0}
.presets a{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;min-height:48px;text-decoration:none;color:var(--ink-2);font:500 15.5px/1.4 var(--font-body)}
.pk{display:grid;place-items:center;width:44px;height:40px;border-radius:9px;font:400 12px/1 var(--font-disp);color:var(--pine);
  background:linear-gradient(#FDFDFA,#E2E6DF);border:1px solid var(--line-2);box-shadow:0 3px 0 #9AA39B;transition:transform .12s,box-shadow .12s,background .15s,color .15s}
html:lang(bn) .pk{font:700 16px/1 var(--font-head)}
.presets a:hover .pk{border-color:var(--pine)}
.presets a[aria-current] .pk{transform:translateY(2px);box-shadow:0 1px 0 #9AA39B;background:var(--pine);color:#fff;border-color:var(--pine)}
.presets a[aria-current] .pl{color:var(--ink);font-weight:600}
@media (max-width:1099.98px){
  .presets{margin-inline:-16px;padding-inline:16px;background:var(--card);border-block:1px solid var(--line);padding-block:12px 14px}
  .presets ol{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x proximity;scrollbar-width:thin}
  .presets li{flex:0 0 auto;scroll-snap-align:start}
  .presets a{grid-template-columns:44px auto;max-width:260px;padding-right:12px}
  .pl{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
}
@media (min-width:700px) and (max-width:1099.98px){.presets{margin-inline:-28px;padding-inline:28px}}
@media (min-width:1100px){
  .body-g{grid-template-columns:280px minmax(0,1fr);gap:64px}
  .side{position:relative}
  .presets{position:sticky;top:18px;padding:18px 16px 12px;border-radius:20px;background:var(--card);border:1px solid var(--line);max-height:calc(100vh - 36px);overflow-y:auto}
  .presets li+li{margin-top:6px}
}

.doc{min-width:0;max-width:760px}
.doc>*:first-child{margin-top:0}
.intro-rest{font-size:18px;color:var(--ink-2)}
.sec{counter-increment:sec;padding-top:8px;margin-top:38px}
.doc{counter-reset:sec}
.sec h2,.faq h2{position:relative;font-size:clamp(24px,3.2vw,32px);color:var(--pine);margin:0 0 16px;padding-top:34px;scroll-margin-top:20px}
.sec h2::before{content:counter(sec,decimal-leading-zero);position:absolute;left:0;top:0;display:grid;place-items:center;min-width:44px;height:24px;padding:0 8px;border-radius:6px;
  font:400 11px/1 var(--font-disp);color:#fff;background:var(--pine);box-shadow:0 2px 0 #0D1C17}
html:lang(bn) .sec h2::before{content:counter(sec,bengali);font:700 15px/1 var(--font-head)}
.sec h2::after,.faq h2::after{content:"";position:absolute;left:56px;right:0;top:11px;height:9px;opacity:.45;
  background:repeating-linear-gradient(90deg,var(--pine) 0 1px,transparent 1px 8px) 0 100%/100% 5px no-repeat,repeating-linear-gradient(90deg,var(--pine) 0 1px,transparent 1px 40px) 0 100%/100% 9px no-repeat}
.faq h2::after{left:0}
.doc h3{font-size:21px;color:var(--ink);margin:1.5em 0 .5em}
.doc ul,.doc ol{padding-left:0;margin:0 0 1.2em;list-style:none}
.doc ul li,.doc ol li{position:relative;padding-left:30px;margin-bottom:.55em}
.doc ul li::before{content:"";position:absolute;left:3px;top:.62em;width:13px;height:13px;border-radius:50%;background:radial-gradient(circle at 50% 50%,var(--needle) 0 2px,transparent 2.5px),linear-gradient(#FDFDFA,#DDE2DB);border:1px solid var(--chrome-2)}
.doc ol{counter-reset:li}
.doc ol li{counter-increment:li}
.doc ol li::before{content:counter(li);position:absolute;left:0;top:.2em;width:22px;height:22px;display:grid;place-items:center;border-radius:5px;background:var(--shell);color:var(--pine);font:700 13px/1 var(--font-head)}
html:lang(bn) .doc ol li::before{content:counter(li,bengali)}
.doc strong{color:var(--ink);font-weight:700}
.doc table{display:block;overflow-x:auto;border-collapse:collapse;margin:0 0 1.4em;font-size:16px}
.doc th,.doc td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.doc th{background:var(--paper-2)}
.doc blockquote{margin:0 0 1.2em;padding:14px 18px;border-left:4px solid var(--needle);background:var(--card);border-radius:0 12px 12px 0}
.legal .doc{max-width:720px}

/* FAQ with rotary knobs */
.faq{margin-top:48px}
.faq-l{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{display:grid;grid-template-columns:1fr 34px;gap:16px;align-items:center;min-height:56px;padding:14px 2px;cursor:pointer;list-style:none;font:700 18px/1.45 var(--font-head);color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover .q{color:var(--red-t)}
.kb{width:34px;height:34px;overflow:visible;transition:transform .3s cubic-bezier(.3,1.4,.5,1)}
.kb circle{fill:#F3F4F0;stroke:var(--chrome-2);stroke-width:1.5}
.kb path{stroke:var(--needle);stroke-width:2.6;stroke-linecap:round;fill:none}
.faq details[open] .kb{transform:rotate(135deg)}
.faq details[open] summary{color:var(--pine)}
.faq .a{padding:0 50px 16px 2px;color:var(--ink-2)}
.faq .a>*:last-child{margin-bottom:0}

/* CTA speaker strip */
.cta{display:grid;grid-template-columns:1fr;margin-top:48px;border-radius:24px;overflow:hidden;background:var(--grille-2);color:#EDF3EF;box-shadow:0 20px 40px -26px rgba(0,0,0,.6)}
.grille{min-height:70px;background:radial-gradient(circle,#4A524E 2px,transparent 2.6px) 0 0/10px 10px,var(--grille)}
.cta-c{padding:22px 22px 24px}
.cta-c p{font:600 18px/1.55 var(--font-head);margin:0 0 16px}
@media (min-width:640px){.cta{grid-template-columns:150px 1fr}.grille{min-height:100%}}

/* related stations */
.rel{background:var(--pine);color:#E6EFE9;padding-block:44px 52px;position:relative}
.rel::before{content:"";position:absolute;inset:0 0 auto;height:12px;opacity:.35;background:repeating-linear-gradient(90deg,#E6EFE9 0 1px,transparent 1px 12px) 0 0/100% 7px no-repeat,repeating-linear-gradient(90deg,#E6EFE9 0 2px,transparent 2px 60px) 0 0/100% 12px no-repeat}
.rel-t{color:#fff;font-size:clamp(24px,3vw,30px);margin-bottom:22px}
.stns{list-style:none;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.stn{position:relative;display:grid;gap:6px;height:100%;padding:18px 18px 20px 18px;border-radius:18px;text-decoration:none;color:#D9E6DE;background:#244638;border:1px solid #33594A;transition:border-color .15s,transform .15s,background .15s}
.stn:hover{color:#fff;border-color:var(--shell);background:#28503F}
.stn-k{font:400 12px/1 var(--font-disp);color:#9CC8B2}
html:lang(bn) .stn-k{font:700 16px/1 var(--font-head)}
.stn strong{font:700 19px/1.35 var(--font-head);color:#fff}
.stn-d{font-size:16px;line-height:1.6}
@media (prefers-reduced-motion:no-preference){.stn:hover{transform:translateY(-3px)}}

/* ---------- footer: back panel + rating plate ---------- */
.ft{background:var(--grille-2);color:#C9D3CD;padding-block:44px 30px;position:relative}
.ft::before{content:"";position:absolute;inset:0 0 auto;height:40px;background:radial-gradient(circle,#3A413D 1.8px,transparent 2.3px) 0 0/9px 9px;opacity:.9}
.ft .wrap{position:relative}
.ft-g{display:grid;gap:28px;padding-top:24px}
.ft .brand{color:#fff;margin:0 0 10px}
.ft .wm-n{color:#E9F1EC}
.ft-brand p{margin:0;font-size:16px;line-height:1.6}
.ft h2{font:700 16px/1.3 var(--font-head);color:#9CC8B2;margin:0 0 8px}
html:lang(en) .ft h2{text-transform:uppercase;letter-spacing:.08em;font-size:13px}
.ft ul{list-style:none;margin:0;padding:0}
.ft li a{display:inline-flex;align-items:center;min-height:40px;color:#E6EFE9;text-decoration:none;font-size:16px}
.ft li a:hover{color:#fff;text-decoration:underline}
@media (min-width:760px){.ft-g{grid-template-columns:1.2fr 1fr 1fr;gap:40px}}
.plate{position:relative;margin-top:32px;padding:22px 26px 18px 92px;border-radius:12px;color:#26302B;
  background:linear-gradient(180deg,#DADDD8,#BFC4BE);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 1px 0 #000}
.plate p{margin:0 0 6px;font-size:16px;line-height:1.65}
.plate .cp{margin:0;font-weight:600}
.age{position:absolute;left:22px;top:22px;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:3px solid var(--needle);color:var(--needle);font:400 15px/1 var(--font-disp);background:#EEF0EC}
.scr{position:absolute;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#F2F3F1,#8E958F);box-shadow:inset 0 0 0 1px rgba(0,0,0,.25)}
.scr::after{content:"";position:absolute;left:1px;right:1px;top:4px;height:2px;background:rgba(0,0,0,.45);transform:rotate(35deg)}
.scr:nth-of-type(1){left:7px;top:7px}.scr:nth-of-type(2){right:7px;top:7px}.scr:nth-of-type(3){left:7px;bottom:7px}.scr:nth-of-type(4){right:7px;bottom:7px}
@media (max-width:519.98px){.plate{padding:84px 18px 18px}.age{left:18px;top:18px}}

/* ---------- 404 ---------- */
.nf{padding-block:60px 80px;max-width:720px}
.nf-n{font:400 clamp(60px,14vw,120px)/1 var(--font-disp);color:var(--shell-3);margin:0 0 10px}
.nf h1{font-size:clamp(28px,4vw,40px);color:var(--pine);margin-bottom:12px}
.dial-static{height:30px}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@media print{.hd,.dial,.side,.cta,.rel,.set{display:none}}
@media (min-width:520px) and (max-width:979.98px){.set{max-width:620px;margin-inline:auto;width:100%}}