@layer components{.ns{flex-direction:column;gap:16px;margin-top:32px;display:flex}.ns-item{display:flex}.ns-item-act{order:-1}@media (min-width:1024px){.ns{flex-direction:row;gap:24px}.ns-item{flex:1 1 0;min-width:0}.ns-item-act{order:0}}.ns-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-neutral-0);flex-direction:column;flex:1;gap:20px;padding:28px 28px 20px;display:flex}.ns-card-act{background:linear-gradient(var(--color-brand-navy), var(--color-brand-navy)) padding-box, linear-gradient(in oklab 160deg, var(--color-gold-metallic-base) 0%, var(--color-gold-metallic-highlight) 28%, var(--color-gold-100) 40%, var(--color-gold-metallic-mid) 58%, var(--color-gold-metallic-shade) 72%, var(--color-gold-metallic-glint) 88%, var(--color-gold-metallic-edge) 100%) border-box;border:2px solid #0000}.ns-head{flex-direction:column;gap:6px;display:flex}.ns-label{font-size:var(--text-h3);line-height:var(--leading-h3);letter-spacing:var(--tracking-heading);color:var(--color-text);font-weight:700}.ns-line{font-size:var(--text-body-s);line-height:var(--leading-body-s);color:var(--color-text-muted)}.ns-card-act .ns-label{color:var(--color-text-on-dark)}.ns-card-act .ns-line{color:var(--color-text-on-dark-muted)}.ns-demo{align-self:flex-start}.ns-links{flex-direction:column;gap:2px;margin-inline:-12px;display:flex}.ns-row{border-radius:var(--radius-sm);align-items:center;gap:16px;padding:12px;transition:background-color .18s;display:flex}.ns-row-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ns-row-title{font-size:var(--text-body);color:var(--color-text);font-weight:600;line-height:24px;transition:color .18s}.ns-row-text{font-size:var(--text-body-s);color:var(--color-text-muted);line-height:20px}.ns-arrow{width:20px;font-size:var(--text-body);color:var(--color-text-subtle);transition:transform .22s var(--motion-ease), color .18s ease;flex-shrink:0;justify-content:center;font-weight:600;line-height:24px;display:flex}.ns-card-act .ns-row-title{color:var(--color-text-on-dark)}.ns-card-act .ns-row-text,.ns-card-act .ns-arrow{color:var(--color-text-on-dark-muted)}.ns-row:is(:hover,:focus-visible){background-color:color-mix(in oklab, var(--color-brand-blue) 6%, transparent)}.ns-row:is(:hover,:focus-visible) :is(.ns-row-title,.ns-arrow){color:var(--color-brand-blue)}.ns-row:is(:hover,:focus-visible) .ns-arrow{transform:translate(4px)}.ns-card-act .ns-row:is(:hover,:focus-visible){background-color:color-mix(in oklab, var(--color-neutral-0) 8%, transparent)}.ns-card-act .ns-row:is(:hover,:focus-visible) :is(.ns-row-title,.ns-arrow){color:var(--color-text-on-dark)}.ns-card-act :focus-visible{outline-color:#8fb7ff}.motion.ns-item[data-anim]:not([data-anim=reset]) .ns-card{animation:ns-rise .64s var(--motion-ease) var(--motion-delay) both}@media (prefers-reduced-motion:reduce){.ns-row,.ns-row-title,.ns-arrow{transition:none}.ns-row:is(:hover,:focus-visible) .ns-arrow{transform:none}}}@keyframes ns-rise{0%{opacity:0;transform:translateY(20px)}}
