/* The common entrance and role sheets use the same handset width as the public apps. */
@font-face{font-family:EntryYekan;src:url('/bavampay/assets/IRANYekanX-400.woff2') format('woff2');font-display:swap}
@font-face{font-family:EntryYekan;src:url('/bavampay/assets/IRANYekanX-700.woff2') format('woff2');font-weight:700;font-display:swap}
body[data-role=landing]{margin:0;color:#fff;background:#e8edf1;font:16px/1.75 EntryYekan,sans-serif}
.entry-story,.entry-story *,.entry-sheet,.entry-sheet *{box-sizing:border-box}
.entry-story{--ink:#fff;--soft:#d1def8;--surface:#193977;--tint:#253e73;--control:#263f71;
  --gutter:clamp(16px,5vw,28px);display:flex;flex-direction:column;gap:12px;width:min(100%,520px);max-width:100%;
  min-height:100vh;min-height:100dvh;margin-inline:auto;color:var(--ink);padding:18px var(--gutter) 22px;
  padding-top:max(18px,env(safe-area-inset-top));padding-bottom:max(22px,env(safe-area-inset-bottom));
  padding-right:max(var(--gutter),env(safe-area-inset-right));padding-left:max(var(--gutter),env(safe-area-inset-left));
  background:var(--surface)}
.entry-story[data-slide="1"]{--ink:#133f32;--soft:#32594a;--surface:#e5f5e9;--tint:#bfd6c7;--control:#cae5d5;background:var(--surface)}
.entry-story[data-slide="2"]{--ink:#f4fff9;--soft:#c2dece;--surface:#123a32;--tint:#36554b;--control:#295248;background:var(--surface)}
.entry-meter{display:flex;gap:6px}
.entry-meter i{height:3px;border-radius:2px;flex:1;overflow:hidden;background:var(--tint)}
.entry-meter i::after{display:block;height:100%;content:"";background:var(--ink);transform:scaleX(var(--fill,0));transform-origin:right}
.entry-header,.entry-controls,.entry-logo{display:flex;align-items:center}
.entry-header{gap:10px}.entry-header b{font-size:21px}.entry-header>span:last-child{margin-inline-start:auto;font-size:12px;color:var(--soft)}
.entry-logo{justify-content:center;width:38px;height:38px;background:#fff;border-radius:12px}.entry-logo img{width:27px;height:27px}
.entry-slide{display:flex;flex:1;flex-direction:column;min-width:0}
.entry-slide[hidden]{display:none}
.entry-slide figure{flex:1;margin:0;display:grid;place-content:center;min-height:100px}
.entry-slide svg{display:block;width:clamp(190px,64vw,300px);max-height:42vh;max-height:42dvh;overflow:visible}
.entry-copy{padding-block:10px 18px}
.entry-copy h1{font-size:clamp(27px,7.5vw,38px);line-height:1.4;margin:8px 0 5px;letter-spacing:-.04em}
.entry-copy p{color:var(--soft);font-size:clamp(14px,3.8vw,17px);max-width:37ch;margin:0}
.entry-controls{gap:6px;flex-wrap:wrap}.entry-controls button,.entry-controls a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px;
  padding:8px clamp(9px,3vw,16px);border:0;border-radius:12px;background:var(--control);color:var(--ink);font:700 14px/1.6 EntryYekan,sans-serif;cursor:pointer;text-decoration:none}
.entry-controls #entry-next{background:#fff;color:#142e5a}.entry-story[data-slide="1"] #entry-next{background:#123f33;color:white}
.entry-controls #entry-skip{margin-inline-start:auto;background:transparent;border:0}
.entry-story :focus-visible,.entry-sheet :focus-visible{outline:3px solid #db9d45;outline-offset:2px}
.entry-sheet{margin:0 auto;inset:auto 0 0;width:min(100%,520px);max-width:100%;max-height:calc(100dvh - max(12px,env(safe-area-inset-top)));overflow:auto;
  padding:20px clamp(16px,5vw,26px) max(24px,env(safe-area-inset-bottom));border:1px solid #dce4ee;border-radius:16px 16px 0 0;color:#142942;background:#fff;
  box-shadow:0 12px 70px #14223b44;font:15px/1.75 EntryYekan,sans-serif}
.entry-sheet::backdrop{background:#12223f77;backdrop-filter:blur(3px)}
.entry-sheet .entry-sheet-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.entry-sheet-top h2{margin:0;font-size:21px}.entry-sheet button,.entry-sheet a{font:inherit;cursor:pointer}
.entry-sheet .entry-x{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:14px;background:#f0f3f8;color:#1e3452;font-size:23px}
.entry-sheet p,.entry-sheet li{font-size:14px;color:#42546a}
.entry-sheet .entry-choice{display:flex;align-items:center;gap:12px;text-align:start;width:100%;margin-top:9px;padding:12px 14px;
  background:transparent;color:#1e3b78;border:0;border-block-start:1px solid #dce4ee;border-radius:0;text-decoration:none}
.entry-sheet .entry-choice.shop{color:#1e4835}
.entry-choice i{width:37px;height:37px;display:grid;place-items:center;font-style:normal;background:white;border-radius:11px}
.entry-choice img,.entry-choice svg{width:24px;height:24px}.entry-choice b,.entry-choice small{display:block}.entry-choice small{font-size:12px}
.entry-choice > span:last-child{margin-inline-start:auto;font-size:20px}
@media(max-height:520px){.entry-story{gap:6px;padding-block:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-bottom))}.entry-slide figure{min-height:46px}.entry-slide svg{max-height:25dvh}.entry-copy{padding-block:4px}.entry-copy h1{font-size:23px}.entry-copy p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.entry-meter i::after{transition:none}}