/* A centred stage: transform origins and spacing are symmetric in both locales. */
/* Use the document width, including its real scrollbar gutter at browser zoom. */
.hero::before{width:var(--page-canvas-width,100vw)}
.capability-carousel{width:100%;min-width:0;isolation:isolate}
.capability-list{height:410px;width:100%;margin:0;overflow:clip;perspective:1600px;perspective-origin:50% 50%;contain:inline-size;border:0}
.capability-list .capability-card{left:50%;top:50%;width:min(372px,76%);height:286px;min-height:286px;padding:26px;gap:12px;transform-origin:50% 50%;border:1px solid #383044;border-radius:22px;background:#0D0A14;box-shadow:0 20px 42px #0008;transition:border-color .3s,background-color .3s;will-change:transform,opacity}
.capability-list .capability-card.is-active{border-color:#AA8BDB;background:radial-gradient(ellipse at 50% 0,#52397644,transparent 90%),#15101F;box-shadow:inset 0 1px 0 #E4D2FF12,0 22px 50px #0A061980}
.capability-list .capability-card h3{font-size:29px;line-height:1.08;font-weight:600}
.capability-list .capability-card p{font-size:14px;line-height:1.6}
.capability-list .capability-card small{font-size:11px;line-height:1.5}
.capability-list .capability-number{color:#BFA7E7;font-size:11px;font-variant-numeric:tabular-nums}
.capability-controls{margin-top:0;gap:14px;font-size:12px;color:#B9AEC8}
.capability-controls>div{align-items:center;gap:5px;padding:6px;background:#0E0B15;border:1px solid #30283E;border-radius:100px;box-shadow:inset 0 1px 0 #FFFFFF09}
.capability-controls button{width:46px;height:46px;min-height:46px;border:1px solid transparent;border-radius:50%;background:transparent;color:#EAE3F5;transition:background .2s,border-color .2s,transform .2s}
.capability-controls button svg{width:22px;height:22px;pointer-events:none}
.capability-controls button:hover{background:#292035;border-color:#615075;transform:translateY(-1px)}
.capability-controls button:focus-visible{outline:2px solid #C6A9FF;outline-offset:3px;background:#292035}
.capability-controls button:active{transform:scale(.94)}
.capability-position{min-width:62px;font-size:12px;letter-spacing:.1em;color:#D6C4F5;font-variant-numeric:tabular-nums;direction:ltr}
.capability-controls .capability-pause{width:42px;height:42px;min-height:42px;margin-inline-start:8px;background:#1A1425;border-color:#3D304E}
.capability-controls .capability-pause svg{width:18px;height:18px}
.capability-controls button:disabled{opacity:.4;cursor:default;transform:none}
.capability-status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
[dir=rtl] .capability-controls [data-capability-step] svg{transform:scaleX(-1)}
[dir=rtl] .capability-list .capability-card{height:300px;min-height:300px}
[dir=rtl] .capability-list .capability-card h3{font-size:29px;line-height:1.35}
[dir=rtl] .capability-list .capability-card p{font-size:16px;line-height:1.6}
.scroll-top-button{position:fixed;right:26px;bottom:162px;z-index:46;display:grid;place-items:center;width:58px;height:58px;border:1px solid #514365;border-radius:50%;background:#15101EDB;backdrop-filter:blur(12px);color:#F4EDFF;box-shadow:inset 0 1px 0 #FFFFFF20,0 6px 22px #0008;cursor:pointer;opacity:0;visibility:hidden;translate:0 12px;transition:opacity .2s,translate .2s,visibility .2s,background .2s}
.scroll-top-button svg{width:23px;height:23px}
.scrolled .scroll-top-button{opacity:1;visibility:visible;translate:0}
.scroll-top-button:hover{background:#31223F;border-color:#C4A9ED}
.scroll-top-button:focus-visible{outline:2px solid #C6A9FF;outline-offset:4px}
.scroll-top-button:active{translate:0 -3px}
.back-top{gap:10px;align-items:center;min-height:44px;display:inline-flex}
.back-top svg{width:16px;height:16px}
@media(max-width:650px){
 .capability-list{height:370px}
 .capability-list .capability-card{height:286px;min-height:286px;padding:23px;gap:11px;border-radius:19px}
 .capability-list .capability-card h3{font-size:25px}
 .capability-list .capability-card p{font-size:13px;line-height:1.6}
 .capability-list .capability-card small{font-size:10px}
 [dir=rtl] .capability-list{height:414px}
 [dir=rtl] .capability-list .capability-card{height:332px;min-height:332px}
 [dir=rtl] .capability-list .capability-card h3{font-size:26px}
 [dir=rtl] .capability-list .capability-card p{font-size:15px}
 .capability-controls{gap:11px;font-size:11px}
 .capability-controls>div{padding:5px}
 .capability-controls button{width:44px;height:44px;min-height:44px}
 .scroll-top-button{right:14px;bottom:calc(132px + env(safe-area-inset-bottom));width:50px;height:50px}
}
@media(prefers-reduced-motion:reduce){.capability-controls button,.scroll-top-button{transition:none}.capability-controls button:hover{transform:none}}