.ide-platforms{display:flex;flex-wrap:wrap;width:100%;align-items:stretch;border-bottom:var(--border-divider)}.ide-platform{--cmp-mark-size:var(--size-8);--cmp-mark-fg:var(--text-primary);display:flex;min-width:var(--layout-ide-card-min-width);flex:1 1 var(--layout-ide-card-min-width);flex-direction:column;align-items:center;justify-content:center;gap:var(--space-50);padding:var(--space-80) var(--space-90);background:var(--surface-background);text-decoration:none;transition:background var(--system-transition)}.ide-platform:not(:last-child){border-right:var(--border-divider)}.ide-platforms>.ide-platform:not(:last-child){border-bottom:var(--border-divider)}@media (width >= 48rem){.ide-platforms>.ide-platform:not(:last-child){border-bottom:none}}.ide-platform:hover{background:var(--surface-raised)}.ide-platform-mark{width:var(--cmp-mark-size);height:var(--cmp-mark-size);background:var(--cmp-mark-fg);mask:var(--cmp-mark-src) center /contain no-repeat}.ide-platform-mark[data-logo=claude-code]{--cmp-mark-src:url(/design/agent-logos/claude-code.svg)}.ide-platform-mark[data-logo=codex]{--cmp-mark-src:url(/design/agent-logos/codex.svg)}.ide-platform-mark[data-logo=cursor]{--cmp-mark-src:url(/design/agent-logos/cursor.svg)}.ide-platform-mark[data-logo=opencode]{--cmp-mark-src:url(/design/agent-logos/opencode.svg)}.ide-platform-mark[data-logo=pi]{--cmp-mark-src:url(/design/agent-logos/pi.svg)}.ide-platform-label{font-family:var(--system-font);font-size:var(--type-meta);color:var(--text-primary)}.ide-platform:hover .ide-platform-mark{animation:feature-card-icon-bounce .5s ease-out}@media (prefers-reduced-motion:reduce){.ide-platform:hover .ide-platform-mark{animation:none}}