/* Koipay v2: an editorial payment site with an interactive market explorer. */
:root{--bg:#090c13;--white:#f4f3f7;--muted:#a0a7b9;--line:rgba(170,183,214,.12);--red:#f15d73}
.site-header{height:82px;background:#090c13ed}.brand-word{font-weight:800;font-size:35px;letter-spacing:-1.8px}.brand-word>span{font-weight:650}.brand-word>i{width:6px;height:6px;bottom:3px}.main-nav a{font-size:13px}.language-switch{border:1px solid var(--line);border-radius:30px;padding:7px 11px}.button{border:1px solid #ee6d864f;border-radius:32px;background:linear-gradient(110deg,#d83d53 0%,#aa447f 52%,#3c6bd8 100%);font-weight:650;box-shadow:0 4px 26px #cd3c5714}.button:hover{background:linear-gradient(110deg,#e64b61,#b9528d 52%,#4c7bec);box-shadow:0 5px 32px #d9416233}.button-small{padding:12px 18px;font-size:12px}.button-outline{background:#0f142099;border-color:#a3aeca25;box-shadow:none;font-weight:550}.button-outline:hover{background:#182337;box-shadow:none}.button-outline svg{color:#9bb4dc}
.hero{background:radial-gradient(ellipse at 28% 5%,#9a253b20,transparent 52%),radial-gradient(ellipse at 90% 75%,#123a7821,transparent 55%),#090c13}.hero-grid-lines{opacity:.25;background-size:100px 100px}.hero-main{grid-template-columns:1.12fr 1fr;gap:70px;min-height:675px;padding-block:70px 74px}.hero h1{font-size:66px;line-height:1.075;font-weight:720;letter-spacing:-3.1px;margin:25px 0 27px}.hero .eyebrow{font-family:Consolas,monospace;font-size:10px;color:#c694ab;letter-spacing:1.8px}.eyebrow-mark{width:24px;height:1px;box-shadow:none;transform:none;background:#ef6c81}.gradient-text{background:linear-gradient(100deg,#fb7f8e 3%,#d587c5 48%,#83a9ff 100%);background-clip:text;-webkit-background-clip:text}.hero-description{max-width:505px;line-height:1.9;font-size:15px}.hero-buttons{gap:13px;margin-top:30px}.hero-buttons .button{font-size:12px;padding:17px 21px;gap:12px}.hero-buttons .button svg{width:17px;height:17px}.hero-note{font-size:10px;color:#727b90;gap:9px;margin-top:19px}.hero-note .live-dot{background:#a36884}.hero-bottom{display:grid;grid-template-columns:repeat(4,1fr);min-height:118px;padding:0;border-bottom:1px solid var(--line)}.hero-stat{width:auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;padding:22px 25px;border-right:1px solid var(--line);height:100%;font-size:10px}.hero-stat:first-child{padding-left:0}.hero-stat:last-child{border-right:0}.hero-stat strong{font-size:29px;font-weight:650;letter-spacing:-1.1px;line-height:1.2}.hero-stat strong span{color:#ef6d85;font-size:25px;margin-left:2px}.hero-stat:nth-child(2) strong span,.hero-stat:nth-child(3) strong span{font-size:18px;color:#536991;margin-left:7px}.hero-stat>span{color:#778298;font-size:10px}
.hero-console-wrap{position:relative;isolation:isolate;padding-top:16px}.console-orbit{position:absolute;width:116%;height:120%;border:1px solid #6e77b116;z-index:-1;left:-8%;top:-5%;border-radius:50%;transform:rotate(-24deg);background:radial-gradient(ellipse at 50% 50%,#364a9515,transparent 65%)}.console-orbit:after{content:"";position:absolute;inset:27px;border:1px dashed #9474ae15;border-radius:50%}.channel-console{position:relative;border:1px solid #8c86b337;border-radius:15px;background:linear-gradient(125deg,#191626e8,#101729f0 60%,#0f1825);box-shadow:0 35px 100px #0005,inset 0 1px 0 #ffffff05;overflow:hidden;transform:rotate(-2deg)}.console-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 25px 19px;border-bottom:1px solid #b9abc312;font-family:Consolas,monospace;font-size:8px;letter-spacing:1.4px;color:#7d8da8}.console-header>span:first-child{color:#b2bdd3;display:flex;align-items:center;gap:7px}.console-header i{width:5px;height:5px;display:inline-block;border-radius:50%;background:#f17b8e;box-shadow:0 0 14px #e74f7d44}.console-header>span:last-child{font-size:7px;letter-spacing:1px;color:#6e7995}.console-switches{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:22px 24px 0}.console-switches button{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #a7b9d618;background:#141d2c50;color:#6c7d9b;font-family:Consolas,monospace;font-size:10px;padding:10px 8px;border-radius:5px;transition:color .2s,background .2s,border-color .2s}.console-switches .flag{width:21px;height:15px;border-radius:2px}.console-switches button:hover{color:#d3e1f6;background:#243552}.console-switches button[aria-pressed="true"]{color:#eff3fc;background:#3d4b7433;border-color:#6a8bda70;box-shadow:0 0 16px #3b5ab510}.console-market{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:32px 25px 26px}.console-market-label{font-family:Consolas,monospace;font-size:9px;letter-spacing:1.5px;color:#9b7a9d}.console-market h2{font-size:27px;letter-spacing:-1px;font-weight:600;line-height:1.25;margin-top:9px;white-space:normal}.console-currency{font-size:47px;letter-spacing:-2px;font-weight:500;color:#96a9d3;line-height:1;opacity:.8}.console-facts{margin:0;padding:0 25px}.console-facts>div{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px dashed #a7b5d221;padding:17px 0}.console-facts dt{color:#8c98b0;font-family:Consolas,monospace;font-size:12px}.console-facts dd{margin:0;text-align:right;color:#cbd4e5;font-size:13px;font-weight:500}.console-facts dd>a{display:flex;gap:8px;align-items:center;color:#e8a2b5}.console-facts dd svg{width:12px;height:12px}.console-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:8px 25px 19px;padding-top:13px;border-top:1px solid #b48aaf26}.console-connector{display:flex;align-items:center;gap:10px;font-family:Consolas,monospace;font-size:6px;letter-spacing:1.2px;color:#7a88a6}.console-connector>svg{width:18px;height:18px;color:#9e7aa1}.console-seal{width:36px;height:31px;display:grid;place-content:center;grid-auto-flow:column;border:1px solid #826d9e5e;border-radius:4px;font-size:19px;font-weight:700;line-height:1;transform:rotate(-12deg);color:#b59fbc}.console-seal>span{color:#f07994}.console-footnote{display:flex;justify-content:center;align-items:center;gap:13px;margin-top:29px;font-family:Consolas,monospace;font-size:7px;letter-spacing:1.2px;color:#576681}.console-line{width:25px;height:1px;background:linear-gradient(90deg,#e46483,#477cd3)}
.section-heading{text-align:left;max-width:700px;margin:0 0 65px}.section-heading .eyebrow{justify-content:flex-start}.section-heading h2{font-size:48px;font-weight:650}.section-heading>p{margin:22px 0 0;max-width:540px}.section-number{font-family:Consolas,monospace;color:#bd7a96}.pill-label{border-radius:30px;padding:8px 12px}.coverage{background:radial-gradient(ellipse at 95% 0,#5b27441b,transparent 55%),#0b101b}.coverage-heading h2{font-size:47px;font-weight:650}.coverage-heading>p{font-size:14px;width:300px}.market-tabs{gap:12px;border:0}.market-tabs button{align-items:center;flex-wrap:wrap;gap:11px;padding:21px 18px 19px;border:1px solid #9fadd820;border-radius:9px;background:#151a2a70;text-align:left;box-shadow:none;font-size:12px;color:#bcc7dc}.market-tabs button small{font-family:Consolas,monospace;font-size:9px;color:#687b9c}.market-tab-method{display:block;width:100%;font-size:10px;color:#697b9a;font-weight:400;padding-left:1px}.market-tabs button:hover{background:#1d2c4550;border-color:#6d90cb55}.market-tabs button[aria-selected="true"]{border:1px solid #7c7fc276;background:linear-gradient(120deg,#79384c22,#21386155);box-shadow:inset 0 -2px #6c8de9;color:white}.market-tabs button[aria-selected="true"] .market-tab-method{color:#a1acc4}.market-panel{padding:47px 25px 20px}.market-service{color:#d492b0}.market-main>.text-link{color:#bacdf4}.market-availability{font-size:10px}.market-quote{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line);margin-top:22px;padding-top:28px}.market-quote>div{display:flex;align-items:center;gap:15px}.market-quote>div>svg{color:#a780a5;width:21px;height:21px}.market-quote strong{font-size:13px;font-weight:550;display:block}.market-quote p{font-size:11px;margin-top:3px}.market-quote .text-link{font-size:12px;white-space:nowrap;color:#dfa6c1}
.developers{background:radial-gradient(ellipse at 2% 100%,#68314a0d,transparent 60%)}.about{background:linear-gradient(110deg,#111320,#0a111b)}.contact-box{background:radial-gradient(ellipse at 15% 8%,#71274330,transparent 65%),radial-gradient(ellipse at 100% 100%,#244b942a,transparent 65%),#101421;border-color:#9585bb32}.contact-accent{color:#c29ccf}.contact-orbit{border-color:#aa76a81b;box-shadow:0 0 0 70px #966e9906,0 0 0 140px #966e9904}.contact-box h2{font-weight:650;font-size:53px}.footer-brand .brand-word{font-size:30px}.footer-group{color:#796a86}.contact-buttons .button{padding:16px 24px}
html[lang="zh-CN"] .hero h1{font-size:52px;letter-spacing:-1px;line-height:1.28}html[lang="zh-CN"] .hero-description{max-width:480px}html[lang="zh-CN"] .console-market h2{font-size:28px}html[lang="zh-CN"] .console-facts dt{font-family:inherit;font-size:11px}html[lang="zh-CN"] .console-connector{letter-spacing:1px;font-size:8px}
@media(min-width:1550px){.hero h1{font-size:73px}.hero-main{min-height:710px}.console-market{padding-block:37px}.console-currency{font-size:54px}}
@media(max-width:1150px){.hero-main{gap:45px;min-height:625px;padding-block:60px}.hero h1{font-size:57px}.hero-description{font-size:14px}.hero-buttons .button{font-size:11px;padding:16px 17px;gap:10px}.console-header{padding:19px 20px}.console-switches{padding-inline:19px;gap:5px}.console-switches button{gap:6px;padding:9px 6px;font-size:9px}.console-market{padding:28px 20px 23px;gap:13px}.console-market h2{font-size:24px}.console-currency{font-size:39px}.console-facts{padding-inline:20px}.console-facts dt{font-size:11px}.console-facts dd{font-size:12px}.console-bottom{margin-inline:20px}.console-connector{font-size:5px;letter-spacing:1px}.console-header>span:last-child{font-size:6px}.hero-note{font-size:9px}.hero-stat{padding-inline:19px}.hero-stat strong{font-size:26px}.market-tabs button{padding:19px 14px;font-size:11px;gap:9px}.market-tab-method{font-size:9px}.market-tabs .flag{width:23px;height:16px}.main-nav{gap:23px}.main-nav a{font-size:12px}.section-heading h2,.coverage-heading h2{font-size:44px}html[lang="zh-CN"] .hero h1{font-size:45px}}
@media(max-width:950px){.hero-main{gap:30px;min-height:590px}.hero h1{font-size:48px;letter-spacing:-2.3px}.hero-description{font-size:13px}.hero-buttons{flex-wrap:wrap;gap:12px}.hero-buttons .button{font-size:10px;padding:14px 16px}.hero-buttons .button>svg{width:14px;height:14px}.console-header{gap:10px;padding-inline:17px}.console-header>span:first-child{font-size:7px}.console-header>span:last-child{font-size:5px;letter-spacing:.5px}.console-switches{padding-inline:16px}.console-switches button{font-size:8px;gap:5px;padding:8px 4px}.console-switches .flag{width:18px;height:13px}.console-market{padding-inline:17px}.console-market h2{font-size:21px}.console-currency{font-size:32px}.console-facts{padding-inline:17px}.console-facts>div{gap:12px;padding:16px 0}.console-facts dt{font-size:10px}.console-facts dd{font-size:11px}.console-bottom{margin-inline:17px}.console-connector>svg{width:14px;height:14px}.console-connector{font-size:4.5px;letter-spacing:.5px;gap:7px}.console-footnote{font-size:5.5px;letter-spacing:1px}.hero-stat strong{font-size:24px}.hero-stat{padding-inline:16px;gap:9px}.hero-stat>span{font-size:9px}.market-tabs button{padding:17px 12px;font-size:10px;gap:7px}.market-tabs button small{font-size:8px}.market-tab-method{font-size:8px}.market-tabs .flag{width:21px;height:15px}.main-nav a{font-size:10px}.main-nav{gap:18px}.nav-actions{gap:15px}.button-small{font-size:10px;padding:11px 15px}.coverage-heading>p{font-size:13px;width:255px}html[lang="zh-CN"] .hero h1{font-size:39px}html[lang="zh-CN"] .console-market h2{font-size:24px}html[lang="zh-CN"] .console-facts dt{font-size:10px}}
@media(max-width:760px){.site-header{height:74px}.brand-word{font-size:31px}.main-nav{top:73px;background:#101420f7;gap:2px}.main-nav a{font-size:14px}.language-switch{font-size:10px;padding:5px 9px}.nav-actions{gap:13px}.hero-main{grid-template-columns:1fr;gap:39px;min-height:0;padding-top:43px;padding-bottom:40px}.hero h1{font-size:clamp(43px,11.4vw,63px);letter-spacing:-2.3px;line-height:1.1;margin-top:25px;margin-bottom:22px}.hero .eyebrow{font-size:8px;letter-spacing:1.5px}.hero-description{font-size:13px;max-width:510px;line-height:1.9}.hero-buttons{gap:12px;flex-wrap:nowrap;margin-top:26px}.hero-buttons .button{font-size:10px;padding:15px 15px;gap:8px}.hero-buttons .button>svg{width:14px;height:14px}.hero-buttons .button-outline>svg{display:none}.hero-note{font-size:8px;letter-spacing:0;gap:7px;margin-top:18px}.hero-console-wrap{width:100%;max-width:490px;margin:auto;padding:0 2px}.console-orbit{width:110%;left:-5%;top:-7%;height:116%}.channel-console{transform:rotate(-1deg);border-radius:12px}.console-header{padding:19px 19px 17px}.console-header>span:first-child{font-size:8px;letter-spacing:1.3px}.console-header>span:last-child{font-size:6px;letter-spacing:.8px}.console-switches{padding:18px 18px 0;gap:6px}.console-switches button{font-size:9px;gap:7px;padding:10px 6px}.console-switches .flag{width:20px;height:14px}.console-market{padding:28px 19px 25px}.console-market h2{font-size:24px;letter-spacing:-.8px}.console-market-label{font-size:8px}.console-currency{font-size:40px}.console-facts{padding-inline:19px}.console-facts dt{font-size:11px}.console-facts dd{font-size:12px}.console-facts>div{padding:16px 0;gap:15px}.console-bottom{margin:8px 19px 17px;padding-top:14px}.console-connector{font-size:5px;letter-spacing:.8px;gap:8px}.console-connector>svg{width:16px;height:16px}.console-seal{width:31px;height:28px;font-size:17px}.console-footnote{font-size:5.5px;gap:10px;margin-top:25px}.hero-bottom{grid-template-columns:1fr 1fr;gap:0;padding:0;min-height:0}.hero-stat,.hero-stat:first-child{width:auto;padding:23px 18px;gap:8px;border-right:0}.hero-stat:first-child,.hero-stat:nth-child(2){border-bottom:1px solid var(--line)}.hero-stat:nth-child(odd){padding-left:0;border-right:1px solid var(--line)}.hero-stat:nth-child(even){padding-left:22px}.hero-stat strong{font-size:25px}.hero-stat>span{font-size:9px}.section-heading{margin-bottom:45px}.section-heading h2,.coverage-heading h2{font-size:38px}.section-heading .eyebrow{justify-content:flex-start;font-size:7px}.section-heading>p{font-size:13px;margin-top:20px}.coverage-heading>p{width:auto;max-width:400px;font-size:13px}.market-tabs{grid-template-columns:1fr 1fr;border:0;border-radius:0;gap:10px;overflow:visible}.market-tabs button{min-height:96px;padding:16px 12px;gap:8px;border:1px solid #9fadd820!important;box-shadow:none;font-size:10px;align-content:center}.market-tabs button[aria-selected="true"]{border-color:#7c7fc276!important;box-shadow:inset 0 -2px #6c8de9}.market-tabs button small{font-size:8px}.market-tabs .flag{width:21px;height:15px}.market-tab-method{font-size:8px;line-height:1.5}.market-panel{padding:31px 0 10px;gap:29px}.market-quote{margin-top:21px;flex-direction:column;align-items:flex-start;gap:19px;padding-top:25px}.market-quote strong{font-size:12px}.market-quote p{font-size:10px;line-height:1.7}.market-quote .text-link{font-size:11px;margin-left:36px}.contact-box h2{font-size:39px}.contact-buttons .button{padding:15px 21px}.footer-brand .brand-word{font-size:30px}html[lang="zh-CN"] .hero h1{font-size:clamp(35px,9.5vw,52px);letter-spacing:-1px;line-height:1.38}html[lang="zh-CN"] .hero .eyebrow{font-size:8px}html[lang="zh-CN"] .console-market h2{font-size:25px}html[lang="zh-CN"] .console-facts dt{font-size:10px}html[lang="zh-CN"] .console-connector{font-size:7px}html[lang="zh-CN"] .hero-note{font-size:9px}}
@media(max-width:380px){.hero-buttons{gap:9px}.hero-buttons .button{font-size:9px;padding:14px 13px;gap:7px}.hero-note{font-size:7px}.console-header{padding-inline:16px}.console-header>span:first-child{font-size:7px}.console-header>span:last-child{font-size:5.5px}.console-switches{padding-inline:15px;gap:5px}.console-switches button{gap:6px;font-size:8px;padding-inline:4px}.console-market{padding-inline:16px}.console-market h2{font-size:22px}.console-currency{font-size:35px}.console-facts{padding-inline:16px}.console-facts dd{font-size:9px}.console-facts dt{font-size:8px}.console-bottom{margin-inline:16px}.console-connector{font-size:4.5px;letter-spacing:.5px}.market-tabs button{font-size:9px;padding-inline:11px;gap:7px}.market-tabs button small{font-size:7px}.market-tab-method{font-size:7px}}