/* geregeapp.mn нүүр хуудас — contract.mn-ийн нүүрний хэлээр (нэг гэр бүлийн
   бүтээгдэхүүн). Хуудасны CSP `style-src 'self'` тул бүх загвар ЭНД: HTML-д
   style attribute, <style> байхгүй. Өнгө: Gerege цэнхэр #2F4FE0, navy #0F1A4A. */

@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(/_site/fonts/montserrat-400.woff2) format("woff2")}
@font-face{font-family:Montserrat;font-style:normal;font-weight:600;font-display:swap;src:url(/_site/fonts/montserrat-600.woff2) format("woff2")}
@font-face{font-family:Montserrat;font-style:normal;font-weight:700 800;font-display:swap;src:url(/_site/fonts/montserrat-700.woff2) format("woff2")}

:root{
  --navy:#0F1A4A;--navy-2:#1E2A6B;--blue:#2F4FE0;--blue-2:#4C6BF2;--blue-d:#2338A6;
  --ink:#0F1A4A;--ink-2:#39415F;--ink-3:#4A5272;--ink-4:#66708F;
  --line:#E3E8F5;--line-2:#ECEFF7;--tint:#F4F7FD;--tint-2:#DCE2F5;--tint-3:#C9D3F5;
  --teal:#0F9E8A;--teal-d:#0B7F70;--amber:#E58A00;--bg:#F8F9FC;
  --ease:cubic-bezier(.22,1,.36,1);
  --glass:linear-gradient(160deg,rgba(255,255,255,.84) 0%,rgba(255,255,255,.52) 40%,rgba(255,255,255,.42) 62%,rgba(255,255,255,.64) 100%);
  --rim:linear-gradient(150deg,#fff 0%,rgba(255,255,255,.75) 9%,rgba(255,255,255,0) 30%,rgba(255,255,255,0) 72%,rgba(255,255,255,.5) 92%,rgba(255,255,255,.85) 100%);
  --shadow:inset 0 0 20px rgba(255,255,255,.4),0 1px 3px rgba(15,26,74,.06),0 24px 48px -24px rgba(15,26,74,.32);
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Montserrat,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,p{margin:0}
button{font:inherit}
[id]{scroll-margin-top:100px}
html[lang="mn"] [data-l="en"],html[lang="en"] [data-l="mn"]{display:none!important}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:fixed;left:16px;top:-60px;z-index:100;padding:10px 16px;border-radius:10px;background:var(--navy);color:#fff;font-weight:700;transition:top .2s}
.skip:focus{top:12px}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.c-blue{background:var(--blue)}.c-teal{background:var(--teal)}.c-amber{background:var(--amber)}

/* ── glass ── */
.glass{position:relative;background:var(--glass);-webkit-backdrop-filter:blur(26px) saturate(1.5) brightness(1.04);backdrop-filter:blur(26px) saturate(1.5) brightness(1.04);box-shadow:var(--shadow)}
.glass::before,.card::before,.eyebrow::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;pointer-events:none;background:var(--rim);-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 exclude,linear-gradient(#000 0 0)}

/* ── header ── */
.hd{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;justify-content:center;padding:0 16px;pointer-events:none}
.hd-bar{pointer-events:auto;margin-top:12px;height:64px;width:100%;max-width:1600px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 8px 0 16px;border-radius:20px;border:1px solid transparent;transition:max-width .5s var(--ease),background-color .5s,border-color .5s,box-shadow .5s,backdrop-filter .5s}
.hd[data-scrolled="true"] .hd-bar{max-width:1288px;background:rgba(255,255,255,.74);border-color:var(--line);-webkit-backdrop-filter:blur(24px) saturate(1.4);backdrop-filter:blur(24px) saturate(1.4);box-shadow:0 18px 40px -28px rgba(47,51,196,.45)}
.hd-left,.hd-right{display:flex;align-items:center;min-width:0}
.hd-right{gap:8px}
.brand{display:flex;align-items:center;gap:10px;color:var(--navy);font-size:19px;font-weight:800;letter-spacing:-.03em;white-space:nowrap}
.brand img{width:36px;height:36px;flex:none;border-radius:9px;box-shadow:0 6px 14px -8px rgba(47,79,224,.8)}
.brand-app{color:var(--blue)}
.hd-slash{margin:0 14px;font-size:20px;font-weight:300;color:#B5C2EC;user-select:none}
.hd-links{position:relative;display:flex;align-items:center;gap:2px}
.hd-hl{position:absolute;left:0;top:0;opacity:0;pointer-events:none;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.8);box-shadow:0 2px 16px rgba(15,26,74,.08),inset 0 .5px 0 #fff;transition:transform .3s ease,width .3s ease,height .3s ease,opacity .2s}
.hd-link{position:relative;z-index:1;display:flex;align-items:center;height:40px;padding:0 12px;border-radius:12px;font-size:12.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;color:var(--ink-3);transition:color .2s}
.hd-link:hover,.hd-link[aria-current]{color:var(--navy)}
.hd-link[aria-current]::after{content:"";position:absolute;left:50%;bottom:5px;width:4px;height:4px;margin-left:-2px;border-radius:999px;background:var(--blue)}
.lang{display:flex;align-items:center;height:40px;padding:0 3px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.6)}
.lang button{border:0;height:32px;min-width:36px;padding:0 8px;border-radius:7px;background:transparent;color:var(--ink-4);font-weight:800;font-size:12px;cursor:pointer;transition:background .2s,color .2s}
.lang button:hover{color:var(--navy)}
.lang button[aria-pressed="true"]{background:#EDF2FF;color:var(--blue)}
.cta-dark{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 14px 0 4px;border-radius:10px;background:var(--navy);color:#fff;font-size:13px;font-weight:800;white-space:nowrap;box-shadow:0 12px 22px -14px rgba(15,26,74,.7);transition:background .4s,box-shadow .4s,transform .15s}
.cta-dark:hover{transform:translateY(-1px);background:var(--navy-2)}
.hd[data-scrolled="true"] .hd-cta{background:var(--blue);box-shadow:0 12px 22px -12px var(--blue)}
.emblem{width:32px;height:32px;flex:none;border-radius:7px;background:#fff;display:flex;align-items:center;justify-content:center}
.emblem img{width:24px;height:24px}
.burger{display:none;width:40px;height:40px;flex:none;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.6);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.burger span{display:block;width:16px;height:2px;border-radius:2px;background:var(--navy);transition:transform .3s var(--ease),opacity .2s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.scrim{position:fixed;inset:0;z-index:60;background:rgba(15,26,74,.32);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .3s}
.scrim[data-open="true"]{opacity:1;pointer-events:auto}
.sheet{position:fixed;top:0;right:0;bottom:0;z-index:61;width:min(340px,88vw);display:flex;flex-direction:column;background:#fff;border-left:1px solid var(--line);box-shadow:-24px 0 48px -24px rgba(15,26,74,.35);transform:translateX(100%);visibility:hidden;transition:transform .4s var(--ease),visibility 0s linear .4s}
.sheet[data-open="true"]{transform:none;visibility:visible;transition:transform .4s var(--ease)}
.sheet-head{display:flex;align-items:center;justify-content:space-between;height:76px;padding:0 16px 0 20px;border-bottom:1px solid var(--line-2)}
.sheet-head .brand img{width:32px;height:32px}
.sheet-x{width:40px;height:40px;border:0;border-radius:10px;background:var(--tint);color:var(--navy);display:flex;align-items:center;justify-content:center;cursor:pointer}
.sheet-links{display:flex;flex-direction:column;gap:4px;padding:16px 12px;overflow-y:auto}
.sheet-links a{display:flex;align-items:center;min-height:48px;padding:0 14px;border-radius:12px;font-size:16px;font-weight:700;color:var(--ink-2);opacity:0;transform:translateX(16px);transition:opacity .3s,transform .4s var(--ease),background .2s}
.sheet[data-open="true"] .sheet-links a{opacity:1;transform:none}
.sheet[data-open="true"] .sheet-links a:nth-child(2){transition-delay:40ms}
.sheet[data-open="true"] .sheet-links a:nth-child(3){transition-delay:80ms}
.sheet[data-open="true"] .sheet-links a:nth-child(4){transition-delay:120ms}
.sheet[data-open="true"] .sheet-links a:nth-child(5){transition-delay:160ms}
.sheet-links a:hover,.sheet-links a[aria-current]{background:var(--tint);color:var(--navy)}
.sheet-links a[aria-current]{box-shadow:inset 3px 0 0 var(--blue)}
.sheet-foot{margin-top:auto;display:flex;flex-direction:column;gap:12px;padding:16px 20px 24px;border-top:1px solid var(--line-2)}
.sheet-foot .lang{align-self:flex-start}
.cta-wide{height:48px;border-radius:12px;font-size:14px;background:var(--blue)}

/* ── hero ── */
.hero{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,#ECEFF6 0%,#F2F4F9 55%,#F7F8FC 100%)}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:180px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(248,249,252,0),var(--bg))}
.orb{position:absolute;z-index:-2;border-radius:50%;filter:blur(80px);opacity:.55;pointer-events:none;animation:drift 18s ease-in-out infinite alternate}
.orb-a{width:520px;height:520px;left:50%;top:120px;margin-left:40px;background:#8FA8FF}
.orb-b{width:380px;height:380px;left:50%;top:420px;margin-left:320px;background:#B9C8FF;opacity:.45;animation-delay:-6s}
.rays{position:absolute;inset:-10% -15% 0;z-index:-1;pointer-events:none;background:linear-gradient(112deg,transparent 16%,rgba(255,255,255,.9) 23%,transparent 30%),linear-gradient(112deg,transparent 42%,rgba(255,255,255,.65) 47%,transparent 53%),linear-gradient(112deg,transparent 66%,rgba(255,255,255,.8) 71%,transparent 77%);filter:blur(16px);animation:rays 16s ease-in-out infinite alternate}
.hero-inner{max-width:1288px;margin:0 auto;padding:136px 24px 40px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:48px;align-items:center}
.hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:22px;min-width:0}
.badge{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:600;color:var(--ink-2)}
.dot{width:6px;height:6px;flex:none;border-radius:999px;background:var(--teal);box-shadow:0 0 0 3px rgba(15,158,138,.18)}
.hero h1{font-size:clamp(36px,4.4vw,60px);line-height:1.06;letter-spacing:-.04em;font-weight:800;text-wrap:balance;background:linear-gradient(180deg,#2A3570 0%,#0F1A4A 48%,#1E2A6B 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero h1 .accent{display:block;background:linear-gradient(180deg,#5A78F5 0%,#2F4FE0 52%,#2338A6 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{max-width:540px;font-size:18px;line-height:1.6;color:var(--ink-3);text-wrap:pretty}
.ctas{display:flex;flex-wrap:wrap;gap:10px;padding-top:6px}
.cta-lg{height:48px;padding:0 18px 0 6px;border-radius:12px;font-size:15px;font-weight:700;gap:10px}
.cta-lg .emblem{width:36px;height:36px;border-radius:8px}
.cta-lg.plain{padding:0 18px}
.cta-glass{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 18px;border-radius:12px;color:var(--navy);font-size:15px;font-weight:700;white-space:nowrap;transition:transform .2s var(--ease),background .2s}
.cta-glass:hover{transform:translateY(-1px);background:rgba(255,255,255,.85)}
.cta-glass svg{transition:transform .25s var(--ease)}
.cta-glass:hover svg{transform:translateX(3px)}
.ios-note{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--ink-3)}
.ios-note svg{color:var(--navy);flex:none}
.ios-note .muted{color:var(--ink-4);font-weight:500}
.ios-note a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.hero-panel{position:relative;min-width:0;border-radius:28px;padding:28px 28px 8px;background:rgba(255,255,255,.4)}
.hero-panel::after{content:"";position:absolute;left:-2%;right:-2%;bottom:-30px;height:70px;z-index:-1;border-radius:50%;pointer-events:none;background:radial-gradient(42% 60% at 22% 50%,rgba(76,107,242,.5),rgba(76,107,242,0) 70%),radial-gradient(36% 60% at 80% 50%,rgba(143,168,255,.4),rgba(143,168,255,0) 70%);filter:blur(22px)}
.hero-img{width:100%;max-width:520px;margin:0 auto;filter:drop-shadow(0 30px 40px rgba(15,26,74,.18))}
.chip{position:absolute;display:flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:999px;font-size:13px;font-weight:700;white-space:nowrap;animation:float 6s ease-in-out infinite}
.chip i,.float-tag i,.code-badge i,.flows i{width:7px;height:7px;flex:none;border-radius:999px}
.chip-a{top:22px;left:22px}
.chip-b{right:22px;top:46%;animation-delay:-3s}
.toast{position:absolute;left:24px;bottom:34px;display:flex;align-items:center;gap:10px;padding:10px 16px 10px 10px;border-radius:16px;animation:float 7s ease-in-out infinite;animation-delay:-1.5s}
.toast img{width:28px;height:28px;border-radius:7px}
.toast b{display:block;font-size:13px;font-weight:700}
.toast small{display:block;font-size:12px;font-weight:600;color:var(--teal-d)}
.trust{max-width:1288px;margin:0 auto;padding:8px 24px 72px}
.trust ul{position:relative;list-style:none;margin:0;padding:6px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;border-radius:20px}
.trust-tab{position:absolute;left:0;top:0;opacity:0;pointer-events:none;border-radius:14px;background:#fff;border:1px solid rgba(15,26,74,.06);box-shadow:0 8px 20px -10px rgba(15,26,74,.28),0 1px 0 #fff inset;transition:transform .55s var(--ease),width .55s var(--ease),height .55s var(--ease),opacity .3s}
.trust li:not(.trust-tab){position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 18px;border-radius:14px;overflow:hidden;cursor:default;outline:none}
.trust li:not(.trust-tab):focus-visible{box-shadow:0 0 0 2px var(--blue)}
.trust-icon{width:36px;height:36px;flex:none;border-radius:10px;color:var(--blue);background:rgba(47,79,224,.08);display:flex;align-items:center;justify-content:center;transition:background .4s,color .4s,transform .4s var(--ease)}
.trust li[aria-current] .trust-icon{background:var(--blue);color:#fff;transform:scale(1.04)}
.trust b{display:block;font-size:14px;line-height:1.25;font-weight:700;color:var(--ink-3);transition:color .4s}
.trust li[aria-current] b{color:var(--navy)}
.trust small{display:block;font-size:13px;line-height:1.3;color:#7A849C}
.trust-bar{position:absolute;left:18px;right:18px;bottom:6px;height:2px;border-radius:2px;background:var(--blue);transform-origin:left;transform:scaleX(0);opacity:0}
.trust li[aria-current] .trust-bar{opacity:.7;animation:fill 4.2s linear forwards}
.trust ul[data-held="true"] li[aria-current] .trust-bar{animation:none;transform:scaleX(1)}
.up{animation:up .8s var(--ease) both}
.d1{animation-delay:60ms}.d2{animation-delay:120ms}.d3{animation-delay:180ms}.d4{animation-delay:240ms}

/* ── sections ── */
.body{position:relative;overflow:hidden;isolation:isolate}
.sec{position:relative;max-width:1288px;margin:0 auto;padding:80px 24px}
.head{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:40px}
.head.center{align-items:center;text-align:center}
.eyebrow{position:relative;display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px;border-radius:999px;background:linear-gradient(160deg,rgba(255,255,255,.95),rgba(255,255,255,.6));box-shadow:0 1px 3px rgba(15,26,74,.06),0 10px 20px -14px rgba(15,26,74,.3);font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--ink-2)}
.eyebrow::before{padding:1.5px}
.eyebrow i{width:6px;height:6px;border-radius:999px;background:var(--blue);box-shadow:0 0 0 3px rgba(47,79,224,.15)}
.head h2{font-size:clamp(30px,3.4vw,46px);line-height:1.1;letter-spacing:-.035em;font-weight:800;text-wrap:balance;max-width:860px}
.accent{color:var(--blue)}
.head p{max-width:620px;font-size:17px;line-height:1.6;color:var(--ink-3);text-wrap:pretty}
.card{position:relative;border-radius:24px;background:var(--glass);-webkit-backdrop-filter:blur(26px) saturate(1.5);backdrop-filter:blur(26px) saturate(1.5);box-shadow:var(--shadow);background-color:rgba(255,255,255,.55)}
.card h3{font-size:20px;line-height:1.3;font-weight:800;letter-spacing:-.02em}
.card p{font-size:15px;line-height:1.6;color:var(--ink-3)}
.card-text{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0}
.icon{width:40px;height:40px;flex:none;border-radius:12px;color:var(--blue);background:rgba(47,79,224,.08);display:flex;align-items:center;justify-content:center}
.icon.sm{width:34px;height:34px;border-radius:10px}
.ticks{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.ticks li{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--ink-2)}
.ticks svg{color:var(--teal);flex:none}
.reveal{transition:opacity .8s var(--ease),transform .8s var(--ease)}
.reveal.pre{opacity:0;transform:translateY(22px)}

/* bento */
.bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.c-eid{grid-column:span 7;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:28px;align-items:center;padding:32px}
.c-phone{grid-column:span 5;display:flex;flex-direction:column;gap:22px;padding:32px}
.c-wallet{grid-column:span 12;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:center;padding:36px 36px 0;overflow:hidden}
.c-wallet .card-text{padding-bottom:36px}
.c-mini,.c-consent{grid-column:span 6;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:28px;align-items:end;padding:32px 32px 0;overflow:hidden}
.c-consent{grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}
.c-mini .card-text,.c-consent .card-text{padding-bottom:32px;align-self:center}

.eid-mock{position:relative;padding:18px 10px}
.eid-sheet{position:relative;border-radius:20px;background:#fff;border:1px solid #E6EAF5;box-shadow:0 22px 44px -26px rgba(15,26,74,.45);padding:18px;display:flex;flex-direction:column;gap:14px;animation:float 7s ease-in-out infinite}
.eid-top{display:flex;align-items:center;gap:10px}
.eid-top img{width:40px;height:40px}
.eid-top b{display:block;font-size:14px}
.eid-top small{display:block;font-size:12px;color:var(--ink-4)}
.eid-ask{font-size:13px;font-weight:600;color:var(--ink-2)}
.pin{display:flex;gap:10px}
.pin i{width:16px;height:16px;border-radius:999px;border:2px solid var(--tint-3);background:#fff;animation:pin 6s infinite}
.pin i:nth-child(2){animation-delay:.35s}.pin i:nth-child(3){animation-delay:.7s}.pin i:nth-child(4){animation-delay:1.05s}
.eid-ok{display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;border-radius:12px;background:#E7F7F4;color:var(--teal-d);font-size:13px;font-weight:800;animation:okpop 6s infinite}
.float-tag{position:absolute;display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px;border-radius:999px;font-size:12.5px;font-weight:700;white-space:nowrap;animation:float 6s ease-in-out infinite}
.ft-a{top:0;right:0;animation-delay:-2s}
.ft-b{bottom:0;left:0;animation-delay:-4s}

.otp{display:flex;flex-direction:column;gap:14px;margin-top:auto;padding:18px;border-radius:18px;background:rgba(255,255,255,.75);border:1px dashed #D5DDF0}
.otp-num{display:flex;align-items:center;gap:10px;height:46px;padding:0 12px;border-radius:12px;background:#fff;border:1px solid var(--line);font-weight:700;font-size:15px;font-variant-numeric:tabular-nums}
.flag{height:26px;padding:0 8px;border-radius:7px;display:inline-flex;align-items:center;background:var(--tint);color:var(--blue);font-size:13px}
.otp-ok{margin-left:auto;width:22px;height:22px;border-radius:999px;background:var(--teal);color:#fff;display:flex;align-items:center;justify-content:center}
.otp-code{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.otp-code i{height:48px;border-radius:12px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-style:normal;font-size:20px;font-weight:800;color:var(--navy);animation:digit 7s infinite both}
.otp-code i:nth-child(2){animation-delay:.25s}.otp-code i:nth-child(3){animation-delay:.5s}.otp-code i:nth-child(4){animation-delay:.75s}.otp-code i:nth-child(5){animation-delay:1s}
.otp-code .caret{border-color:var(--blue);box-shadow:0 0 0 4px rgba(47,79,224,.12);animation:none;position:relative}
.otp-code .caret::after{content:"";width:2px;height:22px;background:var(--blue);animation:blink 1s steps(1) infinite}
.otp small{font-size:12px;font-weight:600;color:var(--ink-4)}

.phone{margin:0;padding:7px;border-radius:38px;background:linear-gradient(160deg,#25305F,#0F1A4A);box-shadow:0 40px 60px -30px rgba(15,26,74,.55),inset 0 0 0 1px rgba(255,255,255,.12)}
.phone img{border-radius:31px;width:100%}
.wallet-stage{position:relative;display:flex;justify-content:center;align-items:flex-end;min-height:420px}
.ph-wallet{width:280px;height:430px;overflow:hidden;border-bottom-left-radius:0;border-bottom-right-radius:0;padding-bottom:0}
.ph-wallet img{border-bottom-left-radius:0;border-bottom-right-radius:0}
.pass{position:absolute;left:4%;top:52px;width:250px;padding:16px;border-radius:18px;color:#fff;background:linear-gradient(150deg,#5A78F5,#2338A6);box-shadow:0 30px 50px -24px rgba(35,56,166,.8),inset 0 1px 0 rgba(255,255,255,.35);transform:rotate(-6deg);animation:bob6 7s ease-in-out infinite}
.pass-top{display:flex;align-items:center;gap:8px;font-size:13px}
.pass-top img{width:22px;height:22px;border-radius:6px}
.pass-top small{margin-left:auto;font-size:10px;font-weight:700;letter-spacing:.08em;opacity:.8}
.pass-amt{margin:18px 0 14px;font-size:24px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.pass-row{display:flex;align-items:center;justify-content:space-between;font-size:11.5px;font-weight:600;opacity:.9;letter-spacing:.03em}
.pass-qr{width:34px;height:34px;border-radius:6px;background:#fff;-webkit-mask:repeating-conic-gradient(#000 0 25%,transparent 0 50%) 0 0/8px 8px;mask:repeating-conic-gradient(#000 0 25%,transparent 0 50%) 0 0/8px 8px;opacity:.95}
.ft-c{right:6%;top:150px;animation-delay:-1s}
.ph-mini,.ph-consent{width:100%;max-width:230px;height:330px;overflow:hidden;justify-self:center;border-bottom-left-radius:0;border-bottom-right-radius:0;padding-bottom:0}
.ph-mini img,.ph-consent img{border-bottom-left-radius:0;border-bottom-right-radius:0}
.scopes{list-style:none;margin:6px 0 0;padding:0;width:100%;max-width:280px;display:flex;flex-direction:column;gap:6px}
.scopes li{display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 12px;border-radius:12px;background:#fff;border:1px solid var(--line);font-size:13.5px;font-weight:700;color:var(--ink-2)}
.sw{position:relative;width:34px;height:20px;border-radius:999px;background:#D7DDEC;transition:background .3s}
.sw::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:999px;background:#fff;box-shadow:0 1px 3px rgba(15,26,74,.25);transition:transform .3s var(--ease)}
.sw.on{background:var(--teal)}
.sw.on::after{transform:translateX(14px)}
.scopes li:nth-child(2) .sw{animation:toggle 6s infinite}
.scopes li:nth-child(2) .sw::after{animation:toggleknob 6s infinite}

/* pay */
.pay{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:16px;align-items:stretch}
.ways{list-style:none;margin:0;padding:0;display:grid;grid-template-rows:repeat(4,1fr);gap:12px}
.ways li{display:flex;align-items:flex-start;gap:14px;padding:20px 22px;border-radius:20px;transition:transform .25s var(--ease)}
.ways li:hover{transform:translateX(4px)}
.ways b{display:block;font-size:16px;font-weight:800;letter-spacing:-.01em}
.ways small{display:block;margin-top:3px;font-size:14px;line-height:1.5;color:var(--ink-3)}
.pay-stage{position:relative;min-height:520px;overflow:hidden;background:radial-gradient(60% 70% at 50% 45%,rgba(143,168,255,.28),rgba(143,168,255,0) 70%),linear-gradient(180deg,#F4F6FD,#FBFCFF)}
.pay-wire{position:absolute;inset:0 0 80px;width:100%;height:calc(100% - 80px);pointer-events:none}
.wire-base{fill:none;stroke:var(--tint-3);stroke-width:3}
.wire-dash{fill:none;stroke:var(--blue);stroke-width:3;stroke-linecap:round;stroke-dasharray:3 12;animation:dash15 1.1s linear infinite}
.sticker{position:absolute;left:9%;top:22%;width:190px;padding:14px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:0 30px 50px -28px rgba(15,26,74,.5);transform:rotate(-5deg);animation:bob6 6s ease-in-out infinite}
.sticker-top{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:13px}
.sticker-top img{width:26px;height:26px;border-radius:7px}
.qr{display:block;width:100%;height:auto;border-radius:6px}
.sticker-foot{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;font-size:12px;font-weight:800;letter-spacing:.06em;color:var(--blue)}
.nfc{position:relative;width:18px;height:18px}
.nfc i{position:absolute;left:0;top:50%;border:2px solid var(--blue);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:translateY(-50%) rotate(45deg);opacity:.2;animation:wave 1.8s infinite}
.nfc i:nth-child(1){width:6px;height:6px;left:-2px}
.nfc i:nth-child(2){width:12px;height:12px;left:-5px;animation-delay:.2s}
.nfc i:nth-child(3){width:18px;height:18px;left:-8px;animation-delay:.4s}
.ph-pay{position:absolute;right:10%;top:36px;width:230px;height:400px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 72%,transparent 98%);mask-image:linear-gradient(#000 72%,transparent 98%)}
.paid{position:absolute;right:calc(10% + 150px);top:58%;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px 0 10px;border-radius:999px;background:#fff;color:var(--teal-d);font-size:14px;font-weight:800;box-shadow:0 20px 34px -18px rgba(11,127,112,.6);animation:paid 8s var(--ease) infinite}
.paid svg{width:22px;height:22px;padding:4px;border-radius:999px;background:var(--teal);color:#fff}
.pay-steps{position:absolute;left:16px;right:16px;bottom:16px;list-style:none;margin:0;padding:6px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;border-radius:16px;background:rgba(255,255,255,.85);border:1px solid var(--line)}
.pay-steps li{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;border-radius:12px;font-size:13px;font-weight:700;color:var(--ink-4);animation:step 8s infinite}
.pay-steps b{font-size:11px;color:var(--blue);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.pay-steps li:nth-child(2){animation-delay:2s}.pay-steps li:nth-child(3){animation-delay:4s}.pay-steps li:nth-child(4){animation-delay:6s}

/* architecture */
.hla{padding:20px 24px 24px}
.hla-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:4px 4px 8px}
.flows{display:flex;flex-wrap:wrap;gap:6px;padding:4px;border-radius:12px;background:rgba(255,255,255,.7);border:1px solid var(--line)}
.flows button{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 12px;border:0;border-radius:9px;background:transparent;color:var(--ink-3);font-size:13px;font-weight:700;cursor:pointer;transition:background .2s,color .2s}
.flows button:hover{color:var(--navy)}
.flows button[aria-pressed="true"]{background:#fff;color:var(--navy);box-shadow:0 6px 14px -8px rgba(15,26,74,.35)}
.hla-flowtext{font-size:13.5px;font-weight:600;color:var(--ink-3)}
.hla-stage{position:relative;margin:0 -8px}
.hla-svg{display:block;width:100%;height:auto;overflow:visible}
.hla-svg text{font-family:Montserrat,system-ui,sans-serif;font-weight:700}
.hla-svg .hla-s{font-weight:600;opacity:.82}
.hla-svg .hla-layer{letter-spacing:.14em}
.hla-static{fill:none;stroke:#8E9ED6;stroke-width:1.6;stroke-dasharray:3 6;stroke-linecap:round;transition:opacity .4s}
.hla-fl{transition:opacity .4s}
.hla-fl-base{fill:none;stroke-width:4;stroke-opacity:.16;stroke-linecap:round;stroke-linejoin:round}
.hla-fl-dash{fill:none;stroke-width:2.4;stroke-dasharray:2 9;stroke-linecap:round;stroke-linejoin:round;animation:dash11 .9s linear infinite}
.hla-ring{stroke:var(--blue);stroke-width:2.5;stroke-linejoin:round;opacity:0;transition:opacity .3s}
.hla-module .hla-ring{stroke:#fff}
.hla-blk{cursor:pointer;outline:none;transition:transform .5s var(--ease)}
.hla-blk.hi{transform:translateY(-7px)}
.hla-blk.hi .hla-ring,.hla-blk:focus-visible .hla-ring{opacity:1}
.hla-blk:focus-visible .hla-ring{stroke:var(--navy);stroke-width:3}
.hla-bob{animation:bob4 8s ease-in-out infinite}
.hla-L-platform .hla-bob{animation-delay:-2s}
.hla-L-edge .hla-bob{animation-delay:-4s}
.hla-L-clients .hla-bob{animation-delay:-6s}
.hla-L{transition:opacity .9s var(--ease),transform 1.1s var(--ease)}
.hla-L-platform{transition-delay:.12s}.hla-L-edge{transition-delay:.24s}.hla-L-clients{transition-delay:.36s}
.hla.pre .hla-L{opacity:0;transform:translateY(-46px)}
.hla[data-flow="signin"] .hla-fl:not(.hla-f-signin),.hla[data-flow="pay"] .hla-fl:not(.hla-f-pay),.hla[data-flow="hook"] .hla-fl:not(.hla-f-hook){opacity:.07}
.hla:not([data-flow="all"]) .hla-static{opacity:.25}
.hla.paused .hla-svg *,.hla.paused .hla-bob{animation-play-state:paused!important}
.hla-tip{position:absolute;left:0;top:0;z-index:5;max-width:300px;padding:9px 12px;border-radius:12px;background:var(--navy);color:#fff;font-size:13px;line-height:1.45;font-weight:500;box-shadow:0 18px 30px -16px rgba(15,26,74,.7);pointer-events:none;opacity:0;transform:translate(-50%,calc(-100% - 12px));transition:opacity .15s}
.hla-tip b{display:block;font-weight:700}
.hla-tip.on{opacity:1}
.hla-info{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:6px;min-height:46px;margin:4px auto 18px;padding:12px 16px;max-width:820px;border-radius:14px;background:rgba(255,255,255,.75);border:1px solid var(--line);font-size:14px;color:var(--ink-3);text-align:center}
.hla-info b{color:var(--navy)}
.hla-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1.15fr .8fr 1.25fr 1fr 1fr;gap:10px;align-items:start}
.lay{padding:14px 14px 12px;border-radius:16px;background:rgba(255,255,255,.7);border:1px solid var(--line)}
.lay h3{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--navy)}
.lay-n{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;color:var(--blue)}
.lay ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.lay li{padding:5px 8px;border-radius:9px;font-size:12.5px;line-height:1.45;color:var(--ink-3);cursor:default;transition:background .2s}
.lay li b{color:var(--navy);font-weight:700}
.lay li:hover,.lay li.hi{background:rgba(47,79,224,.07)}
.lay-platform h3 .lay-n{color:var(--blue)}
.lay-ext h3 .lay-n{color:var(--teal)}
.points{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.points li{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:22px}
.points b{font-size:16px;font-weight:800;letter-spacing:-.01em}
.points li>span:last-child{font-size:14px;line-height:1.55;color:var(--ink-3)}

/* developers */
.dev{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:48px;align-items:center}
.dev .head{margin-bottom:24px}
.dev-list{list-style:none;margin:0 0 28px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px}
.dev-list li{display:flex;align-items:flex-start;gap:12px}
.dev-list b{display:block;font-size:15px;font-weight:800}
.dev-list small{display:block;margin-top:2px;font-size:13.5px;line-height:1.45;color:var(--ink-3)}
.code-card{position:relative;border-radius:24px;padding:0 0 18px;background:linear-gradient(160deg,#16225A,#0B1338);box-shadow:0 40px 70px -40px rgba(15,26,74,.8),inset 0 1px 0 rgba(255,255,255,.08);overflow:hidden;animation:float 9s ease-in-out infinite}
.code-card::after{content:"";position:absolute;right:-120px;top:-120px;width:320px;height:320px;border-radius:50%;background:radial-gradient(closest-side,rgba(76,107,242,.45),rgba(76,107,242,0));pointer-events:none}
.code-head{display:flex;align-items:center;gap:7px;height:46px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.08)}
.code-head i{width:11px;height:11px;border-radius:999px;background:rgba(255,255,255,.18)}
.code-head>span{margin-left:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;color:#8F9BC7}
.code{margin:0;padding:18px 22px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.7;color:#C9D3F5;white-space:pre;overflow-x:auto}
.code .k{color:#7FA0FF;font-weight:700}.code .h{color:#8F9BC7}.code .s{color:#9FE6D6}.code .n{color:#FFC46B}.code .c{color:#6E7AA8}.code .ok{color:#6EE7B7;font-weight:700}
.code-badge{position:absolute;right:12px;top:8px;display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.08);color:#DCE2F5;font-size:12px;font-weight:700}

/* faq */
.faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:start}
.faq-side{position:sticky;top:110px}
.faq-side .head{margin-bottom:24px}
.faq-list{display:flex;flex-direction:column;gap:10px}
.q{border-radius:18px;transition:box-shadow .25s,opacity .8s var(--ease),transform .8s var(--ease)}
.q[open]{box-shadow:inset 0 0 20px rgba(255,255,255,.5),0 1px 3px rgba(15,26,74,.06),0 28px 48px -26px rgba(47,79,224,.4)}
.q summary{list-style:none;display:flex;align-items:center;gap:14px;padding:18px 20px;cursor:pointer;border-radius:18px}
.q summary::-webkit-details-marker{display:none}
.q-n{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:600;color:#7A849C}
.q[open] .q-n{color:var(--blue)}
.q-text{flex:1;font-size:16px;font-weight:700;letter-spacing:-.01em}
.q-sign{width:32px;height:32px;flex:none;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(47,79,224,.08);color:var(--blue);transition:background .3s,color .3s}
.q-sign svg{transition:transform .3s var(--ease)}
.q[open] .q-sign{background:var(--blue);color:#fff}
.q[open] .q-sign svg{transform:rotate(45deg)}
.q p{padding:0 20px 20px 58px}

/* cta + footer */
.end{padding-bottom:40px}
.cta-box{position:relative;overflow:hidden;isolation:isolate;border-radius:32px;padding:72px 32px 56px;display:flex;flex-direction:column;align-items:center;gap:8px;background:rgba(255,255,255,.45)}
.cta-box .head{margin-bottom:20px}
.cta-bg{position:absolute;inset:0;z-index:-1;border-radius:inherit;overflow:hidden}
.orb-c{width:420px;height:420px;left:-80px;top:-120px;background:#8FA8FF;opacity:.5;filter:blur(90px)}
.orb-d{width:380px;height:380px;right:-60px;bottom:-140px;background:#B9C8FF;opacity:.5;filter:blur(90px)}
.center-row{justify-content:center;margin-bottom:12px}
.foot{max-width:1288px;margin:0 auto}
.foot-grid{padding:24px 24px 40px;display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:32px}
.foot-brand p{margin:12px 0 16px;max-width:320px;font-size:14px;line-height:1.6;color:var(--ink-3)}
.badges{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.badges li{height:28px;padding:0 10px;border-radius:8px;display:inline-flex;align-items:center;font-size:12px;font-weight:700;color:var(--ink-2);background:var(--tint);border:1px solid var(--line-2)}
.foot-col{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.foot-col>span{margin-bottom:8px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--blue)}
.foot-col a{display:inline-flex;align-items:center;min-height:32px;max-width:100%;overflow-wrap:anywhere;font-size:14px;font-weight:600;color:var(--ink-2);transition:color .2s}
.foot-col a:hover{color:var(--blue)}
.foot-bottom{padding:20px 24px 32px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;border-top:1px solid var(--line-2);font-size:13px;color:var(--ink-4)}
.built{display:inline-flex;align-items:center;gap:8px}
.built i{width:6px;height:6px;border-radius:999px;background:var(--teal)}

/* ── keyframes ── */
@keyframes up{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes bob6{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes bob4{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes drift{from{transform:translate(0,0) scale(1)}to{transform:translate(40px,-30px) scale(1.08)}}
@keyframes rays{from{transform:translateX(-3%)}to{transform:translateX(3%)}}
@keyframes fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes dash11{to{stroke-dashoffset:-22}}
@keyframes dash15{to{stroke-dashoffset:-30}}
@keyframes pin{0%,8%{background:#fff;border-color:var(--tint-3)}14%,78%{background:var(--blue);border-color:var(--blue)}90%,100%{background:#fff;border-color:var(--tint-3)}}
@keyframes okpop{0%,30%{opacity:0;transform:scale(.92)}38%,82%{opacity:1;transform:none}92%,100%{opacity:0;transform:scale(.96)}}
@keyframes digit{0%,10%{color:transparent;transform:translateY(4px)}16%,85%{color:var(--navy);transform:none}95%,100%{color:transparent}}
@keyframes blink{50%{opacity:0}}
@keyframes wave{0%,100%{opacity:.2}40%{opacity:1}}
@keyframes paid{0%,40%{opacity:0;transform:scale(.6)}48%{opacity:1;transform:scale(1.08)}54%,88%{opacity:1;transform:scale(1)}96%,100%{opacity:0;transform:scale(.9)}}
@keyframes step{0%,22%{background:#fff;color:var(--navy);box-shadow:0 8px 18px -10px rgba(15,26,74,.35)}26%,100%{background:transparent;color:var(--ink-4);box-shadow:none}}
@keyframes toggle{0%,35%{background:#D7DDEC}45%,100%{background:var(--teal)}}
@keyframes toggleknob{0%,35%{transform:none}45%,100%{transform:translateX(14px)}}

/* ── responsive ── */
@media (max-width:1099.98px){.hd-slash,.hd-links{display:none}.burger{display:flex}}
@media (max-width:1024px){
  .hero-inner{grid-template-columns:minmax(0,1fr);gap:28px;padding-top:120px}
  .hero-panel{width:100%;max-width:640px;justify-self:center}
  .trust ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .orb-a{top:520px;margin-left:-360px}.orb-b{top:700px;margin-left:0}
  .c-eid,.c-phone,.c-mini,.c-consent{grid-column:span 12}
  .c-wallet{grid-template-columns:minmax(0,1fr)}
  .pay,.dev,.faq{grid-template-columns:minmax(0,1fr)}
  .faq{gap:8px}.faq-side{position:static}
  .points{grid-template-columns:repeat(2,minmax(0,1fr))}
  .foot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .foot-brand{grid-column:1/-1}
}
/* Нарийн дэлгэцэнд 3D зураг уншигдахгүй (1300px өргөн): оронд нь давхаргууд
   3D хавтан хэлбэртэй жагсаалт болно — энэ нь дэлгэц уншигчийн хувилбар ч мөн. */
@media (max-width:899.98px){
  .hla{padding:16px}
  .hla-stage,.hla-info,.hla-bar{display:none}
  .hla-list{display:flex;flex-direction:column;gap:40px;perspective:1000px}
  .lay{position:relative;padding:18px 18px 16px;border:0;border-radius:18px;background:linear-gradient(160deg,#fff,#F1F4FC);transform:rotateX(8deg);transform-origin:50% 100%;box-shadow:0 10px 0 #C9D3F5,0 10px 0 1px rgba(15,26,74,.04),0 30px 34px -22px rgba(15,26,74,.5)}
  .lay h3{font-size:13px}
  .lay li{font-size:14px;padding:7px 8px}
  .lay-edge{box-shadow:0 10px 0 #B9C6F0,0 30px 34px -22px rgba(15,26,74,.5)}
  .lay-platform{background:linear-gradient(160deg,#5A78F5,#2F4FE0);box-shadow:0 10px 0 #2338A6,0 30px 34px -22px rgba(35,56,166,.7)}
  .lay-platform h3,.lay-platform li,.lay-platform li b,.lay-platform h3 .lay-n{color:#fff}
  .lay-platform li:hover{background:rgba(255,255,255,.12)}
  .lay-data{background:linear-gradient(160deg,#1E2A6B,#0F1A4A);box-shadow:0 10px 0 #0A1238,0 30px 34px -22px rgba(15,26,74,.7)}
  .lay-data h3,.lay-data li,.lay-data li b,.lay-data h3 .lay-n{color:#fff}
  .lay-data li{color:#C9D3F5}.lay-platform li{color:#E4E9FD}
  .lay-ext{background:linear-gradient(160deg,#fff,#E9F7F3);box-shadow:0 10px 0 #9ED9CD,0 30px 34px -22px rgba(11,127,112,.45)}
  .lay:not(:last-child)::after{content:"";position:absolute;left:50%;top:100%;width:2px;height:40px;margin-left:-1px;background:repeating-linear-gradient(180deg,#8E9ED6 0 4px,transparent 4px 9px)}
  .lay:not(:last-child)::before{content:"";position:absolute;left:50%;top:100%;z-index:1;width:10px;height:10px;margin:0 0 0 -5px;border-radius:999px;background:var(--blue);box-shadow:0 0 0 4px rgba(47,79,224,.2);animation:drop 2.4s var(--ease) infinite}
  .lay-platform::before{background:var(--teal)!important;box-shadow:0 0 0 4px rgba(15,158,138,.2)!important}
  .lay-edge::before{animation-delay:.6s!important}.lay-platform::before{animation-delay:1.2s!important}
}
@keyframes drop{0%{transform:translateY(8px);opacity:0}20%{opacity:1}80%{opacity:1}100%{transform:translateY(34px);opacity:0}}
@media (max-width:640px){
  .hd{padding:0 10px}
  .hd-bar{margin-top:8px;height:60px;padding:0 8px 0 12px}
  .hd-right>.hd-cta{display:none}
  .brand{font-size:18px}.brand img{width:32px;height:32px}
  .hero-inner{padding:100px 16px 16px;gap:22px}
  .hero-copy{gap:18px}
  .hero h1{font-size:clamp(30px,8.6vw,38px);line-height:1.08}
  .lead{font-size:16px}
  .ctas{width:100%;flex-direction:column}
  .ctas a{width:100%}
  .hero-panel{border-radius:22px;padding:56px 12px 4px}
  .chip{height:28px;padding:0 10px;font-size:12px}
  .chip-a{top:12px;left:12px}.chip-b{right:12px;top:12px}
  .toast{left:12px;bottom:16px}
  .trust{padding:8px 16px 32px}
  .trust li:not(.trust-tab){flex-direction:column;text-align:center;gap:8px;padding:14px 8px 16px}
  .trust b{font-size:13px}.trust small{font-size:12px}
  .orb-a{width:320px;height:320px}.orb-b{width:280px;height:280px}
  .sec{padding:48px 16px}
  .head{margin-bottom:28px}
  .head p{font-size:16px}
  .card h3{font-size:18px}
  .c-eid,.c-phone{grid-template-columns:minmax(0,1fr);padding:22px}
  .c-wallet{padding:22px 22px 0;gap:18px}
  .c-wallet .card-text{padding-bottom:0}
  .wallet-stage{min-height:360px}
  .ph-wallet{width:230px;height:350px}
  .pass{width:200px;left:0;top:30px;padding:12px}
  .pass-amt{font-size:19px;margin:12px 0 10px}
  .ft-c{right:0;top:auto;bottom:40px}
  .c-mini,.c-consent{grid-template-columns:minmax(0,1fr);padding:22px 22px 0;gap:18px}
  .c-mini .card-text{order:-1}
  .c-mini .card-text,.c-consent .card-text{padding-bottom:0}
  .ph-mini,.ph-consent{height:300px;max-width:220px}
  .ways li{padding:16px 18px}
  .pay-stage{min-height:560px}
  .sticker{left:16px;top:24px;width:150px;padding:11px}
  .ph-pay{right:16px;top:150px;width:190px;height:310px}
  .paid{right:auto;left:16px;top:auto;bottom:96px}
  .pay-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pay-wire{display:none}
  .points{grid-template-columns:minmax(0,1fr)}
  .dev-list{grid-template-columns:minmax(0,1fr)}
  .code{font-size:11.5px;padding:16px}
  .code-head>span{display:none}
  .q summary{padding:16px}
  .q-text{font-size:15px}
  .q p{padding:0 16px 18px}
  .cta-box{padding:48px 18px 36px;border-radius:24px}
  .foot-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px 16px 32px}
  .foot-bottom{padding:20px 16px 28px}
}
@media (max-width:360px){.hd-bar .brand>span{display:none}}

/* Хөдөлгөөн багасгах: бүх анимаци зогсоно, зураг статик үлдэнэ. */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .hla-pk{display:none}
  .reveal.pre,.hla.pre .hla-L{opacity:1;transform:none}
  .otp-code i{color:var(--navy)}
  .paid,.eid-ok{opacity:1}
}