.sap-figures{position:relative;overflow:hidden;padding:95px 0 78px;background:radial-gradient(circle at 16% 15%,#168bff30,transparent 26%),radial-gradient(circle at 88% 75%,#00d9ff24,transparent 25%),#081b38;color:#fff;border-top:1px solid #4bb3ff66;border-bottom:1px solid #49cfff66;box-shadow:inset 0 0 90px #006dca1f}
.sap-figures:before{content:"";position:absolute;left:4%;right:4%;top:0;height:1px;background:linear-gradient(90deg,transparent,#00d9ff,#fff,#168bff,transparent);box-shadow:0 0 26px #00b7ff}
.figures-particles{position:absolute;inset:0;opacity:.35;background-image:radial-gradient(circle,#9cecff 1px,transparent 1.6px),radial-gradient(circle,#f3c969 1px,transparent 1.4px);background-position:0 0,45px 35px;background-size:85px 85px,120px 120px;mask-image:linear-gradient(#0008,transparent 88%)}
.figures-heading{position:relative;z-index:2;display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:end;margin-bottom:47px}
.figures-kicker{display:inline-flex;align-items:center;gap:10px;color:#68dfff;font-size:9px;font-weight:900;letter-spacing:2.2px}
.figures-kicker:before{content:"";width:30px;height:1px;background:#00d9ff;box-shadow:0 0 10px #00d9ff}
.figures-heading h2{max-width:820px;margin:17px 0 0;font-size:clamp(40px,4.8vw,65px);line-height:1;letter-spacing:-2.8px}
.figures-heading>p{margin:0;color:#bbcada;font-size:14px;line-height:1.8}
.figures-carousel{position:relative;z-index:3;padding-left:70px;padding-right:70px}
.figures-viewport{overflow:hidden;border-radius:18px;outline:none;touch-action:pan-y}
.figures-viewport:focus-visible{box-shadow:0 0 0 3px #fff,0 0 24px #00d9ff}
.figures-track{display:flex;gap:22px;transition:transform .65s cubic-bezier(.22,.8,.25,1);will-change:transform}
.figure-card{--card-accent:#168bff;position:relative;flex:0 0 calc((100% - 44px)/3);min-width:0;min-height:445px;padding:31px 29px 25px;border:1.5px solid var(--card-accent);border-radius:16px;background:linear-gradient(145deg,#ffffff14,#ffffff08 48%,#001c3a9c);backdrop-filter:blur(16px);box-shadow:0 22px 48px #0007,0 0 22px color-mix(in srgb,var(--card-accent),transparent 58%),inset 0 0 30px color-mix(in srgb,var(--card-accent),transparent 88%);transition:transform .32s,box-shadow .32s,filter .32s;overflow:hidden}
.figure-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#ffffff1c,transparent 30%,transparent 70%,color-mix(in srgb,var(--card-accent),transparent 84%));pointer-events:none}
.figure-card:hover{transform:translateY(-9px);filter:brightness(1.08);box-shadow:0 30px 58px #0009,0 0 34px color-mix(in srgb,var(--card-accent),transparent 35%),inset 0 0 34px color-mix(in srgb,var(--card-accent),transparent 82%)}
.figure-card.cyan{--card-accent:#00d9ff}.figure-card.silver{--card-accent:#c9d6e5}.figure-card.deepblue{--card-accent:#337cff}.figure-card.cloud{--card-accent:#45e7ff}.figure-card.gold{--card-accent:#f3c969}
.figure-icon{position:relative;z-index:1;display:grid;place-items:center;width:55px;height:55px;border:1px solid var(--card-accent);border-radius:14px;background:color-mix(in srgb,var(--card-accent),transparent 86%);color:var(--card-accent);font-size:27px;box-shadow:0 0 20px color-mix(in srgb,var(--card-accent),transparent 53%)}
.figure-value{position:relative;z-index:1;display:block;margin:35px 0 12px;color:#fff;font-size:clamp(58px,5vw,78px);line-height:.85;letter-spacing:-4px;text-shadow:0 0 16px #fff5,0 0 32px color-mix(in srgb,var(--card-accent),transparent 34%)}
.figure-card h3{position:relative;z-index:1;margin:0 0 13px;color:#f5f9ff;font-size:14px;line-height:1.35;letter-spacing:.6px}
.figure-card>p{position:relative;z-index:1;margin:0;color:#aebed0;font-size:11px;line-height:1.7}
.figure-card footer{position:absolute;z-index:1;left:29px;right:29px;bottom:24px;display:flex;justify-content:space-between;gap:14px;padding-top:15px;border-top:1px solid #ffffff21}
.figure-card footer span,.figure-card footer a{font-size:7px;font-weight:800;letter-spacing:.7px}.figure-card footer span{color:#8fa3b8}.figure-card footer a{color:var(--card-accent)}
.figures-arrow{position:absolute;z-index:6;top:50%;width:48px;height:68px;transform:translateY(-65%);border:1px solid #8ceaff;border-radius:10px;background:#071a32e8;color:#fff;font-size:25px;box-shadow:0 0 20px #00bfff4d;cursor:pointer;transition:.25s}.figures-arrow:hover{background:#168bff;transform:translateY(-65%) scale(1.05);box-shadow:0 0 30px #00c7ff80}.figures-arrow.prev{left:8px}.figures-arrow.next{right:8px}
.figures-dots{display:flex;justify-content:center;gap:9px;margin-top:26px}.figures-dots button{width:9px;height:9px;padding:0;border:1px solid #78cfff;border-radius:50%;background:transparent;cursor:pointer;transition:.25s}.figures-dots button.active{width:27px;border-radius:9px;background:#00d9ff;box-shadow:0 0 14px #00d9ff}
.figures-source{position:relative;z-index:2;margin-top:19px;color:#768da5;font-size:8px;line-height:1.7;text-align:center}
.figures-cta{position:relative;z-index:2;margin-top:42px;padding:31px;border:1px solid #76cfff;border-radius:13px;background:linear-gradient(120deg,#168bff1f,#ffffff09);box-shadow:0 0 24px #168bff42,inset 0 0 22px #168bff10;text-align:center}
.figures-cta h3{max-width:930px;margin:0 auto;color:#fff;font-size:clamp(23px,2.7vw,37px);line-height:1.15}.figures-cta p{margin:15px 0 23px;color:#9fc6e8;font-size:10px;font-weight:800;letter-spacing:1px}.figures-cta a{display:inline-flex;align-items:center;gap:34px;padding:17px 22px;border:1.5px solid #fff;border-radius:6px;background:#168bff;color:#fff;font-size:11px;font-weight:900;box-shadow:0 0 24px #168bff,0 12px 34px #0006;transition:.28s}.figures-cta a:hover{transform:translateY(-4px);background:#289cff;box-shadow:0 0 32px #35b5ff,0 16px 38px #0008}
@media(max-width:1000px){.figure-card{flex-basis:calc((100% - 22px)/2)}.figures-heading{gap:35px}}
@media(max-width:700px){.sap-figures{padding:70px 0 58px}.figures-heading{grid-template-columns:1fr;gap:20px}.figures-heading h2{font-size:43px}.figures-heading>p{font-size:13px}.figures-carousel{padding-left:50px;padding-right:50px}.figure-card{flex-basis:100%;min-height:430px}.figures-track{gap:18px}.figures-arrow{width:40px;height:60px}.figures-arrow.prev{left:3px}.figures-arrow.next{right:3px}.figures-cta{padding:26px 18px}.figures-cta a{width:100%;justify-content:space-between}}
@media(prefers-reduced-motion:reduce){.figures-track,.figure-card,.figures-arrow,.figures-dots button,.figures-cta a{transition:none}.figures-particles{display:none}}