/* Byajdar theme B: cinematic night hero, paper content sections. Layered over the existing page CSS. */
:root{--night:#0d1230;--night2:#141a3d;--night3:#1c2350;--on-night:#f4f1e8;--on-night2:#c9cbd8;--on-night3:#8d91a8;--line-n:rgba(255,255,255,.12);
--paper:#f7f4ec;--gold:#ffc82e;--ease:cubic-bezier(.2,.7,.1,1)}
body{background:var(--paper)}
/* ticker + nav go dark */
.ticker{background:var(--night2);border-bottom:1px solid var(--line-n);color:var(--on-night3)}
.ticker b{color:var(--gold)}
.tk-best{color:var(--on-night)}
.tk-sep{color:#3a4170}
.tk-ver{color:var(--on-night3)}
.nav{background:rgba(13,18,48,.86);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--line-n)}
.nav .brand img{content:url(/assets/brand/logo-full-white.png)}
.nav-link{color:rgba(255,255,255,.82)}
.nav-link:hover{color:#fff;background:rgba(255,255,255,.08)}
.nav-link .caret{color:var(--on-night3)}
.nav-burger span{background:#fff}
.btn-fmb{background:var(--gold);color:#1b1a17}
.btn-ne{background:rgba(255,255,255,.08);border-color:var(--line-n);color:#fff}
.btn-signin{background:#fff;color:var(--night)}
@media(max-width:960px){.nav-right{border-top-color:var(--line-n)}.nav-item .dropdown a{color:var(--on-night2)}}
/* hero */
.hero{position:relative;background:var(--night);border-bottom:0;overflow:hidden;isolation:isolate;color:var(--on-night)}
.hero-bg{position:absolute;inset:-4%;z-index:-2;background:url(/assets/hero/kathmandu-dawn.webp) center 62%/cover;animation:bjKB 26s ease-out forwards;will-change:transform}
@keyframes bjKB{from{transform:scale(1.14)}to{transform:scale(1.02)}}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(13,18,48,.62) 0%,rgba(13,18,48,.18) 30%,rgba(13,18,48,.5) 58%,var(--night) 100%)}
.hero .wrap{padding:132px 0 64px}
.hero-photo{display:none}
.eyebrow .pill{background:transparent;color:var(--gold);padding:0;letter-spacing:.24em;font-size:12px}
.eyebrow .ne{color:var(--on-night3)}
.sentence{color:#fff;font-size:clamp(34px,4.6vw,64px);line-height:1.38;letter-spacing:-.035em;font-weight:800;text-shadow:0 2px 30px rgba(13,18,48,.35)}
.blank,.amt-wrap{background:rgba(255,255,255,.1);color:#fff;border-bottom:4px solid var(--gold);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.blank:hover{background:rgba(255,255,255,.18)}
.amt-in{color:#fff}
.amt-pre,.amt-hint{color:var(--on-night2)}
.chip{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.22);color:#fff;transition:background .2s,border-color .2s}
.chip:hover{background:rgba(255,255,255,.14)}
.chip.on{background:var(--gold);border-color:var(--gold);color:#1b1a17}
.hero-copy{color:var(--on-night2);font-size:17px}
.hero-copy b{color:var(--gold)}
.hero-cta{background:var(--gold);color:#1b1a17;box-shadow:0 14px 40px -14px rgba(255,200,46,.65);padding:16px 28px}
.hero-cta:hover{background:#ffd459;transform:translateY(-2px)}
.hero-cta .sub{color:#5b4a14}
.res-grid{margin-top:56px}
.res-card{background:rgba(20,26,61,.72);border:1px solid var(--line-n);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--on-night);transition:transform .35s var(--ease),border-color .35s}
.res-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.3)}
.res-card.best{border:1.5px solid var(--gold)}
.res-head .nm{color:#fff}
.res-big .n{color:var(--gold)}
.res-big .u,.res-delta{color:var(--on-night3)}
.res-sub{color:var(--on-night2)}
.res-link{color:var(--gold)}
.badge-best{background:var(--gold);color:#1b1a17}
.hero-meta{color:var(--on-night3)}.hero-meta a{color:var(--gold)}
/* products: dark photo mosaic */
#products{width:auto;max-width:none;background:var(--night);color:var(--on-night);padding:104px max(3vw,calc((100vw - 1180px)/2)) 112px}
#products h2{color:#fff;font-size:clamp(34px,4vw,54px)!important;font-weight:800!important;letter-spacing:-.045em!important;line-height:1.02}
#products .sub{color:var(--on-night2)!important;margin:14px 0 44px!important;max-width:560px}
.prod-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}
.prod{grid-column:span 4;background:var(--night2);border:0;border-radius:20px;color:#fff}
.prod:nth-child(1){grid-column:span 7}.prod:nth-child(2){grid-column:span 5}
.prod.ph{position:relative;min-height:300px;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate}
.prod:nth-child(-n+2).ph{min-height:420px}
.prod.ph .pimg{position:absolute;inset:0;height:100%;aspect-ratio:auto;z-index:-2;transition:transform 1.2s var(--ease)}
.prod.ph::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,13,35,0) 38%,rgba(10,13,35,.9))}
.prod.ph:hover .pimg{transform:scale(1.06)}
.prod:hover{box-shadow:none}
.prod.ph .pb{padding:24px 26px 24px}
.prod .nm{color:#fff;font-family:var(--display);font-weight:800;font-size:24px;letter-spacing:-.03em}
.prod .stat{color:var(--on-night2);font-size:14px}
.prod .stat b{color:var(--gold);font-family:var(--display);font-weight:900;font-size:26px;letter-spacing:-.04em}
.prod .stat .arw{color:var(--gold);transition:transform .3s var(--ease)}
.prod:hover .stat .arw{transform:translateX(5px)}
/* light sections: full-bleed paper */
#compare,#why{background:var(--paper);box-shadow:0 0 0 100vmax var(--paper);clip-path:inset(0 -100vmax)}
#compare{padding:104px 0}
#compare h2,#why h2{font-size:clamp(32px,3.6vw,48px);font-weight:800;letter-spacing:-.045em}
.tbl{border-color:#dcd8cc;border-radius:22px}
.tbl-hdr{background:#f1ede2}
.bar{height:6px;background:#e8e4d8}.bar span{background:var(--night)}
.tbl-row:first-child .bar span{background:#223dc4}
.tbl-rate .n{font-weight:900;letter-spacing:-.03em}
/* calculator: night */
.calc{background:var(--night);border:0;color:var(--on-night)}
.calc .wrap{padding:112px 0}
.calc-badge{background:rgba(255,200,46,.14);color:var(--gold)}
.calc-left h2{color:#fff;font-size:clamp(32px,3.8vw,52px);font-weight:800;letter-spacing:-.045em;line-height:1.05}
.calc-left p{color:var(--on-night2)}
.calc-card{background:var(--night2);border:1px solid var(--line-n)}
.slabel{color:var(--on-night2)}.slabel b{color:#fff}.slabel b span{color:var(--on-night3)}
.calc input[type=range]{background:#2a3266}
.calc input[type=range]::-webkit-slider-thumb{background:var(--gold);border-color:var(--night2)}
.calc input[type=range]::-moz-range-thumb{background:var(--gold);border-color:var(--night2)}
.calc .chip{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.2);color:#fff}
.calc .chip.on{background:var(--gold);border-color:var(--gold);color:#1b1a17}
.calc-out{border-top-color:var(--line-n)}
.calc-out .l{color:var(--on-night3)}
.calc-out .v.p{color:#fff}.calc-out .v.g{color:var(--gold)}
/* why */
#why{padding:104px 0}
.why-card{background:#fff;border-color:#e4dfd2;border-radius:20px;transition:transform .35s var(--ease)}
.why-card:hover{transform:translateY(-4px)}
.why-fig{font-weight:900;letter-spacing:-.04em}
/* remittance banner */
.bj-remit{position:relative;overflow:hidden;background:var(--night);color:var(--on-night);isolation:isolate}
.bj-remit::before{content:"";position:absolute;inset:0;z-index:-2;background:url(/assets/products/rm.webp) 70% center/cover;opacity:.38;filter:saturate(.75)}
.bj-remit::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--night) 32%,rgba(13,18,48,.35))}
.bj-remit .wrap{padding:120px 0}
.bj-remit .k{font:700 12px/1 var(--display);letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.bj-remit h2{font:700 clamp(30px,3.6vw,50px)/1.25 var(--dev);margin:18px 0 0;max-width:760px}
.bj-remit p{color:var(--on-night2);margin-top:20px;max-width:560px;font-size:16.5px;line-height:1.6}
.bj-remit a{display:inline-flex;align-items:center;gap:10px;margin-top:30px;background:var(--gold);color:#1b1a17;padding:16px 26px;border-radius:999px;font:800 15px/1 var(--display);transition:transform .25s}
.bj-remit a:hover{transform:translateY(-2px)}
.latest-guides{padding-top:24px}
.footer{background:var(--night)}
.footer-top{border-bottom-color:var(--line-n)}
/* reveal */
.bj-rv{opacity:0;transform:translateY(32px);transition:opacity 1.1s ease,transform 1.1s var(--ease)}
.bj-rv.bj-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.hero-bg{animation:none}.bj-rv{opacity:1;transform:none;transition:none}}
@media (max-width:900px){
  .hero-bg{background-image:url(/assets/hero/kathmandu-dawn-1000.webp)}
  .hero .wrap{padding:96px 0 48px}
  .sentence{font-size:clamp(30px,8vw,42px)}
  #products{padding:72px 4vw 80px}
  .prod-grid{grid-template-columns:1fr 1fr;gap:12px}
  .prod,.prod:nth-child(1),.prod:nth-child(2){grid-column:span 1}
  .prod.ph,.prod:nth-child(-n+2).ph{min-height:220px}
  .prod:nth-child(1).ph,.prod:nth-child(8).ph{grid-column:1/-1;min-height:260px}
  .prod.ph .pb{padding:14px 16px}
  .prod .nm{font-size:17px}.prod .stat b{font-size:20px}
  #compare,#why{padding:64px 0}
  .calc .wrap{padding:72px 0}
  .bj-remit .wrap{padding:80px 0}
}
/* ── rates panel (tabbed top 5) ── */
.rp-kick{display:block;font:700 12px/1 var(--display);letter-spacing:.24em;color:#223dc4;margin-bottom:12px}
.rp-tabs{position:relative;display:inline-flex;gap:4px;padding:5px;background:#ebe6d8;border-radius:999px;margin:6px 0 22px;max-width:100%;overflow-x:auto;scrollbar-width:none}
.rp-tabs::-webkit-scrollbar{display:none}
.rp-ind{position:absolute;top:5px;bottom:5px;left:0;border-radius:999px;background:var(--night);transition:transform .5s var(--ease),width .5s var(--ease);z-index:0}
.rp-tab{position:relative;z-index:1;border:0;background:transparent;font:700 14px/1 var(--display);color:#55524a;padding:12px 18px;border-radius:999px;cursor:pointer;white-space:nowrap;transition:color .3s}
.rp-tab.on{color:#fff}
.rp-tab:not(.on):hover{color:var(--night)}
.rp{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:18px;align-items:stretch}
/* leader card */
.rp-lead{position:relative;isolation:isolate;overflow:hidden;border-radius:22px;background:var(--night);color:#fff;padding:30px 30px 28px;display:flex;flex-direction:column;justify-content:flex-end;min-height:400px}
.rp-lead::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--img) center/cover;transform:scale(1.04);transition:opacity .6s}
.rp-lead::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(13,18,48,.35) 0%,rgba(13,18,48,.78) 52%,rgba(13,18,48,.96) 100%)}
.rp-lab{position:absolute;top:26px;left:30px;font:700 11.5px/1 var(--display);letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.rp-lbank{display:flex;align-items:center;gap:12px;font:700 17px/1.3 var(--display);letter-spacing:-.01em}
.rp-lbank .avatar{border-radius:12px;box-shadow:0 0 0 2px rgba(255,255,255,.9)}
.rp-big{display:block;font:900 clamp(64px,7vw,96px)/.95 var(--display);letter-spacing:-.06em;color:#fff;margin:14px 0 10px;font-variant-numeric:tabular-nums}
.rp-lm{font-size:15px;color:var(--on-night2);font-weight:600}
.rp-vs{margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.16);font-size:14px;color:#fff;font-weight:600}
.rp-vs em{display:block;font-style:normal;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--on-night3);margin-top:4px}
/* runners-up list */
.rp-side{background:#fff;border:1px solid #e7e2d6;border-radius:22px;padding:8px 26px 4px;display:flex;flex-direction:column}
.rp-sh{display:flex;justify-content:space-between;gap:12px;padding:18px 0 10px;font:700 11px/1 var(--body);letter-spacing:.14em;color:#9a9486}
.rp-row{position:relative;display:grid;grid-template-columns:22px 36px minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px 0 18px;border-top:1px solid #f0ece2}
.rp-row.mine{background:linear-gradient(90deg,#fff8e1,#fff8e1);margin:0 -26px;padding-left:26px;padding-right:26px}
.rp-rk{font:600 13px/1 var(--body);color:#b5ae9e;font-variant-numeric:tabular-nums}
.rp-bank{display:flex;flex-direction:column;gap:4px;min-width:0}
.rp-nm{font-weight:700;font-size:16px;color:var(--night);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rp-sub{font-size:13px;color:#8a8577;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rp-row .rp-n{font:800 24px/1 var(--display);letter-spacing:-.04em;color:var(--night);font-variant-numeric:tabular-nums}
.rp-bar{position:absolute;left:72px;right:0;bottom:0;height:2px;background:transparent;overflow:hidden}
.rp-bar i{display:block;height:100%;width:var(--w);background:linear-gradient(90deg,#223dc4,rgba(34,61,196,.15));transform-origin:left}
.rp-row:hover .rp-nm{color:#223dc4}
.rp-row.mine .rp-bar{left:98px;right:26px}
.rp-gap{text-align:center;color:#c9c3b3;letter-spacing:.4em;padding:2px 0;border-top:1px solid #f0ece2}
.rp-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0 20px;border-top:1px solid #f0ece2;font-size:12.5px;color:#8f8a7d}
.rp-foot a{flex:none;font:800 14px/1 var(--display);color:#fff;background:var(--night);padding:12px 20px;border-radius:999px;transition:transform .25s,background .25s}
.rp-foot a:hover{background:#223dc4;transform:translateX(3px)}
.rp-empty{padding:40px;text-align:center;color:#8f8a7d}
.rp-go .rp-lead>*{animation:rpIn .7s var(--ease) both}
.rp-go .rp-lead>*:nth-child(2){animation-delay:.05s}.rp-go .rp-lead>*:nth-child(3){animation-delay:.1s}.rp-go .rp-lead>*:nth-child(4){animation-delay:.15s}.rp-go .rp-lead>*:nth-child(5){animation-delay:.2s}
/* row choreography */
.bj-js #rp:not(.rp-go):not(.rp-done) .rp-row,.bj-js #rp:not(.rp-go):not(.rp-done) .rp-lead>*{opacity:0}
.bj-js #products h2:not(.bj-words),.bj-js #compare h2:not(.bj-words),.bj-js #calculator h2:not(.bj-words),.bj-js #why h2:not(.bj-words),.bj-js .bj-remit h2:not(.bj-words){visibility:hidden}
.hero-bg{will-change:transform,translate}
.bj-js #prod-grid:not(.cnt) .stat b{opacity:0}
#prod-grid .stat b{transition:opacity .3s}
.rp-go .rp-row{animation:rpIn .7s var(--ease) both;animation-delay:calc(var(--i) * 70ms)}
.rp-go .rp-bar i{animation:rpBar 1.1s var(--ease) both;animation-delay:calc(var(--i) * 70ms + 150ms)}
@keyframes rpIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes rpBar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
/* product mosaic: cinematic wipe + zoom-out */
.bj-js #prod-grid .prod.ph{clip-path:inset(100% 0 0 0 round 20px);transition:clip-path 1.2s var(--ease)}
.bj-js #prod-grid .prod.ph .pimg{transform:scale(1.22);transition:transform 1.8s var(--ease)}
.bj-js #prod-grid.in .prod.ph{clip-path:inset(0 0 0 0 round 20px)}
.bj-js #prod-grid.in .prod.ph .pimg{transform:scale(1)}
.bj-js #prod-grid.in .prod.ph:hover .pimg{transform:scale(1.06)}
#prod-grid .prod:nth-child(2){transition-delay:.08s}#prod-grid .prod:nth-child(3){transition-delay:.16s}#prod-grid .prod:nth-child(4){transition-delay:.22s}#prod-grid .prod:nth-child(5){transition-delay:.28s}#prod-grid .prod:nth-child(6){transition-delay:.34s}#prod-grid .prod:nth-child(7){transition-delay:.4s}#prod-grid .prod:nth-child(8){transition-delay:.46s}
#prod-grid .prod:nth-child(2) .pimg{transition-delay:.08s}#prod-grid .prod:nth-child(3) .pimg{transition-delay:.16s}#prod-grid .prod:nth-child(4) .pimg{transition-delay:.22s}#prod-grid .prod:nth-child(5) .pimg{transition-delay:.28s}#prod-grid .prod:nth-child(6) .pimg{transition-delay:.34s}#prod-grid .prod:nth-child(7) .pimg{transition-delay:.4s}#prod-grid .prod:nth-child(8) .pimg{transition-delay:.46s}
/* headline word reveal */
.bj-w{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.08em;margin-bottom:-.08em}
.bj-w>span{display:inline-block;transform:translateY(105%);transition:transform .9s var(--ease);transition-delay:calc(var(--wi) * 45ms)}
.bj-words.in .bj-w>span{transform:none}
@media (prefers-reduced-motion:reduce){.rp-go .rp-row,.rp-go .rp-bar i{animation:none}.bj-js #prod-grid .prod.ph{clip-path:none}.bj-js #prod-grid .prod.ph .pimg{transform:none}.bj-w>span{transform:none}}
@media (max-width:860px){
  .rp{grid-template-columns:1fr}
  .rp-lead{min-height:300px;padding:24px 22px 22px}.rp-lab{left:22px;top:22px}
  .rp-side{padding:4px 18px 2px}.rp-row.mine{margin:0 -18px;padding-left:18px;padding-right:18px}
  .rp-row{grid-template-columns:18px 32px minmax(0,1fr) auto;gap:10px}.rp-bar{left:60px}
  .rp-row .rp-n{font-size:20px}.rp-sh span:last-child{display:none}.rp-gp{display:none}.rp-row.mine .rp-bar{left:78px;right:18px}
  .rp-foot{flex-direction:column;align-items:flex-start}
  .rp-tabs{display:flex}
}


@media (min-width:961px) and (max-width:1200px){.nav .wrap{gap:10px}.nav-menu{gap:0}.nav-link{padding:8px 8px;font-size:14px}.nav-right{gap:8px}.btn-fmb,.btn-signin{padding:9px 14px;font-size:13.5px}}

.ne-on .rp-kick,.ne-on .rp-lab,.ne-on .rp-sh,.ne-on .eyebrow .pill,.ne-on .bj-remit .k,.ne-on .tbl-hdr,.ne-on .calc-badge{letter-spacing:0;text-transform:none}
.ne-on .rp-lab,.ne-on .rp-kick{font-size:13.5px}

.rp-cls{display:flex;flex-wrap:wrap;gap:6px;margin:-8px 0 20px}
.rp-cls button{font:600 13px/1 var(--body);border:1px solid #ddd7c8;background:transparent;color:#6b675e;border-radius:999px;padding:8px 14px;cursor:pointer;transition:all .2s}
.rp-cls button:hover{border-color:var(--night);color:var(--night)}
.rp-cls button.on{background:#fff;border-color:var(--night);color:var(--night);box-shadow:inset 0 0 0 1px var(--night)}

/* hero: Nepal cities with falling rupees */
.hero-rain{background:none!important;animation:none!important;inset:0!important}
.hr-slide{position:absolute;inset:0;background:var(--p) center/cover;opacity:0;transition:opacity 1.4s ease}
.hr-slide.on{opacity:1}
.hr-slide video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s}
.hr-slide.vid video{opacity:1}
.hr-cap{position:absolute;right:36px;top:118px;z-index:3;font:600 12px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.72);opacity:0;transition:opacity 1s .6s}
.hr-slide.on .hr-cap{opacity:1}
.ne-on .hr-cap{letter-spacing:0;text-transform:none;font-size:13px}
@media (max-width:760px){.hr-slide{background-image:var(--pm)}.hr-cap{display:none}}
@media (min-width:761px) and (prefers-reduced-motion:no-preference){.hr-slide.on:not(.vid){animation:hrZoom 7s ease-out forwards}}
@keyframes hrZoom{from{transform:scale(1.06)}to{transform:scale(1)}}
