.scroll-stack-container{width:100%;position:relative}.scroll-stack-static{flex-direction:column;gap:1.5rem;display:flex}.scroll-stack-inner{padding:4vh 0 42rem}.scroll-stack-end{width:100%;height:1px}.scroll-stack-card{transform-origin:top;will-change:transform, filter;backface-visibility:hidden;transform-style:preserve-3d;border-radius:var(--radius-card);box-sizing:border-box;border:1px solid var(--color-line);background:radial-gradient(140% 120% at 100% 0%, color-mix(in oklab, var(--color-accent-blue) 16%, transparent), transparent 62%), color-mix(in oklab, var(--color-bg-navy) 92%, var(--color-fg) 8%);width:100%;height:22rem;box-shadow:0 24px 60px -24px #0009, inset 0 1px 0 0 color-mix(in oklab, var(--color-fg) 8%, transparent);margin:30px 0;padding:clamp(1.75rem,3vw,2.75rem);position:relative;overflow:hidden}.scroll-stack-card__icon{border-radius:var(--radius-btn);border:1px solid color-mix(in oklab, var(--color-accent-blue) 35%, transparent);background:color-mix(in oklab, var(--color-accent-blue) 14%, transparent);width:3rem;height:3rem;color:var(--color-accent-blue);justify-content:center;align-items:center;display:inline-flex}.scroll-stack-card__number{font-family:var(--font-mono);letter-spacing:.1em;color:var(--color-accent-cyan);font-size:.75rem}.scroll-stack-card__title{font-family:var(--font-display);color:var(--color-fg);font-size:clamp(1.35rem,2.4vw,1.75rem)}.scroll-stack-card__body{font-family:var(--font-body);color:var(--color-muted);font-size:.95rem;line-height:1.6}
.card-swap-container{transform-origin:100% 100%;perspective:900px;position:absolute;bottom:0;right:0;overflow:visible;transform:translate(5%,14%)}.card-swap-card{border-radius:var(--radius-card);border:1px solid var(--color-line);box-sizing:border-box;background:radial-gradient(140% 120% at 0% 0%, color-mix(in oklab, var(--color-accent-cyan) 14%, transparent), transparent 62%), color-mix(in oklab, var(--color-bg-navy) 92%, var(--color-fg) 8%);box-shadow:0 24px 60px -24px #000000b3, inset 0 1px 0 0 color-mix(in oklab, var(--color-fg) 8%, transparent);transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;flex-direction:column;padding:clamp(1.5rem,2.6vw,2.25rem);display:flex;position:absolute;top:50%;left:50%;overflow:hidden}.card-swap-card__icon{border-radius:var(--radius-btn);border:1px solid color-mix(in oklab, var(--color-accent-cyan) 35%, transparent);background:color-mix(in oklab, var(--color-accent-cyan) 14%, transparent);width:3rem;height:3rem;color:var(--color-accent-cyan);flex:none;justify-content:center;align-items:center;display:inline-flex}.card-swap-card__title{font-family:var(--font-display);color:var(--color-fg);font-size:clamp(1.25rem,2vw,1.6rem)}.card-swap-card__body{font-family:var(--font-body);color:var(--color-muted);font-size:.9rem;line-height:1.6}.card-swap-card__tags{flex-wrap:wrap;gap:.5rem;margin-top:auto;display:flex}.card-swap-card__tag{border-radius:var(--radius-pill);border:1px solid color-mix(in oklab, var(--color-accent-cyan) 30%, transparent);background:color-mix(in oklab, var(--color-accent-cyan) 10%, transparent);font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-accent-cyan);padding:.35rem .85rem;font-size:.68rem}@media (max-width:1024px){.card-swap-container{transform:scale(.85)translate(8%,16%)}}@media (max-width:768px){.card-swap-container{transform:scale(.75)translate(20%,20%)}}@media (max-width:480px){.card-swap-container{transform:scale(.55)translate(20%,20%)}}