/* E-Governance page (egov.html). Loaded after infinity.css. */
.page-egov{--eg-ink:#0E0C1D;--eg-ink2:#14112B;--eg-on:#F3F1FF;--eg-dim:rgba(243,241,255,.7)}
.eg-ic{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:14px;background:var(--brand);color:#fff}
.eg-ic svg{width:22px;height:22px}

/* hero */
.eg-stats{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:26px}
.eg-stats div{display:flex;flex-direction:column}
.eg-stats b{font-size:clamp(28px,3vw,40px);font-weight:800;line-height:1;background:var(--brand);-webkit-background-clip:text;background-clip:text;color:transparent}
.eg-stats span{margin-top:6px;font-size:14px;color:var(--dim)}
.eg-hviz{position:relative;aspect-ratio:1;width:min(100%,520px);margin-inline:auto;container-type:inline-size}
.eg-hring{position:absolute;border-radius:50%;inset:var(--in);border:1px dashed rgba(20,17,43,.18)}
.eg-hring.r1{--in:3%}
.eg-hring.r2{--in:17%;border-style:solid;border-color:rgba(106,85,214,.25)}
.eg-hring.r3{--in:31%;border-color:rgba(20,196,107,.3)}
.eg-hspin{position:absolute;inset:0;animation:egSpin 60s linear infinite}
.eg-hdot{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:15cqw;height:15cqw;margin:-7.5cqw 0 0 -7.5cqw;border-radius:30%;background:#fff;color:var(--indigo);box-shadow:0 14px 30px -16px rgba(20,17,43,.45),inset 0 0 0 1px rgba(20,17,43,.08);transform:rotate(var(--a)) translateY(-41cqw) rotate(calc(var(--a) * -1))}
.eg-hdot svg{width:48%;height:48%;animation:egSpin 60s linear infinite reverse}
.eg-hcore{position:absolute;inset:36%;display:grid;place-items:center;border-radius:50%;background:var(--eg-ink);box-shadow:0 0 0 10px rgba(106,85,214,.12),0 0 0 22px rgba(106,85,214,.06),0 30px 60px -20px rgba(20,17,43,.6)}
.eg-hcore::before{content:"";position:absolute;inset:-3px;border-radius:50%;padding:3px;background:var(--brand);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.eg-hcore-in{font-size:clamp(14px,4.2cqw,22px);font-weight:800;line-height:1.25;text-align:center;color:#fff}
@keyframes egSpin{to{transform:rotate(360deg)}}

/* goals */
.eg-goals{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;counter-reset:g}
.eg-goal{position:relative;display:flex;flex-direction:column;gap:8px;padding:26px 22px;border-radius:22px;background:var(--panel);border:1px solid var(--hair);box-shadow:var(--shadow);overflow:hidden}
.eg-goal::after{content:"";position:absolute;inset-inline:0;top:0;height:4px;background:var(--brand)}
.eg-n{font-size:44px;font-weight:900;line-height:1;background:var(--brand);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.9}
.eg-goal b{margin-top:8px;font-size:18px;font-weight:800}
.eg-goal p{font-size:14.5px;line-height:1.75;color:var(--dim)}

/* core functions flow */
.eg-flow{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.eg-flow::before{content:"";position:absolute;inset-inline:6%;top:22px;height:2px;background:var(--brand);opacity:.45}
.eg-fn{position:relative;display:flex;flex-direction:column;gap:8px}
.eg-fn .eg-ic{position:relative;box-shadow:0 0 0 8px var(--bg)}
.eg-step{font-size:13px;font-weight:700;color:var(--faint);margin-top:10px}
.eg-fn b{font-size:17px;font-weight:800}
.eg-fn p{font-size:14.5px;line-height:1.75;color:var(--dim)}

/* services orbit */
.eg-stage{position:relative;isolation:isolate;overflow:hidden;border-radius:clamp(24px,3vw,40px);padding:clamp(28px,5vw,72px) clamp(18px,4vw,60px);background:var(--eg-ink);color:var(--eg-on)}
.eg-stage::before{content:"";position:absolute;z-index:-1;width:60%;aspect-ratio:1;inset:-25% auto auto -10%;background:radial-gradient(closest-side,rgba(106,85,214,.35),transparent)}
.eg-stage::after{content:"";position:absolute;z-index:-1;width:50%;aspect-ratio:1;inset:auto -10% -25% auto;background:radial-gradient(closest-side,rgba(20,196,107,.2),transparent)}
.eg-stage .label,.eg-stage .head p{color:var(--eg-dim)}
.eg-stage .big{color:#fff}
.eg-explore{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center}
.eg-orbit{position:relative;aspect-ratio:1;width:100%;max-width:600px;margin-inline:auto;container-type:inline-size}
.eg-ring{position:absolute;border-radius:50%}
.eg-ring.o1{inset:8%;border:1px solid rgba(255,255,255,.14)}
.eg-ring.o2{inset:26%;border:1px dashed rgba(255,255,255,.12);animation:egSpin 90s linear infinite}
.eg-hub{position:absolute;inset:34%;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 30%,#2a2455,#14112B 70%);box-shadow:0 0 0 1px rgba(255,255,255,.12),0 0 60px rgba(106,85,214,.45)}
.eg-hub::before{content:"";position:absolute;inset:-7px;border-radius:50%;background:conic-gradient(from calc(var(--sel,0deg) - 32deg),transparent,#B23AB5 12deg,#6A55D6 26deg,#4A7BE0 38deg,#14C46B 52deg,transparent 64deg,transparent);-webkit-mask:radial-gradient(closest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(closest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));transition:--sel .5s}
.eg-beam{position:absolute;left:50%;top:50%;width:2px;height:27cqw;margin-left:-1px;transform-origin:50% 0;transform:rotate(calc(var(--sel,0deg) + 180deg));background:linear-gradient(rgba(255,255,255,.0),rgba(178,58,181,.7));pointer-events:none;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.eg-hub-k{display:block;font-size:clamp(10px,2.1cqw,12.5px);font-weight:600;color:var(--eg-dim);margin-bottom:4px}
.eg-hub-n{display:block;font-size:clamp(13px,3.4cqw,19px);font-weight:800;color:#fff;line-height:1.25;transition:opacity .25s}
.eg-hub-c{display:block;margin-top:4px;font-size:clamp(10px,2.1cqw,12.5px);color:#7CE3B0}
.eg-hub>div{padding:0 12%;text-align:center}
.eg-node{position:absolute;left:50%;top:50%;display:flex;flex-direction:column;align-items:center;gap:6px;width:17cqw;margin-left:-8.5cqw;margin-top:-6cqw;padding:0;border:0;background:none;color:var(--eg-on);font:inherit;cursor:pointer;transform:rotate(var(--a)) translateY(-40cqw) rotate(calc(var(--a) * -1))}
.eg-node-ic{display:grid;place-items:center;width:9.5cqw;height:9.5cqw;min-width:40px;min-height:40px;border-radius:30%;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);transition:background .3s,border-color .3s,transform .3s,box-shadow .3s}
.eg-node-ic svg{width:52%;height:52%}
.eg-node-t{font-size:clamp(11px,2.3cqw,13.5px);font-weight:700;line-height:1.25;text-align:center;color:var(--eg-dim);transition:color .3s}
.eg-node:hover .eg-node-ic{border-color:rgba(255,255,255,.4);transform:scale(1.06)}
.eg-node[aria-selected="true"] .eg-node-ic{background:var(--brand);border-color:transparent;transform:scale(1.12);box-shadow:0 10px 30px -8px rgba(106,85,214,.8)}
.eg-node[aria-selected="true"] .eg-node-t{color:#fff}
.eg-node:focus-visible{outline:none}
.eg-node:focus-visible .eg-node-ic{outline:2px solid #fff;outline-offset:3px}
.eg-panels{display:grid;gap:16px}
.eg-panel{padding:clamp(20px,2.4vw,30px);border-radius:24px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12)}
.eg-explore.js .eg-panel{animation:egIn .45s cubic-bezier(.2,.7,.2,1)}
@keyframes egIn{from{opacity:0;transform:translateY(10px)}}
.eg-panel:focus-visible{outline:2px solid #fff;outline-offset:3px}
.eg-panel-h{display:flex;align-items:center;gap:14px}
.eg-panel h3{font-size:clamp(20px,2vw,26px);font-weight:800;color:#fff;line-height:1.3}
.eg-count{font-size:13.5px;color:var(--eg-dim)}
.eg-svc{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:4px;counter-reset:s}
.eg-svc li{position:relative;display:grid;gap:3px;padding:12px 44px 12px 0;border-top:1px solid rgba(255,255,255,.08);counter-increment:s}
[dir="ltr"] .eg-svc li{padding:12px 0 12px 44px}
.eg-svc li::before{content:counter(s);position:absolute;inset-inline-start:0;top:12px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.08);font-size:13px;font-weight:700;color:#fff}
.eg-svc b{font-size:15.5px;color:#fff}
.eg-svc span{font-size:14px;line-height:1.7;color:var(--eg-dim)}

/* portal mock */
.eg-portal{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(30px,5vw,70px);align-items:center}
.eg-portal-copy p{margin-top:16px;color:var(--dim);max-width:30em}
.eg-pillars{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:14px}
.eg-pillars li{display:flex;gap:14px;align-items:flex-start}
.eg-pillars b{display:block;font-size:17px;font-weight:800}
.eg-pillars span{font-size:14.5px;color:var(--dim)}
.eg-mock{position:relative;border-radius:22px;background:#fff;box-shadow:0 50px 90px -50px rgba(20,17,43,.6),0 0 0 1px rgba(20,17,43,.08);overflow:visible}
.eg-mock-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid var(--hair)}
.eg-mock-bar i{width:10px;height:10px;border-radius:50%;background:#E6E3F2}
.eg-mock-bar span{margin-inline-start:10px;padding:4px 14px;border-radius:999px;background:var(--bg-2);font-size:12px;color:var(--faint);direction:ltr}
.eg-mock-body{display:flex;min-height:300px}
.eg-mock-side{display:flex;flex-direction:column;gap:12px;padding:16px 12px;background:var(--eg-ink);border-end-start-radius:22px}
[dir="rtl"] .eg-mock-side{border-radius:0 0 22px 0}
[dir="ltr"] .eg-mock-side{border-radius:0 0 0 22px}
.eg-mock-side i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:rgba(255,255,255,.75);background:rgba(255,255,255,.06)}
.eg-mock-side i:first-child{background:var(--brand);color:#fff}
.eg-mock-side svg{width:18px;height:18px}
.eg-mock-main{flex:1;padding:18px}
.eg-mock-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.eg-mock-top b{font-size:17px}
.eg-mock-search{flex:1;max-width:220px;padding:8px 14px;border-radius:999px;background:var(--bg-2);font-size:13px;color:var(--faint)}
.eg-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
.eg-tile{display:flex;align-items:center;gap:10px;padding:12px;border-radius:14px;border:1px solid var(--hair);font-size:14px;font-weight:700}
.eg-tile i{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--panel);color:var(--indigo)}
.eg-tile svg{width:18px;height:18px}
.eg-mock-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.eg-mock-links span{padding:6px 12px;border-radius:999px;font-size:12.5px;font-weight:700;color:#0b7d47;background:rgba(20,196,107,.12)}
.eg-mock-links span::before{content:"⇄ ";opacity:.7}
.eg-mock{margin-bottom:70px}
.eg-mock-main{padding-bottom:28px}
.eg-toasts{position:absolute;inset-inline-end:-26px;bottom:-62px;display:grid;gap:10px;width:min(300px,80%)}
.eg-toast{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:16px;background:#fff;box-shadow:0 24px 40px -22px rgba(20,17,43,.55),0 0 0 1px rgba(20,17,43,.06);animation:egFloat 5s ease-in-out infinite}
.eg-toast:nth-child(2){animation-delay:-2.5s;margin-inline-end:30px}
.eg-toast i{flex:none;width:10px;height:10px;margin-top:6px;border-radius:50%;background:#F5A524;box-shadow:0 0 0 4px rgba(245,165,36,.18)}
.eg-toast.ok i{background:#14C46B;box-shadow:0 0 0 4px rgba(20,196,107,.18)}
.eg-toast b{display:block;font-size:13.5px}
.eg-toast span{font-size:13px;color:var(--dim)}
@keyframes egFloat{50%{transform:translateY(-6px)}}

/* benefits */
.eg-bens{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.eg-ben{display:flex;flex-direction:column;gap:10px;padding:26px 22px;border-radius:22px;background:var(--panel);border:1px solid var(--hair);box-shadow:var(--shadow);transition:transform .3s}
.eg-ben:hover{transform:translateY(-4px)}
.eg-ben b{margin-top:8px;font-size:19px;font-weight:800}
.eg-ben p{font-size:14.5px;line-height:1.75;color:var(--dim)}

/* cost factors */
.eg-cost{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(30px,5vw,70px);align-items:start}
.eg-cost-copy{position:sticky;top:120px}
.eg-cost-copy p{margin:16px 0 26px;color:var(--dim)}
.eg-costs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.eg-costs li{display:flex;gap:14px;align-items:flex-start;padding:20px;border-radius:20px;background:var(--panel);border:1px solid var(--hair)}
.eg-costs li:last-child:nth-child(odd){grid-column:span 2}
.eg-costs b{display:block;font-size:16.5px;font-weight:800}
.eg-costs span{font-size:14px;line-height:1.7;color:var(--dim)}

/* roadmap */
.eg-road{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.eg-road::before{content:"";position:absolute;inset-inline:0;top:13px;height:3px;border-radius:3px;background:var(--brand)}
.eg-year{position:relative;padding-top:44px}
.eg-ydot{position:absolute;top:0;inset-inline-start:0;width:29px;height:29px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px var(--indigo),0 0 0 9px rgba(106,85,214,.15)}
.eg-year:nth-child(2) .eg-ydot{box-shadow:0 0 0 3px var(--cobalt),0 0 0 9px rgba(74,123,224,.15)}
.eg-year:nth-child(3) .eg-ydot{box-shadow:0 0 0 3px var(--teal),0 0 0 9px rgba(35,181,176,.15)}
.eg-year:nth-child(4) .eg-ydot{box-shadow:0 0 0 3px var(--green),0 0 0 9px rgba(20,196,107,.15)}
.eg-year b{font-size:clamp(20px,2vw,26px);font-weight:800}
.eg-year ul{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px}
.eg-year li{padding:12px 14px;border-radius:14px;background:var(--panel);border:1px solid var(--hair);font-size:14.5px;font-weight:600}

/* responsive */
@media (max-width:1100px){
  .eg-goals{grid-template-columns:repeat(3,minmax(0,1fr))}
  .eg-flow{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:34px}
  .eg-flow::before{display:none}
  .eg-bens{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .eg-explore,.eg-portal,.eg-cost{grid-template-columns:minmax(0,1fr)}
  .eg-cost-copy{position:static}
  .eg-road{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:30px}
  .eg-road::before{display:none}
  .eg-toasts{inset-inline-end:-6px}
  .eg-hviz{width:min(100%,420px)}
}
@media (max-width:600px){
  .eg-goals,.eg-flow,.eg-costs{grid-template-columns:minmax(0,1fr)}
  .eg-costs li:last-child:nth-child(odd){grid-column:auto}
  .eg-road{grid-template-columns:minmax(0,1fr)}
  .eg-orbit{aspect-ratio:auto;container-type:normal}
  .eg-ring,.eg-hub{display:none}
  .eg-nodes{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 10px;scrollbar-width:none}
  .eg-nodes::-webkit-scrollbar{display:none}
  .eg-node{position:static;flex:0 0 auto;width:auto;margin:0;flex-direction:row;padding:8px 14px 8px 8px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);transform:none;scroll-snap-align:start}
  [dir="rtl"] .eg-node{padding:8px 8px 8px 14px}
  .eg-node-ic{width:32px;height:32px;min-width:0;min-height:0}
  .eg-node-t{font-size:13px;white-space:nowrap}
  .eg-mock-body{min-height:0}
  .eg-mock-side{display:none}
  .eg-toasts{position:static;width:auto;padding:0 12px 12px}
  .eg-toast:nth-child(2){margin:0}
}
@media (prefers-reduced-motion:reduce){
  .eg-hspin,.eg-hdot svg,.eg-ring.o2,.eg-toast,.eg-explore.js .eg-panel{animation:none}
  .eg-node-ic,.eg-ben{transition:none}
}

/* enhancements v2 */
.eg-node[aria-selected="true"] .eg-node-ic{position:relative}
.eg-explore.auto .eg-node[aria-selected="true"] .eg-node-ic::after{content:"";position:absolute;inset:-5px;border-radius:32%;border:2px solid rgba(255,255,255,.5);clip-path:inset(0 100% 0 0);animation:egProg var(--dur,5s) linear forwards}
[dir="rtl"] .eg-explore.auto .eg-node[aria-selected="true"] .eg-node-ic::after{clip-path:inset(0 0 0 100%)}
@keyframes egProg{to{clip-path:inset(0 0 0 0)}}
.eg-orbit-hint{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:13px;color:var(--eg-dim)}
.eg-orbit-hint i{width:8px;height:8px;border-radius:50%;background:#14C46B;box-shadow:0 0 0 4px rgba(20,196,107,.2);animation:egPulse 1.6s ease-in-out infinite}
@keyframes egPulse{50%{box-shadow:0 0 0 8px rgba(20,196,107,0)}}
/* FAQ */
#eg-faq .mk-faq{margin-inline:auto}
#eg-faq .head{text-align:center;justify-items:center}
/* who it's for */
.eg-for{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.eg-for span{padding:9px 16px;border-radius:999px;font-size:14px;font-weight:700;background:var(--panel);border:1px solid var(--hair)}
@media (max-width:600px){
  .eg-goal{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:18px}
  .eg-n{font-size:30px}
  .eg-goal b{margin-top:0}
  .eg-goal p{flex-basis:100%}
  .eg-fn{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px;row-gap:2px}
  .eg-fn .eg-ic{grid-row:span 3}
  .eg-step{margin-top:0}
  .eg-bens{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .eg-ben{padding:16px;gap:6px}
  .eg-ben .eg-ic{width:38px;height:38px}
  .eg-ben b{font-size:16px;margin-top:4px}
  .eg-ben p{font-size:13.5px;line-height:1.65}
  .eg-costs li{padding:16px}
  .eg-mock{margin-bottom:0}
  .eg-hviz{width:min(100%,330px)}
  .eg-orbit-hint{display:none}
}
@media (prefers-reduced-motion:reduce){.eg-beam{transition:none}.eg-orbit-hint i{animation:none}}
@property --sel{syntax:'<angle>';inherits:true;initial-value:0deg}
.eg-explore{transition:--sel .55s cubic-bezier(.2,.7,.2,1)}
/* portal alerts: side by side along the bottom edge, clear of the tiles */
.eg-mock{margin-bottom:64px}
.eg-mock-main{padding-bottom:46px}
.eg-toasts{display:flex;gap:12px;width:auto;inset-inline:24px;bottom:-48px}
.eg-toast{flex:1;min-width:0}
.eg-toast:nth-child(2){margin:0}
@media (max-width:600px){
  .eg-beam{display:none}
  .eg-mock{margin-bottom:0}
  .eg-mock-main{padding-bottom:18px}
  .eg-toasts{position:static;flex-direction:column;padding:0 12px 12px}
}