/* PazoPay public website */
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-var.woff2) format("woff2")}
:root{--ink:#0c1a13;--muted:#4a5a51;--dim:#6b7a71;--line:#e3e9e5;--bg:#ffffff;--alt:#f4f7f5;--g:#00873c;--g2:#006e31;--gl:#00d64f;--navy:#0b1912}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);font-size:16px;line-height:1.6;
  -webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01"}
a{color:var(--g);text-decoration:none}
.wrap{max-width:1160px;margin:0 auto;padding:0 24px}
.narrow{max-width:780px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:600;font-size:15px;padding:10px 18px;border-radius:11px;border:1px solid #cfd8d3;
  background:#fff;color:var(--ink);cursor:pointer;transition:background .15s,border-color .15s,transform .15s;white-space:nowrap}
.btn:hover{border-color:#9fb0a6}
.btn.primary{background:var(--g);border-color:var(--g);color:#fff;box-shadow:0 6px 18px -8px rgba(0,135,60,.6)}
.btn.primary:hover{background:var(--g2);border-color:var(--g2)}
.btn.ghost{border-color:transparent;background:transparent}
.btn.lg{padding:14px 24px;font-size:16px;border-radius:13px}
.btn.light{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3);color:#fff}
.btn:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--g);outline-offset:2px}

/* nav */
.nav{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.navin{display:flex;align-items:center;gap:24px;height:68px}
.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink)}
.brand b{font-size:18px;letter-spacing:-.01em}
.logo{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:13px;background:linear-gradient(135deg,#00b84c,#006e31)}
.links{display:flex;gap:26px;margin-left:12px}
.links a{color:var(--muted);font-size:15px;font-weight:500}.links a:hover{color:var(--ink)}
.navcta{margin-left:auto;display:flex;gap:8px}

/* hero */
.hero{background:radial-gradient(900px 420px at 85% 0%,rgba(0,214,79,.14),transparent 60%),linear-gradient(180deg,#f3faf6,#fff 70%);padding:72px 0 64px;overflow:hidden}
.heroin{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center}
.pill{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--g2);background:#e3f6ea;border:1px solid #c3e8d1;padding:5px 12px;border-radius:999px}
.pill i{width:8px;height:8px;border-radius:50%;background:var(--gl);box-shadow:0 0 0 4px rgba(0,214,79,.2)}
.hero h1{font-size:54px;line-height:1.06;letter-spacing:-.035em;margin:18px 0 18px;font-weight:800}
.hero h1 .g{color:var(--g)}
.lead{font-size:18.5px;color:var(--muted);max-width:560px;margin:0 0 28px}
.cta{display:flex;gap:12px;flex-wrap:wrap}
.ticks{list-style:none;padding:0;margin:24px 0 0;display:flex;gap:20px;flex-wrap:wrap;font-size:14px;color:var(--muted)}
.ticks li::before{content:"✓";color:var(--g);font-weight:800;margin-right:6px}
.hvis{position:relative;min-height:470px}
.mock-wallet{position:absolute;inset:64px 20px auto 20px;border-radius:22px;padding:26px;color:#fff;background:linear-gradient(135deg,#0b1912,#0d5c31 55%,#00873c);
  box-shadow:0 30px 60px -25px rgba(0,80,35,.6)}
.mock-wallet>span{font-size:14px;opacity:.85}.mock-wallet>b{display:block;font-size:44px;letter-spacing:-.02em;margin:4px 0 18px;font-variant-numeric:tabular-nums}
.mw-split{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mw-split div{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:13px;padding:12px;font-weight:700;font-size:18px}
.mw-split small{display:block;font-weight:500;font-size:12px;opacity:.8}
.mw-foot{margin-top:16px;font-size:14px;opacity:.9}
.mock-toast{position:absolute;display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 16px;
  box-shadow:0 18px 40px -18px rgba(12,26,19,.35);font-size:14px;min-width:270px}
.mock-toast b{display:block;font-size:14.5px}.mock-toast small{color:var(--dim)}
.mock-toast .ic{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--gl);color:#05230f;font-weight:800}
.mock-toast .ic.bank{background:#e3f6ea}
.t1{right:0;top:0;animation:float 6s ease-in-out infinite}.t2{left:0;top:390px;animation:float 6s ease-in-out 3s infinite}
@keyframes float{50%{transform:translateY(-8px)}}
@media (prefers-reduced-motion:reduce){.t1,.t2{animation:none}html{scroll-behavior:auto}}

/* strip */
.strip{border-block:1px solid var(--line);background:#fff}
.stripin{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 24px;font-size:14px;color:var(--muted)}

/* sections */
.sec{padding:84px 0}.sec.alt{background:var(--alt)}
.st{font-size:36px;letter-spacing:-.025em;line-height:1.15;margin:0 0 10px;text-align:center;font-weight:750}
.sl{text-align:center;color:var(--muted);font-size:17px;margin:0 auto 44px;max-width:620px}
.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:s}
.steps li{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}
.steps span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--g);color:#fff;font-weight:700;margin-bottom:14px}
.steps b{font-size:17px}.steps p{margin:6px 0 0;color:var(--muted);font-size:15px}
.feats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.feats div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}
.feats i{font-style:normal;font-size:22px;width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:#e3f6ea;margin-bottom:14px}
.feats b{font-size:17px}.feats p{margin:6px 0 0;color:var(--muted);font-size:15px}
.sched{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.sched div{border:1px solid var(--line);border-radius:18px;padding:24px;text-align:center;background:linear-gradient(180deg,#f3faf6,#fff)}
.sched b{display:block;font-size:24px;color:var(--g);letter-spacing:-.02em}.sched span{color:var(--muted);font-size:15px}
.methods{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.methods div{border:1px solid var(--line);border-radius:18px;padding:20px 24px}
.methods b{font-size:17px}.methods p{margin:4px 0 0;color:var(--muted);font-size:15px}
details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:4px 20px;margin-bottom:10px}
summary{cursor:pointer;font-weight:600;padding:14px 0;list-style:none;display:flex;justify-content:space-between;gap:12px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";color:var(--g);font-size:22px;line-height:1}
details[open] summary::after{content:"–"}
details p{margin:0 0 16px;color:var(--muted)}
.final{background:linear-gradient(135deg,#0b1912,#0d3d22);color:#fff;padding:64px 0}
.finalin{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.final h2{font-size:34px;letter-spacing:-.02em;margin:0 0 6px}.final p{margin:0;color:#b3c6ba}
.foot{background:var(--navy);color:#a3b8aa;padding:40px 0 28px;font-size:14px}
.footin{display:grid;grid-template-columns:1fr auto;gap:18px 32px}
.foot .brand b{color:#fff}.foot p{margin:8px 0 0}
.foot nav{display:flex;gap:20px;flex-wrap:wrap;align-items:flex-start}
.foot nav a{color:#d6e2db}.foot nav a:hover{color:#fff}
.foot small{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.08);padding-top:18px;color:#7b9284}

/* legal pages */
.legal{max-width:780px;margin:0 auto;padding:56px 24px 80px}
.legal h1{font-size:36px;letter-spacing:-.025em;margin:0 0 6px}
.legal h2{font-size:20px;margin:32px 0 8px}
.legal p,.legal li{color:var(--muted)}
.legal .upd{color:var(--dim);font-size:14px}

@media (max-width:960px){
  .heroin{grid-template-columns:1fr}.hvis{min-height:450px}
  .hero h1{font-size:40px}.links{display:none}
  .steps,.feats{grid-template-columns:1fr 1fr}.sched{grid-template-columns:1fr}
}
@media (max-width:600px){
  .wrap{padding:0 16px}.hero{padding:44px 0}.hero h1{font-size:34px}.lead{font-size:17px}
  .steps,.feats,.methods{grid-template-columns:1fr}.st{font-size:28px}.sec{padding:60px 0}
  .navcta .ghost{display:none}.navin{gap:12px}
  .mock-wallet{inset:58px 0 auto 0}.t2{top:370px}.mock-wallet>b{font-size:34px}.mock-toast{min-width:0;max-width:92%}
  .footin{grid-template-columns:1fr}.btn.lg{width:100%}
}