:root{--electric:#2f7dff;--aqua:#27d2ff;--deep:#06142f}
body{overflow-x:hidden}
.site-header{box-shadow:0 8px 30px rgba(8,27,66,.05)}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 18%,rgba(39,210,255,.2),transparent 23%),radial-gradient(circle at 55% 110%,rgba(47,125,255,.22),transparent 38%),linear-gradient(140deg,#050f27 0%,#0a285e 60%,#0a609c 100%)}
.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to left,#000,transparent 72%)}
.hero>*{position:relative;z-index:1}
.finspay-console{padding:0;overflow:hidden;background:linear-gradient(145deg,rgba(15,47,99,.92),rgba(5,19,47,.92));box-shadow:0 35px 100px rgba(0,8,32,.7),inset 0 1px rgba(255,255,255,.08)}
.finspay-console .panel-head{padding:20px 22px}.finspay-console .panel-head img{width:44px;height:44px}.finspay-console .panel-head b{letter-spacing:.05em}.live-badge{margin-left:auto;padding:6px 10px;border:1px solid rgba(74,211,255,.3);border-radius:999px;background:rgba(36,190,255,.1);color:#83e3ff;font-size:11px;font-weight:800}
.console-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.1)}
.console-summary div{padding:20px;background:rgba(4,20,50,.75);display:flex;flex-direction:column}.console-summary small{color:#8ea7c9}.console-summary strong{font-size:21px;margin:5px 0;color:#fff}.console-summary i{font-style:normal;color:#41c9ff;font-size:9px;letter-spacing:.15em}
.console-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:8px;padding:25px 20px}.console-flow>b{color:#3fc9ff;font-weight:400}.flow-node{display:flex;flex-direction:column;align-items:center;gap:7px;padding:13px 5px;border-radius:12px;background:rgba(255,255,255,.055);font-size:13px;font-weight:800}.flow-node i{font-style:normal;font-size:9px;color:#54d2ff}
.console-log{display:flex;align-items:center;gap:12px;margin:0 20px 20px;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.04)}.console-log>span{width:9px;height:9px;border-radius:50%;background:#43e4b5;box-shadow:0 0 0 5px rgba(67,228,181,.1)}.console-log p{display:flex;flex-direction:column;margin:0;line-height:1.4}.console-log p b{font-size:13px}.console-log p small{font-size:10px;color:#9db1ce}.console-log em{margin-left:auto;font-style:normal;font-size:9px;color:#43e4b5;letter-spacing:.12em}
.business-cards{grid-template-columns:repeat(5,1fr)!important}.business-cards article{position:relative;min-height:285px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.business-cards article:hover{transform:translateY(-6px);box-shadow:0 20px 45px rgba(15,52,105,.1)}.business-cards article:after{content:"";position:absolute;right:-30px;bottom:-45px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(47,125,255,.12),transparent 68%)}
.service-icon{width:48px;height:48px;margin-top:20px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#eaf3ff,#f7fbff);border:1px solid #d7e7fb;color:#1677ff;font-size:11px;font-weight:900;letter-spacing:.08em}.business-cards h3{margin-top:20px}
.platform-visual{padding:95px max(7vw,34px);display:grid;grid-template-columns:.72fr 1.28fr;gap:7vw;align-items:center;background:linear-gradient(145deg,#06142f,#0a2c66);color:#fff}.platform-copy h2{font-size:clamp(36px,4vw,54px);line-height:1.18;letter-spacing:-.05em;margin:0 0 22px}.platform-copy p{color:#b9cae2;font-size:17px}.platform-copy a{display:inline-flex;gap:10px;align-items:center;margin-top:18px;color:#fff;text-decoration:none;font-weight:800}.platform-copy a span{color:#4bd3ff}
.pipeline-board{border:1px solid rgba(255,255,255,.14);border-radius:22px;background:rgba(255,255,255,.06);box-shadow:0 30px 70px rgba(0,8,30,.45);overflow:hidden}.pipeline-top{display:flex;align-items:center;gap:14px;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.1)}.pipeline-top span{font-size:10px;letter-spacing:.14em;color:#58d4ff}.pipeline-top b{font-size:14px}.pipeline-top em{margin-left:auto;font-style:normal;font-size:10px;color:#43e4b5}.pipeline{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:8px;padding:30px 22px}.pipeline>span{color:#4bcbfb}.pipeline article{min-height:116px;padding:15px;border-radius:14px;background:rgba(3,17,43,.65);border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column}.pipeline i{font-style:normal;color:#50d0ff;font-size:10px}.pipeline strong{margin:13px 0 4px;font-size:14px}.pipeline small{color:#91a7c7;font-size:10px}.pipeline-status{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 22px 22px}.pipeline-status>div{display:flex;align-items:center;gap:10px;padding:12px;border-radius:11px;background:rgba(255,255,255,.045)}.pipeline-status span{width:7px;height:7px;border-radius:50%;background:#43e4b5}.pipeline-status p{margin:0;display:flex;flex-direction:column;line-height:1.35}.pipeline-status b{font-size:11px}.pipeline-status small{font-size:9px;color:#91a7c7}
.payment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:42px}.payment-grid article{padding:22px;border:1px solid #dce8f6;border-radius:14px;background:linear-gradient(145deg,#fff,#f6faff);display:flex;flex-direction:column;min-height:112px}.payment-grid b{font-size:17px;color:#102d59}.payment-grid span{margin-top:8px;color:#657892;font-size:14px}
@media(max-width:1200px){.business-cards{grid-template-columns:repeat(3,1fr)!important}.business-cards article:nth-child(n+4){min-height:240px}.platform-visual{grid-template-columns:1fr}.pipeline-board{max-width:900px}}
@media(max-width:760px){.console-summary{grid-template-columns:1fr}.console-flow{grid-template-columns:1fr 1fr;gap:8px}.console-flow>b{display:none}.platform-visual{padding:68px 20px}.pipeline{grid-template-columns:1fr 1fr}.pipeline>span{display:none}.pipeline-status{grid-template-columns:1fr}.payment-grid,.business-cards{grid-template-columns:1fr!important}.business-cards article{min-height:auto}.finspay-console .panel-head small{font-size:10px}}