.bcpay-home .bcpay-testi-q{position:absolute;right:26px;top:24px;width:52px;height:52px;color:var(--bcpay-blue-100)}
.bcpay-home .bcpay-stars{display:flex;gap:3px;color:var(--bcpay-star)}
.bcpay-home .bcpay-stars .bcpay-ic{width:18px;height:18px}
.bcpay-home .bcpay-testi-text{font-size:16.5px;line-height:1.7;color:var(--bcpay-ink)}
.bcpay-home .bcpay-testi-who{display:flex;align-items:center;gap:14px;margin-top:auto;padding-top:20px;border-top:1px solid var(--bcpay-line)}
.bcpay-home .bcpay-testi-av{display:grid;place-items:center;width:52px;height:52px;flex:none;border-radius:50%;background:linear-gradient(135deg,var(--bcpay-blue),var(--bcpay-royal));color:#fff;font-family:var(--bcpay-fh);font-weight:800;font-size:17px}
.bcpay-home .bcpay-testi-n{display:block;font-family:var(--bcpay-fh);font-weight:700;color:var(--bcpay-ink);line-height:1.3}
.bcpay-home .bcpay-testi-r{display:block;font-size:13.5px;color:var(--bcpay-muted)}
.bcpay-home .bcpay-dots{display:none;justify-content:center;gap:8px;margin-top:8px}
.bcpay-home .bcpay-dot{width:10px;height:10px;border-radius:999px;background:#C5D3E6;transition:width .3s,background-color .3s}
.bcpay-home .bcpay-dot[aria-current="true"]{width:26px;background:var(--bcpay-blue)}
.bcpay-home .bcpay-tp{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:22px;font-size:15px}
.bcpay-home .bcpay-tp-b{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--bcpay-ink)}
.bcpay-home .bcpay-tp-b .bcpay-ic{width:20px;height:20px;color:#00B67A}
@media (max-width:980px){.bcpay-home .bcpay-testi-track{grid-auto-columns:calc((100% - 24px) / 2)}.bcpay-home .bcpay-dots{display:flex}}
@media (max-width:640px){.bcpay-home .bcpay-testi-track{grid-auto-columns:88%;gap:14px}.bcpay-home .bcpay-arrows{display:none}.bcpay-home .bcpay-testi{padding:26px 22px}}/* ---------- Blog ---------- */
.bcpay-home .bcpay-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.bcpay-home .bcpay-post{display:flex;flex-direction:column;border-radius:var(--bcpay-r-lg);overflow:hidden;background:#fff;border:1px solid var(--bcpay-line);transition:box-shadow .35s,transform .35s}
.bcpay-home .bcpay-post:hover{box-shadow:var(--bcpay-sh-lg);transform:translateY(-6px)}
.bcpay-home .bcpay-post-media{position:relative;display:block;aspect-ratio:16/10;overflow:hidden}
.bcpay-home .bcpay-post-img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.bcpay-home .bcpay-post:hover .bcpay-post-img{transform:scale(1.07)}
.bcpay-home .bcpay-post-date{position:absolute;left:18px;bottom:-1px;display:grid;justify-items:center;padding:10px 14px 8px;border-radius:12px 12px 0 0;background:var(--bcpay-blue);color:#fff;line-height:1.1}
.bcpay-home .bcpay-post-day{font-family:var(--bcpay-fh);font-size:22px;font-weight:800}
.bcpay-home .bcpay-post-mon{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}
.bcpay-home .bcpay-post-body{display:flex;flex-direction:column;gap:12px;flex:1;padding:24px 24px 26px}
.bcpay-home .bcpay-post-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:13.5px;color:var(--bcpay-muted)}
.bcpay-home .bcpay-post-meta-i{display:inline-flex;align-items:center;gap:6px}
.bcpay-home .bcpay-post-meta-i .bcpay-ic{width:15px;height:15px;color:var(--bcpay-blue)}
.bcpay-home .bcpay-post-t{font-family:var(--bcpay-fh);font-size:19px;font-weight:700;line-height:1.35;color:var(--bcpay-ink)}
.bcpay-home .bcpay-post-t-a{color:var(--bcpay-ink);transition:color .2s}
.bcpay-home .bcpay-post-t-a:hover{color:var(--bcpay-blue)}
.bcpay-home .bcpay-post-d{font-size:15px;line-height:1.6}
.bcpay-home .bcpay-post .bcpay-link{margin-top:auto;padding-top:6px}
@media (max-width:980px){.bcpay-home .bcpay-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.bcpay-home .bcpay-blog-grid{grid-template-columns:minmax(0,1fr)}}/* ---------- CTA band ---------- */
.bcpay-home .bcpay-cta{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;padding:clamp(32px,5vw,56px) clamp(24px,5vw,64px);border-radius:28px;background:linear-gradient(115deg,var(--bcpay-blue) 0%,#0A86D6 45%,var(--bcpay-navy) 100%);color:#E6F6FE}
.bcpay-home .bcpay-cta::before{content:"";position:absolute;right:-60px;top:-80px;width:280px;height:280px;border-radius:50%;border:40px solid rgb(255 255 255 / .08)}
.bcpay-home .bcpay-cta::after{content:"";position:absolute;left:30%;bottom:-120px;width:220px;height:220px;border-radius:50%;background:rgb(255 255 255 / .06)}
.bcpay-home .bcpay-cta>*{position:relative;z-index:1}
.bcpay-home .bcpay-cta-t{font-family:var(--bcpay-fh);font-size:clamp(24px,3vw,36px);font-weight:800;line-height:1.2;color:#fff}
.bcpay-home .bcpay-cta-p{margin-top:10px;font-size:16.5px;color:#E1F2FC;max-width:56ch}
.bcpay-home .bcpay-cta-actions{display:flex;gap:12px;flex-wrap:wrap}
@media (max-width:900px){.bcpay-home .bcpay-cta{grid-template-columns:minmax(0,1fr)}}
@media (max-width:520px){.bcpay-home .bcpay-cta-actions .bcpay-btn{width:100%}}/* ---------- Footer ---------- */
.bcpay-home .bcpay-footer{position:relative;background:var(--bcpay-navy-d);color:#A9B8D6;font-size:15px;margin-top:clamp(64px,8vw,110px)}
.bcpay-home .bcpay-footer-top{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr) minmax(0,1fr) minmax(0,1.2fr);gap:40px;padding-block:72px 48px}
.bcpay-home .bcpay-footer-logo{display:inline-block;padding:10px 14px;border-radius:14px;background:#fff}
.bcpay-home .bcpay-footer-logo .bcpay-logo-img{height:56px}
.bcpay-home .bcpay-footer-p{margin-top:20px;max-width:38ch;line-height:1.7}
.bcpay-home .bcpay-footer .bcpay-social{margin-top:22px}
.bcpay-home .bcpay-footer .bcpay-social-a{width:38px;height:38px}
.bcpay-home .bcpay-footer .bcpay-social-a .bcpay-ic{width:16px;height:16px}
.bcpay-home .bcpay-footer-h{position:relative;font-family:var(--bcpay-fh);font-size:18px;font-weight:700;color:#fff;padding-bottom:14px;margin-bottom:20px}
.bcpay-home .bcpay-footer-h::after{content:"";position:absolute;left:0;bottom:0;width:40px;height:3px;border-radius:3px;background:var(--bcpay-blue)}
.bcpay-home .bcpay-footer-list{display:grid;gap:11px}
.bcpay-home .bcpay-footer-a{display:inline-flex;align-items:center;gap:8px;color:#A9B8D6;transition:color .2s,gap .2s}
.bcpay-home .bcpay-footer-a .bcpay-ic{width:14px;height:14px;color:var(--bcpay-blue)}
.bcpay-home .bcpay-footer-a:hover{color:#fff;gap:12px}
.bcpay-home .bcpay-fc{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:start}
.bcpay-home .bcpay-fc-ic{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgb(0 165 234 / .14);color:var(--bcpay-blue-l)}
.bcpay-home .bcpay-fc-ic .bcpay-ic{width:18px;height:18px}
.bcpay-home .bcpay-fc-t{display:block;font-size:12.5px;color:#7F90B3;line-height:1.3}
.bcpay-home .bcpay-fc-v{display:block;color:#fff;font-weight:600;line-height:1.5;transition:color .2s}
.bcpay-home a.bcpay-fc-v:hover{color:var(--bcpay-blue-l)}
.bcpay-home .bcpay-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;padding-block:22px;border-top:1px solid rgb(255 255 255 / .1);font-size:13.5px;color:#8293B6}
.bcpay-home .bcpay-footer-legal{display:flex;gap:20px;flex-wrap:wrap}
.bcpay-home .bcpay-footer-legal .bcpay-footer-a{font-size:13.5px}
@media (max-width:1000px){.bcpay-home .bcpay-footer-top{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.bcpay-home .bcpay-footer-top{grid-template-columns:minmax(0,1fr);padding-top:56px}}/* Back to top */
.bcpay-home .bcpay-totop{position:fixed;right:20px;bottom:20px;z-index:80;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--bcpay-blue);color:#fff;box-shadow:0 12px 26px -10px rgb(0 165 234 / .9);opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity .3s,transform .3s,visibility .3s,background-color .2s}
.bcpay-home .bcpay-totop.bcpay-show{opacity:1;visibility:visible;transform:none}
.bcpay-home .bcpay-totop:hover{background:var(--bcpay-navy)}/* Reveal on scroll (content stays visible without JS) */
.bcpay-home .bcpay-rv{transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.bcpay-home.bcpay-js .bcpay-rv.bcpay-pre{opacity:0;transform:translateY(30px)}
@media (max-width:420px){.bcpay-home .bcpay-btn{white-space:normal;text-align:center;line-height:1.25;padding-block:12px}}
