.story2-container[data-fragment=Cards]{counter-reset:feature-counter;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:0 auto}@media (max-width:880px){.story2-container[data-fragment=Cards]{grid-template-columns:1fr;max-width:560px}}.story2-container [data-fragment=Card]{counter-increment:feature-counter;background:var(--ui-bg-card);border:1px solid var(--ui-line);border-radius:var(--radius-xl);isolation:isolate;transition:transform .32s var(--ease-out), border-color .32s, background .32s;flex-direction:column;gap:16px;padding:40px 32px 36px;display:flex;position:relative;overflow:hidden}.story2-container [data-fragment=Card]:before{content:"";background:linear-gradient(160deg, rgba(var(--brand-rgb), .06) 0%, transparent 50%);z-index:0;pointer-events:none;position:absolute;inset:0}.story2-container [data-fragment=Card]>:first-child,.story2-container [data-fragment=Card]>*{z-index:1;position:relative}.story2-container [data-fragment=Card]:after{content:counter(feature-counter, decimal-leading-zero);font-family:var(--font-mono);letter-spacing:.1em;color:rgba(var(--brand-rgb), .65);z-index:2;pointer-events:none;font-size:11px;font-weight:500;position:absolute;top:22px;right:26px}.story2-container [data-fragment=Card]:hover{background:linear-gradient(180deg, rgba(var(--brand-rgb), .12) 0%, var(--ui-bg-card) 100%);border-color:rgba(var(--brand-rgb), .45);box-shadow:0 24px 60px -16px rgba(var(--brand-rgb), .45), 0 0 0 1px rgba(var(--brand-rgb), .18) inset;transform:translateY(-6px)}.story2-container [data-fragment=Card] :is(h1,h2,h3){letter-spacing:-.5px;color:var(--text-primary);max-width:16ch;margin:0;font-size:22px;font-weight:600}.story2-container [data-fragment=Card] p{color:var(--text-secondary);margin:0;font-size:15px;line-height:1.65}