/* Dimensional objects, individual cards and a restrained control capsule. */
.hero#top .hero-capabilities{padding:0;margin-top:10px;background:none;border:0;border-radius:0;box-shadow:none;color:var(--ink);overflow:visible;min-width:0}
.hero-capabilities>.benefits-track{gap:16px;border:0;border-radius:0;align-items:stretch;padding:4px 2px 10px;box-sizing:border-box;scroll-snap-type:x mandatory;scroll-padding-inline:2px;min-width:0}
.benefits-track .benefit-card{position:relative;isolation:isolate;flex:0 0 calc((100% - 48px)/4);box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px;min-width:0;min-height:244px;padding:19px 20px 23px;border:1px solid var(--line-strong);border-radius:22px;background:radial-gradient(ellipse at 50% 0,var(--accent-a100),transparent 68%),linear-gradient(150deg,var(--surface-100),var(--bg));box-shadow:inset 0 1px 0 var(--ink-a05);text-align:center;scroll-snap-align:start;transition:border-color .25s,background .25s}
.benefit-card:after{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at 50% 25%,var(--accent-a100),transparent 66%);opacity:.55}
.benefit-card>div{width:100%;min-width:0}
.hero-capabilities .capability-icon,.benefit-card:nth-child(2) .capability-icon{display:grid;place-items:center;position:relative;isolation:isolate;flex-shrink:0;width:110px;height:110px;border:0;border-radius:0;background:none;color:inherit;box-shadow:none;transform:none}
.hero-capabilities .capability-icon:before{display:none}
.hero-capabilities .capability-icon:after{content:'';position:absolute;inset:18px;z-index:-1;background:radial-gradient(ellipse,var(--accent-a180),transparent 72%);filter:blur(8px)}
.benefit-icon-3d{display:block;width:110px;height:110px;background-image:url('./benefits-3d-atlas-v1.webp');background-size:300% 300%;background-repeat:no-repeat;transition:translate .3s ease}
.benefit-icon--secured{background-position:0 0}
.benefit-icon--transparent{background-position:50% 0}
.benefit-icon--regulated{background-position:100% 0}
.benefit-icon--leverage{background-position:0 50%}
.benefit-icon--support{background-position:50% 50%}
.benefit-icon--instruments{background-position:100% 50%}
.benefit-icon--speed{background-position:0 100%}
.hero-capabilities strong{font-size:18px;line-height:1.5;font-weight:600;color:var(--ink);letter-spacing:-.015em}
.hero-capabilities small{font-size:13px;color:var(--ink-muted);line-height:1.7;max-width:230px;margin:6px auto 0;text-wrap:pretty}
.hero-capabilities>.benefits-controls{display:flex;align-items:center;justify-content:center;gap:10px;width:max-content;max-width:100%;box-sizing:border-box;margin:18px auto 0;padding:4px 6px;border:1px solid var(--line);border-radius:999px;background:var(--surface-100);box-shadow:none}
.benefits-controls>button{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:none;color:var(--ink-soft);transition:background .2s,color .2s}
.benefits-controls>button:hover{background:var(--selected-surface);color:var(--accent-readable)}
.benefits-controls>button svg{width:17px;height:17px;stroke-width:1.65}
.benefits-dots{gap:2px}
.benefits-dots button{width:24px;height:44px}
.benefits-dots button:before{width:5px;height:5px;background:var(--line-strong)}
.benefits-dots button[aria-current=true]:before{width:20px;background:var(--accent-readable)}
.benefits-controls button:focus-visible,.benefits-track:focus-visible{outline:2px solid var(--accent-readable);outline-offset:3px}
html[data-theme=light] .benefits-track .benefit-card{background:radial-gradient(ellipse at 50% 0,var(--accent-a60),transparent 72%),#fff;border-color:#dbe3ef;box-shadow:0 4px 12px -8px #102d5720}
@media(hover:hover) and (pointer:fine){.benefits-track .benefit-card:hover{border-color:var(--accent-border)}.benefit-card:hover .benefit-icon-3d{translate:0 -3px}}
@media(max-width:1200px){.benefits-track .benefit-card{flex-basis:calc((100% - 32px)/3)}}
@media(max-width:920px){.benefits-track .benefit-card{flex-basis:calc((100% - 16px)/2)}}
@media(max-width:600px){.hero#top .hero-capabilities{padding:0;margin-top:6px}.hero-capabilities>.benefits-track{gap:14px;padding-bottom:8px}.benefits-track .benefit-card{flex-basis:88%;min-height:232px;padding:17px 22px 23px;border-radius:20px;gap:10px}.hero-capabilities strong{font-size:18px}.hero-capabilities small{font-size:13px}.hero-capabilities .capability-icon,.benefit-icon-3d{width:104px;height:104px}.hero-capabilities>.benefits-controls{margin-top:14px;gap:6px}.benefits-dots button{width:20px;height:44px}}
@media(prefers-reduced-motion:reduce){.benefits-controls>button,.benefits-dots button:before,.benefit-icon-3d,.benefits-track .benefit-card{transition:none;translate:none}}