.feature-card{aspect-ratio:2/3;border-radius:var(--radius-card);background:var(--feature-card-background,#f3f4f2);min-width:0;min-height:0;color:var(--feature-card-ink,var(--ink));display:grid;position:relative;overflow:clip;container-type:inline-size}.feature-card__content{--feature-card-padding:clamp(20px, 8.2cqw, 44px);min-width:0;min-height:0;padding:var(--feature-card-padding);flex-direction:column;display:flex}.feature-card__title{z-index:1;letter-spacing:-.055em;font-size:clamp(1.5rem,7.8cqw,2.5rem);font-weight:600;line-height:1.08;position:relative}.feature-card__description{z-index:1;color:var(--feature-card-muted,var(--muted));text-wrap:pretty;max-width:360px;margin-top:3.6cqw;font-size:clamp(.875rem,3.6cqw,1.125rem);line-height:1.5;position:relative}.feature-card__art{flex:1;min-height:0;margin:5.8cqw 0 0;position:relative}.feature-card__image{object-fit:contain;transform-origin:top;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}@supports (animation-timeline:view()){.feature-card__image{animation:linear both feature-object-reveal;animation-timeline:view();animation-range:entry var(--reveal-start,0%) entry 100%}.feature-card__image--shield{--reveal-start:18%}.feature-card__image--manager{--reveal-start:36%}}.feature-card--lime{--feature-card-background:var(--lime);--feature-card-muted:#526123}.feature-card--dark{--feature-card-background:var(--ink);--feature-card-ink:#fff;--feature-card-muted:#b0b6a5}.feature-card--flow{aspect-ratio:auto}.feature-card__eyebrow{font-size:var(--font-caption);color:var(--feature-card-muted,var(--muted));margin-bottom:6cqw}.feature-card--compact .feature-card__content{--feature-card-padding:clamp(16px, 7cqw, 28px)}.feature-card--compact .feature-card__title{font-size:clamp(1.0625rem,8cqw,1.625rem);line-height:1.15}.feature-card--compact .feature-card__description{font-size:clamp(.75rem,5cqw,.875rem)}.feature-card--compact .feature-card__eyebrow{margin-bottom:0}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.feature-grid--dense{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}@media (width<=1280px){.feature-grid--dense{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1024px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.feature-card{aspect-ratio:auto}.feature-card__art{flex:none;height:clamp(180px,60cqw,280px)}.feature-grid{grid-template-columns:1fr}}@keyframes feature-object-reveal{0%{scale:1.2}to{scale:1}}
