/* CryptoExcel Home Section 4 — scoped, consolidated styles */
.cex4-section{--cex4-navy:#123B78;--cex4-blue:#0879E8;--cex4-text:#28456F;--cex4-pale:#E3EEF9;position:relative;isolation:isolate;width:100%;padding:66px 20px 70px;background:#fff;color:var(--cex4-navy);font-family:Catamaran,Arial,sans-serif}
.cex4-section::before{content:"";position:absolute;z-index:-1;inset:0 auto 0 50%;width:100vw;transform:translateX(-50%);background:#fff;pointer-events:none}
.cex4-section,.cex4-section *,.cex4-section *::before,.cex4-section *::after{box-sizing:border-box}
.cex4-section .cex4-inner{width:100%;max-width:1100px;margin:0 auto}
.cex4-section .cex4-intro{text-align:center;margin:0 auto 34px}
.cex4-section .cex4-badge{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#e9f3ff;color:var(--cex4-blue);padding:8px 20px;border-radius:99px;font-size:14px;font-weight:800;letter-spacing:.09em;line-height:1.3;margin-bottom:23px}
.cex4-section .cex4-badge svg{width:19px;height:19px;flex:none}
.cex4-section .cex4-intro h2{margin:0 0 19px;padding:0;color:var(--cex4-navy);font-size:clamp(32px,4vw,50px);font-weight:800;line-height:1.12;letter-spacing:-.025em}
.cex4-section .cex4-intro h2 span{color:var(--cex4-blue)}
.cex4-section .cex4-intro p{margin:0 auto;padding:0;max-width:1020px;color:var(--cex4-text);font-size:clamp(17px,1.7vw,21px);line-height:1.45;font-weight:400}
.cex4-section .cex4-intro p strong{font-weight:800}
.cex4-section .cex4-intro p .cex4-highlight{color:#0879E8}
.cex4-section .cex4-carousel{position:relative;width:100%;min-width:0}
.cex4-section .cex4-viewport{width:100%;overflow:hidden;touch-action:pan-y pinch-zoom;outline-offset:4px}
.cex4-section .cex4-track{display:flex;gap:16px;align-items:flex-start;transform:translate3d(0,0,0);transition:transform .35s ease;will-change:transform}
.cex4-section .cex4-slide{flex:0 0 calc((100% - 16px)/2);min-width:0;border:1px solid #c7e0ff;border-radius:16px;padding:14px;background:#fff;box-shadow:0 8px 24px rgba(18,59,120,.06)}
.cex4-section .cex4-slide img{display:block;width:100%;height:auto;object-fit:contain}
.cex4-section .cex4-arrow{position:absolute;top:calc(50% - 19px);transform:translateY(-50%);z-index:2;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:1px solid #d8e9fc;background:#fff;color:var(--cex4-blue);box-shadow:0 5px 16px rgba(18,59,120,.07);padding:0;cursor:pointer}
.cex4-section .cex4-arrow svg{width:25px;height:25px}
.cex4-section .cex4-prev{left:-26px}.cex4-section .cex4-next{right:-26px}
.cex4-section .cex4-arrow:hover{background:#f3faff}.cex4-section .cex4-arrow:disabled{opacity:.35;cursor:default}
.cex4-section .cex4-dots{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:22px}
.cex4-section .cex4-dot{width:11px;height:11px;border:0;border-radius:50%;padding:0;background:#cbd8e9;cursor:pointer}
.cex4-section .cex4-dot[aria-current="true"]{background:var(--cex4-blue)}
.cex4-section .cex4-link{display:flex;align-items:center;justify-content:center;gap:16px;width:max-content;max-width:100%;min-height:56px;margin:29px auto 0;padding:12px 25px;border:2px solid var(--cex4-blue);border-radius:18px;background:#fff;color:var(--cex4-blue)!important;font-size:20px;font-weight:800;line-height:1.25;text-align:center;text-decoration:none!important;transition:background .2s,color .2s}
.cex4-section .cex4-link svg{width:24px;height:24px;flex:none}
.cex4-section .cex4-link:hover{background:var(--cex4-blue);color:#fff!important}
.cex4-section .cex4-link:focus-visible,.cex4-section button:focus-visible,.cex4-section .cex4-viewport:focus-visible{outline:3px solid var(--cex4-blue);outline-offset:3px}
.cex4-section .cex4-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.cex4-section{padding:48px 18px 58px}.cex4-section .cex4-intro{margin-bottom:28px}.cex4-section .cex4-intro h2{font-size:clamp(30px,6vw,40px)}.cex4-section .cex4-intro p{font-size:17px}.cex4-section .cex4-slide{flex-basis:100%;padding:10px}.cex4-section .cex4-arrow{width:42px;height:42px;top:calc(50% - 18px)}.cex4-section .cex4-prev{left:-12px}.cex4-section .cex4-next{right:-12px}.cex4-section .cex4-link{font-size:18px;padding:12px 17px;gap:10px}}
@media(max-width:430px){.cex4-section{padding:40px 15px 52px}.cex4-section .cex4-badge{font-size:11px;padding:7px 13px;margin-bottom:17px}.cex4-section .cex4-intro h2{font-size:30px}.cex4-section .cex4-intro p{font-size:16px}.cex4-section .cex4-slide{padding:8px}.cex4-section .cex4-arrow{width:36px;height:36px}.cex4-section .cex4-prev{left:-8px}.cex4-section .cex4-next{right:-8px}.cex4-section .cex4-link{font-size:16px;min-height:54px}.cex4-section .cex4-link svg{width:20px;height:20px}}
@media(prefers-reduced-motion:reduce){.cex4-section .cex4-track,.cex4-section .cex4-link{transition:none}}
