@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;700&family=Manrope:wght@700&family=Montserrat:wght@400;700&family=Rethink+Sans:wght@500&family=Inter:wght@400;600&display=swap";
.payment-root{color:#010205;-webkit-font-smoothing:antialiased;--pl-text:#010205;--pl-gray:#878c91;--pl-border:#e4e4e4;--pl-bg:#f6f9ff;--pl-pad:clamp(16px,5vw,80px);background:linear-gradient(#f6f9ff 0%,#fff 60%);font-family:Plus Jakarta Sans,Noto Sans JP,sans-serif}.payment-root *{box-sizing:border-box}.payment-root a{color:inherit;text-decoration:none}.payment-root ul{margin:0;padding:0;list-style:none}.payment-root img{max-width:100%;height:auto;display:block}.payment-root .container{width:100%;max-width:1280px;padding:0 var(--pl-pad);margin:0 auto}.payment-root nav.pl-nav{z-index:200;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--pl-border);background:#f6f9fff2;position:sticky;top:0}.payment-root .nav-inner{width:100%;max-width:100%;height:auto;padding:12px var(--pl-pad);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.payment-root .nav-logo{flex-shrink:0;align-items:center;gap:6px;display:flex}.payment-root .nav-links{flex:1;justify-content:center;gap:clamp(8px,2vw,24px);min-width:0;display:flex}.payment-root .nav-links a{white-space:nowrap;color:var(--pl-text);font-size:clamp(11px,2vw,13px);font-weight:600}.payment-root .nav-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.payment-root .nav-lang{cursor:pointer;color:var(--pl-text);background:0 0;border:none;padding:6px 10px;font-family:inherit;font-size:12px;font-weight:700}.payment-root .nav-contact{border:1.5px solid var(--pl-text);cursor:pointer;color:var(--pl-text);white-space:nowrap;background:0 0;border-radius:50px;padding:8px 16px;font-size:clamp(11px,2vw,13px);font-weight:700}.payment-root .nav-hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:4px;padding:6px;display:none}.payment-root .nav-hamburger span{background:var(--pl-text);border-radius:1px;width:18px;height:2px}.payment-root .hero{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(20px,4vw,40px);padding:clamp(32px,5vw,80px) 0;display:grid}.payment-root .hero-title{margin-bottom:clamp(12px,3vw,24px);font-family:Noto Sans JP;font-size:clamp(28px,4.5vw,52px);font-weight:700;line-height:1.35}.payment-root .hero-eyebrow{margin-bottom:clamp(12px,2vw,16px);font-family:Noto Sans JP;font-size:clamp(12px,2.5vw,16px);line-height:1.7}.payment-root .btn-hero{border:1.5px solid var(--pl-text);cursor:pointer;color:var(--pl-text);background:0 0;border-radius:50px;padding:10px 24px;font-size:12px;font-weight:700;display:inline-block}.payment-root .hero-graphic{aspect-ratio:1.4;width:90%;margin:0 auto;position:relative}.payment-root .hero-graphic img{object-fit:contain;width:100%;height:100%}.payment-root .trusted{border-top:1px solid var(--pl-border);border-bottom:1px solid var(--pl-border);padding:clamp(20px,4vw,40px)var(--pl-pad);text-align:center}.payment-root .trusted-label{color:#999;margin-bottom:clamp(12px,2vw,20px);font-size:14px}.payment-root .trusted-logos{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(12px,3vw,40px);display:flex}.payment-root .trusted-name{color:#999;letter-spacing:.04em;font-size:clamp(14px,2vw,17px);font-weight:700}.payment-root .sec{padding:clamp(40px,6vw,80px) 0}.payment-root .sec-label{color:#9b9b9c;margin-bottom:8px;font-size:clamp(13px,2vw,16px)}.payment-root .sec-title{font-family:Noto Sans JP;font-size:clamp(24px,5vw,48px);font-weight:700;line-height:1.2}.payment-root .features-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(12px,2vw,20px);margin-top:clamp(28px,4vw,40px);display:grid}.payment-root .feat-card{border:1px solid var(--pl-border);background:#fff;border-radius:12px;padding:clamp(16px,3vw,24px)}.payment-root .feat-ico{background:#e1e9fc;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:12px;display:flex}.payment-root .feat-ico svg{width:20px;height:20px}.payment-root .feat-title{color:var(--pl-text);margin-bottom:8px;font-family:Inter;font-size:clamp(15px,2.2vw,16px);font-weight:600}.payment-root .feat-body{color:#5a5a5a;font-family:Inter;font-size:clamp(14px,1.8vw,14px);line-height:1.6}.payment-root .stats-card{background-color:#0a154d;background-image:linear-gradient(135deg,#010a2e99,#1d30b599),var(--pl-stats-bg,none);color:#fff;text-align:center;background-position:50%;background-size:cover;border-radius:clamp(16px,3vw,24px);padding:clamp(32px,6vw,80px) clamp(20px,5vw,60px)}.payment-root .stats-heading{margin-bottom:8px;font-family:Montserrat;font-size:clamp(18px,3vw,32px);font-weight:700}.payment-root .stats-nums{flex-wrap:wrap;justify-content:center;gap:clamp(20px,6vw,60px);margin-top:clamp(24px,4vw,40px);display:flex}.payment-root .stat-num{font-family:Montserrat;font-size:clamp(32px,8vw,56px);font-weight:700;line-height:1}.payment-root .stat-lbl{opacity:.8;font-size:clamp(12px,2vw,14px)}.payment-root .sec-subtitle{color:var(--pl-gray);margin-top:8px;margin-bottom:clamp(24px,4vw,40px);font-size:clamp(13px,2vw,16px);font-weight:400}.payment-root .uc-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(12px,2vw,20px);margin-top:clamp(28px,4vw,40px);display:grid}.payment-root .uc-card{background:#f9f9fc;border:1px solid #e1e4f0;border-radius:16px;flex-direction:column;gap:0;padding:clamp(16px,3vw,24px);transition:box-shadow .3s;display:flex;position:relative;overflow:visible}.payment-root .uc-card:hover{box-shadow:0 4px 12px #00000014}.payment-root .uc-image{object-fit:contain;opacity:1;width:80px;height:80px;position:absolute;top:clamp(8px,2vw,16px);right:clamp(8px,2vw,16px)}.payment-root .uc-content{flex-direction:column;flex:1;gap:12px;display:flex}.payment-root .uc-badges{flex-wrap:wrap;gap:6px;display:flex}.payment-root .uc-badge{letter-spacing:.02em;border-radius:4px;align-items:center;gap:4px;width:fit-content;padding:4px 8px;font-size:11px;font-weight:600;display:inline-flex}.payment-root .uc-badge.btob{color:#2b3fc3;background:#e1e9fc}.payment-root .uc-badge.btoc{color:#16a34a;background:#dcfce7}.payment-root .uc-scenario{color:#999;margin-bottom:4px;font-size:12px}.payment-root .uc-name{color:var(--pl-text);font-family:Noto Sans JP;font-size:clamp(16px,3vw,22px);font-weight:600}.payment-root .uc-desc{color:#5a5a5a;font-size:clamp(14px,1.8vw,14px);line-height:1.6}.payment-root .faq-list{margin-top:clamp(28px,4vw,40px)}.payment-root details{border-bottom:1px solid var(--pl-text)}.payment-root details:first-of-type{border-top:1px solid var(--pl-text)}.payment-root summary{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--pl-text);border-radius:4px;justify-content:space-between;align-items:center;gap:12px;padding:clamp(12px,2vw,18px) 0;font-size:clamp(13px,2.5vw,18px);font-weight:600;list-style:none;transition:background-color .2s;display:flex}.payment-root summary:hover{background-color:#0000000a}.payment-root summary:after{content:"+";flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:18px;font-weight:300;display:flex}.payment-root details[open] summary:after{content:"−"}.payment-root details::details-content{opacity:0;color:#5a5a5a;height:0;padding:0;font-size:clamp(14px,2vw,16px);line-height:1.7;transition:height .4s,opacity .4s;overflow:clip}.payment-root details[open]::details-content{opacity:1}@supports (interpolate-size:allow-keywords){.payment-root{interpolate-size:allow-keywords}.payment-root details[open]::details-content{height:auto;padding:0 0 clamp(12px,2vw,18px)}}@supports not (interpolate-size:allow-keywords){.payment-root details[open]::details-content{height:auto;padding:0 0 clamp(12px,2vw,18px);transition:none;overflow:visible}}.payment-root .cta-card{color:#fff;background:linear-gradient(135deg,#333dc3,#0018a0);border-radius:clamp(16px,3vw,40px);flex-direction:column;gap:clamp(24px,4vw,48px);padding:clamp(28px,4vw,48px) clamp(24px,5vw,48px);display:flex}.payment-root .cta-card--centered{text-align:center;align-items:center}.payment-root .cta-card--centered .btn-cta{justify-content:center;width:100%;max-width:200px}.payment-root .cta-title{margin-bottom:8px;font-family:Noto Sans JP;font-size:clamp(20px,4vw,40px);font-weight:700}.payment-root .cta-sub{opacity:.7;font-size:12px}.payment-root .btn-cta{color:#fff;cursor:pointer;white-space:nowrap;background:0 0;border:1.5px solid #fff;border-radius:50px;align-items:center;gap:8px;padding:10px 20px;font-size:12px;font-weight:700;display:inline-flex}.payment-root footer.pl-footer{padding:clamp(24px,4vw,48px)var(--pl-pad);background:#f3f3f3}.payment-root .footer-top{border-bottom:1px solid #0000001a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-bottom:clamp(16px,3vw,24px);display:flex}.payment-root .footer-brand{align-items:center;gap:8px;display:flex}.payment-root .footer-brand img{width:auto;height:clamp(28px,4vw,40px)}.payment-root .footer-links{flex-wrap:wrap;gap:clamp(8px,2vw,24px);display:flex}.payment-root .footer-links a{color:#5a5a5a;font-size:12px}.payment-root .footer-copyright{color:var(--pl-text);text-align:center;padding-top:clamp(16px,2vw,20px);font-size:11px}.payment-root .mobile-nav{z-index:190;background:#f6f9fffa;flex-direction:column;justify-content:center;align-items:center;gap:28px;padding:60px 20px 20px;display:none;position:fixed;inset:0}.payment-root .mobile-nav.open{display:flex}.payment-root .mobile-nav a{color:var(--pl-text);font-size:20px;font-weight:600}.payment-root .mobile-nav-close{cursor:pointer;color:var(--pl-text);z-index:9999;background:0 0;border:none;padding:8px;font-size:32px;line-height:1;position:fixed;top:70px;right:12px}@media (max-width:1024px){.payment-root .nav-links{display:none}.payment-root .nav-hamburger{display:flex}.payment-root .nav-lang{display:none}}@media (max-width:768px){.payment-root{--pl-pad:16px}.payment-root .hero{text-align:center;grid-template-columns:1fr;gap:24px;padding:clamp(28px,5vw,48px) 0}.payment-root .hero-eyebrow{font-size:12px}.payment-root .btn-hero{margin:0 auto}.payment-root .hero-graphic{width:72%;margin:0 auto}.payment-root .features-grid,.payment-root .uc-grid{grid-template-columns:1fr}.payment-root .stats-nums{gap:clamp(16px,4vw,40px)}}@media (max-width:600px){.payment-root{--pl-pad:14px}.payment-root .nav-inner{padding:10px var(--pl-pad)}.payment-root .nav-contact{padding:6px 12px;font-size:11px}.payment-root .hero-title{font-size:22px}.payment-root .stat-num{font-size:36px}}@media (max-width:400px){.payment-root{--pl-pad:12px}.payment-root .nav-contact{display:none}.payment-root .hero-title,.payment-root .sec-title{font-size:20px}}
