/* === KoiPay shared stylesheet (used by sub-pages) === */
:root{
  --bg:#0A0D10;
  --bg-2:#0d1116;
  --surface:#111418;
  --surface-2:#161A1F;
  --border:rgba(255,255,255,0.06);
  --border-hover:rgba(0,255,136,0.4);
  --text:#ffffff;
  --text-2:#A6AFBA;
  --text-3:#5F6873;
  --neon:#00FF88;
  --neon-soft:#7CFFB2;
  --glow:0 0 32px rgba(0,255,136,0.28);
}
*{box-sizing:border-box;margin:0;padding:0}
html{font-size:16.5px}
html,body{background:var(--bg);color:var(--text);font-family:'Inter',system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;line-height:1.65;font-feature-settings:"ss01","cv11"}
body{overflow-x:hidden}
::selection{background:var(--neon);color:#001a0d}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
.mono{font-family:'JetBrains Mono',monospace}
.display{font-family:'Inter Tight',sans-serif;font-weight:700;letter-spacing:-0.028em;line-height:1.02;text-wrap:balance}
p{text-wrap:pretty}
.wrap{max-width:1200px;margin:0 auto;padding:0 28px}
.wrap-narrow{max-width:820px;margin:0 auto;padding:0 28px}
section{padding:96px 0;position:relative}
@media (max-width:768px){section{padding:56px 0}}

/* Bilingual toggle visibility */
html[data-lang="en"] [lang="hi"]{display:none}
html[data-lang="hi"] [lang="en"]{display:none}
html[lang="hi"] body{font-family:'Noto Sans Devanagari','Inter',system-ui,sans-serif}
html[lang="hi"] .display{font-family:'Noto Sans Devanagari','Inter Tight',sans-serif}

.ambient{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.ambient::before,.ambient::after{content:"";position:absolute;width:900px;height:900px;border-radius:50%;filter:blur(140px);opacity:0.08}
.ambient::before{background:var(--neon);top:-300px;left:-200px}
.ambient::after{background:#3b82f6;bottom:-400px;right:-200px;opacity:0.05}
.grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.035) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%);pointer-events:none;z-index:0}

/* Nav */
nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(18px);background:rgba(10,13,16,0.72);border-bottom:1px solid var(--border)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;max-width:1280px;margin:0 auto;gap:24px}
.logo{display:flex;align-items:center;gap:12px;font-family:'Inter Tight';font-weight:800;font-size:20px;letter-spacing:-0.02em}
.logo-mark{width:34px;height:34px;border-radius:10px;background:radial-gradient(circle at 50% 50%,rgba(0,255,136,0.25),rgba(0,255,136,0.05) 60%,transparent);display:grid;place-items:center;filter:drop-shadow(0 0 10px rgba(0,255,136,0.45))}
.logo-mark img{width:28px;height:28px;object-fit:contain;display:block}
.nav-links{display:flex;gap:28px;font-size:14px;color:var(--text-2)}
.nav-links a:hover{color:var(--text)}
.nav-cta{display:flex;gap:12px;align-items:center}
.lang-toggle{display:inline-flex;gap:0;font-family:'JetBrains Mono';font-size:12px;border:1px solid var(--border);border-radius:8px;overflow:hidden}
.lang-toggle button{padding:6px 10px;color:var(--text-3);transition:all .15s;display:inline-flex;align-items:center;gap:6px}
.lang-toggle button.active{background:rgba(0,255,136,0.12);color:var(--neon)}
.flag{width:19px;height:13px;border-radius:2px;flex-shrink:0;display:inline-block;vertical-align:middle}
.lang-toggle button:hover{color:var(--text)}
@media (max-width:860px){.nav-links{display:none}}
/* Mobile nav (hamburger menu, built by site.js) */
.nav-toggle{display:none;width:40px;height:40px;border:1px solid var(--border);border-radius:10px;color:var(--text);align-items:center;justify-content:center;flex-shrink:0}
.nav-toggle svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}
.mobile-nav{display:none;flex-direction:column;padding:8px 24px 20px;border-bottom:1px solid var(--border);background:rgba(10,13,16,0.97);backdrop-filter:blur(18px)}
.mobile-nav.open{display:flex}
.mobile-nav a{padding:13px 2px;font-size:16px;color:var(--text-2);border-bottom:1px solid var(--border)}
.mobile-nav a:active{color:var(--neon)}
.mobile-nav .lang-toggle{margin-top:16px;align-self:flex-start}
@media (max-width:860px){.nav-toggle{display:inline-flex}.nav-cta>.lang-toggle{display:none}}
@media (min-width:861px){.mobile-nav{display:none!important}.nav-toggle{display:none!important}}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 22px;border-radius:12px;font-weight:600;font-size:15px;transition:all .2s ease;white-space:nowrap}
.btn-primary{background:var(--neon);color:#001a0d;box-shadow:var(--glow)}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 0 44px rgba(0,255,136,0.5)}
.btn-secondary{background:transparent;color:var(--text);border:1px solid rgba(255,255,255,0.14)}
.btn-secondary:hover{border-color:var(--neon);background:rgba(0,255,136,0.06)}
.btn-sm{padding:10px 16px;font-size:14px;border-radius:10px}
.btn-lg{padding:18px 28px;font-size:16px;border-radius:14px}

/* Section heads */
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11px;letter-spacing:0.22em;text-transform:uppercase;color:var(--neon);font-weight:600;margin-bottom:18px}
.eyebrow::before{content:"";width:22px;height:1px;background:var(--neon);opacity:0.7}
.sec-head{max-width:780px;margin-bottom:48px}
.sec-head h1,.sec-head h2{font-size:clamp(32px,3.8vw,52px);letter-spacing:-0.03em;font-family:'Inter Tight';font-weight:700;line-height:1.05}
.sec-head h1 .accent,.sec-head h2 .accent{color:var(--neon);font-style:italic}
.sec-head p{margin-top:18px;color:var(--text-2);font-size:18px;line-height:1.7;max-width:62ch}
.badge{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border:1px solid rgba(0,255,136,0.25);border-radius:999px;background:rgba(0,255,136,0.06);font-size:13px;color:var(--neon-soft);margin-bottom:28px}
.badge .dot{width:6px;height:6px;border-radius:50%;background:var(--neon);box-shadow:0 0 12px var(--neon);animation:pulse 2s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}

/* Cards */
.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media (max-width:900px){.cards-3{grid-template-columns:1fr}}
.card{background:rgba(255,255,255,0.02);border:1px solid var(--border);border-radius:20px;padding:32px 28px;transition:all .3s cubic-bezier(.22,.61,.36,1);position:relative;overflow:hidden}
.card:hover{border-color:var(--border-hover);background:rgba(0,255,136,0.025);transform:translateY(-3px)}

/* Icon primitive (SVG, replaces emoji) */
.ic-tile{width:48px;height:48px;border-radius:13px;background:rgba(0,255,136,0.08);border:1px solid rgba(0,255,136,0.2);display:grid;place-items:center;color:var(--neon);margin-bottom:22px}
.ic-tile svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* Prose (legal / blog article) */
.prose{max-width:740px;color:var(--text-2);font-size:16px;line-height:1.8}
.prose h2{font-family:'Inter Tight';color:var(--text);font-size:26px;font-weight:700;letter-spacing:-0.02em;margin:40px 0 14px;line-height:1.2}
.prose h3{font-family:'Inter Tight';color:var(--text);font-size:20px;font-weight:700;margin:28px 0 10px}
.prose p{margin-bottom:16px;max-width:740px}
.prose ul{margin:0 0 16px 22px}
.prose li{margin-bottom:8px}
.prose a{color:var(--neon)}
.prose a:hover{text-decoration:underline}
.prose strong{color:var(--text)}
.page-meta{font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--text-3);margin-bottom:32px}

/* Footer */
footer{border-top:1px solid var(--border);padding:48px 0 32px;color:var(--text-3);font-size:13px}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}
@media (max-width:800px){.foot-grid{grid-template-columns:1fr 1fr}}
.foot-col h6{color:var(--text);font-size:13px;text-transform:uppercase;letter-spacing:0.1em;margin-bottom:16px}
.foot-col a{display:block;padding:6px 0;color:var(--text-3)}
.foot-col a:hover{color:var(--neon)}
.foot-bottom{border-top:1px solid var(--border);padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}